@charset "utf-8";
/* CSS Document - v3.1.0 */
@import url('https://mosata.ir/cdn/font/Estedad/font.css');				
						
    * {
        font-family:Estedad-Medium;
    }	

    #body {
        display: block;
        width: 1000px;
        margin: 5px auto auto;
        border: 2px solid #bbb;
        outline: #333 solid 1px;
        padding: 15px;
        direction: rtl;
        font-family: Estedad-Medium;
        font-size: 13px;
        cursor: default;
        margin: 0px auto;
	cursor:default; 
    }
    h1, h2, h3, h4, h5, h6 {
     font-family: inherit !important; 
}
	#print .title h2,
    h2 a {
        font-family: 'Estedad-Medium',"Times New Roman", Times, arial;
    }
    .date_title {
        font-size: 10px;
        padding-bottom: 10px;
        color: #444
    }
    h2 a {
        font-size: 18px;
        color: #333;
        text-decoration: none;
        padding-bottom: 0
    }
    h1 a {
        font-size: 18px;
        color: #333;
        text-decoration: none;
        padding-bottom: 0
    }
.blockquote-box h1 a {
        font-size: 36px;
    }
    .cnt {
        font-size: 12px;
        color: #000;
        text-decoration: none;
        line-height: 18px
    }
    #print .title h2,
    #print .title span {
        display: block;
        text-align: center;
        color: #333;
        text-decoration: none
    }
    #print .title h2 {
        margin-bottom: 0;
        font-size: 17px
    }
    #print .title span {
    font-family: Estedad-Medium,Tahoma, arial, "Times New Roman", Times;
    padding-top: 5px;
    font-size: 12px;
    color: #fff;
    text-align: right;
    display: inline-block;
    }
#print .title span.author{
    background: #ae7918;
    padding-right: 20px;
}

    a {
        text-decoration: none;
        padding: 5px
    }
}

html {
    direction: ltr
}

h1, h2 {
    font-family: Estedad-Medium;
}
@font-face {
  font-family: 'Scriptina';
  src: url('https://bayanbox.ir/download/2669975515226925761/Scriptina.eot?#iefix') format('embedded-opentype'),  url('https://bayanbox.ir/download/363634823476972120/Scriptina.woff') format('woff'), url('https://bayanbox.ir/download/1647466049734183001/Scriptina.ttf')  format('truetype'), url('https://bayanbox.ir/download/8822436242253818113/Scriptina.svg#Scriptina') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'delius';
    src: url('https://bayanbox.ir/download/2249224823945762973/DeliusSwashCaps-Regular.eot');
    src: url('https://bayanbox.ir/download/2249224823945762973/DeliusSwashCaps-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://bayanbox.ir/download/4177976376241353495/DeliusSwashCaps-Regular.woff2') format('woff2'),
        url('https://bayanbox.ir/download/5554550990925309913/DeliusSwashCaps-Regular.woff') format('woff'),
        url('https://bayanbox.ir/download/9168160245644247610/DeliusSwashCaps-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body {
    font-family: Estedad-Medium;
    font-size: 13px;
    color: #333;
    margin: 0;
    padding: 0;
    line-height: 2em;
    background: #000 url(https://bayanbox.ir/view/6733040808420927697/LN2-Wallpaper-1920x1080-01-Copy.jpg);
    /*background: #000 url(https://bayanbox.ir/view/2713387701730530590/halloween-knitted-pattern-seamless-knitting-vector.jpg);*/
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
	
    margin: 0px auto;
    position: relative;
	cursor:default;
}

.home {
    background: #474848!important;
    color: white;
    border: 2px #1e6f51 solid;

}

p {
    margin-bottom: .5em
}

pre {
    direction: ltr;
    background-color: #d2d2d2;
    border: 1px solid #dadada;
    margin: 1em;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 2px
}

.div2 {
    margin: 17px 0;
    background: black;
    color: #c7c7c7;
    padding: 5px 10px 0 10px;
    font-size: 17px;
    padding-right: 11px;
    font-family: segoe print, sans-serif, serif;
    border-radius: 3px;
    position: relative;
    padding-bottom: 1px;
}

.hmax {
    height: 140px;
    position: relative;
    z-index: 9;
}
.div2.hmax {
    margin-top: 0;
    overflow: hidden;
}
.div2.hmax audio{
width: 100% !important;
    filter: invert(1);
}

.btn_submit {
    direction: ltr
}

.clear {
    clear: both
}

::-webkit-scrollbar {
    background: #ddd;
    width: 15px;
    height: 15px
}

::-webkit-scrollbar-thumb {
    background: #a5791c;
    border-radius: 2px;
}

::-webkit-scrollbar-corner {
    background: #fff
}

::-webkit-scrollbar-track {
background: #ffffff;
    border-radius: 0;
}

::-webkit-scrollbar-thumb:hover {
    background: #777;
}

::-webkit-scrollbar-thumb:active {
    background: #777;
}



img {
    border: 0;
    border-width: 0
}

a {
    color: #359b71;
    cursor: pointer;
    text-decoration: none;
    -moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    -khtml-transition-duration: .3s
}

a:hover {

    text-decoration: none;
    cursor: pointer
}

a:active {
    outline: hidden
}

#wrp {
    height: auto;
    margin: auto;
    direction: rtl;
    margin-top: 0
}

.header {
    height: 105px;
    background: #413736 url(//cdn.bayan.ir/blog/templates/4103/hdr.png) repeat center;
    border-bottom: 1px dashed #554e4d
}

.header .hdr-cnt {
    width: 900px;
    margin: auto
}

.header .hdr_right {
    float: right
}

.header .hdr_left {
    float: left
}

.header .title {
    padding: 10px 0;
    text-align: right;
    text-shadow: 0 0 5px #1f1716
}

.header .title h1 {
    font-family: "b traffic", "Times New Roman", Arial, Helvetica;
    font-size: 30px;
    font-weight: bold;
    color: #ddd;
    margin-bottom: 15px
}

.header .title h1 a {
    color: #ddd
}

.header .title h1 a:hover {
    color: #fff
}

.header .title .desc h2 {
    font-family: "b nazanin", "Times New Roman", Arial, Helvetica;
    font-size: 15px;
    font-weight: bold;
    cursor: default;
    color: #888
}

.main_menu .cnt ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.main_menu .cnt li {
    float: right;
    cursor: default;
    margin-right: 15px
}
span.littlen {
    letter-spacing: 9px;
    font-weight: bold;
}
.main_menu .cnt a {
    display: block;
    font-size: 16px;
    color: #9a9392;
    padding-bottom: 2px;
    margin-top: 37px;
    border-bottom: 2px solid #5f5352
}

.main_menu .cnt a:hover {
    color: #fff;
    border-bottom: 2px solid #0d5847
}

.main_menu .cnt a.selected {
    color: #fff;
    border-bottom: 2px solid #0d5847
}

#wrp .box1 {
    background: black;
    position: relative;
    overflow: hidden;
}

#wrp .box1 .bx_left {
    width: 250px;
    position: relative;
    float: left;
    left: 15px;
    padding-right: 18px;
    box-sizing: border-box;
}
code, kbd, pre, samp {
    font-family: monospace, serif;
    direction: ltr;
    text-align: left;
    word-break: break-word;
    font-size: 10px;
    color: black;
    padding: 29px;
}
* html #wrp .box1 .bx_left {
    margin-left: -10px
}

#wrp .box1 .bx_left .mod_left {
    margin-bottom: 15px;
    border: 1px solid #4b4b4b;
    padding: 8px;
    background: #313131;
}
.mod_left i {
    margin-right: 11px;
}
#wrp .box1 .bx_left .mod_left .title {
    padding: 5px 0;
    color: #fff;
    text-align: right;
    cursor: default;
    font-size: 14px;
    margin: 0;
    border-bottom: 1px solid #ebebeb45;
}

#wrp .box1 .bx_left .mod_left .title span {
    padding-right: 7px
}

#wrp .box1 .bx_left .mod_left .cnt {
    display: block;
    position: relative;
    overflow: hidden;
}

#wrp .box1 .bx_left .mod_left_blank {
    background: #000;
    margin-bottom: 15px;
    border: 3px solid black;
    overflow:hidden;
}

#wrp .box1 .bx_left .mod_left_blank .cnt {
    padding: 5px
}

#wrp .box1 .bx_left .mod_left_blank .cnt .blogImage {
    text-align: center;
    overflow: hidden;
    background:url("http://bayanbox.ir/view/1534622569311918659/sssdf.jpg");
    transition:all ease-in-out 1.5s;
}

#wrp .box1 .bx_left .mod_left_blank .cnt img {
    text-align: center;
    width: 95%;
    height: auto;
    margin-top: 10px;
    margin-bottom: 5px;
    opacity: 0.8
}

* html #wrp .box1 .bx_left .mod_left_blank .cnt img {
    width: 220px;
    height: auto
}

#wrp .box1 .bx_left .mod_left_blank .cnt .blog_description h4 {
    padding: 2px 0 0 9px;
    color: #d2d2d2;
    font-size: 11px;
    margin: 0;
    font-weight: normal;
    text-align: left
}

#wrp .box1 .bx_left .mod_left ul {
    padding: 0;
    margin: 0
}

#wrp .box1 .bx_left .mod_left li {
    margin: 0;
    list-style: none;
    display: block;
    overflow: hidden;
    float: right;
}

#wrp .box1 .bx_left .mod_left ul li ul.subcats a {
    padding-right: 10px;
    padding-top: 1px;
    display: inline-block;
    background: url(//cdn.bayan.ir/blog/templates/4103/sub_ico.png) right no-repeat
}

 .cats li a {
    padding-bottom: 0;
    padding-left: 20px;
    display: table-cell;
}
 .cats li h3 {
    margin: 0;
    font-size: 13px;
    background: #313131;
    color: #d7d7d7;
    border: #6a5600 1px solid;
    padding: 2px 8px 0px;
    border-radius: 3px;
    font-family: 'Estedad-Medium';
    font-weight: 100;
    padding: 5px 12px;
}
 .cats li h3:hover {
    background: #c0910f;
    color: white;
}

.cats li.selected {
    background: 0
}
.cats li {
    float: right;
    list-style: none;
}
ul.cats {
    padding: 0px 22px;
}
#wrp .box1 .bx_left .mod_left .subcats li.selected {
    background: 0
}

#wrp .box1 .bx_left .mod_left .subcats {
    margin-right: 14px;
    margin-top: -3px
}

#wrp .box1 .bx_left .mod_left .cats .count {
    cursor: default;
    display: table-cell;
    color: #a19291
}

#wrp .box1 .bx_left .mod_left .category_selected .count {
    color: #f5eceb
}

#wrp .box1 .bx_left .mod_left .subcats .count {
    cursor: default;
    display: inline-block;
    color: #a19291
}

#wrp .box1 .bx_left .mod_left .category_selected {
    background: #b4a9a8;
    padding: 2px 5px 2px 5px;
    display: block;
    height: 21px;
    max-height: auto;
    *height: auto
}

#wrp .box1 .bx_left .mod_left .category_selected a {
    color: inherit;
    cursor: default
}

#wrp .box1 .bx_left .mod_left ul.links li {
    padding:12px 5px 6px 5px;
    //background: url(//cdn.bayan.ir/blog/templates/4103/line.png) no-repeat center bottom;
    *background: 0;
    *border-bottom: 1px solid #f5f5f5;
    -moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    -khtml-transition-duration: .3s
}

#wrp .box1 .bx_left .mod_left ul.links li:hover {
    background: url(//cdn.bayan.ir/blog/templates/4103/line.png) no-repeat center bottom
}

#wrp .box1 .bx_left .mod_left .links li.selected {
    background: url(//cdn.bayan.ir/blog/templates/4103/line.png) no-repeat center bottom
}

#wrp .box1 .bx_left .mod_left .links li a {
    padding-bottom: 3px;
    padding-right: 10px;
    background: url(//cdn.bayan.ir/blog/templates/4103/sidebar-bullet.png) right no-repeat;
    color: #adadad;
    float: right;
}

#wrp .box1 .bx_left .mod_left .links .count {
    cursor: default;
    color: #daa126;
    margin-right: 10px;
    top: 5px;
    position: relative;
}

#wrp .box1 .bx_left .mod_left ul.links li:last-child {
    border-bottom: 0;
    background: 0
}

#wrp .box1 .bx_left .mod_left .cnt.ads {
    text-align: center;
    padding-top: 11px;
    padding-right: 5px;
    padding-bottom: 2px
}

#wrp .box1 .bx_left .mod_left .cnt.ads .view_ads {
    margin-bottom: 10px;
    display: block
}

#wrp .box1 .bx_left .mod_left #stat_summary_div {
    clear: both;
    padding: 2px 6px
}

#wrp .box1 .bx_left .mod_left .cnt.stat {
    //background: rgba(255, 255, 255, 0.82)
		
}

#wrp .box1 .bx_left .mod_left .cnt.stat .row {
    background: url(//cdn.bayan.ir/blog/templates/4103/line.png) no-repeat center bottom;
    clear: both;
    padding-bottom: 38px;
}

#wrp .box1 .bx_left .mod_left .cnt.stat .row:last-child {
    background: 0
}

#wrp .box1 .bx_left .mod_left .cnt.stat .StatTitle {

    cursor: default;
    color: #b6b6b6;
    font-size: 13px;
    border: 0;
    font-weight: normal;
    float: right;
    text-align: right;
    line-height: 2;
    position: relative;
    top: 5px;

}

#wrp .box1 .bx_left .mod_left .cnt.stat .Value {
    color: #FFF;
    cursor: default;
    float: left;
    background-color: #ae7918;
    text-align: center;
    border-radius: 100px;
    padding: 0px 2px;
    min-width: 25px;
    margin: 2px;
    line-height: 28px;
}

#reset {
    float: left;
    width: 41px;
    text-align: left;
    padding-left: 10px
}

span a i {
    color: #fff;
    font-size: 27px !important;
    transition: all ease-in-out 0.2s
}

span a i:hover {
   
}


i.fa.fa-comments-o {
    font-size: 150px;
    position: relative;
    text-align: center;
    top: 144px
}

#wrp .box1 .bx_left .mod_left .cnt .tagcloud h3 {
    margin: 0;
    font-size: 11px;
    font-family: "tahoma", "Times New Roman", Times, Arial, serif;
    font-weight: normal;
    display: inline-block;
    *display: inline;
    *margin: 2px
}

#wrp .box1 .bx_left .mod_left .cnt .tagcloud span {
    display: inline-block;
    margin: 1px 0 1px 0
}

#wrp .box1 .bx_left .mod_left .cnt .tagcloud a {
    padding: 6px 5px 6px 5px;
    color: #ececec;
    border: 1px solid #5f5554;
    background: #ae7918;
    display: table-cell;
    margin: 2px 0 2px 0;
}

#wrp .box1 .bx_left .mod_left .cnt .tagcloud a.selected {
    color: #ececec;
    border: 1px solid black;
    background: #686868;
}

#wrp .box1 .bx_left .mod_left .cnt .list_view li {
    display: inline-block;
    background: 0;
    width: 100%;
    padding: 10px 0px;
}

#wrp .box1 .bx_left .mod_left .cnt .list_view li a {
    background: 0
}

#wrp .box1 .bx_left .mod_left .cnt .list_view.mobile li a {
    padding-bottom: 3px;
    padding-right: 10px;
    display: table-cell;
    *display: inline-block;
    background: url(//cdn.bayan.ir/blog/templates/4103/sidebar-bullet.png) right no-repeat
}

#wrp .box1 .bx_left .mod_left .cnt .list_view .cnt {
    margin-right: -1px;
    margin-bottom: -1px;
    padding: 4px 5px 6px 0;
    line-height: 18px;
    border: 0;
    box-shadow: none;
    background: url(//cdn.bayan.ir/blog/templates/4103/line.png) no-repeat center bottom;
    -moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    -khtml-transition-duration: .3s
}

#wrp .box1 .bx_left .mod_left .cnt .list_view li a {
    color: #b0b0b0
}

#wrp .box1 .bx_left .mod_left .cnt .list_view li a:hover {
    color: #ae7918;
}

#wrp .box1 .bx_left .mod_left .cnt .list_view .cnt:hover {
    background: url(//cdn.bayan.ir/blog/templates/4103/line.png) no-repeat center bottom
}

#wrp .box1 .bx_left .mod_left .cnt .list_view .cnt.selected {
    background: url(//cdn.bayan.ir/blog/templates/4103/line.png) no-repeat center bottom
}

#wrp .box1 .bx_left .mod_left .cnt .list_view .cnt.selected a {
    color: #ae7918;
}

#wrp .box1 .bx_left .mod_left .cnt .list_view .date {
    cursor: default;
    font-size: 9px;
    color: #a19291;
    display: none
}

#wrp .box1 .bx_left .mod_left .cnt .list_view.mobile .date {
    display: block
}

.cnt.max {
    overflow: hidden;
    white-space: nowrap
}

.align {
    padding-right: 0;
    padding-left: 0
}

.align2 {
    margin: 0 15px 15px
}

.post_break {
    padding-top: 0
}

#wrp .box1 .bx_center {
    float: right;
    position: relative;
    width: calc(100% - 250px);
    box-sizing: border-box;
}

#wrp .box1 .bx_center .mod_center {
    word-break: break-word;
}

#wrp .box1 .bx_center .social {
    display: block;
    margin: 35px auto
}

#wrp .box1 .bx_center .messages {
margin: 15px;
}

#wrp .box1 .bx_center .messages .cnt {
    padding: 8px 15px 7px 15px;
    color: #149d53;
    cursor: default;
    text-align: center;
}

#wrp .box1 .bx_center .messages .cnt h2 {
    color: #d2d2d2;
    font-size: 19px;
    font-weight: bold;
    text-align: center;
    cursor: default;
    margin: 5px
}

#wrp .box1 .bx_center .messages .cnt h2 a.comment_count {
    color: #ae7918;
}

#wrp .box1 .bx_center .messages .cnt h2 a.comment_count:hover {
    color: #fff
}

#wrp .box1 .bx_center .post {
    background: #313131;
    padding-bottom: 1px;
    clear: both;
    margin: 18px;
}
span.cmt {
    color: white;
    font-family: 'Estedad-Medium';
    font-size: 15px;
}
#wrp .box1 .bx_center .post .title .date_title {
    color: #a19291;
    cursor: default;
    padding: 0 19px 5px;
    display: none
}

#wrp .box1 .bx_center .post .title h2 {
    line-height: 1.4em;
    font-size: 20px;
    color: #fff;
    padding-bottom: 3px;
    font-weight: bold;
    padding: 14px 0 4px 68px;
    margin: 0;
}

.ttlb {
    animation: ttl 5s;
    -webkit-animation: ttl 5s;
    -moz-animation: ttl 5s;
    animation-iteration-count: 20
}

#wrp .box1 .bx_center .post .title h2 span {
    background: #f3b229;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-left: 9px;
    margin-right: 12px;
    border-radius: 11px
}
#wrp .box1 .bx_center .post .title h1 span {
    background: #59ad26;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-left: 9px;
    margin-right: 12px;
    border-radius: 11px
}
#wrp .box1 .bx_center .post .title h2 a {
    color: #dddddd;
    font-size: 20px;
    z-index: 1;
    position: relative;
    font-weight: 400;
}


#wrp .box1 .bx_center .post .title h1 a {
    color: #6ea54f;
    font-size: 20px;
}

#wrp .box1 .bx_center .post .title h1 a:hover {
    color: #a1bd36
}
#wrp .box1 .bx_center .post .body {
    color: #cecece;
    overflow: hidden;
    height: auto;
    line-height: 1.9em;
    margin: 0 4%;
}

#wrp .box1 .bx_center .post .body .cnt a {
    color: #e5ac42;
    text-decoration: underline;
}

#wrp .box1 .bx_center .post .body .cnt a:hover {
 
}

#wrp .box1 .bx_center .post .body .cnt {
    padding-bottom: 5px;
    color: #a8a8a8;
    line-height: 2.1;
    font-size: 15px;
    position: relative;

}

#wrp .box1 .bx_center .post .body .cnt ul {
    margin-top: -4px
}

#wrp .box1 .bx_center .post .body .cnt ul li {
    margin-right: 5px;
    line-height: 1.9em
}

#wrp .box1 .bx_center .post .body .cnt img {
    max-width: 100%;
    height: auto;
    margin-right: 0;
    border: 0 solid #CCC;
    padding: 0;
    opacity: 0.8;
    border-radius: 6px;
}

#wrp .box1 .bx_center .post .body .post_list img {
    max-width: 100%;
    height: auto;
    margin-right: 0;
    border: 0 solid #CCC;
    padding: 0;
    opacity: 0.8;
    border-radius: 6px;
}

#wrp .box1 .bx_center .post .body .readmore {
    margin-top: 20px;
    margin-bottom: 10px;
    display: block;
    position: relative;
    overflow: hidden;
}

#wrp .box1 .bx_center .post .body .readmore a {
    margin: 0px;
    margin-left: 0px;
    padding: 7px 15px;
    background: #c0910f;
    color: white;
    border: #faa200 1px solid;
    float: right;
    border-radius: 3px;
    text-decoration: none;
}



#wrp .box1 .bx_center .post .post_detail {
    padding-bottom: 10px;
}

#wrp .box1 .bx_center .post .post_detail .cnt {
  
    color: #999
}

#wrp .box1 .bx_center .post .post_detail .cnt .det_left {
    margin-left: 5px
}

#wrp .box1 .bx_center .post .post_detail a {
    color: #aaa;
    text-shadow: none;
    cursor: pointer
}

#wrp .box1 .bx_center .post .post_detail a:hover {
    color: #fff
}

#wrp .box1 .bx_center .post .post_detail .cnt ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#wrp .box1 .bx_center .post .post_detail .cnt .det_left li {
    float: left;
    padding-right: 1%;
    padding-left: 1%;
    border-right: 1px solid #544948;
    list-style: none
}

#wrp .box1 .bx_center .post .post_detail .cnt .det_right li {
    float: right;
    list-style: none;
    padding-right: 7px
}

#wrp .box1 .bx_center .post .post_detail .cnt .date {
    cursor: default;
    color: #aaa;
    display: block;
    padding-right: 25px;
    background: url(//cdn.bayan.ir/blog/templates/4103/pd_ico_date.png) right 4px no-repeat
}

#wrp .box1 .bx_center .post .post_detail .cnt .cmt {
    display: block;
    cursor: pointer;
    padding-right: 25px;
    background: url(//cdn.bayan.ir/blog/templates/4103/pd_ico_cmt.png) right 5px no-repeat;
    font-size: 16px
}

#wrp .box1 .bx_center .post .post_detail .rating {
    padding-right: 0
}

#wrp .box1 .bx_center .post .post_detail .cnt .rating {
    display: block
}

.rate-button-box i {
    font-size: 18px!important;
    position: relative;
    top: 3px;
    margin-right: 3px;
    color: #a3a3a3
}

#wrp .box1 .bx_center .post .post_detail .rating a {
    color: #aaa;
    text-shadow: none
}

#wrp .box1 .bx_center .post .post_detail .rating a:hover {
    color: #fff
}

span.rate-counter {
    min-width: 14px;
    display: inline-block;
}

.rate-box {
    font-weight: bold;
    font-size: 17px;
    margin: 2px
}

.rate-up,
span.rateup {
    color: #090;
    margin-left: 5px
}

.rate-down,
span.ratedn {
    display: none;
    float: left
}

img.rateimg,
img.renew,
img.rateup,
img.ratedn {
    background: url(//cdn.bayan.ir/blog/templates/4103/pd_ico_rate.png) no-repeat center left;
    width: 15px;
    height: 15px;
    vertical-align: middle
}

.rate-down img.rateimg,
img.ratedn {
    width: 23px;
    height: 24px
}

.rate-up img.rateimg,
img.rateup {
    background-position: -3px -5px;
    width: 19px;
    height: 19px
}

#wrp .box1 .bx_center .post_comments {
    margin-right: 145px;
    margin-top: 40px;
    position: relative;
    word-break: break-word;
}

#wrp .box1 .bx_center .cmt_break {
    margin-bottom: 10px
}

#wrp .box1 .bx_center .post_comments .title_cmt {
    height: 20px;
    width: 100%
}

#wrp .box1 .bx_center .post_comments .body_cmt {
    height: auto;
    line-height: 1.9em;
    padding-top: 5px;
    padding-bottom: 8px;
    background: #d2d2d2;
    border-top: 0;
    width: 390px;
    border-bottom-left-radius: 5px;
    box-shadow: 0 6px 15px #131313;
    border-bottom-right-radius: 5px
}

#wrp .box1 .bx_center .post_comments .body_cmt .cnt {
    color: black
}

#wrp .box1 .bx_center .post_comments .body_cmt .cnt .cnt_l {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #282828;
    width: 100%
}

#wrp .box1 .bx_center .post_comments .body_cmt .cnt .cnt_r {
    display: inline-block;
    min-width: 50px;
    height: auto;
    float: right
}

#wrp .box1 .bx_center .post_comments .body_cmt .cnt .cnt_r img {
    width: 30px;
    height: auto
}

#wrp .box1 .bx_center .post_comments .body_cmt .cnt a {
    color: #000
}

#wrp .box1 .bx_center .post_comments .body_cmt .cnt a:hover {
    color: #766958
}

#wrp .box1 .bx_center .post_comments .body_cmt .cnt {
    padding: 0 25px 0 25px;
    box-sizing: border-box
}

#wrp .box1 .bx_center .post_comments .body_cmt .cnt ul {
    margin-top: -4px
}

#wrp .box1 .bx_center .post_comments .body_cmt .cnt ul li {
    margin-right: 5px;
    line-height: 1.9em
}

#wrp .box1 .bx_center .post_comments .cmt_details {
    height: 27px;
    background: #ae7918;
    border-bottom: 0;
    padding: 4px 0 0 0;
    margin-right: 0;
    color: #d5d5d5;
    cursor: default;
    border-top-left-radius: 12px;
    width: 390px;
    box-shadow: 0 1px 6px #131313;
    border-top-right-radius: 7px;
}

#wrp .box1 .bx_center .post_comments .cmt_details ul {
    margin: 0;
    padding: 0
}

#wrp .box1 .bx_center .post_comments .cmt_details .dets_right li {
    list-style: none;
    float: right;
    margin-left: 7px;
    padding-top: 1px;
    color: #c0cec9;
    max-width: 195px;
    overflow: hidden;
    height: 26px;
}

#wrp .box1 .bx_center .post_comments .cmt_details .dets_left li {
    list-style: none;
    float: left;
    margin-left: 7px
}

#wrp .box1 .bx_center .post_comments .cmt_details:hover {
    color: #fff
}

#wrp .box1 .bx_center .post_comments .cmt_details .dets_right {
    float: right;
    margin-right: 5px
}

#wrp .box1 .bx_center .post_comments .cmt_details .dets_left {
    float: left;
    padding-top: 2px;
    margin-left: 5px
}

#wrp .box1 .bx_center .post_comments .cmt_details li a {
    -moz-transition-duration: .0s;
    -webkit-transition-duration: .0s;
    -o-transition-duration: .0s;
    -khtml-transition-duration: .0s
}

#wrp .box1 .bx_center .cmt_details .avatar img {
    width: 62px;
    height: auto;
    margin-right: -82px;
    margin-top: -3px;
    position: absolute;
    border-radius: 37px
}
#wrp .box1 .bx_center .cmt_details .avatar img.zoomp {
    width: 100%;
    max-width: 240px;
    transition: 1s ease-in-out;
    z-index: 1;
}
#wrp .box1 .bx_center .post_comments .cmt_details .author {
    display: block
}

#wrp .box1 .bx_center .post_comments .cmt_details .website {
    background: url(//cdn.bayan.ir/blog/templates/4103/details_ico_cmt.png) center -102px no-repeat;
    width: 18px;
    height: 18px;
    display: block
}

#wrp .box1 .bx_center .post_comments .cmt_details .website:hover {
    background-position: center -125px;
    cursor: pointer
}

#wrp .box1 .bx_center .post_comments .cmt_details .email {
    background: url(//cdn.bayan.ir/blog/templates/4103/details_ico_cmt.png) center -60px no-repeat;
    width: 18px;
    height: 18px;
    display: block
}

#wrp .box1 .bx_center .post_comments .cmt_details .email:hover {
    background-position: center -79px;
    cursor: pointer
}

#wrp .box1 .bx_center .post_comments .cmt_details .cmt_date {
    display: block
}

#wrp .box1 .bx_center .post_comments .cmt_details a {
    color: #e6e2e1;
    cursor: pointer
}

#wrp .box1 .bx_center .post_comments .cmt_details a:hover {
    color: #fff
}

#wrp .box1 .bx_center .cmt_reply {
background: #968408;
    margin-top: 8px;
    margin-bottom: 12px;
    padding: 10px;
    color: #e7e7e7;
    width: 355px;
    border-radius: 7px;
    position: relative;
    right: 195px;
    box-shadow: 0 6px 15px #131313;
    font-size: 16px;
}
.cmt_reply img {
    max-width: 100%;
}
.reply_avatar{
    float: left;
    border-radius: 50%;
    position: relative;
    width: 46px;
    bottom: 48px;
}
.comment_add_form {
    color: #d2d2d2
}

div.commentForm input.sendbutton {
    padding: 5px 15px 6px 15px;
    background: #e0e0e0;
    color: black;
    border: #0d5847 1px solid;
    text-shadow: none;
    margin: 1px;
    cursor: pointer
}

div.commentForm input.sendbutton:hover {
    background: #0d5847;
    color: #fff;
    border: #0d5847 1px solid
}

.comment_add_form {
border-top: rgb(61 61 61) 4px dotted;
    margin-bottom: 15px;
    padding: 0;
    margin-top: 35px;
    padding-top: 13px;
    background: #313131;
    padding: 25px;
    box-sizing: border-box;
    padding-bottom: 25px;
    border-radius: 4px;
    margin: auto;
    max-width: 700px;
	
}

div.commentForm iframe {
    background: #FFF
}

#wrp .box1 .bx_center .post .post_detail .cnt .keywords_post {
    margin-top: 5px;
    margin-right: 8px;
    padding-right: 18px;
    cursor: default;
    background: url(//cdn.bayan.ir/blog/templates/4103/pd_ico_key.png) right top no-repeat;
    display: block
}

#wrp .box1 .bx_center .post .post_detail .cnt .keywords_post span {
    display: inline-block
}

#wrp .box1 .bx_center .post .post_detail .cnt .keywords_post span a {
    border-right: 1px dashed #aaa;
    padding: 2px 7px 2px 7px;
    display: table-cell;
    margin-bottom: 5px
}

#wrp .box1 .bx_center .post .post_detail .cnt .keywords_post span h3 {
    margin: 0;
    font-size: 11px;
    font-weight: normal
}

#wrp .box1 .bx_center .post .post_detail .cnt .keywords_post .first a {
    border-right: 0
}

#wrp .box1 .bx_center .post .post_detail .cnt .author {
    padding-right: 5px;
    color: #aaa;
    border-left: 0 solid #544948;
    padding-left: 10px;
    cursor: default;
    display: block;
    
    font-family: delius;

}

.author {
    color: white;
    background: #ae7918;
    width: 100px;
    position: absolute;
    text-align: center;
    padding: 8px 3px;
    box-sizing: border-box;
    top: 10px;
    left: -10px;
    font-family: delius;
}

#print .title span.koochik {
    width: 0;
    height: 0;
    border-right: 10px solid #744d06;
    border-left: 7px solid rgba(255, 0, 0, 0);
    border-top: 0 solid rgba(255, 0, 0, 0);
    border-bottom: 13px solid rgba(255, 0, 0, 0);
    position: absolute;
    top: 49px;
    left: -16px;
}

iframe {
    border: 0;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0;
    padding: 0;
    width:100%;
   /*background: #000 url(http://bayanbox.ir/view/7912257757726995261/AptGenerousGoldfinch-size-restricted.gif);*/
   background-repeat: no-repeat;
   background-position: center;
}

#sht {
   background: url(https://bayanbox.ir/view/3128879704622997894/download.jpg) center center / cover no-repeat;
    border: 0px;
    cursor: pointer;
    min-height: 430px;
}
#marp i{
    color: #c5c5c5;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    background-position: center !important;
}
#wrp .box1 .bx_center .post .post_detail .cnt .post_rating {
    padding-right: 10px
}

img.renew {
    background: url(//cdn.bayan.ir/blog/templates/525/pd_ico_renew.png) no-repeat;
    width: 18px;
    height: 18px;
    vertical-align: middle
}

#wrp .box1 .bx_center .pagination {
    cursor: default;
    display: block;
    text-align: center
}

#wrp .box1 .bx_center .pagination .left {
    margin-left: -3px
}

#wrp .box1 .bx_center .pagination a {
    padding: 5px 12px 5px 12px;
    cursor: pointer;
    background: #a37b0c;
    color: #fff;
    border: #000 1px solid;
    text-shadow: none;
    display: inline-block;
    position: relative;
    float: none
}

.pagesList {
    display: block;
    width: 100%
}
.wing-right{
    position:absolute;
    right: 0px;
    top: 70px;
    width: 490px;
    display:none;
    transition:transform ease-in-out 1.5s ,top ease-in-out 0.6s ;



}
.wing-left{
    position:absolute;
    left: 0px;
    top: 70px;
    width: 490px;
    display:none;
    transition:transform ease-in-out 1.5s ,top ease-in-out 0.6s ;
	

	
}



#wrp .box1 .bx_center .pagination a.current {
    background: #1f1413;
    color: #c7c4c4;
    border: #5e5655 1px solid
}

#wrp .box1 .bx_center .pagination .spacer {
    float: none;
    padding: 1px 8px;
    color: #999
}

.pagination {
    padding-top: 0
}

.footer_contain_bg {
    clear: both;
    background: #424141;

    margin: 0 4%
}

.footer_contain {
    height: auto;
    clear: both;
    background: white;
    color: #000;
    position: relative;
    z-index: 9;
}

.footer_contain .content {
    height: auto;
    width: 900px;
    margin: auto;
    color: #fff;
    text-align: right;
    direction: rtl;
    background: #313131;
    padding-top: 10px;
}

.footer_contain .content .cnt {
    overflow: hidden;
}

.footer_contain .content .bx {
    width: 28.5%;
    display: inline-block;
    float: right;
    margin-left: 2%;
    margin-right: 2%;
}

.footer_contain .content .bx:last-child {
    margin-left: 0;
}

.footer_contain .content .bx:frist-child {
    margin-right: 0;
}

.footer_contain .content .bx ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    font-size: 11px;
}

.footer_contain .content .bx h4 {
    color: #d6b100;
    text-shadow: 1px 1px 1px #000;
    font-size: 17px;
    cursor: default;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
}

.footer_contain .content .bx ul li {
    color: #daa126;
    transition: all ease-in-out .3s;
    padding: 5px 13px;
    background-origin: content-box;
    right: 6%;
    position: relative;
    background-color: #3e3e3e;
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: 100;
    text-indent: 0;
    list-style-type: disc;
    list-style-position: inside;
    border-right: 3px solid #daa126;
    overflow: hidden;
    height: 25px;
    line-height: 24px;
}

.footer_contain .content .bx ul li:hover {
    background: #967708;
    color: #fff;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.39);
}

.footer_contain .content .bx ul li a {
    color: #fff;
    cursor: pointer;
}

.footer_contain .content .bx ul li.selected {
   background: #c69f30;
    color: #fff;
    text-shadow: 0 0 5px rgb(0 0 0 / 39%);
}

.footer {
clear: both;
    background: #282828;
    position: relative;
    overflow: hidden;
}

.footer .cnt {
    width: 100%;
    height: 40px;
    margin: auto;
    text-align: center;
    position: relative;
}

.footer .links {
    float: right;
    cursor: default;
    color: #685e5d;
    padding-top: 9px;
    display: none;
}

.footer .links a {
    color: #e42a41;
    text-decoration: none;
}

.footer .links a:hover {
    color: #fff;
    text-decoration: underline;
}

.footer .icons {
    position: absolute;
    padding-top: 10px;
    left: 10px;
}

.footer .icons a {
    float: left;
    margin-right: 3px;
}

.footer .icons .bayan {
    background: url(//cdn.bayan.ir/blog/templates/shared/icon/bayan-icon-crystal.png) no-repeat;
    width: 20px;
    height: 20px;
}

.footer .icons .blog {
    background: url(//cdn.bayan.ir/blog/templates/shared/icon/blog-icon-crystal.png) no-repeat;
    width: 20px;
    height: 20px;
}

.footer .icons .bayanbox {
    background: url(//cdn.bayan.ir/blog/templates/shared/icon/bayanbox-icon-crystal.png) no-repeat;
    width: 20px;
    height: 20px;
}

.footer .icons .rss {
    background: url(//cdn.bayan.ir/blog/templates/shared/icon/rss-icon-crystal.png) no-repeat;
    width: 20px;
    height: 20px;
}

.footer .icons .templates {
    background: url(//cdn.bayan.ir/blog/templates/shared/icon/templates-icon-crystal.png) no-repeat;
    width: 20px;
    height: 20px;
}


}
------****/#Granny {
    width: 600px;
}
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: black;
}
::-webkit-scrollbar-thumb {
background: #ae7918;
}
::-moz-scrollbar {
    width: 10px;
}
::-moz-scrollbar-track {
    background: white;
}
::-moz-scrollbar-thumb {
    background: black;
    border-left: 1px solid white;
}
#header {
    color: #fff;
}
#header i {
    float: left;
    position: relative;
    top: 84px;
    z-index: 9999;
    left: 34px;
    font-size: 15px;
}
#header i.fa.fa-play {
    margin-left: 13px;
    color: #0f9067;
}
.logo {
    height: inherit;
    position: absolute;
    top: 10px;
    left: 0px;
    margin-left: 20px;
    padding-left: 5px;
    color: rgb(255 255 255 / 58%);
    letter-spacing: 1px;
    float: left;
    z-index: 9999;
    font-size: 13px;
    font-weight: 100;
}
img.littleyes {
    width: 40px;
    opacity: 0.8;
    padding-right: 7px;
    position: relative;
    top: 2px;
    float: left;
}
.logo .logo-desktop {
    display: block;
}
.logo .logo-mobile {
    width: 111px;
    height: 48px;
    margin: 0 0 0 35px;
    z-index: 1000;
    position: relative;
    display: none;
}
.logo a {
    display: block;
    height: 100%;
}
.logo-panel {
    width: 26px;
    height: 41px;
    overflow: hidden;
    float: left;
    margin: 12px 31px 0 0;
    display: none
}
.panel.fixed-bar .logo-panel {
    display: block;
}
.slogan {
    transition: .5s;
    line-height:1.6;
}
.slogan i {
    letter-spacing: 1px;
    font-size: 17px;
    font-family: FontAwesome;
    margin-left: 4px;
    margin-right: 10px;
    color: #b6b6b6;
}
.webkit .slogan,
.presto .slogan {
    margin-top: 43px;
}
.blockquote-box {
    float: right;
    font-size: 20px;
    max-width: 500px;
    position: relative;
    margin: 0;
}
.blockquote-box h1{
    height: 43px;
    line-height:1;
    color: black;
    font-family: 'delius';
    background: rgb(236,134,0);
    background: linear-gradient(131deg, rgba(236,134,0,1) 0%, rgb(182, 121, 7) 14%, rgb(170, 123, 2) 32%, rgba(245,210,4,1) 35%, rgba(129,102,4,1) 40%, rgba(129,106,4,1) 59%, rgba(230,188,0,1) 65%, rgba(129,71,4,1) 74%, rgb(230, 212, 7) 95%, rgba(235,217,4,1) 100%);
    background-size: 800% 800%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

margin: 21px 0px 0px;
    -webkit-animation: AnimationName 5s ease infinite;
    -moz-animation: AnimationName 5s ease infinite;
    -o-animation: AnimationName 5s ease infinite;
    animation: AnimationName 5s ease infinite;
	
}

@-webkit-keyframes AnimationName{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@-moz-keyframes AnimationName{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@-o-keyframes AnimationName{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes AnimationName{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}		




@-webkit-keyframes AnimationName2{0%,60%,100%{  filter: invert(1)}30%,90%{  filter: invert(0)}}
@-moz-keyframes AnimationName2{0%,60%,100%{  filter: invert(1)}30%,90%{  filter: invert(0)}}
@-o-keyframes AnimationName2{0%,60%,100%{  filter: invert(1)}30%,90%{  filter: invert(0)}}
@keyframes AnimationName2{0%,60%,100%{  filter: invert(1)}30%,90%{  filter: invert(0)}}




.blockquote-box blockquote {
    margin: 0;
    font-style: normal;
}
.blockquote-box q {
    font: 16px/18px "oswaldregular", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    display: block;
    margin: 0 0 12px;
    letter-spacing: .1px;
}
.blockquote-box cite {
    text-align: right;
    display: block;
    font: 52px/16px "Times New Roman", Times, serif;
    position: relative;
    top: 18px;
    margin-right: -8px;
}
.blockquote-box cite:before {
    content: '';
    width: 25px;
    height: 1px;
    display: inline-block;
    vertical-align: top;
    margin: 8px 19px 0 0;
}
.panel {
width: 100%;
    position: relative;
    z-index: 1000;
    margin: 0;
    background: black;
}
.nav-holder {
    max-width: 1104px;
    padding: 0 20px;
    margin: 0 auto;
}
.formField2 {
    clear: right;
}
.panel .opener {
    display: none;
    float: right;
    width: 86px;
    border-left: 1px solid #696969;
    height: 16px;
    background: #fff;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    font: 12px/16px "oswaldregular", Arial, Helvetica, sans-serif;
    padding: 23px 17px 18px 10px;
    cursor: pointer;
    letter-spacing: 2px;
}
.panel .opener span {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 17px;
    position: relative;
}
.webkit .panel .opener span {
    padding: 1px 0 0 17px
}
.panel .opener span:after {
    content: '';
    width: 12px;
    height: 11px;
    background-color: transparent;
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
    background-position: -112px -61px;
    position: absolute;
    left: 0;
    top: 2px;
}
.panel .opener:hover {
    background: #efeded;
}
.panel.popup-active .opener {
    background: #efeded;
}
.concerts-list .title-row .opener {
    float: left;
    position: relative;
    padding: 2px 0 0 29px;
    color: #fff;
    font: 24px/28px "oswaldregular", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    left: -9999px;
    text-decoration: none;
}
.concerts-list .title-row.hover .opener {
    left: auto;
}
.concerts-list .title-row .opener:after,
.concerts-list .title-row:after {
    content: '';
    width: 18px;
    height: 20px;
    background-color: transparent;
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
    background-position: -82px -121px;
    position: absolute;
    left: 0;
    top: 4px;
}
.concerts-list .expanded .title-row .opener {
    display: none
}
.panel .nav-holder:after,
.heading:after,
#header:after,
#twocolumns:after,
.links-block:after,
.two-columns:after,
.form .row:after,
.info-section:after,
.form .box:after {
    display: block;
    clear: both;
    content: ''
}
.clrb {
    clear: both
}
.container {
    padding: 36px 13px 6px
}
.nav-holder,
.fixed-bar .nav-holder {
    padding: 0
}
.gallery {
    position: relative;
    z-index: 1;
    height: 220px;
    background: #000;
    overflow: hidden
}
.gallery.responsive {
    display: none;
}
.gallery .text-box,
.gallery .rsArrowLeft,
.gallery .rsArrowRight {
    top: 16%
}
.album-box {
    padding: 0
}
.twitter-box {
    padding: 1px 0 5px;
    font-size: 20px;
    line-height: 24px
}
header,
footer,
article,
section,
hgroup,
nav,
figure,
aside {
    display: block
}
figure {
    margin: 0;
    padding: 0
}
05. Navigation -------------------------------*/#nav {
    font: 13px/17px "oswaldregular", Arial, Helvetica, sans-serif;
    text-transform: uppercase
}
#nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: right;
}
#nav>ul>li {
    float: right;
    position: relative;
    font-family: sans-serif;

}
#nav>ul>li>a {
    float: left;
    padding: 18px;
    color: #c7c7c7;
    letter-spacing: 1px;
    border: 0px rgba(30, 111, 81, 0) solid;
}
#nav>ul>li>a.selected {
    background: #a5791c !important;
    color: #fff;
}
.chrome #nav {
    text-shadow: 0 0 1px rgba(0, 0, 0, .3)
}
.webkit #nav>ul>li>a,
.presto #nav>ul>li>a,
.trident #nav>ul>li>a {
    padding: 28px 22px 23px 21px
}
#nav>ul>li>a:hover,
#nav>ul>li.hover>a {
    text-decoration: none;
    background: #474848;
    color: white;
}
#nav>ul>li.active>a {
    background: #a5791c !important;
    color: #fff;
}
#nav ul ul {
    width: 273px;
    position: absolute;
    left: 0;
    top: 100%;
    background: #e8e8e8;
    display: none
}
#nav li.hover ul {
    display: block
}
#nav li li {
    border-bottom: 1px solid #fff
}
#nav li li a:hover,
#nav li li.active a {
    background: #f33ca4;
    text-decoration: none
}
.panel.fixed-bar {
    padding: 0 0 1px;
    position: fixed;
    left: 0;
    top: 0
}
.fixed-bar #nav ul ul {
    top: 69px
}
.fixed-bar #nav>ul>li>.has-drop-down-a:hover,
.fixed-bar #nav>ul>li.hover>.has-drop-down-a {
    margin: 0 0 -1px;
    border-bottom: 1px solid #e7e7e7
}
.social-networks {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left
}
.panel .social-networks {
    padding: 21px 16px 21px 10px
}
.social-networks li {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 4px
}
.social-networks a {
    width: 26px;
    height: 26px;
    background-color: transparent;
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
    background-position: ;
    text-indent: -9999px;
    overflow: hidden;
    display: block
}
.social-networks .facebook {
    background-position: 0 0
}
.social-networks .twitter {
    background-position: -34px 0
}
.social-networks .facebook:hover {
    background-position: 0 -30px
}
.social-networks .twitter:hover {
    background-position: -34px -30px
}
#print {
    min-width: 900px;
    width: 900px;
    margin: auto;
	position:relative;
}
.title.align {
    padding: 2px 3px 9px 0;
    position: relative
}
blockquote {
    border-right: 0
}
.photos {
  /* Prevent vertical gaps */
  line-height: 0;
   
  -webkit-column-count: 3;
  -webkit-column-gap:   0px;
  -moz-column-count:    3;
  -moz-column-gap:      0px;
  column-count:         3;
  column-gap:           0px;  
}

.photos img {
  /* Just in case there are inline attributes */
    width: 100% !important;
    height: auto !important;
    margin: 0%;
    opacity: 1 !important;
    transition:all ease-in-out 0.2s;
}
.photos a {
    width: 98% ;
    height: auto ;
    margin-bottom: 2%;
    display: inherit;
    background: url(http://www.e-spirit.com/media/layout/icons/icon_magnifier.png);
    background-size: 20%;
    background-position: center center;
    background-repeat: no-repeat;
}

.photos img:hover {
opacity: 0.7 !important;
}

.pic {
    width: 100%;
    height: 120px;
    margin: 0;
    position: relative;
    transition: all ease-in-out
}
.adbox {
    width: 120px;
    height: 120px;
    border: 3px solid #d1972d;
    margin: 10px 0%;
    position: relative;
    box-shadow: 0 6px 6px 1px #292929;
    border-radius: 50%;
    right: 4px;
    transition: all ease-in-out;
    overflow: hidden;
    display: inline-block;
}
.detbox {
    width: 120px;
    height: 52px;
    background: rgba(12, 97, 71, 0.78);
    position: absolute;
    top: 120px;
    transition: all cubic-bezier(0.74, 0.33, 0.15, 1.06) .4s;
    text-align: center;
    color: #dedede;
    font-size: 14px;
    letter-spacing: .05em;
    border-top: 2px solid rgba(255, 215, 0, 0.85);
    right: 0
}

.bx i {
    float: right;
    position: relative;
    top: 6px;
    right: 0;
    padding-left: 8px
}
#slide-css3 {
    position: relative;
    display: block;
    margin: auto;
    width: 96%;
    overflow: hidden;
    text-align: center;
    direction: rtl
}
#slide-css3 i{
width: 22px;
    height: 22px;
    background: #26650c;
    color: #c5af60;
    border: 2px solid rgb(29, 125, 8);
    border-radius: 50%;
    position: relative;
    bottom: 19px;
    right: 126px;
    line-height: 1.8;
    z-index: 99;
    font-size: 14px;
    transition: all ease-in-out 0.3s;
}
#slide-css3 i:hover{
    background: #25680a;
    color: #c5af60;
    border: 2px solid rgb(192, 174, 95);
}



@keyframes slider-css3 {
    0% {
        left: 0
    }
    
    6% {
        left: 0
    }
    
    12% {
        left: 246px
    }
    
    19% {
        left: 246px
    }
    
    25% {
        left: 491px
    }
    
    31% {
        left: 491px
    }
    
    37% {
        left: 735px
    }
    
    44% {
        left: 735px
    }
    
    50% {
        left: 980px
    }
    
    56% {
        left: 980px
    }
    
    62% {
        left: 735px
    }
    
    69% {
        left: 735px
    }
    
    75% {
        left: 491px
    }
    
    81% {
        left: 491px
    }
    
    87% {
        left: 246px
    }
    
    93% {
        left: 246px
    }
    
    100% {
        left: 0
    }
}
@-webkit-keyframes slider-css3 {
    0% {
        left: 0
    }
    
    6% {
        left: 0
    }
    
    12% {
        left: 246px
    }
    
    19% {
        left: 246px
    }
    
    25% {
        left: 491px
    }
    
    31% {
        left: 491px
    }
    
    37% {
        left: 735px
    }
    
    44% {
        left: 735px
    }
    
    50% {
        left: 980px
    }
    
    56% {
        left: 980px
    }
    
    62% {
        left: 735px
    }
    
    69% {
        left: 735px
    }
    
    75% {
        left: 491px
    }
    
    81% {
        left: 491px
    }
    
    87% {
        left: 246px
    }
    
    93% {
        left: 246px
    }
    
    100% {
        left: 0
    }
}
@-moz-keyframes slider-css3 {
    0% {
        left: 0
    }
    
    6% {
        left: 0
    }
    
    12% {
        left: 246px
    }
    
    19% {
        left: 246px
    }
    
    25% {
        left: 491px
    }
    
    31% {
        left: 491px
    }
    
    37% {
        left: 735px
    }
    
    44% {
        left: 735px
    }
    
    50% {
        left: 980px
    }
    
    56% {
        left: 980px
    }
    
    62% {
        left: 735px
    }
    
    69% {
        left: 735px
    }
    
    75% {
        left: 491px
    }
    
    81% {
        left: 491px
    }
    
    87% {
        left: 246px
    }
    
    93% {
        left: 246px
    }
    
    100% {
        left: 0
    }
}
@-o-keyframes slider-css3 {
    0% {
        left: 0
    }
    
    6% {
        left: 0
    }
    
    12% {
        left: 246px
    }
    
    19% {
        left: 246px
    }
    
    25% {
        left: 491px
    }
    
    31% {
        left: 491px
    }
    
    37% {
        left: 735px
    }
    
    44% {
        left: 735px
    }
    
    50% {
        left: 980px
    }
    
    56% {
        left: 980px
    }
    
    62% {
        left: 735px
    }
    
    69% {
        left: 735px
    }
    
    75% {
        left: 491px
    }
    
    81% {
        left: 491px
    }
    
    87% {
        left: 246px
    }
    
    93% {
        left: 246px
    }
    
    100% {
        left: 0
    }
}
@-ms-keyframes slider-css3 {
    0% {
        left: 0
    }
    
    6% {
        left: 0
    }
    
    12% {
        left: 246px
    }
    
    19% {
        left: 246px
    }
    
    25% {
        left: 491px
    }
    
    31% {
        left: 491px
    }
    
    37% {
        left: 735px
    }
    
    44% {
        left: 735px
    }
    
    50% {
        left: 980px
    }
    
    56% {
        left: 980px
    }
    
    62% {
        left: 735px
    }
    
    69% {
        left: 735px
    }
    
    75% {
        left: 491px
    }
    
    81% {
        left: 491px
    }
    
    87% {
        left: 246px
    }
    
    93% {
        left: 246px
    }
    
    100% {
        left: 0
    }
}





	
#slider-box {
    width: 100%;
    height: 145px;
    overflow: hidden;
    transition: 1s;
    float: right;
    position: relative;
}
.gallery h2 {
background: black;
    padding: 0;
    color: rgba(255, 255, 255, 0.82);
    margin: 0;
    margin-bottom: 11px;
    box-sizing: border-box;
    line-height: 2.4;
    font-size: 15pt;
    text-align: center;
    border-top: 2px solid #ae7918;
    border-bottom: 2px solid #ae7918;
    font-weight: 100;
}
.followersTitle {
    padding: 0 4px;
    margin-bottom: 7px;
    color: black
}
span {
    line-height: 1.7
}
.pccm {
    width: 40px;
    margin-left: 9px;
    border-radius: 30px;
    filter: grayscale(0.4);
    -webkit-filter: grayscale(0.4);
    transition: 1s
}
.pccm:hover {
    filter: none;
    -webkit-filter: none
}
.menc {
    background: #313131 url(http://bayanbox.ir/view/6217336718971987146/9wWQoiCTAAAAAElFTkSuQmCC.png);
    height: 36px;
    z-index: 999;
    color: #ababab;
    font-size: 18px;
    text-align: center;
    text-shadow: 0 5px 4px rgba(0, 0, 0, 0.77);
    position: relative;
    padding-top: 12px;
    letter-spacing: 1px
}
.followThis {
    background: #0c4861;
    font-family: 'Estedad-Medium' !important;
}
.followersCount {
    float: left;
    color: #ccccc4;
    font: 16px sans-serif
}
.followThis.followed {
    background: #0c6147;
}
#followInBx {
    max-width: 230px!important;
    padding: 0 0 10px 0
}
#followInBx.dark {
    color: #d8d8d8;
    position: relative;
    margin-top: -34px
}
#followInBx #followersLs .followImg {
    width: 42px;
    height: 43px;
    border-radius: 50px;
    margin: 3px;
    opacity: .8;
    border: 2px solid rgba(200, 204, 202, 0.77);
}
.blog_description {
    color: #b5b5b5;
    text-align: left;
    direction: ltr;
    padding: 0px 5px;
    letter-spacing: 2px;
    font-size: 8px
}
.blog_description h2 {
    color: #b5b5b5;
    font-weight: 200
}
.blog_description span{
letter-spacing: 1px;
    display: block;
    text-align: right;
    color: rgb(162, 130, 33);
    font-size: 10px;
}
.imgsmile {
    position: relative;
    left: 51px;
    margin-top: 13px;
    margin: 7px;
    min-width: 50px;
    max-width: 103px
}
.numsmile {
    position: absolute;
    margin-top: 81px;
    background: black;
    font-size: 13pt
}
#smile2 {
    margin-right: 10px;
}
.item_wrn {
    margin-right: 10px;
}
#lyric {
position: relative;
transition:all ease-in-out 0.5s;
opacity:0;
}
#marp{
    height: 394px;
    position: absolute;
    top: 0px;
    overflow: hidden;

    width: 100%;
    display:none;
	    border: 2px solid black;
    box-sizing: border-box; 
	background-position: center !important;
}
#mar {
    height: 220px;
    position: absolute;
    bottom: 40px;
    display: block;
    width: 100%;
}
.max img {
    max-height: 140px
}
.pict {
    position: absolute;
    width: 400px;
    top: -8px;
    left: 8px;
    float: right;
    margin: 0 10px
}
@font-face {
    font-family: "FontAwesome";
    src: url("http://bayanbox.ir/download/3540311586271358048/fontawesome-webfont.eot");
    src: url("http://bayanbox.ir/download/3540311586271358048/fontawesome-webfont.eot?#iefix") format("eot"), url("http://bayanbox.ir/download/4226290238873278811/fontawesome-webfont.woff") format("woff"), url("http://bayanbox.ir/download/4255042236268798358/fontawesome-webfont.ttf") format("truetype"), url("http://bayanbox.ir/download/913857317282269768/fontawesome-webfont.svg#FontAwesome") format("svg");
    font-weight: 400;
    font-style: normal
}
a {
    text-decoration: none
}
.jp-title {
    font-size: 12px;
    text-align: center;
    color: #999
}
.jp-title ul {
    padding: 0;
    margin: 0;
    list-style: none
}
.jp-gui {
    position: absolute;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f34927', endColorstr='#dd3311', GradientType=0);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    border-radius: 3px;
    overflow: hidden;
    margin-top: 10px;
    width: 420px;
    top: 101px;
    margin-left: 30px;
    z-index: 9999
}
.jp-controls {
    padding: 0;
    margin: 0;
    list-style: none;
    font-family: "FontAwesome";
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3)
}
.jp-controls li {
    display: inline
}
.jp-controls a {
    color: #fff
}
.jp-play,
.jp-pause {
    width: 44px;
    height: 40px;
    text-align: center;
    line-height: 43px;
    border-radius: 50px;
    position: relative;
    z-index: 9999;
    padding: 15px 16px 12px 21px
}
.jp-controls .jp-play:hover,
.jp-controls .jp-pause:hover {
    background-color: #1a7302
}
.jp-mute,
.jp-unmute {
    position: absolute;
    right: 55px;
    top: 0;
    width: 20px;
    height: 40px;
    display: inline-block;
    line-height: 46px;
    opacity: 0
}
.jp-mute {
    text-align: left
}
.jp-volume-bar {
    position: absolute;
    right: 10px;
    top: 17px;
    width: 45px;
    height: 8px;
    border-radius: 20px 20px 20px 20px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1) inset;
    background-color: #1a7302;
    overflow: hidden;
    opacity: 0
}
.jp-volume-bar-value {
    background-color: #fff;
    height: 8px;
    border-radius: 20px 20px 20px 20px
}
.jp-progress {
    background-color: #1a7302;
    border-radius: 20px 20px 20px 20px;
    overflow: hidden;
    position: absolute;
    right: 133px;
    top: 15px;
    width: 210px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2) inset;
    display: none
}
.jp-current-time {
    display: none
}
.jp-play-bar {
    height: 12px;
    background-color: #fff;
    border-radius: 20px 20px 20px 20px
}
.jp-time-holder {
    color: #FFF;
    font-size: 12px;
    line-height: 14px;
    position: absolute;
    right: 90px;
    top: 14px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3)
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block
}
audio {
    width: 100%
}
audio,
canvas,
video {
    display: inline-block
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden] {
    display: none
}
a:focus {
    outline: thin dotted
}
a:active,
a:hover {
    outline: 0
}
h1 {
    font-size: 2em;
    padding: 0;
    margin: 25px 0 6px
}
abbr[title] {
    border-bottom: 1px dotted
}
b,
strong {
    font-weight: bold
}
dfn {
    font-style: italic
}
mark {
    background: #ff0;
    color: #000
}
code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em
}
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}
/ q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -0.5em
}
sub {
    bottom: -0.25em
}
img {
    border: 0
}
svg:not(:root) {
    overflow: hidden
}
figure {
    margin: 0
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}
legend {
    border: 0;
    padding: 0
}
button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0
}
button,
input {
    line-height: normal
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled],
input[disabled] {
    cursor: default
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
textarea {
    overflow: auto;
    vertical-align: top
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
.pp3 {
    color: transparent;
    font-family: delius;
    font-size: 19px;
    line-height: 19px;
    font-weight: 100;
    padding-left: 15px;
    letter-spacing: 0px;
    height: 30px;
    margin: 0px;
    margin-bottom: 24px;
    font-family: Estedad-Medium;
    text-shadow: 0px 2px 8px transparent;
    transition: all ease-in-out 1s;
}
p.pp3.thlrc {
    color:rgb(255 204 0 / 85%) !important;
    text-shadow: 0px 4px 5px black;
    font-weight: bold;
    letter-spacing: 1px;
}
p.pp3.nearthlrc {
color: rgb(199 199 199 / 62%);
}


#glassback {
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 50%);
}
.sd2 {
    z-index: 9;
    position: relative
}

.mod-cnt {
    text-align: center;
    width: 58px;
    height: 500px;
    float: right;
    position: absolute;
    margin-Top: 0;
    opacity: .8;
	display:none;
}
.cls21 {
width: 0;
    height: 0;
    border-top: 2px rgba(255, 0, 0, 0) solid;
    border-bottom: 11px rgba(255, 0, 0, 0) solid;
    border-left: 24px #ae7918 solid;
    border-right: 33px rgba(228, 28, 28, 0) solid;
    position: absolute;
    right: -48px;
}
.cls22 {
    width: 0;
    height: 0;
    border-top: 0 rgba(255, 0, 0, 0) solid;
    border-bottom: 10px #968408 solid;
    border-left: 20px rgba(210, 210, 210, 0) solid;
    border-right: 11px rgba(255, 0, 0, 0) solid;
    position: absolute;
    left: -12px;
    bottom: 2px;
}
#shout {
    width: 100%;
    min-height: 360px;
    color: #787878;
    text-align: center;
    direction: ltr;
    cursor: help;
    margin-bottom: 5px;
    position: relative;
    overflow: hidden;
}
.shoutb {
    float: left;
    margin-left: 8px;
    color: #ba8415;
}
.shoutl {
    float: right;
    margin-right: 8px;
    color: #ba8415;
}
.flt {
    float: left
}
.mscpl {
    float: left;
    width: 70px;
    height: 65px;
    border-radius: 2px;
    margin: -10px 10px 8px 6px;
    opacity: 0.8;
    top: 5px;
    position: relative;
}
.mscpls {
    float: left;
    text-align: left;
    overflow: hidden;
    font-size: 12px;
	direction: ltr;
}
.bx h3 {
    color: #daa126;
    font-size: 14px;
    margin-right: 19px;
    position: relative;
    font-family: inherit;
}
.cpr a {
    color: rgb(219 175 49 / 81%);
    margin: 0 13px;
    font-size: 13px;
    font-family: cursive, segoe print, fantasy;
}
.cpr i {
    font-size: 16px;
    position: relative;
    float: left;
    color: rgb(219 175 49 / 81%);
    top: 5px;
    left: 8px
}
.cprc {
    position: relative;
    top: 9px;
    color: #949494;
}
.cprc i {
    margin-right: 3px
}

@media screen and (min-width:1500px) {
	.wing-right{ display:block; }
	.wing-left{ display:block;}
}

.tlgm {
    min-width: 160px;
    width: 71%;
    background: #1986b9;
    color: #ffffff;
    margin: 11px auto;
    display: block;
    position: relative;
    border-radius: 4px;
    direction: ltr;
    margin-bottom: 22px;
    font-size: 12px;
    border: 2px solid #1986b9;
    overflow: hidden;
    text-indent: 40px;
}
.tlgm i {
    background: #1986b9;
    color: #e2e2e2;
    font-size: 20px;
    padding: 5px 7px 3px 4px;
    left: 0px;
    top: 0px;
    position: absolute;
    text-indent: 0px;
    border-right: 1px solid rgba(193, 193, 193, 0.3);
}
.tlgm img {
    background: #1986b9;
    color: #e2e2e2;
    font-size: 20px;
    padding: 5px 7px 3px 4px;
    left: 0px;
    top: 0px;
    position: absolute;
    text-indent: 0px;
    border-right: 1px solid rgba(193, 193, 193, 0.3);
}

.sitename{
    font-family: Scriptina;
    text-align: center;
    color: #c69f30;
    letter-spacing: 3px;
    font-weight: 500;
    font-size: 26px;
    line-height: 20px;
    margin: 0;
    margin-bottom: 40px;
}

// audio player

.audioplayer
{
	height: 2.5em; /* 40 */
	color: #fff;
	text-shadow: 1px 1px 0 #000;
	border: 1px solid #222;
	position: relative;
	z-index: 1;
	background: #333;
	background: -webkit-gradient( linear, left top, left bottom, from( #444 ), to( #222 ) );
	background: -webkit-linear-gradient( top, #444, #222 );
	background: -moz-linear-gradient( top, #444, #222 );
	background: -ms-radial-gradient( top, #444, #222 );
	background: -o-linear-gradient( top, #444, #222 );
	background: linear-gradient( top, #444, #222 );
	-webkit-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 1.25em rgba( 0, 0, 0, .5 ); /* 20 */
	-moz-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 1.25em rgba( 0, 0, 0, .5 ); /* 20 */
	box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 1.25em rgba( 0, 0, 0, .5 ); /* 20 */
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
	.audioplayer-mini
	{
		width: 2.5em; /* 40 */
		margin: 0 auto;
	}
	.audioplayer > div
	{
		position: absolute;
	}
	.audioplayer-playpause
	{
		width: 2.5em; /* 40 */
		height: 100%;
		text-align: left;
		text-indent: -9999px;
		cursor: pointer;
		z-index: 2;
		top: 0;
		left: 0;
	}
.audioplayer-time.audioplayer-time-duration {
    z-index: 1;
}

		.audioplayer:not(.audioplayer-mini) .audioplayer-playpause
		{
			    width: 30px;
    margin-top: 8px;
	               
		}
		.audioplayer-mini .audioplayer-playpause
		{
			width: 100%;
		}
		.audioplayer-playpause:hover,
		.audioplayer-playpause:focus
		{
			background-color: #222;
		}
		.audioplayer-playpause a
		{
			display: block;
		}
		.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a
		{
			width: 0;
			height: 0;
			border: 0.5em solid transparent; /* 8 */
			border-right: none;
			border-left-color: #398612;
			content: '';
			position: absolute;
			top: 50%;
			left: 50%;
			margin: -0.5em 0 0 -0.25em; /* 8 4 */
	                 color: transparent;
		}
		.audioplayer-playing .audioplayer-playpause a
		{
			width: 0.75em;
			height: 0.75em;
			position: absolute;
			top: 50%;
			left: 50%;
			margin: -0.375em 0 0 -0.375em; /* 6 */
	                color: transparent;
		}
			.audioplayer-playing .audioplayer-playpause a:before,
			.audioplayer-playing .audioplayer-playpause a:after
			{
				width: 40%;
				height: 100%;
				background-color: #88a904;
				content: '';
				position: absolute;
				top: 0;
			}
			.audioplayer-playing .audioplayer-playpause a:before
			{
				left: 0;
			}
			.audioplayer-playing .audioplayer-playpause a:after
			{
				right: 0;
			}
	.audioplayer-time
	{
		width: 4.375em; /* 70 */
		height: 100%;
		line-height: 2.375em; /* 38 */
		text-align: center;
		z-index: 2;
		top: 0;
	}
		.audioplayer-time-current
		{
		 margin-top: 0px;
                 color: #26924c;
                 left: 27px;
	         
		}
		.audioplayer-time-duration
		{
			
			margin-top: 0px;
                        color: #26924c;
		}
			.audioplayer-novolume .audioplayer-time-duration
			{
				border-right: 0;
				right: 0;
			}
	.audioplayer-bar
	{
		height: 0.875em; /* 14 */
		background-color: #222;
		cursor: pointer;
		z-index: 1;
		top: 50%;
		right: 6.875em; /* 110 */
		left: 6.875em; /* 110 */
		margin-top: -0.438em; /* 7 */
	}
		.audioplayer-novolume .audioplayer-bar
		{
			right: 4.375em; /* 70 */
		}
		.audioplayer-bar div
		{
			width: 0;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}
		.audioplayer-bar-loaded
		{
			background-color: #333;
			z-index: 1;
		}
		.audioplayer-bar-played
		{
			background-image: none;
                        background-color: green;
			z-index: 2;
		}
	.audioplayer-volume
	{
		width: 2.5em; /* 40 */
		height: 100%;
		border-left: 1px solid #111;
		border-left-color: rgba( 0, 0, 0, .25 );
		text-align: left;
		text-indent: -9999px;
		cursor: pointer;
		z-index: 2;
		top: 0;
		right: 0;
	}
		.audioplayer-volume:hover,
		.audioplayer-volume:focus
		{
			background-color: #222;
		}
		.audioplayer-volume-button
		{
			width: 100%;
			height: 100%;
		}
			.audioplayer-volume-button a
			{
				width: 0.313em; /* 5 */
				height: 0.375em; /* 6 */
				background-color: #fff;
				display: block;
				position: relative;
				z-index: 1;
				top: 40%;
				left: 35%;
			}
				.audioplayer-volume-button a:before,
				.audioplayer-volume-button a:after
				{
					content: '';
					position: absolute;
				}
				.audioplayer-volume-button a:before
				{
					width: 0;
					height: 0;
					border: 0.5em solid transparent; /* 8 */
					border-left: none;
					border-right-color: #fff;
					z-index: 2;
					top: 50%;
					right: -0.25em;
					margin-top: -0.5em; /* 8 */
				}
				.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after
				{
					/* "volume" icon by Nicolas Gallagher, http://nicolasgallagher.com/pure-css-gui-icons */
					width: 0.313em; /* 5 */
					height: 0.313em; /* 5 */
					border: 0.25em double #fff; /* 4 */
					border-width: 0.25em 0.25em 0 0; /* 4 */
					left: 0.563em; /* 9 */
					top: -0.063em; /* 1 */
					-webkit-border-radius: 0 0.938em 0 0; /* 15 */
					-moz-border-radius: 0 0.938em 0 0; /* 15 */
					border-radius: 0 0.938em 0 0; /* 15 */
					-webkit-transform: rotate( 45deg );
					-moz-transform: rotate( 45deg );
					-ms-transform: rotate( 45deg );
					-o-transform: rotate( 45deg );
					transform: rotate( 45deg );
				}
		.audioplayer-volume-adjust
		{
			height: 6.25em; /* 100 */
			cursor: default;
			position: absolute;
			left: 0;
			right: -1px;
			top: -9999px;
			background: #222;
			background: -webkit-gradient( linear, left top, left bottom, from( #444 ), to( #222 ) );
			background: -webkit-linear-gradient( top, #444, #222 );
			background: -moz-linear-gradient( top, #444, #222 );
			background: -ms-radial-gradient( top, #444, #222 );
			background: -o-linear-gradient( top, #444, #222 );
			background: linear-gradient( top, #444, #222 );
			-webkit-border-top-left-radius: 2px;
			-webkit-border-top-right-radius: 2px;
			-moz-border-radius-topleft: 2px;
			-moz-border-radius-topright: 2px;
			border-top-left-radius: 2px;
			border-top-right-radius: 2px;
		}
			.audioplayer-volume:not(:hover) .audioplayer-volume-adjust
			{
				opacity: 0;
			}
			.audioplayer-volume:hover .audioplayer-volume-adjust
			{
				top: auto;
				bottom: 100%;
			}
			.audioplayer-volume-adjust > div
			{
				width: 40%;
				height: 80%;
				background-color: #222;
				cursor: pointer;
				position: relative;
				z-index: 1;
				margin: 30% auto 0;
			}
				.audioplayer-volume-adjust div div
				{
					width: 100%;
					height: 100%;
					position: absolute;
					bottom: 0;
					left: 0;
					background: #007fd1;
					background: -webkit-gradient( linear, left bottom, left top, from( #007fd1 ), to( #c600ff ) );
					background: -webkit-linear-gradient( bottom, #007fd1, #c600ff );
					background: -moz-linear-gradient( bottom, #007fd1, #c600ff );
					background: -ms-radial-gradient( bottom, #007fd1, #c600ff );
					background: -o-linear-gradient( bottom, #007fd1, #c600ff );
					background: linear-gradient( bottom, #007fd1, #c600ff );
				}
		.audioplayer-novolume .audioplayer-volume
		{
			display: none;
		}

	.audioplayer-play,
	.audioplayer-pause,
	.audioplayer-volume a
	{
		-webkit-filter: drop-shadow( 1px 1px 0 #000 );
		-moz-filter: drop-shadow( 1px 1px 0 #000 );
		-ms-filter: drop-shadow( 1px 1px 0 #000 );
		-o-filter: drop-shadow( 1px 1px 0 #000 );
		filter: drop-shadow( 1px 1px 0 #000 );
	}
	.audioplayer-bar,
	.audioplayer-bar div,
	.audioplayer-volume-adjust div
	{
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.audioplayer-bar,
	.audioplayer-volume-adjust > div
	{
		-webkit-box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );
		-moz-box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );
		box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );
	}
	.audioplayer-volume-adjust div div,
	.audioplayer-bar-played
	{
		-webkit-box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );
		-moz-box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );
		box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );
	}
	.audioplayer-volume-adjust
	{
		-webkit-box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );
		-moz-box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );
		box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );
	}
	.audioplayer *,
	.audioplayer *:before,
	.audioplayer *:after
	{
		-webkit-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
		-moz-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
		-ms-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
		-o-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
		transition: color .25s ease, background-color .25s ease, opacity .5s ease;
	}
.audioplayer {
    position: absolute;
    bottom: 10px;
    right: 9px;
    color: #13805e;
    width: 96%;
}
.audioplayer-volume {
    display: none;
}
.audioplayer-bar {
    width: 94%;
    position: relative;
    right: 0px;
    top: 9px;
    height: 5px;
}
@media screen and (max-width:1500px) and (min-width:1360px) {
	#print{ zoom:0.9; }
.wing-left{
    display:block;
    width:450px;
	
}
		
.wing-right{
    display:block;	
    width:450px;
}
	
}

.musdet {
    position: absolute;
    height: 52px;
    overflow: hidden;
    display: grid;
    left: 98px;
    top: 35px;
}
.div2.hmax i.fa.fa-music {
    color: #5c5c5c;
}
\* * * * * * * * * * * * * * * * * * * * */.shake,.shake-little,.shake-slow,.shake-hard,.shake-horizontal,.shake-vertical,.shake-rotate,.shake-opacity,.shake-crazy,.shake-chunk{display:inline-block;transform-origin:center center}.shake-freeze,.shake-constant.shake-constant--hover:hover,.shake-trigger:hover .shake-constant.shake-constant--hover{animation-play-state:paused}.shake-freeze:hover,.shake-trigger:hover .shake-freeze,.shake:hover,.shake-trigger:hover .shake,.shake-little:hover,.shake-trigger:hover .shake-little,.shake-slow:hover,.shake-trigger:hover .shake-slow,.shake-hard:hover,.shake-trigger:hover .shake-hard,.shake-horizontal:hover,.shake-trigger:hover .shake-horizontal,.shake-vertical:hover,.shake-trigger:hover .shake-vertical,.shake-rotate:hover,.shake-trigger:hover .shake-rotate,.shake-opacity:hover,.shake-trigger:hover .shake-opacity,.shake-crazy:hover,.shake-trigger:hover .shake-crazy,.shake-chunk:hover,.shake-trigger:hover .shake-chunk{animation-play-state:running}@keyframes shake{2%{transform:translate(.5px, 1.5px) rotate(1.5deg)}4%{transform:translate(.5px, 1.5px) rotate(1.5deg)}6%{transform:translate(-1.5px, -1.5px) rotate(-.5deg)}8%{transform:translate(.5px, -.5px) rotate(.5deg)}10%{transform:translate(.5px, 2.5px) rotate(.5deg)}12%{transform:translate(2.5px, 1.5px) rotate(-.5deg)}14%{transform:translate(-1.5px, 2.5px) rotate(-.5deg)}16%{transform:translate(-.5px, .5px) rotate(.5deg)}18%{transform:translate(.5px, 2.5px) rotate(1.5deg)}20%{transform:translate(-.5px, -.5px) rotate(.5deg)}22%{transform:translate(2.5px, .5px) rotate(-.5deg)}24%{transform:translate(-1.5px, -1.5px) rotate(.5deg)}26%{transform:translate(2.5px, -.5px) rotate(-.5deg)}28%{transform:translate(1.5px, -.5px) rotate(.5deg)}30%{transform:translate(.5px, .5px) rotate(-.5deg)}32%{transform:translate(-1.5px, .5px) rotate(-.5deg)}34%{transform:translate(.5px, 2.5px) rotate(-.5deg)}36%{transform:translate(-.5px, -.5px) rotate(1.5deg)}38%{transform:translate(-1.5px, -1.5px) rotate(.5deg)}40%{transform:translate(-1.5px, 1.5px) rotate(1.5deg)}42%{transform:translate(.5px, -1.5px) rotate(1.5deg)}44%{transform:translate(.5px, .5px) rotate(.5deg)}46%{transform:translate(-1.5px, -1.5px) rotate(1.5deg)}48%{transform:translate(.5px, -1.5px) rotate(.5deg)}50%{transform:translate(2.5px, .5px) rotate(-.5deg)}52%{transform:translate(-.5px, 2.5px) rotate(-.5deg)}54%{transform:translate(.5px, .5px) rotate(.5deg)}56%{transform:translate(-1.5px, 2.5px) rotate(.5deg)}58%{transform:translate(2.5px, .5px) rotate(.5deg)}60%{transform:translate(-1.5px, 2.5px) rotate(.5deg)}62%{transform:translate(1.5px, -.5px) rotate(-.5deg)}64%{transform:translate(1.5px, -1.5px) rotate(1.5deg)}66%{transform:translate(1.5px, -1.5px) rotate(-.5deg)}68%{transform:translate(.5px, 2.5px) rotate(-.5deg)}70%{transform:translate(1.5px, -1.5px) rotate(1.5deg)}72%{transform:translate(1.5px, 1.5px) rotate(-.5deg)}74%{transform:translate(-.5px, 1.5px) rotate(1.5deg)}76%{transform:translate(1.5px, 2.5px) rotate(.5deg)}78%{transform:translate(-.5px, .5px) rotate(.5deg)}80%{transform:translate(-1.5px, 2.5px) rotate(.5deg)}82%{transform:translate(.5px, 2.5px) rotate(-.5deg)}84%{transform:translate(2.5px, -.5px) rotate(.5deg)}86%{transform:translate(1.5px, .5px) rotate(.5deg)}88%{transform:translate(-.5px, -1.5px) rotate(-.5deg)}90%{transform:translate(1.5px, -.5px) rotate(1.5deg)}92%{transform:translate(.5px, 2.5px) rotate(.5deg)}94%{transform:translate(2.5px, .5px) rotate(-.5deg)}96%{transform:translate(.5px, 2.5px) rotate(.5deg)}98%{transform:translate(2.5px, -1.5px) rotate(1.5deg)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake:hover,.shake-trigger:hover .shake,.shake.shake-freeze,.shake.shake-constant{animation-name:shake;animation-duration:100ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-little{2%{transform:translate(1px, 1px) rotate(.5deg)}4%{transform:translate(1px, 1px) rotate(.5deg)}6%{transform:translate(1px, 1px) rotate(.5deg)}8%{transform:translate(1px, 0px) rotate(.5deg)}10%{transform:translate(1px, 1px) rotate(.5deg)}12%{transform:translate(1px, 1px) rotate(.5deg)}14%{transform:translate(0px, 0px) rotate(.5deg)}16%{transform:translate(1px, 1px) rotate(.5deg)}18%{transform:translate(0px, 1px) rotate(.5deg)}20%{transform:translate(0px, 0px) rotate(.5deg)}22%{transform:translate(1px, 1px) rotate(.5deg)}24%{transform:translate(0px, 1px) rotate(.5deg)}26%{transform:translate(0px, 1px) rotate(.5deg)}28%{transform:translate(0px, 1px) rotate(.5deg)}30%{transform:translate(0px, 0px) rotate(.5deg)}32%{transform:translate(1px, 1px) rotate(.5deg)}34%{transform:translate(0px, 0px) rotate(.5deg)}36%{transform:translate(0px, 0px) rotate(.5deg)}38%{transform:translate(1px, 1px) rotate(.5deg)}40%{transform:translate(0px, 1px) rotate(.5deg)}42%{transform:translate(0px, 0px) rotate(.5deg)}44%{transform:translate(1px, 0px) rotate(.5deg)}46%{transform:translate(0px, 0px) rotate(.5deg)}48%{transform:translate(0px, 1px) rotate(.5deg)}50%{transform:translate(0px, 1px) rotate(.5deg)}52%{transform:translate(0px, 0px) rotate(.5deg)}54%{transform:translate(0px, 1px) rotate(.5deg)}56%{transform:translate(1px, 0px) rotate(.5deg)}58%{transform:translate(1px, 0px) rotate(.5deg)}60%{transform:translate(1px, 1px) rotate(.5deg)}62%{transform:translate(0px, 1px) rotate(.5deg)}64%{transform:translate(0px, 0px) rotate(.5deg)}66%{transform:translate(0px, 1px) rotate(.5deg)}68%{transform:translate(0px, 1px) rotate(.5deg)}70%{transform:translate(0px, 1px) rotate(.5deg)}72%{transform:translate(1px, 0px) rotate(.5deg)}74%{transform:translate(0px, 1px) rotate(.5deg)}76%{transform:translate(0px, 1px) rotate(.5deg)}78%{transform:translate(0px, 1px) rotate(.5deg)}80%{transform:translate(0px, 0px) rotate(.5deg)}82%{transform:translate(1px, 0px) rotate(.5deg)}84%{transform:translate(1px, 0px) rotate(.5deg)}86%{transform:translate(0px, 0px) rotate(.5deg)}88%{transform:translate(0px, 0px) rotate(.5deg)}90%{transform:translate(1px, 0px) rotate(.5deg)}92%{transform:translate(0px, 1px) rotate(.5deg)}94%{transform:translate(1px, 1px) rotate(.5deg)}96%{transform:translate(1px, 0px) rotate(.5deg)}98%{transform:translate(1px, 0px) rotate(.5deg)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-little:hover,.shake-trigger:hover .shake-little,.shake-little.shake-freeze,.shake-little.shake-constant{animation-name:shake-little;animation-duration:100ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-slow{2%{transform:translate(4px, -9px) rotate(-2.5deg)}4%{transform:translate(6px, 8px) rotate(2.5deg)}6%{transform:translate(-5px, 6px) rotate(-.5deg)}8%{transform:translate(-1px, 1px) rotate(-.5deg)}10%{transform:translate(5px, 8px) rotate(2.5deg)}12%{transform:translate(-7px, 0px) rotate(2.5deg)}14%{transform:translate(6px, -4px) rotate(1.5deg)}16%{transform:translate(-2px, 6px) rotate(3.5deg)}18%{transform:translate(0px, 10px) rotate(.5deg)}20%{transform:translate(9px, 1px) rotate(1.5deg)}22%{transform:translate(5px, 4px) rotate(2.5deg)}24%{transform:translate(-1px, -9px) rotate(-2.5deg)}26%{transform:translate(-1px, 3px) rotate(.5deg)}28%{transform:translate(8px, -3px) rotate(-2.5deg)}30%{transform:translate(4px, 10px) rotate(.5deg)}32%{transform:translate(7px, 1px) rotate(2.5deg)}34%{transform:translate(7px, -4px) rotate(-1.5deg)}36%{transform:translate(-4px, 9px) rotate(-.5deg)}38%{transform:translate(8px, 10px) rotate(1.5deg)}40%{transform:translate(7px, 9px) rotate(3.5deg)}42%{transform:translate(-7px, -5px) rotate(1.5deg)}44%{transform:translate(5px, 3px) rotate(-1.5deg)}46%{transform:translate(-7px, 0px) rotate(-.5deg)}48%{transform:translate(-6px, -9px) rotate(-1.5deg)}50%{transform:translate(-9px, -4px) rotate(-2.5deg)}52%{transform:translate(8px, -1px) rotate(3.5deg)}54%{transform:translate(-1px, 2px) rotate(3.5deg)}56%{transform:translate(1px, -5px) rotate(-2.5deg)}58%{transform:translate(-3px, -5px) rotate(-1.5deg)}60%{transform:translate(-3px, 3px) rotate(-1.5deg)}62%{transform:translate(9px, 3px) rotate(1.5deg)}64%{transform:translate(-3px, 4px) rotate(3.5deg)}66%{transform:translate(0px, 10px) rotate(2.5deg)}68%{transform:translate(-5px, 6px) rotate(-.5deg)}70%{transform:translate(-8px, -4px) rotate(-.5deg)}72%{transform:translate(-9px, 2px) rotate(1.5deg)}74%{transform:translate(0px, 3px) rotate(1.5deg)}76%{transform:translate(4px, 6px) rotate(-.5deg)}78%{transform:translate(-2px, 1px) rotate(.5deg)}80%{transform:translate(-1px, 2px) rotate(-2.5deg)}82%{transform:translate(-9px, 2px) rotate(.5deg)}84%{transform:translate(-8px, -7px) rotate(3.5deg)}86%{transform:translate(5px, -5px) rotate(.5deg)}88%{transform:translate(-4px, 1px) rotate(3.5deg)}90%{transform:translate(0px, 0px) rotate(3.5deg)}92%{transform:translate(5px, -8px) rotate(3.5deg)}94%{transform:translate(-3px, -2px) rotate(-.5deg)}96%{transform:translate(8px, -5px) rotate(-1.5deg)}98%{transform:translate(-1px, 9px) rotate(-1.5deg)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-slow:hover,.shake-trigger:hover .shake-slow,.shake-slow.shake-freeze,.shake-slow.shake-constant{animation-name:shake-slow;animation-duration:5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-hard{2%{transform:translate(2px, 2px) rotate(1.5deg)}4%{transform:translate(-4px, 9px) rotate(-1.5deg)}6%{transform:translate(-5px, 6px) rotate(3.5deg)}8%{transform:translate(-3px, -3px) rotate(3.5deg)}10%{transform:translate(-5px, -6px) rotate(.5deg)}12%{transform:translate(-3px, -9px) rotate(.5deg)}14%{transform:translate(-7px, -8px) rotate(-1.5deg)}16%{transform:translate(-4px, 6px) rotate(-2.5deg)}18%{transform:translate(-5px, 10px) rotate(-2.5deg)}20%{transform:translate(4px, -8px) rotate(-1.5deg)}22%{transform:translate(1px, -2px) rotate(2.5deg)}24%{transform:translate(8px, -3px) rotate(.5deg)}26%{transform:translate(-8px, 8px) rotate(-.5deg)}28%{transform:translate(3px, -2px) rotate(-1.5deg)}30%{transform:translate(1px, -9px) rotate(.5deg)}32%{transform:translate(7px, 1px) rotate(.5deg)}34%{transform:translate(-1px, -5px) rotate(.5deg)}36%{transform:translate(3px, 10px) rotate(2.5deg)}38%{transform:translate(-8px, -7px) rotate(2.5deg)}40%{transform:translate(5px, 7px) rotate(-1.5deg)}42%{transform:translate(0px, 10px) rotate(-2.5deg)}44%{transform:translate(-2px, 1px) rotate(-1.5deg)}46%{transform:translate(5px, 2px) rotate(-1.5deg)}48%{transform:translate(-6px, -8px) rotate(.5deg)}50%{transform:translate(-9px, 1px) rotate(.5deg)}52%{transform:translate(1px, 5px) rotate(.5deg)}54%{transform:translate(-1px, 0px) rotate(-.5deg)}56%{transform:translate(-8px, 7px) rotate(1.5deg)}58%{transform:translate(10px, 6px) rotate(.5deg)}60%{transform:translate(-4px, 3px) rotate(-2.5deg)}62%{transform:translate(-7px, 9px) rotate(.5deg)}64%{transform:translate(-1px, -1px) rotate(-2.5deg)}66%{transform:translate(-6px, -8px) rotate(-1.5deg)}68%{transform:translate(-6px, 5px) rotate(-.5deg)}70%{transform:translate(1px, -8px) rotate(-1.5deg)}72%{transform:translate(1px, 9px) rotate(-.5deg)}74%{transform:translate(9px, -8px) rotate(-.5deg)}76%{transform:translate(5px, 6px) rotate(-1.5deg)}78%{transform:translate(10px, 5px) rotate(-.5deg)}80%{transform:translate(7px, 9px) rotate(-2.5deg)}82%{transform:translate(7px, -9px) rotate(3.5deg)}84%{transform:translate(1px, 8px) rotate(-.5deg)}86%{transform:translate(-1px, 9px) rotate(1.5deg)}88%{transform:translate(-5px, -3px) rotate(3.5deg)}90%{transform:translate(-2px, 5px) rotate(3.5deg)}92%{transform:translate(0px, 9px) rotate(-1.5deg)}94%{transform:translate(5px, 4px) rotate(.5deg)}96%{transform:translate(-4px, 0px) rotate(3.5deg)}98%{transform:translate(-6px, 1px) rotate(-2.5deg)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-hard:hover,.shake-trigger:hover .shake-hard,.shake-hard.shake-freeze,.shake-hard.shake-constant{animation-name:shake-hard;animation-duration:100ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-horizontal{2%{transform:translate(7px, 0) rotate(0)}4%{transform:translate(-3px, 0) rotate(0)}6%{transform:translate(9px, 0) rotate(0)}8%{transform:translate(2px, 0) rotate(0)}10%{transform:translate(10px, 0) rotate(0)}12%{transform:translate(-5px, 0) rotate(0)}14%{transform:translate(-2px, 0) rotate(0)}16%{transform:translate(2px, 0) rotate(0)}18%{transform:translate(-9px, 0) rotate(0)}20%{transform:translate(0px, 0) rotate(0)}22%{transform:translate(3px, 0) rotate(0)}24%{transform:translate(9px, 0) rotate(0)}26%{transform:translate(6px, 0) rotate(0)}28%{transform:translate(-1px, 0) rotate(0)}30%{transform:translate(-7px, 0) rotate(0)}32%{transform:translate(-8px, 0) rotate(0)}34%{transform:translate(-3px, 0) rotate(0)}36%{transform:translate(-3px, 0) rotate(0)}38%{transform:translate(3px, 0) rotate(0)}40%{transform:translate(2px, 0) rotate(0)}42%{transform:translate(-7px, 0) rotate(0)}44%{transform:translate(-1px, 0) rotate(0)}46%{transform:translate(-2px, 0) rotate(0)}48%{transform:translate(3px, 0) rotate(0)}50%{transform:translate(10px, 0) rotate(0)}52%{transform:translate(0px, 0) rotate(0)}54%{transform:translate(6px, 0) rotate(0)}56%{transform:translate(6px, 0) rotate(0)}58%{transform:translate(-2px, 0) rotate(0)}60%{transform:translate(-5px, 0) rotate(0)}62%{transform:translate(-2px, 0) rotate(0)}64%{transform:translate(-8px, 0) rotate(0)}66%{transform:translate(-2px, 0) rotate(0)}68%{transform:translate(-9px, 0) rotate(0)}70%{transform:translate(3px, 0) rotate(0)}72%{transform:translate(-9px, 0) rotate(0)}74%{transform:translate(7px, 0) rotate(0)}76%{transform:translate(-7px, 0) rotate(0)}78%{transform:translate(4px, 0) rotate(0)}80%{transform:translate(-4px, 0) rotate(0)}82%{transform:translate(1px, 0) rotate(0)}84%{transform:translate(5px, 0) rotate(0)}86%{transform:translate(-5px, 0) rotate(0)}88%{transform:translate(-5px, 0) rotate(0)}90%{transform:translate(9px, 0) rotate(0)}92%{transform:translate(7px, 0) rotate(0)}94%{transform:translate(-1px, 0) rotate(0)}96%{transform:translate(-1px, 0) rotate(0)}98%{transform:translate(-6px, 0) rotate(0)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-horizontal:hover,.shake-trigger:hover .shake-horizontal,.shake-horizontal.shake-freeze,.shake-horizontal.shake-constant{animation-name:shake-horizontal;animation-duration:100ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-vertical{2%{transform:translate(0, 1px) rotate(0)}4%{transform:translate(0, 5px) rotate(0)}6%{transform:translate(0, -8px) rotate(0)}8%{transform:translate(0, -5px) rotate(0)}10%{transform:translate(0, -9px) rotate(0)}12%{transform:translate(0, -1px) rotate(0)}14%{transform:translate(0, 5px) rotate(0)}16%{transform:translate(0, 6px) rotate(0)}18%{transform:translate(0, -1px) rotate(0)}20%{transform:translate(0, -9px) rotate(0)}22%{transform:translate(0, -6px) rotate(0)}24%{transform:translate(0, 6px) rotate(0)}26%{transform:translate(0, -9px) rotate(0)}28%{transform:translate(0, 8px) rotate(0)}30%{transform:translate(0, 9px) rotate(0)}32%{transform:translate(0, -1px) rotate(0)}34%{transform:translate(0, -8px) rotate(0)}36%{transform:translate(0, 3px) rotate(0)}38%{transform:translate(0, 2px) rotate(0)}40%{transform:translate(0, 6px) rotate(0)}42%{transform:translate(0, -2px) rotate(0)}44%{transform:translate(0, 4px) rotate(0)}46%{transform:translate(0, -9px) rotate(0)}48%{transform:translate(0, 9px) rotate(0)}50%{transform:translate(0, 3px) rotate(0)}52%{transform:translate(0, 0px) rotate(0)}54%{transform:translate(0, -6px) rotate(0)}56%{transform:translate(0, 8px) rotate(0)}58%{transform:translate(0, -7px) rotate(0)}60%{transform:translate(0, -9px) rotate(0)}62%{transform:translate(0, -5px) rotate(0)}64%{transform:translate(0, -9px) rotate(0)}66%{transform:translate(0, 1px) rotate(0)}68%{transform:translate(0, 3px) rotate(0)}70%{transform:translate(0, 3px) rotate(0)}72%{transform:translate(0, 3px) rotate(0)}74%{transform:translate(0, -3px) rotate(0)}76%{transform:translate(0, 2px) rotate(0)}78%{transform:translate(0, 7px) rotate(0)}80%{transform:translate(0, 8px) rotate(0)}82%{transform:translate(0, -2px) rotate(0)}84%{transform:translate(0, 7px) rotate(0)}86%{transform:translate(0, -3px) rotate(0)}88%{transform:translate(0, -3px) rotate(0)}90%{transform:translate(0, -8px) rotate(0)}92%{transform:translate(0, 0px) rotate(0)}94%{transform:translate(0, 3px) rotate(0)}96%{transform:translate(0, 5px) rotate(0)}98%{transform:translate(0, -3px) rotate(0)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-vertical:hover,.shake-trigger:hover .shake-vertical,.shake-vertical.shake-freeze,.shake-vertical.shake-constant{animation-name:shake-vertical;animation-duration:100ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-rotate{2%{transform:translate(0, 0) rotate(-5.5deg)}4%{transform:translate(0, 0) rotate(4.5deg)}6%{transform:translate(0, 0) rotate(6.5deg)}8%{transform:translate(0, 0) rotate(-6.5deg)}10%{transform:translate(0, 0) rotate(7.5deg)}12%{transform:translate(0, 0) rotate(-1.5deg)}14%{transform:translate(0, 0) rotate(-1.5deg)}16%{transform:translate(0, 0) rotate(6.5deg)}18%{transform:translate(0, 0) rotate(.5deg)}20%{transform:translate(0, 0) rotate(1.5deg)}22%{transform:translate(0, 0) rotate(-3.5deg)}24%{transform:translate(0, 0) rotate(1.5deg)}26%{transform:translate(0, 0) rotate(-5.5deg)}28%{transform:translate(0, 0) rotate(2.5deg)}30%{transform:translate(0, 0) rotate(-1.5deg)}32%{transform:translate(0, 0) rotate(-.5deg)}34%{transform:translate(0, 0) rotate(1.5deg)}36%{transform:translate(0, 0) rotate(3.5deg)}38%{transform:translate(0, 0) rotate(-1.5deg)}40%{transform:translate(0, 0) rotate(.5deg)}42%{transform:translate(0, 0) rotate(-1.5deg)}44%{transform:translate(0, 0) rotate(7.5deg)}46%{transform:translate(0, 0) rotate(-5.5deg)}48%{transform:translate(0, 0) rotate(5.5deg)}50%{transform:translate(0, 0) rotate(5.5deg)}52%{transform:translate(0, 0) rotate(4.5deg)}54%{transform:translate(0, 0) rotate(1.5deg)}56%{transform:translate(0, 0) rotate(3.5deg)}58%{transform:translate(0, 0) rotate(6.5deg)}60%{transform:translate(0, 0) rotate(-4.5deg)}62%{transform:translate(0, 0) rotate(-6.5deg)}64%{transform:translate(0, 0) rotate(4.5deg)}66%{transform:translate(0, 0) rotate(-6.5deg)}68%{transform:translate(0, 0) rotate(3.5deg)}70%{transform:translate(0, 0) rotate(-6.5deg)}72%{transform:translate(0, 0) rotate(-1.5deg)}74%{transform:translate(0, 0) rotate(-.5deg)}76%{transform:translate(0, 0) rotate(-3.5deg)}78%{transform:translate(0, 0) rotate(7.5deg)}80%{transform:translate(0, 0) rotate(5.5deg)}82%{transform:translate(0, 0) rotate(4.5deg)}84%{transform:translate(0, 0) rotate(2.5deg)}86%{transform:translate(0, 0) rotate(-2.5deg)}88%{transform:translate(0, 0) rotate(-6.5deg)}90%{transform:translate(0, 0) rotate(-1.5deg)}92%{transform:translate(0, 0) rotate(5.5deg)}94%{transform:translate(0, 0) rotate(1.5deg)}96%{transform:translate(0, 0) rotate(1.5deg)}98%{transform:translate(0, 0) rotate(5.5deg)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-rotate:hover,.shake-trigger:hover .shake-rotate,.shake-rotate.shake-freeze,.shake-rotate.shake-constant{animation-name:shake-rotate;animation-duration:100ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-opacity{10%{transform:translate(3px, 3px) rotate(.5deg);opacity:.05}20%{transform:translate(-1px, 0px) rotate(-.5deg);opacity:.74}30%{transform:translate(-1px, -3px) rotate(-1.5deg);opacity:.53}40%{transform:translate(3px, -2px) rotate(.5deg);opacity:.46}50%{transform:translate(0px, 1px) rotate(.5deg);opacity:.77}60%{transform:translate(0px, -3px) rotate(-1.5deg);opacity:.72}70%{transform:translate(0px, -4px) rotate(.5deg);opacity:.39}80%{transform:translate(-3px, -1px) rotate(.5deg);opacity:.16}90%{transform:translate(-4px, 2px) rotate(.5deg);opacity:.61}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-opacity:hover,.shake-trigger:hover .shake-opacity,.shake-opacity.shake-freeze,.shake-opacity.shake-constant{animation-name:shake-opacity;animation-duration:.5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-crazy{10%{transform:translate(3px, 5px) rotate(4deg);opacity:.31}20%{transform:translate(16px, -11px) rotate(0deg);opacity:.72}30%{transform:translate(0px, -9px) rotate(10deg);opacity:.14}40%{transform:translate(13px, -9px) rotate(-1deg);opacity:.72}50%{transform:translate(-6px, -3px) rotate(0deg);opacity:.78}60%{transform:translate(14px, 9px) rotate(-9deg);opacity:.74}70%{transform:translate(16px, 3px) rotate(-4deg);opacity:.38}80%{transform:translate(-5px, 10px) rotate(6deg);opacity:.25}90%{transform:translate(-13px, -15px) rotate(8deg);opacity:.04}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-crazy:hover,.shake-trigger:hover .shake-crazy,.shake-crazy.shake-freeze,.shake-crazy.shake-constant{animation-name:shake-crazy;animation-duration:100ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-chunk{2%{transform:translate(0px, -8px) rotate(8deg)}4%{transform:translate(1px, 5px) rotate(-12deg)}6%{transform:translate(10px, 11px) rotate(7deg)}8%{transform:translate(6px, -10px) rotate(0deg)}10%{transform:translate(8px, -10px) rotate(-13deg)}12%{transform:translate(5px, -12px) rotate(10deg)}14%{transform:translate(-4px, 2px) rotate(10deg)}16%{transform:translate(-8px, -13px) rotate(-14deg)}18%{transform:translate(-1px, -11px) rotate(13deg)}20%{transform:translate(-7px, 11px) rotate(6deg)}22%{transform:translate(-1px, -1px) rotate(3deg)}24%{transform:translate(15px, -12px) rotate(3deg)}26%{transform:translate(-9px, -9px) rotate(8deg)}28%{transform:translate(3px, -8px) rotate(6deg)}30%{transform:translate(-4px, 14px) rotate(7deg)}32%{transform:translate(3px, 3px) rotate(10deg)}34%{transform:translate(-9px, -6px) rotate(-5deg)}36%{transform:translate(9px, -8px) rotate(5deg)}38%{transform:translate(-4px, 7px) rotate(10deg)}0%,40%,100%{transform:translate(0, 0) rotate(0)}}.shake-chunk:hover,.shake-trigger:hover .shake-chunk,.shake-chunk.shake-freeze,.shake-chunk.shake-constant{animation-name:shake-chunk;animation-duration:4s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
		
		
.mosalas {
    background: rgba(255, 0, 0, 0);
    width: 0px;
    height: 0px;
    position: relative;
    display: block;
    float: right;
    border-top: 15px solid rgba(255, 0, 0, 0);
    border-bottom: 15px solid rgba(255, 0, 0, 0);
    border-right: 10px solid rgb(12, 97, 71);
    border-left: 5px solid rgba(255, 0, 0, 0);
}
		
		
.tooltip.top {
    padding: 5px 0;
    margin-top: -3px;
    
}
.tooltip.in {
    filter: alpha(opacity=90);
    opacity: .9;
}

.fade.in {
    opacity: 1;
}
.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    filter: alpha(opacity=0);
    opacity: 0;
    line-break: auto;
}
		.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #ce3636;
}
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #25885c;
    border-radius: 4px;
}
.audioplayer > div {
    position: absolute;
    z-index: 9;
}
.mus{
position:relative;
}
ul.insta-links li img {
    width: 45%;
    margin: 2%;
    display: inline-block;
    float: right;
    border-radius: 2%;
    opacity: 0.9;
}
ul.insta-links {
    display: block;
    position: relative;
    overflow: hidden;
}
		
		
.mus .audioplayer {
    position: absolute;
    bottom: 10px;
    right: 9px;
    color: #13805e;
    width: 97%;
    height: 30px;
}
.mus .audioplayer:not(.audioplayer-mini) .audioplayer-playpause {
    width: 30px;
    top: -8px;
    position: absolute;
    margin-top: 0px;
}
.mus .audioplayer > div {
    position: absolute;
    z-index: 9;
    top: 10px;
}
.custom-weather {
position: relative;
left: 0px;
color: #aeaeae;
height: 367px;
overflow: hidden;
background: black;
}
.custom-weather img{
    float: none;
    filter: grayscale(0.2);
    opacity: 0.8;
    clear: both;
    width: 200px;
    top: 45px;
    position: relative;

}
.custom-weather p {
    float: none;
    color: #989898;
    margin-bottom: 5px;
    margin-top: 40px;
    font-size: 14px;
}
.custom-weather span {
    clear: right;
    left: 0px;
    bottom: -2px;
}
.mycityspan2 {
    position: absolute;
    color: rgb(255 255 255 / 51%);
    border: 1px solid rgb(222 164 0 / 48%);
    border-left: 0;
    cursor: pointer;
    z-index: 0;
    background: #141414;
    width: 69px;
    right: 0px;
    border-radius: 0 100% 0 0;
    padding: 10px;
    padding-top: 28px;
    line-height: 23px;
    text-align: left;
}
.mycityspan {
cursor: pointer;
clear: both;
margin: 13px 2px;
padding: 0px 8px;
position: relative;
display: inline-block;
background: #327608;
border-radius: 2px;
color: #dadada;
font-size: 14px;
font-weight: 100;		
}
.video_boxes video {
    margin-bottom: 30px;
    width:100%;
			
}
.video_boxes {
    color: #59ad26;
    text-align: center;
    font-family: IRANsans,segoe print;
}
.pict a {
    font-size: 17px;
}		
.trnsmusc audio {
    opacity: 0.7;
    max-width: 450px;
    margin: 0 auto;
    position: relative;
}
		
		
.cnt>form {
    margin: 20px 0;
}		
		
	
.post-img-center {
    text-align: center;
}


.cnt .audioplayer {
    position: relative;
    bottom: 10px;
    right: 9px;
    color: #13805e;
    width: 96%;
    z-index:1;
}
		
.cnt .audioplayer-playpause:hover, .audioplayer-playpause:focus {
    background-color: transparent;
}		
.cnt .audioplayer:not(.audioplayer-mini) .audioplayer-playpause {
    width: 30px;
    margin-top: 0px;
    top: -8px;
}
.cnt .audioplayer > div {
    position: absolute;
    z-index: 9;
    top: 7px;
}		
   .myvideosc{
    position: relative;
    width:0%;
    height: 0%;
    top: 50%;
    background: black;
    transition: all ease-in-out 7s;
	}
	.mvfls{
   height: 100%;
   width: 100%;
    top: 0%;
			
	}
/* audio colors */
.audio-blue .audioplayer-bar-played {
    background-color: #558cd1;
}
.audio-blue .audioplayer-bar-loaded {
    background-color: #558cd1;
}
.audio-blue .audioplayer-time-current {
    color: #558cd1;
}
.audio-blue .audioplayer-time-duration {
    color: #558cd1;
}
.audio-blue .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {

    border-left-color: #558cd1;

}

		
.audio-blue .audioplayer-playing .audioplayer-playpause a:before,.audio-blue  .audioplayer-playing .audioplayer-playpause a:after {

    background-color: #558cd1;

}		
.audio-blue .audioplayer-playing .audioplayer-playpause a:before,.audio-blue  .audioplayer-playing .audioplayer-playpause a:after {

    background-color: #558cd1;


}		
		
.audio-orange .audioplayer-bar-played {
    background-color: #c19409;
}
.audio-orange .audioplayer-bar-loaded {
    background-color: #c19409;
}
.audio-orange .audioplayer-time-current {
    color: #c19409;
}
.audio-orange .audioplayer-time-duration {
    color: #c19409;
}
.audio-orange .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {

    border-left-color: #c19409;

}

		
.audio-orange .audioplayer-playing .audioplayer-playpause a:before,.audio-orange  .audioplayer-playing .audioplayer-playpause a:after {

    background-color: #c19409;

}		
.audio-orange .audioplayer-playing .audioplayer-playpause a:before,.audio-orange  .audioplayer-playing .audioplayer-playpause a:after {

    background-color: #c19409;


}		
			
			
		
.hiddentype {
    display:none;
    text-align: center;
    z-index: 999;
    position: absolute;
    width: 100%;
    bottom: 5px;
}		
		
		
		
.hiddentype span {
    color: #d30b1d;
    margin-left: 10px;
    font-size: 18px;
    position: absolute;
    top: 3px;
}	
span.blackjean img {
    transition:all ease-in-out 1s;
}
		
.doom {
    width: 100%;
    height: 100vh;
    background: black;
    z-index: 999999999;
    position: relative;
    background: url('http://bayanbox.ir/view/8320538546975829194/doomback.jpg') fixed;
    background-size: cover;
    background-position: center center;
    text-align: center;
}		
		
.longheight{
		height:5100px;
	    position: relative;
    background-image: linear-gradient(#700404, black);	
	}
		
.longheight>div{		
    background-image: url(http://bayanbox.ir/view/4303127258914340137/299888-devil-tail-png.png);
    background-position: 48% -22px;
    background-repeat: no-repeat;
    background-size: 25%;
			height:500px
	}		
		
	
.longheight img {
    width: 20%;
    position: absolute;
}
.longheight .iinm img:nth-child(1) {
    left: 5%;
    top: 10%;
}
.longheight .iinm img:nth-child(2) {
    right: 5%;
    top: 20%;
    width: 35%;
}
.longheight .iinm img:nth-child(3) {
    left: 8%;
    top: 32%;
    width: 25%;
}
.longheight .iinm img:nth-child(4) {
    right: 19%;
    top: 40%;
}
.longheight .iinm img:nth-child(5) {
    left: 10%;
    top: 50%;
    width: 72%;
}
.longheight .iinm img:nth-child(6) {
    right: 5%;
    top: 70%;
    width: 38%;
}
.longheight .iinm img:nth-child(7) {
    left: 5%;
    top: 80%;
}
.longheight .iinm img:nth-child(8) {
    left: 25%;
    top: 80%;
    display:none
}
.longheight .iinm img:nth-child(9) {
    left: 5%;
    top: 70%;
}
.longheight .iinm img:nth-child(10) {
left: 5%;
    bottom: 0px;
    width: 60%;
}


.doom h1 {
    line-height: 50vh;
    font-size: 4vw;
    text-align: center;
}
		
.mod_left.peyvand a {

    margin-bottom: 0px;

}
.mod_left.peyvand {
    display: grid;
}	

img.imgsmile{
transition: transform .2s;
}

img.imgsmile:hover{
transform: scale(1.2); 
}
.audioplayer {
    position: absolute;
    bottom: 10px;
    right: 9px;
    color: #13805e;
    width: 96%;
    transition:all ease-in-out 1s;
}
	

/*full screen*/

		
body.fullscreen #print
	{
	width:100%;
	}
body.fullscreen #wrp .box1 .bx_center {
    width: 82%;
}
body.fullscreen #shout {
    width: 94%;
	}
body.fullscreen #header {
    color: #fff;
    display: none;
}
body.fullscreen #wrp .box1 .bx_center .post .body .cnt {
    text-align: justify;
    padding-bottom: 10px;
    color: #959595;
    font-size: 25px;
    line-height: 2.5;
}
body.fullscreen .footer_contain .content {
    height: auto;
    width: 100%;
}
		


		
		
#marp.fullscreen {
    position: fixed;
    z-index: 9;
    height: 100vh;
    width: 100%;
    background-position: center !important;
    right: 0px;
}		
#marp.fullscreen #mar {
    zoom: 1.5;
    bottom: 100px;
    height: 200px;
}
#marp.fullscreen #glassback {
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 71%);
}
#marp.fullscreen{
    border: 0px;
}
.lrcfullscreen i.fa.fa-music {
    display: none;
}
		
.lrcfullscreen .div2.hmax {
    margin-top: 0;
    height: 0px;
    overflow: hidden;
    padding: 0;
}		
.lrcfullscreen .sd2 {
    z-index: 9;
    position: relative;
    display: none;
}
.lrcfullscreen .hmax .audioplayer.audioplayer-playing {
    background: rgba(0, 0, 0, 0.25); 
}
.lrcfullscreen .audioplayer-bar{
	 background: #7c7c7c;
}

.lrcfullscreen .hmax .audioplayer.audioplayer-playing {
    background: black;
    height: 50px;
    width: 100%;
    bottom: 0px;
    margin: 0px;
    padding: 15px;
    box-sizing: border-box;
    position: fixed;
    z-index: 9999999;
    right: 0;
}	
.lrcfullscreen .hmax .audioplayer.audioplayer-playing .audioplayer-playpause {
    width: 45px;
    margin-top: -1px;
}

.lrcfullscreen .hmax .audioplayer.audioplayer-playing .audioplayer-time.audioplayer-time-current {
    left: 50px;
    top: 6px;
}

.lrcfullscreen #wrp > div > div.bx_left > div.div2.hmax > div.audioplayer.audioplayer-playing > div.audioplayer-bar{
    width: 100% !important;
    right: 0px !important;
    top: 5px !important;
    height: 6px !important;
}
.lrcfullscreen .hmax .audioplayer.audioplayer-playing .audioplayer-bar-played {
    border-radius: 0% !important;
}

		
.showtaskm ul {
  list-style: none;
  padding:0px;
}

.showtaskm ul li::before {
    content: "\2022";
    color: #048954;
    font-weight: bold;
    font-size: 20px;
    display: inline-block;
    width: 13px;
    top: 4px;
    position: relative;
}		
		
.demomv {
    padding: 22px 15px;
    background: #ffffff3d;
    color: white;
}

		
		
		
.show_btn_cm {
    color: #d2d2d2;
    font-family: "b nazanin", "Times New Roman", Arial, Helvetica;
    font-size: 19px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    background: #0c6147;
    padding: 13px;
    border-radius: 5px;
    box-shadow: 0px 0px 5px black;
    margin: 24px 0 7px;
}
		

.drop {
  background:-webkit-gradient(linear,0% 0%,2% 100%, from(rgba(13,52,58,1) ), to(rgba(255,255,255,0.6))  );
  background: -moz-linear-gradient(top, rgba(13,52,58,1) 0%, rgba(255,255,255,.6) 100%);
	width:1px;
	height:89px;
	position: absolute;
	bottom:200px;
	-webkit-animation: fall .63s linear infinite;
  -moz-animation: fall .63s linear infinite;
  
}

/* animate the drops*/
@-webkit-keyframes fall {
	to {margin-top:900px;}
}
@-moz-keyframes fall {
	to {margin-top:900px;}
}
body.rain {
    overflow-x: hidden;
}
		
		
		
		
.animtext1 {
    position: absolute;
    top: 120px;
    font-size: 85px;
    color: rgb(233 246 230 / 30%);
    font-weight: bold;
    width: 2000px;
    text-align: center;
    left: -2000px;
   -webkit-animation: to_left 6s linear;
   -moz-animation: to_left 6s linear;					
   transition: all ease-in-out 1s;
}		
.animtext2 {
    position: absolute;
    top: 220px;
    font-size: 85px;
    color: rgb(233 246 230 / 30%);
    font-weight: bold;
    width: 2000px;
    text-align: center;
    right: -2000px;
    -webkit-animation: to_right 6s linear;
    -moz-animation: to_right 6s linear;
    transition: all ease-in-out 1s;
}
#marp.fullscreen .animtext1 {
    top: 250px;
    font-size: 10vw;
}
#marp.fullscreen .animtext2 {
    top: 520px;
    font-size: 10vw;
}
		
		
/************ falling ****************/

.fallingLeaves {
    text-align: center;
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0px;
    pointer-events: none;
    z-index: 9999999999;
}
.fallingLeaves span {
    display: inline-block;
    width: 80px;
    height: 80px;
	margin: -280px 40px 54px  -34px;
background: url(http://bayanbox.ir/view/4134513399720456630/leaf.png);
    background-size: 30px;
    background-repeat: no-repeat;
    
    -webkit-animation: fallingLeaves 10s infinite  linear;
    -moz-animation: fallingLeaves 10s infinite  linear;
}
.fallingLeaves span:nth-child(5n+5) {

    -webkit-animation-delay: 1.3s;
    -moz-animation-delay: 1.3s;
}
.fallingLeaves span:nth-child(3n+2) {

    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
}
.fallingLeaves span:nth-child(2n+5) {

    -webkit-animation-delay: 1.7s;
    -moz-animation-delay: 1.7s;
}

.fallingLeaves span:nth-child(3n+10) {

    -webkit-animation-delay: 2.7s;
    -moz-animation-delay: 2.7s;
}
.fallingLeaves span:nth-child(7n+2) {

    -webkit-animation-delay: 3.5s;
    -moz-animation-delay: 3.5s;
}
.fallingLeaves span:nth-child(4n+5) {

    -webkit-animation-delay: 5.5s;
    -moz-animation-delay: 5.5s;
}
.fallingLeaves span:nth-child(3n+7) {

    -webkit-animation-delay: 8s;
    -moz-animation-delay: 8s;
}
@-webkit-keyframes fallingLeaves {
  0% {
    opacity: 1;

	-webkit-transform: translate(0, 0px) rotateZ(0deg);
  }
  75% {
    opacity: 1;

	-webkit-transform: translate(100px, 600px) rotateZ(270deg); 
  }
  100% {
    opacity: 0;

	-webkit-transform: translate(150px, 800px) rotateZ(360deg);
  }
}
@-moz-keyframes fallingLeaves {
  0% {
    opacity: 1;
    
	-webkit-transform: translate(0, 0px) rotateZ(0deg);
  }
  75% {
    opacity: 1;
   
	-webkit-transform: translate(100px, 600px) rotateZ(270deg); 
  }
  100% {
    opacity: 0;
    
	-webkit-transform: translate(150px, 800px) rotateZ(360deg);
  }
}
		
.fallingLeaves span:nth-child(3n) {
    background: url(http://bayanbox.ir/view/7638067417372580080/hiclipart.com-1.png);
    display: inline-block;
    width: 80px;
    height: 80px;
    background-size: 30px;
    background-repeat: no-repeat;
}

.falloff{display:none;}
/*******************end falling*****************/
		
		
		

@-webkit-keyframes to_left {
	0%{left:-2000px;} 20%{left:-800px} 80%{left:-700px} 100%{left:3000px;}
}
@-moz-keyframes to_left {
	0%{left:-2000px;} 20%{left:-800px} 80%{left:-700px} 100%{left:3000px;}
}
		

@-webkit-keyframes to_right {
        0%{right:-2000px;} 20%{right:-800px} 80%{right:-700px} 100%{right:3000px;}
}
@-moz-keyframes to_right {
        0%{right:-2000px;} 20%{right:-800px} 80%{right:-700px} 100%{right:3000px;}
}		

	
.hidwd {
    position: absolute;
    right: 14px;
    top: 0px;
    height: 42px;
    width: 38px;
   cursor:pointer;
}
.hidwd img {
    width: 20px;
}
		
		
.heartbeat{
    font-size: 35px;
    color: rgb(133 190 239 / 55%);
    line-height: 7;
    font-weight: bold;
    animation: heartbeat 1s infinite;
}
		
@keyframes heartbeat {
  0% {
    transform: scale( 1 );    
    color: rgb(190 190 190 / 70%);
  }
  20% {
    transform: scale(1.25 ) ;
    color: rgb(190 190 190 / 50%);
  } 
  40% {
    transform: scale(1.7 ) ;
    color: rgb(190 190 190 / 5%);
  }
}
.heartbeat2{
    animation: heartbeat2 0.5s infinite;
}
		
@keyframes heartbeat2 {
  0% {
    transform: scale( 1 );    
  }
  20% {
    transform: scale(1.001 ) ;
  } 
  40% {
    transform: scale(1.005) ;
  }
}

		
.comment_add_form.ccmfind div#smile {
    display: none;
}	
.commentForm {
    box-sizing: border-box;
    padding: 0 18px;
}
.ministickers {
    background: #f8f8f8;
    width: 46%;
    float: right;
    height: 165px;
    overflow: hidden;
    border-radius: 6px;
    margin: 2%;
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid #dddddd;
	position:relative;
	pointer-events:none;
}
.ministickers img {
    max-width: 48px;
    max-height:44px;
    margin: 0 3px;
    pointer-events:none;
}
.ministickers span {
    position: absolute;
    bottom: 0px;
    right: 6px;
    font-size: 11px;
    color: black;
}

#shout span{
	transition:all ease-in-out 0.3s;
	cursor:pointer;
}



.voicer:hover
{
	color:#bb88ff;
}
.ntfnh:hover
{
	color:#7cf166;
}
.ntfno:hover
{
	color:#f1db3a;
}
.ntfnu:hover
{
	color:#f19f3a;		
}
.ntfnt:hover
{
	color:#f13a3a;		
}
.ntfnb:hover
{
	color:#56c5fa;		
}
.ntfno2:hover
{
	color:#ed7abf;		
}
.ntfnx:hover
{
	color:#ac7633;		
}
.commentshow {
    max-width: 636px;
    margin: auto;
}		
a.followme {
    color: gray;
    background: black;
    padding: 2px 10px;
    position: absolute;
    top: 393px;
    left: 0px;
}

video {
    width: 60%;
    border: 1px solid #8b6f13;
    border-radius: 4px;
}
		
img[src="//blog.ir/media/images/guest.png?1"] {
content:url("https://bayanbox.ir/view/3735290087199961085/Icon-Mono-Circle.png");
}	
		
	
		
		
.rate-box:not(.rated) span  a i{ text-align: center; animation: .8s infinite beatHeart; display:inline-block; } 
@keyframes beatHeart {   0% {     transform: scale(1);   }   25% {     transform: scale(1.1);   }   40% {     transform: scale(1);   }   60% {     transform: scale(1.1);   }   100% {     transform: scale(1);   } }