@font-face
{
    font-family:"koodak";
    src:url('../fonts/BKoodakBold.woff');
}

@font-face
{
    font-family:"koodak";
    src:url('../fonts/BTitrBold.woff');
    font-weight: bold;
}

@font-face
{
    font-family:"koodak";
    src:url('../fonts/DastNevis.woff');
    font-style: italic;
}

@font-face
{
    font-family:"yekan";
    src:url('../fonts/BYekan.woff');
}

@font-face
{
    font-family:"Titr Bold GE";
    src:url('../fonts/BTitrTGEBold.woff');
}

@font-face
{
    font-family: "myIcon";
    src:url('../fonts/glyphicons-halflings-regular.woff');
}

@font-face
{
    font-family: "karbalaei";
    src: url("../fonts/karbalaei.woff");
}

@font-face
{
    font-family: "shabnam";
    src: url("../fonts/Shabnam.woff");
}

@font-face
{
    font-family: "shabnam";
    src: url("../fonts/Shabnam-Bold.woff");
    font-weight: bold;
}

@font-face
{
    font-family: "vazir";
    src: url("../fonts/Vazir-Medium-FD.woff");
}

@font-face
{
    font-family: "vazir";
    src: url("../fonts/Vazir-Bold-FD.woff");
    font-weight: bold;
}

@font-face
{
    font-family: "myIcon2";
    src: url("../fonts/iconic.woff");
}


@keyframes namayeshAksAzBala
{
    0%{transform:  scale(0.8) translateY(-20%);opacity: 0.0;}
    70%{transform: scale(1.02) translateY(2%);}
    100% {transform: scale(1) translateY(0%);opacity: 1.0;}
}


@keyframes namayeshItem
{
    0%{transform:  translateX(110%);opacity: 0.0;}
    100% {transform: translateX(0%);opacity: 1.0;}
}



@keyframes namayeshItemKadrPaeen
{
    0%{transform:  scale(0);opacity: 0.0; rotate(0deg);}
    100% {transform: scale(1);opacity: 1.0; rotate(360deg);}
}


/*  افکت کادر پلیر صفحه (آمدن)  */
@keyframes aniAmadanKadrPlayer
{
    0%{transform: translate(0px, 100px)}
    100%{transform: translate(0px, 0px)}
}


/*  افکت کادر پلیر صفحه (رفتن)  */
@keyframes aniRaftanKadrPlayer
{
    0%{transform: translate(0px, 0px)}
    100%{transform: translate(0px, 100px)}
}


/*  افکت دکمه پلیر صفحه (آمدن)  */
@keyframes aniAmadanDokmehPlayer
{
    0%{transform: translate(0px, 0px) scale(1.2);box-shadow: 0px 0px 0px hsl(0, 0%, 0%)}
    10%{transform: translate(0px, -10px) scale(1.5);box-shadow: 2px 2px 3px hsl(0, 0%, 5%)}
    100%{transform: translate(0px, -100px) scale(1.4);box-shadow: 0px 0px 0px hsl(0, 0%, 0%)}
}


/*  افکت دکمه پلیر صفحه  (رفتن)  */
@keyframes aniRaftanDokmehPlayer
{
    0%{transform: translate(0px, -100px) scale(1.4);box-shadow: 0px 0px 0px hsl(0, 0%, 0%)}
    10%{transform: translate(0px, -90px) scale(1.5);box-shadow: 2px 2px 3px hsl(0, 0%, 5%)}
    100%{transform: translate(0px, 0px) scale(1.2);box-shadow: 0px 0px 0px hsl(0, 0%, 0%)}
}

/*  افکت دکمه پلیر صفحه در موبایل (آمدن)  */
@keyframes aniAmadanDokmehPlayerMF
{
    0%{transform: translate(0px, 0px) scale(1.2);}
    10%{transform: translate(1px, -11px) scale(1.5);}
    100%{transform: translate(10px, -110px) scale(1.2);}
}


/*  افکت دکمه پلیر صفحه در موبایل (رفتن)  */
@keyframes aniRaftanDokmehPlayerMF
{
    0%{transform: translate(10px, -110px) scale(1.2);}
    10%{transform: translate(9px, -99px) scale(1.5);}
    100%{transform: translate(0px, 0px) scale(1.2);}
}


/*  افکت دکمه پلیر صفحه در موبایل (رفتن)  */
@keyframes aniEzafehShodanBaPlaylist
{
    0%{opacity: 0;display: block}
    30%{opacity: 1;display: block}
    70%{opacity: 1;display: block}
    99.999%{opacity: 0;display: block}
    100%{opacity: 0;display: none}
}

html
{
    height: 100%;
    position: relative;
}

body
{
    margin:0px;
    color: hsl(0, 0%, 100%);
    background-color: hsl(0, 0%, 0%);
    height: 100%;
    position: relative;
}

u
{
    text-decoration: none;
    border-bottom: 1px solid hsl(97, 83%, 43%);
}

img
{
    font-family: vazir;
    color: hsl(120, 41%, 29%);
    overflow: hidden;
}

a
{
    text-decoration: none;
}


#fullContainer
{
    max-width: 2000px;
    min-width: 240px;
    width: 100%;
    overflow-y: auto;
    margin: 0px auto;
}


#header
{
    height: 160px;
    padding: 0px;
    background-image: url('../pic/logo-header.png'), url('../pic/back-header.jpg');
    background-repeat: no-repeat,no-repeat;
    background-position: 12% center,82% 50%;
    background-size: contain,auto;
    position: relative;
}


h1#kadrRootitrHDR
{
    height: 45px;
    width: 600px;
    position: absolute;
    top:25px;
    left: 0px;
    right: 50px;
	margin: 0px auto;
    text-align: right;
    font-family: karbalaei, serif;
    font-size: 1.785rem;
    color: hsl(359, 92%, 55%);
}

/*diz h1#kadrRootitrHDR:after
{
    content:"علیه السلام";
    display: block;
    position: absolute;
    right: 70px;
    top: 10px;
    font-family: karbalaei;
    font-size: 0.5rem;
    color: hsl(46, 78%, 46%);
}*/


h1#titrHDR
{
    overflow-y: hidden;
    width: 550px;
    height: 93px;
    position: relative;
    /*diz text-align: center;*/
    font-family: karbalaei, serif;
    font-size: 3.2rem;
    color: hsl(45, 87%, 53%);
    text-shadow: 3px 3px 13px hsl(0, 0%, 0%),3px -3px 13px hsl(0, 0%, 0%),-3px 3px 13px hsl(0, 0%, 0%),-3px -3px 13px hsl(0, 0%, 0%);
    padding-top: 60px;
    margin: 0px auto;
}

#aksDoaFarajHDR
{
    height: 75px;
    width: 400px;
    position: absolute;
    top:5px;
    left: 20px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    font-family: karbalaei, serif;
    font-size: 1.85rem;
    color: hsl(45, 87%, 53%);
    background-image: url('../pic/faraj.png');
    background-repeat: no-repeat;
    background-position:left;
    background-size: contain;
}


#kadrEfektTitrHDR
{
    height: 45px;
    width: 320px;
    position: absolute;
    top:74px;
    left: 0px;
    right: 2px;
    margin-left: auto;
    margin-right: auto;
    /*border: 2px solid hsl(0, 82%, 20%);*/
}



h1#titrHDR>span
{
    display: inline-block;
}

#kadrDokmehaHDR
{
    display: none;
    overflow:auto;
    position: absolute;
    left: 40px;
    bottom: 20px;
    background-color: #333333;
}

.dokmeh
{
    display: block;
    float: left;
    width: 80px;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    font-family: koodak;
    font-size: 1rem;
    line-height: 1rem;
    padding: 6px 0px;
    background-color: hsl(97, 83%, 43%);
    color: hsl(0, 0%, 100%);
}

a#moloodiHDR, a#moloodiHDR:link, a#moloodiHDR:visited
{
    background-color: hsl(119, 62%, 49%);
    color: hsl(60, 11%, 19%);
}

a#moloodiHDR:hover
{
    background-color: hsl(60, 11%, 19%);
    color: hsl(119, 62%, 49%);
}

a#moloodiHDR:active
{
    background-color: hsl(119, 62%, 31%);
    color: hsl(60, 11%, 19%);
}

a#azadariHDR, a#azadariHDR:link, a#azadariHDR:visited
{
    margin-left: 10px;
    background-color: hsl(358, 63%, 48%);
    color: hsl(60, 11%, 68%);
}

a#azadariHDR:hover
{
    background-color: hsl(60, 11%, 68%);
    color: hsl(358, 63%, 48%);
}

a#azadariHDR:active
{
    background-color: hsl(7, 81%, 45%);
    color: hsl(0, 0%, 100%);
}






#navarMenu
{
    position: relative;
    height: 46px;
    width: 100%;
    background-color: hsl(0, 83%, 20%);
}

a#dokmehMNU, a#dokmehMNU:link, a#dokmehMNU:visited
{
    display: none;
    height: 24px;
    width: 40px;
    padding: 3px 0px 3px 0px;
    margin: 5px;
    float:right;
    text-decoration: none;
    text-align: center;
    font-family: myIcon2;
    font-size: 1.5rem;
    line-height: 1;
    border-radius: 3px;
    color: hsl(45, 87%, 100%);
    /*diz background-color: hsl(84, 79%, 64%);*/
}

a#dokmehMNU:hover, a#dokmehMNU:active
{
    color:hsl(45, 87%, 53%);
    /*diz background-color: hsl(133, 76%, 28%);*/
}

/*diz a#dokmehMNU:active
{
    color:hsl(0, 0%, 86%);
    background-color: hsl(97, 100%, 84%);
}*/

ul#menu
{
    position: static;
    margin:0px;
    float: right;
    height: 46px;
    list-style-type:none;
    padding: 0px;
    z-index: 1000;
}

ul#menu li
{
    float: right;
    height: 100%;
    position: relative;
}

a.titrMNU, a.titrMNU:link, a.titrMNU:visited
{
    display: block;
    height: 36px;
    width: 100px;
    padding-top:10px;
    font-family: vazir;
    font-size: 1rem;
    text-align: center;
    text-decoration: none;
    /*diz background-color: hsl(97, 83%, 43%);*/
    color: hsl(0, 0%, 100%);
    border-radius: 3px;
    transition: background-color 0.2s;
}

a.titrMNU:hover
{
    background-color: hsl(0, 83%, 31%);
}

/*diz a.titrMNU:hover span.iconZirMNU
{
    color: hsl(45, 100%, 60%);
}*/

a.titrMNU:active
{
    background-color: hsl(0, 83%, 35%);
}

/*diz span.iconZirMNU
{
    display: inline-block;
    height: 12px;
    padding: 5px 0px;
    margin-right: 10px;
    width: 12px;
    font-family: myIcon;
    font-size: 0.75rem;
    line-height:1;
    vertical-align: middle;
    color: hsl(60, 82%, 62%);
    transition: transform 0.3s;
}

a.titrMNU:hover span.iconZirMNU
{
    transform: translate(0px,8px);
    -webkit-transform: translate(0px, 8px);
}

span.khatMNU
{
    display: inline-block;
    margin-top: 10px;
    height: 30px;
    border-left: 2px solid hsl(126, 75%, 20%);
    box-shadow: 1px 1px 3px hsl(97, 100%, 84%);
}

ul.zirMNU
{
    margin:0px;
    width:135px;
    padding:3px 0px 0px 0px;
    list-style-type:none;
    position: absolute;
    right: 0px;
    top:50px;
}

a.titrMNU+ul
{
    display: none;
}

a.titrMNU:hover+ul, ul.zirMNU:hover
{
    display: block;
}*/

#kadrKolZirMNU
{
    position: absolute;
    top: 46px;
    right: 0px;
    z-index: 500;
    width: 100%;
    height: 0px;
    overflow: hidden;
    background-color: hsl(0, 0%, 0%);
    box-shadow: 0px 1px 3px hsl(0, 0%, 20%);
    border-radius: 0px 0px 3px 3px;
    transition: height 0.5s;
}

#kadrKolZirMNU:hover
{
    height: 458px !important;
}

.kadrZirMNU
{
    width: 100%;
    height: 458px;
    overflow: hidden;
    transition: opacity 0.5s;
}

.kadrTitrZirMNU
{
    float: right;
    width: calc(100% - 60px);
    overflow: auto;
    padding: 20px 30px 10px 30px;
}

h4.titrZirMNU
{
    float: right;
    width: calc(100% - 42px);
    margin: 0px 0px 0px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: hsl(45, 87%, 53%);
    font-family: vazir;
    font-size: 1.25rem;
}

h4.titrZirMNU.doganeh
{
    width: calc(34.5% - 42px);
}

.kadrKolAksVaItemhaZirMNU
{
    float: right;
    overflow: auto;
    width: calc(100% - 60px);
    padding: 0px 30px 20px 30px;
}

.kadrVasetItemhaZirMNU
{
    float: right;
    overflow: auto;
    width: calc(69% - 61px);
    margin-left: 40px;
    padding-left: 20px;
    border-left: 1px solid;
    border-image: linear-gradient(to bottom, transparent 0%, hsl(0, 0%, 20%) 10%, hsl(0, 0%, 20%) 90%, transparent 100%) 1;
}

.kadrItemha
{
    float: right;
    width: calc(50% - 20px);
    overflow: auto;
    margin-left: 20px;
}

ul.zirMNU
{
    width: 100%;
    overflow: auto;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

a.titrZirMNU, a.titrZirMNU:link, a.titrZirMNU:visited
{
    display: block;
    width: calc(100% - 30px);
    padding: 10px 15px;
    margin-bottom: 2px;
    font-family: vazir;
    font-size: 1rem;
    text-decoration: none;
    color: hsl(0, 0%, 100%);
    border-radius: 25px;
    transition: background-color 0.2s;
}

a.titrZirMNU:hover
{
    background-color: hsl(0, 83%, 10%);
}

a.titrZirMNU:active
{
    transition: none;
    background-color: hsl(0, 83%, 15%);
}

.kadrAksZirMNU
{
    float: left;
    width: 31%;
}

img.aksZirMNU
{
    display: block;
    width: 100%;
    max-width: 375px;
    margin: auto;
}



#kadrIconhaMNU
{
    position: absolute;
    top: 46px;
    left: 0px;
    height: 0px;
    width: 46px;
    padding: 0px;
    overflow: hidden;
    z-index: 1000;
    border-radius: 0px 0px 23px 23px;
    background-color: hsla(0, 83%, 27%, 0.3);
    transition: height 0.5s;
    /*diz float: left;*/
}

#kadrIconhaMNU:hover
{
    height: 150px;
}

a.iconMNU
{
    display: block;
    height: 30px;
    width:30px;
    float: left;
    margin: 5px 8px 0px;
    background-image: url('../pic/icon-menu2.png');
    border-radius: 50%;
    background-color: hsl(0, 83%, 27%);
    /*diz transform: scale(1) rotate(0deg);
    transition:transform 1s;*/
}

/*diz a.iconMNU:hover
{
    transform: scale(1.2) rotate(360deg);
    transition:transform 0.5s;
}*/

a#iconAbzarhaMNU:link, a#iconAbzarhaMNU:visited
{
    /*diz display: none;
    position: absolute;
    left: 3px;
    bottom: 0px;*/
    float: left;
    width: 30px;
    height: 30px;
    padding: 8px 2px;
    margin: 0px 6px;
    background-color: transparent;
    background-position: -150px 0px;
    background-origin: content-box;
    border-radius: 0%;
    /*diz transition: 0.5s;*/
}

/*diz a#iconAbzarhaMNU:hover+#kadrIconhaMNU
{
    height: 150px;
}*/

a#iconTelegramMNU:link, a#iconTelegramMNU:visited
{
    background-position: 0px 0px;
}

a#iconInstagramMNU:link, a#iconInstagramMNU:visited
{
    background-position: -30px 0px;
}

a#iconAparatMNU:link, a#iconAparatMNU:visited
{
    background-position: -90px 0px;
}

a#iconWhatsAppMNU:link, a#iconWhatsAppMNU:visited
{
    background-position: -60px 0px;
}

/*diz a#iconRssMNU:link, a#iconRssMNU:visited
{
    background-position: -60px 0px;
}

a#iconSearchMNU:link, a#iconSearchMNU:visited
{
    background-position: -120px 0px;
}*/




a#iconTelegramMNU:hover
{
    background-position: 0px -30px;
}

a#iconInstagramMNU:hover
{
    background-position: -30px -30px;
}

a#iconAparatMNU:hover
{
    background-position: -90px -30px;
}

a#iconWhatsAppMNU:hover
{
    background-position: -60px -30px;
}

/*diz a#iconRssMNU:hover
{
    background-position: -60px -30px;
}

a#iconSearchMNU:hover
{
    background-position: -120px -30px;
}*/



#kadrSearchMNU
{
    float: left;
    height:30px;
    width: calc(100% - 776px);
    max-width: 500px;
    /*diz overflow: hidden;*/
    margin: 5px 20px 5px 10px;
    position: relative;
}

#kadrSearchMNU>input
{
    display: block;
    box-sizing: content-box;
    height: 26px;
    width: calc(100% - 47px);
    padding: 5px 15px 5px 38px;
    border: 0px solid hsl(207, 12%, 72%);
    border-radius: 18px;
    font-family: vazir;
    font-size: 1rem;
    line-height: 1;
    background-color: hsl(0, 82%, 13%);
    color: hsl(270, 13%, 100%);
}

#kadrSearchMNU>input:focus
{
    background-color: hsl(0, 82%, 15%);
    outline: 0px solid hsl(123, 28%, 59%);
}

a#btnSearchMNU
{
    display: block;
    height: 19px;
    width: 35px;
    padding: 9px 0px;
    position: absolute;
    top: 0px;
    left: -4px;
    border-radius: 17px;
    text-align: center;
    text-decoration: none;
    font-family: myIcon2;
    font-size: 1rem;
    line-height: 1;
}

a#btnSearchMNU:link,a#btnSearchMNU:visited
{
    color: hsl(124, 80%, 100%);
    /*diz background-color: #E7E8E9;*/
}

a#btnSearchMNU:hover
{
    color: hsl(45, 87%, 53%);
    /*diz background-color: hsl(270, 13%, 33%);*/
}

a#btnSearchMNU:focus
{
    color: hsl(45, 87%, 30%);
    /*diz background-color: hsl(272, 13%, 25%);*/
}


#navarRast
{
    width:23.128%;
    overflow-y:auto;
    float:right;
    background-color: hsl(0, 0%, 0%);
}

#ettelaeeyehNR
{
    width:100%;
    /*diz height: 300px;*/
    float:right;
    overflow: auto;
    position:relative;
    background-color: hsl(0, 0%, 10%);
}

#headerEtt
{
    height: 28px;
    padding:20px 20px 0px 20px;
    margin-top: 10px;
    /*diz height: 18px;
    background: url('../pic/parcham.png') no-repeat right bottom;
    border-bottom: 2px solid #59c913;*/
    font-family: vazir;
    font-size: 1.125rem;
    line-height: 1;
    text-align: right;
    color: hsl(0, 0%, 100%);
    /*diz text-shadow: 1px 2px 2px hsl(126, 75%, 20%);*/
}

#headerEtt>span.icon
{
    width: 18px;
    height: 18px;
    float: right;
    font-family: myIcon2;
    margin-left: 10px;
}

/*diz h2#titrEtt
{
    float: right;
    padding: 13px 10px;
    margin: 0px;
    font-family: vazir;
    font-size: 1.125rem;
    line-height: 1;
    white-space: nowrap;
    text-overflow:ellipsis;
    overflow-x: hidden;
    color: hsl(0, 0%, 100%);
    !*diz text-shadow: 1px 2px 2px hsl(126, 75%, 20%);*!
}*/

#kadrAkshayeEtt
{
    float: right;
    width: calc(100% - 40px);
    overflow: auto;
    padding: 10px 20px 20px;
    margin-bottom: 10px;
}

.kadrAksEtt
{
    position: relative;
    float: right;
    width: calc(16.666% - 20px);
    padding-top: 23.753%;
    margin: 0px 10px;
}

.kadrAksEtt>a, .kadrAksEtt>a:link, .kadrAksEtt>a:visited
{
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.kadrAksEtt>a:hover
{
    outline: 2px solid hsl(0, 83%, 35%);
}

.kadrAksEtt>a:active
{
    opacity: 0.7;
}

.kadrAksEtt img
{
    display: block;
    position: relative;
    width: 100%;
}

.kadrBiAksEtt
{
    background-color: hsl(0, 0%, 15%);
    cursor: context-menu;
}

.kadrVasetKadrBiAksEtt
{
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    text-align: center;
    width: 100%;
    height: 81px;
    margin: auto;
    color: hsl(0, 0%, 40%);
}

span.iconKadrBiAksEtt
{
    display: block;
    width: 33px;
    height: 33px;
    margin: 0px auto;
    font-family: myIcon2;
    font-size: 2rem;
}

span.matnKadrBiAksEtt
{
    display: block;
    width: 100%;
    margin: 20px 0px 0px;
    font-family: vazir;
    font-size: 1.125rem;
    letter-spacing: 3px;
}

/*diz #matnEtt
{
    display: block;
    padding: 5px 10px;
    height: 170px;
    font-family: 'koodak';
    font-size: 0.875rem;
    line-height: 24px;
    overflow-y:auto;
    overflow-x:hidden;
    text-align: justify;

}

#matnEtt a,#matnEtt a:link,#matnEtt a:visited
{
    font-family: koodak;
    font-size: 0.875rem;
    text-decoration: none;
    color: hsl(119, 63%, 18%);
}

#matnEtt a:hover
{
    color: hsl(119, 63%, 52%);
}

#matnEtt a:active
{
    color: hsl(119, 63%, 28%);
}

#matnEtt hr
{
    border-color: hsl(126, 75%, 20%);
}


#ettelaeeyehNR>a#ettelaatBishtar
{
    display: block;
    position: absolute;
    bottom: 10px;
    left:10px;
}

#tablighNR
{
    width:100%;
    overflow-y:auto;
    float:right;
    background-color: hsl(138, 15%, 23%);
}*/

#kadrTabligh
{
    float: right;
    width: 100%;
    margin-top: 30px;
}

#titrTabligh
{
    padding:10px 20px 10px 20px;
    height: 18px;
    background: url('../pic/parcham.png') no-repeat right bottom;
    border-bottom: 2px solid hsl(97, 83%, 43%);
    font-family: 'Titr Bold GE';
    font-size: 1rem;
    line-height: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
    text-align: left;
    color: hsl(95, 100%, 82%);
    text-shadow: 1px 2px 2px hsl(126, 75%, 20%);

}

#sharhTabligh
{
    padding: 0px;
    font-family: 'koodak';
    font-size: 0.875rem;
    overflow-x:hidden;
}

img#axTabligh
{
    display: block;
    width:100%;
    margin: 0px auto;
    border-width:0px;
}

#tablighNR>#sharhTabligh>h2
{
    margin: 0px;
}

a#titrMatnTabligh, a#titrMatnTabligh:link, a#titrMatnTabligh:visited
{
    display: block;
    padding: 13px 10px;
    font-family: 'yekan';
    font-size: 0.875rem;
    line-height: 1;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
    color: hsl(98, 100%, 95%);

}


a#matnTabligh, a#matnTabligh:link, a#matnTabligh:visited
{
    display: block;
    overflow: hidden;
    min-height: 60px;
    max-height: 200px;
    font-family: 'koodak';
    font-size: 0.875rem;
    line-height: 20px;
    text-align: justify;
    color: hsl(98, 100%, 95%);
    text-decoration: none;

}

#sharhTabligh:hover h2>a#titrMatnTabligh, #sharhTabligh:hover a#matnTabligh
{
    color: hsl(84, 100%, 69%);
}

#sharhTabligh:active h2>a#titrMatnTabligh, #sharhTabligh:active a#matnTabligh
{
    color: hsl(97, 100%, 84%);
}



#barchasbhaNR
{
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    overflow-y: auto;
    float: right;
    margin: 0px 0px 0px 30px;
    padding: 0px;
    /*diz background-color: hsl(120, 7%, 29%);*/
}

#kadrTitrBarchasbhaNR
{
    float: right;
    width: calc(100% - 10px);
    padding: 0px 10px 0px 0px;
    margin-bottom: 5px;
    overflow: auto;
}

#iconTitrBarchasbhaNR
{
    float: right;
    width: 20px;
    height: 20px;
    margin: 4px 0px 4px 10px;
    font-family: myIcon2;
    font-size: 1rem;
}

#titrBarchasbhaNR
{
    float: right;
    width: calc(100% - 35px);
    margin: 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
    font-family: vazir;
    font-size: 1rem;
    font-weight: normal;
    color: hsl(0, 0%, 100%);
    /*diz padding:10px 20px 10px 20px;
    height: 18px;
    border-bottom: 2px solid hsl(97, 83%, 43%);
    line-height: 1;
    text-align: left;
    text-shadow: 1px 2px 2px hsl(126, 75%, 20%);
    background: url('../pic/parcham.png') no-repeat right bottom;*/
}

#kadrBarchasbhaNR
{
    padding: 0px 1px 0px;
    font-family: vazir;
    font-size: 0.875rem;
    /*diz height: calc(100% - 48px);
    max-height: 400px;*/
    overflow-y: auto;
}

a.barchasbNR
{
    float: right;
    max-width: calc(100% - 38px);
    height: 23px;
    display: inline-block;
    padding: 5px 15px 3px;
    margin: 4px;
    font-family: vazir;
    font-size: 0.875rem;
    color: hsl(0, 0%, 70%);
    border-radius: 15px;
    background-color: hsl(355, 68%, 10%);
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*diz height: 14px;
    line-height: 1;
    position: relative;
    box-shadow: 1px 1px 2px hsl(141, 64%, 4%);*/
}

a.barchasbNR:hover
{
    color: hsl(0, 0%, 100%);
    /*background-color: hsl(355, 68%, 20%);*/
}

a.barchasbNR:active
{
    color: hsl(0, 0%, 80%);
    /*background-color: hsl(355, 68%, 15%);*/
}

/*diz a.barchasbNR::after
{
    content: "";
    display: block;
    height: 0px;
    width: 0px;
    position: absolute;
    right: 100%;
    top: 0px;
    border-right: 12px solid hsl(138, 15%, 23%);
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
}

a.barchasbNR::before
{
    content: "";
    display: block;
    height: 5px;
    width: 5px;
    border-radius: 50%;
    position: absolute;
    left: -4px;
    top: 0px;
    bottom: 0px;
    margin: auto 0px;
    background-color: hsl(120, 7%, 29%);
    z-index: 10;
}*/

a.rangBarchasbSath1NR
{
    /*color: hsl(142, 63%, 14%);*/
    background-color: hsl(355, 68%, 30%);
}

a.rangBarchasbSath2NR
{
    /*color: hsl(141, 63%, 12%);*/
    background-color: hsl(355, 68%, 25%);
}

a.rangBarchasbSath3NR
{
    /*color: hsl(139, 62%, 10%);*/
    background-color: hsl(355, 68%, 20%);
}

a.rangBarchasbSath4NR
{
    /*color: hsl(138, 60%, 8%);*/
    background-color: hsl(355, 68%, 15%);
}

a.rangBarchasbSath5NR
{
    /*color: hsl(141, 64%, 4%);*/
    background-color: hsl(355, 68%, 10%);
}

/*diz a.rangBarchasbSath1NR::after
{
    border-right-color: hsl(120, 41%, 69%);
}

a.rangBarchasbSath2NR::after
{
    border-right-color: hsl(120, 41%, 59%);
}

a.rangBarchasbSath3NR::after
{
    border-right-color: hsl(120, 41%, 49%);
}

a.rangBarchasbSath4NR::after
{
    border-right-color: hsl(120, 41%, 39%);
}

a.rangBarchasbSath5NR::after
{
    border-right-color: hsl(120, 41%, 29%);
}*/


#kadrBarchasbhaNR strong
{
    font-weight: normal;
}






#sotoonVasat
{
    width: 100%;
    overflow-y:auto;
    float: right;
    /*diz background-color: rgb(35, 41, 36);*/
    position: relative;
}

#mohtavaAsliSV
{
    width:100%;
    overflow: auto;
    position: relative;
    /*diz background-color: hsl(158, 7%, 21%);*/
}

.itemKholasehMA
{
    float: right;
    position: relative;
    width: 13.579%;
    text-align: center;
    overflow-y:auto;
    overflow-x:hidden;
    padding-top: 25.698%;
    box-shadow: 0px 0px 10px black;
    transition: width 0.5s;
}

.itemKholasehMA:not(.makhfiDarRWD)
{
    display: block;
}

.itemKholasehMA.makhfiDarRWD
{
    display: none;
}

.itemKholasehMA[data-hover-shodeh]
{
    width: 45.685%;
}

.itemKholasehMA[data-hover-shodeh] img.axKholasehMA
{
    width: 100%;
}

.itemKholasehMA[data-hover-shodeh] .kadrKholasehMA
{
    opacity: 1;
    max-height: 40px;
}

.itemKholasehMA[data-hover-shodeh] h2.titrKholasehMA
{
    width: calc(100% - 20px);
    padding: 5px 10px;
}

.itemKholasehMA[data-hover-shodeh] h2.titrKholasehMA a
{
    text-overflow: ellipsis;
}

.aksItemKholasehMA
{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.kadrMatnhaKholasehMA
{
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100%;
    padding: 5px 0px;
    overflow: auto;
    background-color: hsla(0, 0%, 0%, 0.5);
}

h2.titrKholasehMA
{
    float: left;
    width: calc(100% - 10px);
    height: 20px;
    padding: 5px 10px 5px 0px;
    margin: 0px;
}

h2.titrKholasehMA a, h2.titrKholasehMA a:link, h2.titrKholasehMA a:visited
{
    display:block;
    max-width:100%;
    white-space: nowrap;
    overflow-x:hidden;
    font-family:vazir;
    font-size: 1.125rem;
    color: hsl(0, 0%, 100%);
    text-decoration: none;
    text-shadow: 0px 0px 3px black;
}

h2.titrKholasehMA a:hover
{
    color: hsl(45, 87%, 53%);
}

h2.titrKholasehMA a:active
{
    color: hsl(45, 87%, 30%);
}

.kadrKholasehMA
{
    float: right;
    width: calc(100% - 20px);
    max-height: 0px;
    opacity: 0;
    overflow: hidden;
    padding: 5px 10px;
    font-family:vazir;
    font-size: 0.875rem;
    color: hsl(0, 0%, 90%);
    text-shadow: 0px 0px 3px black;
    transition: max-height 0.5s, opacity 0.5s;
}


@keyframes charkhandehLoading
{
    0%{transform: rotate(0deg);}
    100%{transform: rotate(720deg);}
}

@keyframes charkhandehLoading1
{
    0%{transform: rotate(0deg);visibility: visible;}
    25%{transform: rotate(180deg);visibility: hidden;}
    50%{transform: rotate(180deg);visibility: hidden;}
    75%{transform: rotate(0deg);visibility: hidden;}
    100%{transform: rotate(180deg);visibility: visible;}
}
@keyframes charkhandehLoading2
{
    0%{transform: rotate(0deg)}
    25%{transform: rotate(0deg)}
    50%{transform: rotate(180deg)}
    75%{transform: rotate(180deg)}
    100%{transform: rotate(180deg)}
}

@keyframes charkhandehLoading3
{
    0%{transform: rotate(0deg)}
    25%{transform: rotate(0deg)}
    50%{transform: rotate(0deg)}
    76%{transform: rotate(180deg)}
    100%{transform: rotate(180deg)}
}


@keyframes aniLoadingKhati1
{
    0%{width:0px;opacity: 1}
    25%{width:20px;opacity: 1}
    75%{width:20px;opacity: 1}
    100%{width:20px;opacity: 0}
}

@keyframes aniLoadingKhati2
{
    0%{width:0px;opacity: 1}
    25%{width:0px;opacity: 1}
    50%{width:20px;opacity: 1}
    75%{width:20px;opacity: 1}
    100%{width:20px;opacity: 0}
}

@keyframes aniLoadingKhati3
{
    0%{width:0px;opacity: 1}
    50%{width:0px;opacity: 1}
    75%{width:20px;opacity: 1}
    100%{width:20px;opacity: 0}
}

.kadrLoading
{
    display: none;
    height: 100%;
    width:100%;
    position: absolute;
    top:0px;
    left: 0px;
    z-index:10;
    background-color: hsla(0, 0%, 14%, 0.81);
    overflow: hidden;

}

@keyframes taghirOpacityKLD
{
    from{visibility: hidden;opacity: 0;}
    to{visibility: visible;opacity: 1.0;}
}

.dokmehBastanKLD
{
    font-family: myIcon;
    font-size: 0.875rem;
    line-height: 1;
    padding: 4px 1px 2px 1px;
    width: 21px;
    height: 16px;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    left:0px;
    right: 0px;
    top:0px;
    bottom: 0px;
    margin: auto;
    z-index:1001;
    cursor: pointer;
    background-color: hsl(0, 100%, 6%);
    color: hsl(45, 100%, 29%);
    opacity: 0;
    animation: taghirOpacityKLD 1s 5s;
    animation-fill-mode: both;
}

.kadrLoading .vasetLD
{
    height: 5px;
    width: 84px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    overflow: hidden;
}

.kadrLoading .khat
{
    float: right;
    width: 20px;
    height: 5px;
    background-color: hsl(0, 83%, 35%);
    margin: 0px 4px;
}

.kadrLoading .khat1
{
    animation: aniLoadingKhati1 0.8s ease-out infinite;
    animation-fill-mode: both;
}

.kadrLoading .khat2
{
    animation: aniLoadingKhati2 0.8s ease-out infinite;
    animation-fill-mode: both;
}

.kadrLoading .khat3
{
    animation: aniLoadingKhati3 0.8s ease-out infinite;
    animation-fill-mode: both;
}

/*diz .kadrLoading .vasetLD
{
    height: 100px;
    width:100px;
    position: absolute;
    top:0px;
    bottom: 0px;
    left:0px;
    right:0px;
    margin:auto;
    animation: charkhandehLoading 2s infinite;
    animation-fill-mode: forwards;
}

.kadrLoading .daiereh1
{
    height: 50%;
    width:50%;
    border:8px solid;
    border-color: hsl(158, 7%, 21%) hsl(158, 7%, 21%) hsl(43, 92%, 48%) hsl(43, 92%, 48%);
    border-radius:calc(50% + 8px);
    position: absolute;
    top:0px;
    bottom: 0px;
    left:0px;
    right:0px;
    margin:auto;
    animation: charkhandehLoading3 2s linear infinite ;
    animation-fill-mode: forwards;
    box-shadow: 0px 0px 0px 1px hsl(158, 7%, 21%),0px 0px 0px 1px hsl(158, 7%, 21%) inset;
}

.kadrLoading .daiereh2
{
    height: 50%;
    width:50%;
    border:8px solid;
    border-color:hsla(0,100%,50%,0) hsla(158, 7%, 21%, 0) hsl(43, 92%, 48%) hsl(43, 92%, 48%);
    border-radius:calc(50% + 8px);
    position: absolute;
    top:0px;
    bottom: 0px;
    left:0px;
    right:0px;
    margin:auto;
    animation: charkhandehLoading2 2s linear infinite;
    animation-fill-mode: forwards;
    box-shadow: 0px 0px 0px 1px hsl(158, 7%, 21%),0px 0px 0px 1px hsl(158, 7%, 21%) inset;
}

.kadrLoading .daiereh3
{
    height:50%;
    width:50%;
    border:8px solid;
    border-color:hsla(0,100%,50%,0) hsla(0,100%,50%,0) hsl(158, 7%, 21%) hsl(158, 7%, 21%);
    border-radius:calc(50% + 8px);
    position: absolute;
    top:0px;
    bottom: 0px;
    left:0px;
    right:0px;
    margin:auto;
    animation: charkhandehLoading1 2s linear infinite;
    animation-fill-mode: forwards;
    box-shadow: 0px 0px 0px 1px hsl(158, 7%, 21%),0px 0px 0px 1px hsl(158, 7%, 21%) inset;
}*/


/*diz table#tblFullMA
{
    table-layout: fixed;
    border-spacing: 0px;
    width:100%;
}

table#tblFullMA>tbody>tr>td
{
    width:49.645%;
    padding:0px;
}

#kadrNamayeshMA
{
    background-color: hsl(158, 7%, 21%);
    position: relative;
    z-index: 1;
}

#kadrRatioAxBozorgMA
{
    padding-top: 56.285%;
    position: relative;
}

#mohtavaAsliSV a[class^="dokmehAx"], #mohtavaAsliSV a[class^="dokmehAx"]:link, #mohtavaAsliSV a[class^="dokmehAx"]:visited
{
    top:0px;
    display: none;
}

#mohtavaAsliSV .dokmehAxGhabli
{
    right:0px;
}

#mohtavaAsliSV .dokmehAxBadi
{
    left:0px;
}

img#axBozorgMA
{
    position: absolute;
    right: 0px;
    top:0px;
    width: calc(100% - 4px);
    border:2px solid hsl(132, 73%, 20%);
    box-shadow:2px 2px 5px hsl(137, 14%, 10%);
}

.anmAxBozorg
{
    animation: namayeshAksAzBala 0.5s;
}

#kadrEttMA
{
    height: 142px;
    width: 100%;
}

h3#titrNamayeshMA
{
    height: 30px;
    width:94.285%;
    margin:0.857% 2.857% 1.428% 2.857%;

    position: relative;
}

a.dokmehKeshoee, a.dokmehKeshoee:link,  a.dokmehKeshoee:visited
{
    display: none;
    position: absolute;
    height: 15px;
    padding: 8px 0px 7px 1px;
    width: 30px;
    top:0px;
    left: 0px;
    font-family: myIcon;
    font-size: 1rem;
    line-height:1;
    text-align: center;
    text-decoration: none;
    color:hsl(37, 82%, 62%);

}

a.dokmehKeshoee:hover
{
    color: hsl(60, 82%, 62%);

}

a.dokmehKeshoee:active
{
    color: hsl(98, 100%, 95%);

}

h3#titrNamayeshMA a:not(.dokmehKeshoee), h3#titrNamayeshMA a:not(.dokmehKeshoee):link, h3#titrNamayeshMA a:not(.dokmehKeshoee):visited
{
    display: block;
    max-width:100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x:hidden;
    font-family: yekan;
    font-size: 1rem;
    line-height: 1;
    padding: 7px 0px;
    color: hsl(97, 83%, 43%);
    text-shadow: 1px 1px 3px hsl(126, 75%, 20%);
    text-decoration:none;
}

h3#titrNamayeshMA a:not(.dokmehKeshoee):hover
{
    color: hsl(97, 83%, 43%);
    text-shadow: 1px 1px 3px hsl(126, 75%, 20%);
}

h3#titrNamayeshMA a:not(.dokmehKeshoee):active
{
    color: hsl(126, 75%, 20%);
}



#matnNamayeshMA
{
    min-height:72px;
    margin:0px 2.857%;
    font-family: koodak;
    font-size: 0.875rem;
    text-indent: 10px;
    text-align: justify;
    line-height:24px;
    color: hsl(98, 100%, 95%);
    background-color: hsl(120, 7%, 29%);
}

#matnNamayeshMA a,#matnNamayeshMA a:link,#matnNamayeshMA a:visited
{
    font-family: koodak;
    font-size: 0.875rem;
    text-decoration: none;
    color: hsl(98, 100%, 95%);
}

a#edamehMatlabMA, a#edamehMatlabMA:link, a#edamehMatlabMA:visited
{
    margin-right:10px;
    font-family: koodak !important;
    font-style: normal;
    font-weight: normal;
    font-size: 0.875rem;
    text-decoration: none;
    color: hsl(97, 83%, 43%);
}

a#edamehMatlabMA:hover,#matnNamayeshMA a:hover
{
    color: hsl(84, 100%, 69%);
}

a#edamehMatlabMA:active,#matnNamayeshMA a:active
{
    color: hsl(97, 100%, 84%);
}

#matnNamayeshMA hr
{
    border-color: hsl(126, 75%, 20%);
}

#kadrPaeenNamayeshMA
{
    height: 24px;
    margin:1.428% 1.428% 0.857% 0px;
    font-family:koodak;
    font-size:0.75rem;

}

span#matnTarikhErsalNamayeshMA,span#tarikhErsalNamayeshMA
{
    display: inline-block;
    height: 12px;
    padding: 7px 0px 5px 0px;
    font-family:koodak;
    font-size:0.75rem;
    line-height: 1;
}*/

span.kadrShareLikeComment
{
    display: inline-block;
    height: 22px;
    width: 70px;
    padding: 4px 10px;
    float: left;
    position: relative;
}

a.share, a.like, a.comment
{
    display: block;
    width: 22px;
    height: 22px;
    float: left;
    background-image: url('../pic/icons2.png');
}

a.share
{
    margin-right: 26px;
    background-position: 0px 0px;
}

span.tedadLike
{
    display: block;
    width: 21px;
    height: 10px;
    text-align: right;
    font-size: 0.625rem;
    line-height: 1;
    position: absolute;
    left: 31px;
    top: 0px;
    bottom: 0px;
    margin: auto 0px;
}

a.like
{
    /*diz margin-right: 20px;*/
    background-position: -22px 0px;
}

a.comment
{
    background-position: -44px 0px;
}



#kadrDidgahha
{
    display: none;
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    margin-top: 20px;
    /*diz background-color: hsl(0, 0%, 8%);*/
}

#titrDG
{
    width: calc(100% - 20px);
    height: 17px;
    padding: 10px 10px 13px 10px;
    margin-bottom: 1.420%;
    position: relative;

}

#titrDG>span:first-child
{
    display: inline-block;
    width: 100%;
    height: 20px;
    padding-bottom: 7px;
    border-bottom: 1px solid hsl(0, 0%, 20%);
    font-family: vazir;
    font-size: 1rem;
    line-height: 1;
    color: hsl(0, 0%, 90%);

}

#titrDG>span:first-child>span
{
    margin-right: 10px;
}

/*diz #titrDG>span+span
{
    float:left;
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    font-family: myIcon;
    font-size: 1rem;
    color: #57bc36;
    cursor: pointer;
    position: absolute;
    left: 10px;
    top: 10px;
}

#titrDG>span+span:hover
{
    color: hsl(84, 100%, 69%);
}*/

#kadrNamayeshDG
{
    width:100%;
    height: calc(100% - 190px);
    overflow-y: auto;
}

span#matnKhali
{
    display: inline-block;
    width: calc(100% - 40px);
    padding: 20px;
    font-family: vazir;
    font-size: 1rem;
    line-height: 1.2;
    text-align: center;
    color: hsl(0, 0%, 80%);
}

.itemDG
{
    width: 100%;
    overflow-y: auto;
}

.itemDG>table
{
    width: 100%;
    border-spacing: 0px;
}

.itemDG>table td
{
    padding: 0px;
    position: relative;
    vertical-align: top;
}

.itemDG>table td:first-child
{
    direction: ltr;
    width: 20%;
    padding-left: 3px;
}

.itemDG>table span.namNevisandeh
{
    display: inline-block;
    width: calc(100% - 10px);
    height: 100%;
    overflow-y: hidden;
    padding-left: 3px;
    text-align: left;
    font-family: vazir;
    font-size: 0.8125rem;
    /*diz line-height: 1.2;*/
    vertical-align: top;
    color: hsl(105, 55%, 47%);

}

span.doNoghtehDG
{
    display: inline-block;
    height: 28px;
    font-family: vazir;
    font-size: 0.875rem;
    /*diz line-height: 1;*/
}

.itemDG>table td:first-child>span
{
    color: hsl(43, 92%, 48%);
    padding-top: 5px;
}

.itemDG>table td+td
{
    width: 80%;
}

.itemDG>table span.matnDG
{
    display: inline-block;
    overflow-y: auto;
    padding-top: 5px;
    padding-bottom: 25px;
    text-align: right;
    font-family: vazir;
    font-size: 0.8125rem;
    /*diz line-height: 1.2;*/
    color: hsl(98, 100%, 95%);

}

.itemDG>table span.btnPasokhDG
{
    display:inline-block;
    height: 12px;
    padding: 8px 10px;
    position: absolute;
    left: 10px;
    bottom: 5px;
    font-family: vazir;
    font-size: 0.75rem;
    line-height: 1;
    border-radius: 14px;
    cursor: pointer;
    background-color: hsl(355, 68%, 10%);
    color: hsl(0, 0%, 90%);
}

.itemDG>table span.btnPasokhDG:hover
{
    background-color: hsl(355, 68%, 20%);
    color: hsl(0, 0%, 100%);
}

hr.khatBeynDG
{
    margin: 2.272% 2.840%;
    border-width: 1px 0px 0px  0px;
    border-color: hsl(0, 0%, 48%);
}

hr.khatPasokhDG
{
    margin: 1.420% 19.886% 1.420% 2.840%;
    border-width: 1px 0px 0px  0px;
    border-color: hsl(0, 0%, 48%);
}

.itemPasokhDG
{
    width: 100%;
    overflow-y: auto;
}

.itemPasokhDG>table
{
    width:100%;
    border-spacing: 0px;
}

.itemPasokhDG>table td
{
    padding: 0px;
    vertical-align: top;
}

.itemPasokhDG>table td:first-child
{
    direction: ltr;
    width: 28%;
    padding-left: 3px;
}

.itemPasokhDG>table span.namNevisandeh
{
    display: inline-block;
    width: calc(100% - 10px);
    padding-left: 3px;
    text-align: left;
    font-family: vazir;
    font-size: 0.8125rem;
    line-height: 1.2;
    vertical-align: top;
    color: hsl(40, 76%, 53%);
}

.itemPasokhDG>table td:first-child>span
{
    color: hsl(40, 76%, 53%);
    padding-top: 5px;
}

.itemPasokhDG>table td+td
{
    width: 72%;
}

.itemPasokhDG>table span.matnDG
{
    display: inline-block;
    overflow-y: auto;
    padding-top: 5px;
    padding-bottom: 15px;
    text-align: right;
    font-family: vazir;
    font-size: 0.8125rem;
    line-height: 1.2;
    color: hsl(98, 100%, 95%);
}

#kadrDidgahha>hr
{
    border: 1px solid hsl(120, 7%, 29%);
    margin: 0px 10px;
}

#kadrErsalDG
{
    width:100%;
    height: 170px;
    padding-top: 5px;
}

#kadrNamEDG,#kadrEmailEDG,#kadrPasokhBehEDG
{
    float: right;
    width: 47.160%;
    height: 40px;
    margin: 2px 1.418%;

}

#kadrNamEDG>span:first-child,#kadrEmailEDG>span:first-child,#kadrMatnEDG>span:first-child
{
    display: inline-block;
    width: 50px;
    height: 16px;
    padding: 10px 0px 10px 5px;
    text-align: left;
    font-family: vazir;
    font-size: 1rem;
    line-height: 1;
    color: hsl(0, 0%, 100%);
    vertical-align: top;
}

#kadrNamEDG>input,#kadrEmailEDG>input
{
    width: calc(100% - 85px);
    height: 26px;
    padding: 5px 15px;
    border: 0px;
    font-family: vazir;
    font-size: 1rem;
    border-radius: 18px;
    line-height: 1;
    /*diz box-sizing: content-box;*/
    background-color: hsl(0, 0%, 15%);
    color: hsl(0, 0%, 100%);
    vertical-align: top;
    transition: background-color 0.2s;
}

#kadrEmailEDG>input
{
    font-family: sans-serif;
    direction: ltr;
    text-align: left;
}

#kadrNamEDG>input:focus,#kadrEmailEDG>input:focus
{
    background-color: hsl(0, 0%, 15%);
    outline: 0px;
}

#kadrPasokhBehEDG
{
    visibility: hidden;
    width: calc(47.160% - 40px);
    padding-right: 10px;
}

span#dokmehBastanPasokhBehEDG
{
    display: inline-block;
    width:16px;
    height: 16px;
    margin-top: 4px;
    font-family: myIcon;
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
    color: hsl(43, 92%, 48%);
}

span#dokmehBastanPasokhBehEDG:hover
{
    color: hsl(60, 82%, 62%);
}

#kadrPasokhBehEDG>span:first-child~span
{
    display: inline-block;
    height: 16px;
    padding: 0px 4px 4px 0px;
    font-family: vazir;
    font-size: 0.875rem;
    line-height: 1;
    vertical-align: middle;
}

#kadrMatnEDG
{
    float: right;
    width: 97.163%;
    margin: 2px 1.418%;
    height: 80px;
}

#kadrMatnEDG>textarea
{
    height: 60px;
    width: calc(100% - 85px);
    padding: 10px 15px;
    border-radius: 18px;
    border: 0px;
    font-family: vazir;
    font-size: 1rem;
    line-height: 1.2;
    background-color: hsl(0, 0%, 15%);
    color: hsl(0, 0%, 100%);
    resize: none;
    transition: background-color 0.2s;
    /*diz box-sizing: content-box;*/
}

#kadrMatnEDG>textarea:focus
{
    background-color: hsl(0, 0%, 15%);
    outline: 0px;
}

span#matnErrEDG
{
    visibility: hidden;
    float: right;
    display: inline-block;
    width: 130px;
    height: 16px;
    margin: 10px 5px 0px;
    font-family: vazir;
    font-size: 0.8125rem;
    line-height: 1;
    color: hsl(2, 100%, 59%);
}

#kadrErsalDG>a
{
    float: left;
    display: inline-block;
    height: 23px;
    padding: 5px 15px 3px;
    margin: 10px 4px 10px 40px;
    text-decoration: none;
    font-family: vazir;
    font-size: 1rem;
    line-height: 1;
}

#kadrErsalDG>a:link, #kadrErsalDG>a:visited
{
    color: hsl(45, 87%, 53%);
    /*diz background-color: hsl(43, 92%, 48%);*/
}

#kadrErsalDG>a:hover
{
    color: hsl(45, 87%, 30%);
    /*diz background-color: hsl(60, 82%, 62%);*/
}

#kadrErsalDG>a:active
{
    color: hsl(45, 87%, 20%);
    /*diz background-color: hsl(98, 100%, 95%);*/
}



/* #kadrKholasehaMA
{
    padding:0.709% 0px;
    margin-right: 0.709%;

}

.itemKholasehMA
{
    padding:5px 0px;
    overflow-y:auto;
    cursor: pointer;
    background-color: hsl(130, 8%, 15%);
    transition: background-color 0.3s;
}

.anmBazShodanAmoodiAks1
{
    animation: namayeshItem 0.5s;
    animation-fill-mode: backwards;
}
.anmBazShodanAmoodiAks2
{
    animation: namayeshItem 0.5s 0.2s;
    animation-fill-mode: backwards;
}
.anmBazShodanAmoodiAks3
{
    animation: namayeshItem 0.5s 0.4s;
    animation-fill-mode: backwards;
}
.anmBazShodanAmoodiAks4
{
    animation: namayeshItem 0.5s 0.6s;
    animation-fill-mode: backwards;
}


.itemKholasehMA:hover
{
    background-color: hsl(118, 19%, 26%);
}

.itemKholasehMA:hover .kadrAxKholasehMA
{
    outline: 2px solid hsla(84, 100%, 69%, 1);
}



.mahvMA
{
    opacity: 0.6;
}

.mahvMA .kadrAxKholasehMA
{
    outline: 2px solid hsl(97, 100%, 84%);
}

table.tblItemKholasehMA
{
    table-layout: fixed;
    border-spacing: 0px;
    width:100%;
}

table.tblItemKholasehMA td.sotoonAx
{
    padding: 0px;
    width: 20%;
}

table.tblItemKholasehMA td.sotoonMatnha
{
    padding: 0px;
    width: 80%;
}

.kadrAxKholasehMA
{
    width: 85.714%;
    padding-top: 85.714%;
    margin:0px 7.142%;
    overflow:hidden;
    position: relative;
    outline: 2px solid hsla(97, 100%, 84% ,0);
    transition: outline-color 0.3s;
}

img.axKholasehMA
{
    height: 100%;
    position: absolute;
    left: -39%;
    top:0px;
}

.kadrMatnhaKholasehMA
{
    overflow-y:auto;
}

h4.titrKholasehMA
{
    height: 20px;
    margin: 2.5% 1.785% 2.142% 1.785%;

}

h4.titrKholasehMA a, h4.titrKholasehMA a:link, h4.titrKholasehMA a:visited
{
    display:block;
    max-width:100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x:hidden;
    font-family:yekan;
    font-size: 0.75rem;
    color: hsl(84, 100%, 69%);
    text-decoration: none;
}

span.matnTarikhKholasehMA
{
    font-family: koodak;
    font-size: 0.75rem;
    float:left;
}

span.tarikhKholasehMA
{
    display:block;
    height: 20px;
    width: 70px;
    margin-left:1.785%;
    float:left;
    font-family: koodak;
    font-size: 0.75rem;
    text-align:center;

}

#kadrKholasehaMA hr
{
    border-bottom-width:0px;
    border-top:1px solid hsl(94, 39%, 36%);
    margin:0.571% 7.142%;
}

#kadrPagingMA
{
    width:100px;
    height: 25px;
    margin: 2.285% auto 0px auto;
    font-family: koodak;
    text-align: center;

}

a#dokmeGhabliPagingMA, a#dokmeGhabliPagingMA:link, a#dokmeGhabliPagingMA:visited, a#dokmeBaadiPagingMA, a#dokmeBaadiPagingMA:link, a#dokmeBaadiPagingMA:visited
{
    display:inline-block;
    height: 20px;
    width: 20px;
    margin-top:3px;
    border-radius: 3px;
    float:right;
    font-family: myIcon;
    text-decoration: none;
    color: hsl(136, 35%, 11%);
    background-color: hsl(43, 92%, 48%);
}

a#dokmeBaadiPagingMA, a#dokmeBaadiPagingMA:link, a#dokmeBaadiPagingMA:visited
{
    float:left;
}

a#dokmeGhabliPagingMA:hover, a#dokmeBaadiPagingMA:hover
{
    color: hsl(118, 19%, 26%);
    background-color: hsl(60, 82%, 62%);
}

a#dokmeGhabliPagingMA:active, a#dokmeBaadiPagingMA:active
{
    color: hsl(118, 19%, 26%);
    background-color: hsl(60, 82%, 62%);
}*/




.peyghamSadeh
{
    width: calc(100% - 0px);
    overflow-y:auto;
    padding: 10px 0px;
    /*diz background-color: hsl(130, 8%, 15%);*/
}

.kadrTitrPS
{
    width:100%;
    overflow-y: auto;
    /*diz background-color: hsl(117, 18%, 25%);*/
}

span.iconPS
{
    display: block;
    float: right;
    width: 25px;
    padding: 15px 0px;
    margin-left:5px;
    margin-right: 30px;
    font-family: myIcon2;
    font-size:1.5rem;
    line-height: 1;
    text-align: center;
    color: hsl(45, 87%, 53%);

}

h2.titrPS
{
    float:right;
    width: calc(100% - 60px);
    height: 26px;
    padding: 12px 0px;
    margin: 0px;
    font-size:1rem;
    line-height: 1;
    text-align: right;

}

h2.titrPS a, h2.titrPS a:link, h2.titrPS a:visited
{
    float: right;
    max-width: calc(100% - 20px);
    /*diz height: 16px;*/
    font-family: vazir;
    font-size: 1.25rem;
    line-height: 1.142;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
    /*diz text-shadow:2px 2px 3px hsl(130, 8%, 15%);*/
    overflow-y: hidden;
    color: hsl(45, 87%, 53%);
    padding: 4px 0px;
    margin: 0px 10px;

}


h2.titrPS a:hover
{
    color: hsl(45, 87%, 30%);
    /*diz text-shadow: 1px 1px 3px hsl(118, 19%, 32%);*/
}

h2.titrPS a:active
{
    color: hsl(45, 87%, 25%);
}



#mohtavaEzafiSV
{
    display: block;
    width:100%;
    overflow-y:auto;
}

#kadrHadisSV
{
    display: table;
    width: 100%;
    height: 100%;
    margin: 0px;
}

#kadrHadisSV>div
{
    display: table-cell;
    width: 100%;
    height: 100%;
    padding: 50px 60px;
    text-align: justify;
    vertical-align: middle;
    background: url('../pic/bg-kader-ezafat-ma2.jpg') no-repeat;
    background-size: 100% 150%;
}


#kadrHadisSV span
{
    display: inline-block;
}

#gooyandehHadisSV
{
    padding-right: 5px;
    color: hsl(45, 87%, 53%);
    font-family: karbalaei;
    font-size: 1rem;
}

#matnArabiHadisSV
{
    color: hsl(0, 100%, 100%);
    font-family: karbalaei;
    font-size: 1.25rem;
    padding: 10px 0px;
}

#matnArabiHadisSV strong
{
    color: hsl(0, 71%, 73%);
    font-size: 1.3rem;
    font-family: karbalaei;
}


#matnFarsiHadisSV
{
    color: hsl(0, 0%, 80%);
    font-family: Koodak;
    font-weight: bold;
    font-size: 1rem;
}


#manbaHadisSV
{
    color: hsl(0, 82%, 40%);
    font-family: vazir;
    font-size: 0.75rem;
    float: left;
}



@media only screen and (min-width:1900px)
{
    #kadrHadisSV
    {
        line-height: 1.4;
    }

    #matnArabiHadisSV
    {
        padding-bottom: 0px;
    }
}






#navarChap
{
    width: 26%;
    overflow-y: auto;
    float: left;
    /*diz background-color: hsl(120, 7%, 29%);*/
}

#kadrBalaNCHP
{
    /*diz height: 400px;*/
    position: relative;
    margin: 30px 0px 20px 30px;
    padding: 10px;
    background: hsl(0, 0%, 6%);
}

#kadrTitrhaTarin
{
    margin: 5px;
    overflow: auto;
    border-bottom: 1px solid hsl(355, 68%, 25%);
    padding-bottom: 5px;
    /*diz height: 24px;
    padding-top: 14px;*/
}


/*diz @media only screen and (min-width:768px) and (max-width:800px)
{
    #kadrTitrhaTarin
    {
        margin: 0px 2px 0px 2px;
    }
}*/

a.titrTarin, a.titrTarin:link, a.titrTarin:visited
{
    display: block;
    /*diz max-width: 85px;*/
    width: calc(50% - 23px);
    white-space: nowrap;
    padding: 9px 11px 7px;
    position:relative;
    z-index: 3;
    float: right;
    font-family: vazir;
    font-size: 1rem;
    line-height: 1;
    text-decoration: none;
    text-align: center;
    border-radius: 0px;
    color: hsl(0, 0%, 80%);
    transition: background-color 0.1s, color 0.1s;
    /*diz box-shadow: -1px 0px 2px hsla(118, 19%, 26%, 0.3);*/

}

a.titrTarin:hover
{
    color: hsl(0, 0%, 100%);
}

a.titrTarin:active
{
    color: hsl(45, 87%, 53%);
}

a.titrTarin:first-child
{
    border-left: 1px solid hsl(355, 68%, 25%);
}

a.entekhabShodehNCHP,a.entekhabShodehNCHP:link, a.entekhabShodehNCHP:visited
{
    position:relative;
    z-index: 4;
    color: hsl(45, 87%, 53%);
}

#kadrVasetMatlabhaTarin
{
    /*diz height: 323px;*/
    overflow-y: auto;
}

ul#kadrMatlabhaTarin
{
    /*diz height: 313px;*/
    margin:0px;
    padding: 5px 0px;
    list-style-type: none;
    list-style-position: inside;
    position: relative;

}

ul#kadrMatlabhaTarin li
{
    height: 22px;
    padding: 7px 3.424%;
}

span.iconMatlabTarin
{
    display: block;
    float: right;
    padding-top: 5px;
    margin-left: 3px;
    width: 20px;
    font-family: myIcon2;
    font-size:0.875rem;
    text-align: center;
    color: hsl(45, 87%, 53%);

}

a.matlabTarin:link, a.matlabTarin:visited
{
    display:block;
    float:right;
    /*diz max-width: 91.780%;*/
    width: calc(100% - 23px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: vazir;
    font-size: 0.875rem;
    line-height: 1;
    padding: 5px 0px;
    text-decoration: none;
    color: hsl(0, 0%, 80%);

}

a.matlabTarin:hover
{
    color: hsl(0, 0%, 100%);
}

a.matlabTarin:active
{
    color: hsl(45, 87%, 53%);
}

/*diz a#namayeshBishtarTarin,  a#namayeshBishtarTarin:link , a#namayeshBishtarTarin:visited
{
    position: absolute;
    left:10px;
    bottom: 8px;

}*/




.peyvandNamayeshBishtar,  .peyvandNamayeshBishtar:link , .peyvandNamayeshBishtar:visited
{
    display: block;
    width: 100px;
    text-align: center;
    text-decoration: none;
    font-family: yekan;
    font-size:0.8125rem;
    line-height: 1;
    padding:5px 0px;
    background-color: hsl(118, 19%, 32%);
    color: hsl(94, 100%, 72%);

}

.peyvandNamayeshBishtar:hover
{
    text-shadow: 0px 0px 6px hsl(94, 100%, 72%);
}

.peyvandNamayeshBishtar:active
{
    background-color: hsl(95, 100%, 82%);
    color: hsl(118, 19%, 26%);
}



#tablighNCHP
{
    width: calc(100% - 30px);
    overflow-y: auto;
    max-height: 315px;
    float: right;
    margin: 0px 0px 30px 30px;
    /*diz background-color: hsl(138, 15%, 23%);*/
}

#titrTablighNCHP
{
    padding:10px 20px 10px 20px;
    height: 18px;
    background: url('../pic/parcham-3.png') no-repeat left bottom;
    border-bottom: 2px solid hsl(97, 83%, 43%);
    font-family: 'Titr Bold GE';
    font-size: 1rem;
    line-height: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
    text-align: right;
    color: hsl(95, 100%, 82%);
    text-shadow: 1px 2px 2px hsl(126, 75%, 20%);

}

#sharhTablighNCHP
{
    overflow-y: auto;
    padding: 10px;
    font-family: 'koodak';
    font-size: 0.875rem;
    overflow-x:hidden;

}

#sharhTablighNCHP>a,#sharhTablighNCHP>a:link,#sharhTablighNCHP>a:visited
{
    display: block;

    width: 100%;
    overflow-y: auto;
}

img#axTablighNCHP
{
    display: block;

    max-width: 100%;
    margin:0px auto;
    border-width:0px;
}




#kadrPeyvandhaTablighatiNCHP
{
    float: right;
    width: calc(100% - 20px);
    padding: 10px 10px;
    background-color: hsl(126, 7%, 29%);
}

a.dokmehBozorgPTNCHP
{
    display: block;
    float: right;
    height: 24.390%;
    min-height: 30px;
    width: calc(100% - 22px);
    padding: 5px 0px;
    margin: 5px 10px;
    border: 1px solid transparent;
    overflow-y: hidden;
    text-decoration: none;
    text-align: left;
    position: relative;
}

a.dokmehBozorgPTNCHP:link,a.dokmehBozorgPTNCHP:visited
{
    color: hsl(0, 0%, 18%);
    background-image: linear-gradient(hsl(134, 12%, 22%), hsl(60, 9%, 4%));
}

span.titrDokmehPTNCHP
{
    display: inline-block;
    width: calc(90% - 55px);
    height: 30px;
    margin-left: 5px;
    font-family: koodak;
    font-size: 1.375rem;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    right: 0px;
    top: 2px;
    bottom: 0px;
    margin-top: auto;
    margin-bottom: auto;
    color: hsl(92, 51%, 69%);
    text-shadow: -1px 2px 2px hsl(92, 23%, 46%);
}

img.aksPTNCHP
{
    display: inline-block;
    height: calc(70% - 10px);
    max-height: 42px;
    padding: 2px;
    position: absolute;
    left: 0px;
    top: 10px;
    bottom: 10px;
    margin: auto 0px auto 10%;
    border:2px solid hsl(0, 0%, 29%);
    border-radius: 25%;
    line-height: 34px;
    vertical-align: middle;
    background-color: hsla(0, 0%, 100%,0.8);
}



@media only screen and (min-width: 768px) and (max-width: 950px)
{
    span.makhfiDarRWDKoochak
    {
        display: none;
    }

    span.titrDokmehPTNCHP
    {
        height: 28px;
        font-size: 1.25rem;
        line-height: 28px;
    }

    #kadrTitrhaTarin
    {
        margin: 5px 0px;
    }

    a.titrTarin, a.titrTarin:link, a.titrTarin:visited
    {
        padding: 9px 0px 7px;
        width: calc(50% - 1px);
        font-size: 0.875rem;
    }
}






[id^="kadrEzafat"]
{
    float: right;
    width: 100%;
    height: 0px;
    overflow-y: hidden;
    position: relative;
}

/*diz #kadrEzafatNR
{
    background-color: hsl(141, 15%, 26%);
}

#kadrEzafatSV
{
    background-color: hsl(132, 5%, 18%);
}

#kadrEzafatNCHP
{
    background-color: hsl(141, 15%, 26%);
}*/





#barchasbhaNCHP
{
    width:100%;
    overflow-y:auto;
    float:right;
    background-color: hsl(139, 15%, 26%);
}

#titrBarchasbhaNCHP
{
    padding:10px 20px 10px 20px;
    height: 18px;
    background: url('../pic/parcham-3.png') no-repeat left bottom;
    border-bottom: 2px solid hsl(97, 83%, 43%);
    font-family: 'Titr Bold GE';
    font-size: 1rem;
    line-height: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
    text-align: right;
    color: hsl(95, 100%, 82%);
    text-shadow: 1px 2px 2px hsl(126, 75%, 20%);
}

#kadrBarchasbhaNCHP
{
    padding: 10px;
    font-family: 'koodak';
    font-size: 0.875rem;
    max-height: 400px;
    overflow-y: auto;
}

a.barchasbNCHP
{
    float: left;
    height: 14px;
    padding:5px 5px;
    margin: 2px 20px 2px 0px;
    border-radius: 2px 0px 0px 2px;
    font-family: koodak;
    font-size: 0.875rem;
    line-height: 1;
    text-decoration: none;
    position: relative;
    color: hsl(95, 100%, 82%);
    background-color: hsl(138, 15%, 23%);
    box-shadow: 1px 1px 2px hsl(141, 64%, 4%);
}

a.barchasbNCHP:hover
{
    color: hsl(94, 100%, 72%);
    text-shadow: 0px 0px 7px hsl(94, 87%, 69%);
}

a.barchasbNCHP:active
{
    color: hsl(96, 100%, 92%);
}

a.barchasbNCHP::after
{
    content: "";
    display: block;
    height: 0px;
    width: 0px;
    position: absolute;
    left: 100%;
    top: 0px;
    border-left: 12px solid hsl(138, 15%, 23%);
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
}

a.barchasbNCHP::before
{
    content: "";
    display: block;
    height: 5px;
    width: 5px;
    border-radius: 50%;
    position: absolute;
    right: -4px;
    top: 0px;
    bottom: 0px;
    margin: auto 0px;
    background-color: hsl(120, 7%, 29%);
    z-index: 10;
}

a.rangBarchasbSath1NCHP
{
    color: hsl(142, 63%, 14%);
    background-color: hsl(120, 41%, 69%);
}

a.rangBarchasbSath1NCHP::after
{
    border-left-color: hsl(120, 41%, 69%);
}

a.rangBarchasbSath2NCHP
{
    color: hsl(141, 63%, 12%);
    background-color: hsl(120, 41%, 59%);
}

a.rangBarchasbSath2NCHP::after
{
    border-left-color: hsl(120, 41%, 59%);
}

a.rangBarchasbSath3NCHP
{
    color: hsl(139, 62%, 10%);
    background-color: hsl(120, 41%, 49%);
}

a.rangBarchasbSath3NCHP::after
{
    border-left-color: hsl(120, 41%, 49%);
}

a.rangBarchasbSath4NCHP
{
    color: hsl(138, 60%, 8%);
    background-color: hsl(120, 41%, 39%);
}

a.rangBarchasbSath4NCHP::after
{
    border-left-color: hsl(120, 41%, 39%);
}

a.rangBarchasbSath5NCHP
{
    color: hsl(141, 64%, 4%);
    background-color: hsl(120, 41%, 29%);
}

a.rangBarchasbSath5NCHP::after
{
    border-left-color: hsl(120, 41%, 29%);
}


#kadrBarchasbhaNCHP strong
{
    font-weight: normal;
}



#mohtavaEzafi
{
    width:100%;
    /*diz height: 300px;*/
    overflow: auto;
    clear:right;
}


#kadrSotiMEZF
{
    overflow: auto;
    padding-bottom: 20px;
}

#kadrSotiMEZF a.barchasbMEZF, #kadrSotiMEZF a.barchasbMEZF:link, #kadrSotiMEZF a.barchasbMEZF:visited
{
    position: relative;
    width: calc(90% - 38px);
    height: 26px;
    line-height: 26px;  /*تصحیح فونت*/
}

span.matnbarchasbMEZF
{
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#kadrSotiMEZF a.barchasbMEZF>.khatEtesalMEZF
{
    pointer-events: none;
    position: absolute;
    right: 100%;
    top: 16.5px;
    width: 0px;
    height: 1px;
    background-color: hsl(355, 68%, 25%);
}

#sotiMEZF
{
    position: relative;
    z-index: 0;
    width: calc(50% - 60px);
    height: 280px;
    float: right;
    padding: 20px 30px;
    background-color: hsl(0, 0%, 0%)
}

#kadrBarchasbhaSotiMEZF
{
    position: relative;
    z-index: 2;
}

#kadrBarchasbhaSotiMEZF>.kadrVasetBarchasbhaMEZF
{
    overflow: visible;
}

.khatAmoodiVaselMEZF
{
    display: none;
}

.khatSotiMEZF
{
    position: absolute;
    top: 0px;
    right: 30px;
    width: 50px;
    height: calc(100% - 2px);
    border-width: 1px 1px 1px 0px;
    border-style: solid;
    border-color: hsl(355, 68%, 25%);
}

#titrSoti
{
    width: calc(50% - 60px);
    height: 296px;
    padding: 20px 30px;
}

#kadrSotihayeMEZF
{
    width: 100%;
    height: 100%;
    overflow: auto;
}

/* اسکرول بار */
#kadrSotihayeMEZF::-webkit-scrollbar
{
    width: 5px;
    margin-left: 5px;
}

/* کادر دور اسکرول بار */
#kadrSotihayeMEZF::-webkit-scrollbar-track
{
    background-color: hsl(0, 0%, 20%);
    border-radius: 5px;
}

/* خود اسکرول بار */
#kadrSotihayeMEZF::-webkit-scrollbar-thumb
{
    background-color: hsl(0, 0%, 60%);
    border-radius: 5px;
}

/* هاور اسکرول بار */
#kadrSotihayeMEZF::-webkit-scrollbar-thumb:hover
{
    background: hsl(0, 0%, 40%);
}

.itemSotiMEZF
{
    float: right;
    width: 100%;
    margin-bottom: 12px;
    overflow: auto;
    background: linear-gradient(to left, hsl(0, 0%, 0%) 2%, hsla(0, 0%, 0%, 0.5) 2.5%, transparent 4%), url("../pic/bg-kader-ezafat-ma2.jpg") no-repeat;
    background-size: 100%, 200%;
    /*border-radius: 18px;*/
}

.titrSotiMEZF
{
    float: right;
    width: calc(100% - 120px);
    padding: 5px 15px 5px 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: vazir;
    font-size: 1rem;
    text-indent: 20px;
}

.kadrDokmehhaItemSotiMEZF
{
    float: left;
    width: 85px;
    margin: 0px 10px;
}

.kadrDokmehhaItemSotiMEZF a.btnLike, .kadrDokmehhaItemSotiMEZF a.btnLike:link, .kadrDokmehhaItemSotiMEZF a.btnLike:visited
{
    position: static;
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
    color: hsl(0, 0%, 100%);
    font-family: myIcon2;
    font-size: 1rem;
    background: none;
}

.kadrDokmehhaItemSotiMEZF a.btnLike:hover
{
    color: hsl(45, 87%, 53%);
}

.kadrDokmehhaItemSotiMEZF a.btnLike:active
{
    color: hsl(45, 87%, 30%);
}

a.dokmehItemSotiMEZF, a.dokmehItemSotiMEZF:link, a.dokmehItemSotiMEZF:hover
{
    display: block;
    float: right;
    width: 16px;
    height: 16px;
    padding: 10px 5px;
    font-family: myIcon2;
    font-size: 1rem;
    color: white;
}

a.dokmehItemSotiMEZF:hover
{
    color: hsl(45, 87%, 53%);
}

a.dokmehItemSotiMEZF:active
{
    color: hsl(45, 87%, 30%);
}

/*diz a#peyvandArshivSoti,a#peyvandArshivSoti:link,a#peyvandArshivSoti:visited
{
    display:block;
    width:45px;
    float:right;
    font-family:yekan;
    font-size:0.875rem;
    line-height:1;
    text-decoration: none;
    color: hsl(94, 100%, 72%);
}

a#peyvandArshivSoti:hover
{

}

a#peyvandArshivSoti:active
{
    color: hsl(96, 100%, 92%);
}

a#titrMatlabSoti,a#titrMatlabSoti:link,a#titrMatlabSoti:visited
{
    display: block;
    float:right;
    width: calc(100% - 45px);
    height: 18px;
    overflow-y:hidden;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family:yekan;
    font-size:0.875rem;
    line-height:1;
    text-decoration: none;
    color: hsl(96, 100%, 92%);
}

a#titrMatlabSoti:hover
{
    color: hsl(94, 100%, 72%);
}

a#titrMatlabSoti:active
{
    color: hsl(96, 100%, 92%);
}

#itemhaSoti
{
    height: 192px;
    padding: 10px 2.331%;
    width: 95.337%;
    overflow-y:auto;

}

.itemSoti
{
    height: 40px;
    width:100%;
    padding: 4px 0px;

}

.kadrPakhshSoti
{
    float:left;
    height: 40px;
    width: 60.880%;
    position:relative;
    background-color: hsl(118, 19%, 26%);
}

h4.titrZamimehSoti
{
    text-align: right;
    padding: 12px 5px;
    width:calc(100% - 75px);
    font-family:koodak;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    z-index: 0;
    top: 0px;
    bottom: 0px;
    margin: auto 0px;
    right: 0px;

}

.itemSoti audio
{

}
.tblAudio
{
    width: 100%;
    height: 100%;
}

.tdcellAudio
{

    display: block;
    float: left;
    width:65px;
    min-width: 52px;
    top:0px;
    bottom: 0px;
    margin : auto 0px;
    position: relative;
    z-index: 1;
    transition: width 0.5s;
}


.mejs__container
{
    background-color: hsl(37, 67%, 57%) !important;
    min-width: unset !important;
    direction: ltr;
    width: auto !important;

}

.mejs__controls:not([style*='display: none'])
{
    display: block;
    text-align: center;
    overflow: hidden;
    background-image: none !important;
}

.mejs__time-rail
{
    display: inline-block;
    min-width: 40px;
    width: calc(100% - 92px) !important;
}

.mejs__button,.mejs__playpause-button,.mejs__play
{
    display: inline-block;
}

#sotiMEZF .mejs__time-float
{
    display: none !important;
}

.mejs__time
{
    display: inline-block;
    width: 28px !important;
}


.itemSoti .tdcellAudio:hover
{
    width:100%;
}

.mejs__container:hover
{
    width:100% !important;
}*/



.kadrDokmeh
{
    height: 40px;
    width: 40px;
    position: relative;
}

.itemSoti .kadrDokmeh
{
    background-color: hsl(118, 19%, 32%);
}

a[class^="btn"]
{
    display: block;
    position: absolute;
    height: 22px;
    width: 22px;
    background-image: url("../pic/icons2.png");
    background-repeat: no-repeat;
    top:0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
}

a[class^="btn"]:hover
{
    color:  hsl(45, 87%, 53%);
}

.poosheshBtnDownload
{
    display: none;
    position: absolute;
    height: 22px;
    width: 22px;
    top:0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    z-index: 2;
}

.kadrLikeVaTedadSoti
{
    /*diz position: absolute;
    top:0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;*/
    position: relative;
    float: right;
    height: 16px;
    width: 16px;
    padding: 10px 5px;
}


span.tedadLikeSoti
{
    display: block;
    width: 22px;
    height: 10px;
    font-family: vazir;
    font-size: 0.625rem;
    line-height: 1;
    text-align: right;
    position: absolute;
    left: 26px;
    top: 3px;
    bottom: 0px;
    margin: auto 0px;
}


a.btnShare,a.btnShare:link,a.btnShare:visited
{
    background-position: 0px 0px;
}

a.btnLike,a.btnLike:link,a.btnLike:visited
{
    background-position: -22px 0px;
}

a.btnComment,a.btnComment:link,a.btnComment:visited
{
    background-position: -44px 0px;
}

a.btnDownload,a.btnDownload:link,a.btnDownload:visited
{
    background-position: -66px 0px;
}

a.btnDownload,a.btnDownload:link,a.btnDownload:visited
{
    background-position: -88px 0px;
}

a.btnFull,a.btnFull:link,a.btnFull:visited
{
    background-position: -110px 0px;
}



#sotiMEZF .kadrDokmeh
{
    width: 13.039%;
    float: left;
}


a#namayeshBishtarSoti,a#namayeshBishtarSoti:link,a#namayeshBishtarSoti:visited
{
    display: block;
    padding: 4px 0px 0px 2px;
    width:28px;
    font-family: myicon;
    font-size: 1rem;
    text-decoration: none;
    text-align: center;
    color: hsl(137, 14%, 10%);
    line-height: 1;
    margin: 0px auto;
    border-radius: 3px;
    background-color: hsl(37, 82%, 62%);

}

a#namayeshBishtarSoti:hover
{
    background-color: hsl(45, 100%, 60%);
    color: hsl(94, 39%, 36%);
}

a#namayeshBishtarSoti:active
{
    background-color: hsl(96, 100%, 92%);
    color: hsl(118, 19%, 26%);
}





/*      قسمت برچسب های ویدیو و صوتی    */

.kadrBarchasbhaMEZF
{
    float: right;
    width: 50%;
    height: 330px;
}

.kadrVasetBarchasbhaMEZF
{
    width: calc(100% - 60px);
    height: calc(100% - 35px);
    margin: 20px 30px 15px;
    overflow: hidden;
}

a.barchasbMEZF, a.barchasbMEZF:link, a.barchasbMEZF:visited
{
    float: right;
    display: inline-block;
    padding: 5px 15px 3px;
    margin: 4px;
    font-family: vazir;
    font-size: 1rem;
    color: hsl(0, 0%, 80%);
    border-radius: 15px;
    background-color: hsl(355, 68%, 10%);
    transition: background-color 0.1s, color 0.1s;
}

a.barchasbMEZF:hover
{
    color: hsl(0, 0%, 100%);
    background-color: hsl(355, 68%, 20%);
}

a.barchasbMEZF:active
{
    transition: none;
    background-color: hsl(355, 68%, 15%);
}

a.barchasbMEZF[data-entekhabi]
{
    color: hsl(0, 0%, 100%);
    background-color: hsl(355, 68%, 25%);
}




#kadrVideoMEZF
{
    width: 100%;
    overflow: auto;
    padding-bottom: 20px;
}

#videoMEZF
{
    width: calc(50% - 60px);
    height: 296px;
    padding: 20px 30px;
    float:left;
    position: relative;
    background-color: hsl(120, 17%, 0%);
}

#titrVideo
{
    height: 20px;
    width: 95.337%;
    padding: 10px 2.331%;

}

a#peyvandArshivVideo, a#peyvandArshivVideo:link, a#peyvandArshivVideo:visited
{
    float:right;
    display:block;
    width: 15px;
    font-family: myIcon2;
    font-size: 1rem;
    margin: 2px 0px 0px 10px;
    line-height:1;
    text-decoration: none;
    color: hsl(0, 83%, 35%);

}

a#peyvandArshivVideo:hover
{

}

a#peyvandArshivVideo:active
{

}

a#titrMatlabVideo, a#titrMatlabVideo:link, a#titrMatlabVideo:visited
{
    display: block;
    width:calc(100% - 25px);
    /*diz height: 18px;*/
    padding-top: 2px;
    float:right;
    overflow-y:hidden;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family:vazir;
    font-size:1rem;
    line-height:1;
    text-decoration: none;
    color: hsl(96, 100%, 92%);

}

a#titrMatlabVideo:hover
{
    color: hsl(45, 87%, 53%);
}

a#titrMatlabVideo:active
{
    color: hsl(45, 87%, 30%);
}

#kadrVideo
{
    width: 79.478%;
    max-width: 341px;
    height: 192px;
    margin:0px auto;
    position: relative;
    background-color: hsl(0, 0%, 0%);
    border-width: 3px 30px;
    border-style: solid;
    border-image: url("../pic/negative.jpg") 200 repeat;
    /*diz box-shadow: 0px 0px 1px hsl(45, 100%, 60%),0px 0px 8px 2px hsl(94, 39%, 36%);*/
}

#kadrRatioVideo
{
    width:100%;
    height:0px;
    padding-top: 56.304%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin:auto 0px;
}
#kadrVasetVideo
{
    width:100%;
    height: 100%;
    overflow-x: hidden;
    position: absolute;
    top: 0px;
    right: 0px;
}

#kadrVasetVideo video
{
    display:block;
    height:100%;
    width: 100%;
    margin:0px auto;
}

#kadrVasetVideo iframe
{
    display:block;
    height:100%;
    margin:0px auto;
    border-style:none;
}

a#dokmehPakhsh, a#dokmehPakhsh:link, a#dokmehPakhsh:visited
{
    display: block;
    height: 20px;
    width: 38px;
    padding: 10px 0px 10px 2px;
    text-align: center;
    text-decoration: none;
    box-shadow:0px 0px 10px 5px hsl(355, 69%, 10%);
    border-radius: 50%;
    background-color: hsl(0, 83%, 35%);
    font-family:myIcon;
    font-size: 1.25rem;
    line-height: 1;
    position: absolute;
    left: 0px;
    right:0px;
    top: 0px;
    bottom:0px;
    margin:auto auto;
    z-index: 2;
    color: hsl(45, 87%, 53%);

}

a#dokmehPakhsh:hover
{
    color: hsl(45, 87%, 45%);
    background-color: hsl(0, 83%, 25%);
}

a#dokmehPakhsh:active
{
    color: hsl(45, 87%, 40%);
    background-color: hsl(0, 83%, 20%);
}

.kadrEmkanat
{
    /*diz max-width: 40px;
    min-width: 30px;
    max-height: 130px;*/
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 3;
    visibility: hidden;
    width: 120px;
    height: 40px;
    font-family: myIcon2;
    font-size: 1.25rem;
    background-color: hsla(0, 100%, 21%, 0.5);
    padding: 0px 6px;
    border-radius: 20px;
}

.kadrLikeVaTedadVideo
{
    position: relative;
    height: 100%;
    width: 100%;
    margin: auto;
    /*diz top:0px;
    bottom: 0px;
    left: 0px;
    right: 0px;*/
}

span.tedadLikeVideo
{
    position: absolute;
    top: 14px;
    right: -15px;
    display: block;
    width: 22px;
    height: 19px;
    font-family: vazir;
    font-size: 0.625rem;
    text-align: left;
}


#kadrRatioVideo:hover .kadrEmkanat
{
    visibility: visible;
}

#videoMEZF .kadrDokmeh
{
    width: 33.333%;
    height: 100%;
    /*diz max-height: 40px;
    min-height: 22px;*/
    float: left;
    background-color: transparent;
}



#videoMEZF .kadrDokmeh:last-child
{
    max-height: 50px;
    min-height: 40px;
}

/*diz #videoMEZF .kadrDokmeh:last-child>.kadrLikeVaTedadVideo
{
    top: -10px;
}*/

table#kadrPaeenVideo
{
    width:100%;
    margin-top:10px;
    border-spacing: 0px;

}

table#kadrPaeenVideo>tbody>tr>td
{
    height: 38px;
    width: 20px;
    padding: 0px 0.932%;
    text-align: center;
}

table#kadrPaeenVideo>tbody>tr>td.sotoonAx
{
    width:17.715%;
}

img.axVideoMEZF
{
    display: block;
    max-width:100%;
    max-height: 38px;
    margin:0px auto;
    cursor: pointer;
    transition: transform 0.2s;
}

img.axVideoMEZF
{
    display: block;
    max-width:100%;
    max-height: 38px;
    margin:0px auto;
    cursor: pointer;
    box-shadow: 0px 0px 1px hsl(0, 83%, 35%), 0px 15px 20px -15px hsl(0, 90%, 58%);
    transition: transform 0.2s, box-shadow 0.2s;
}

img.axVideoMEZF:hover:not(.videoEntekhabShodeh)
{
    transform: translate(0px, -3px);
    box-shadow: 0px 0px 1px hsl(0, 83%, 35%), 0px 15px 20px -15px hsl(0, 90%, 58%);
}

img.videoEntekhabShodeh
{
    outline: 2px solid hsl(0, 83%, 35%);
}

a#dokmehGhabliVideo, a#dokmehGhabliVideo:link, a#dokmehGhabliVideo:visited
{
    display: inline-block;
    height: 18px;
    padding: 10px 0px;
    font-family:myIcon;
    font-size: 1.125rem;
    line-height: 1;
    text-align: right;
    text-decoration: none;
    color:hsl(37, 82%, 62%);

}

a#dokmehGhabliVideo:hover
{
    color: hsl(45, 100%, 60%);
}

a#dokmehGhabliVideo:active
{
    color: hsl(37, 67%, 57%);
}

a#dokmehBadiVideo, a#dokmehBadiVideo:link, a#dokmehBadiVideo:visited
{
    display: inline-block;
    height: 18px;
    padding: 10px 0px;
    font-family:myIcon;
    font-size: 1.125rem;
    line-height: 1;
    text-align: left;
    text-decoration: none;
    color: hsl(37, 82%, 62%);

}

a#dokmehBadiVideo:hover
{
    color: hsl(45, 100%, 60%);
}

a#dokmehBadiVideo:active
{
    color: hsl(37, 67%, 57%);
}




#kadrTasvirMEZF
{
    overflow: auto;
}

#tasavirMEZF
{
    float: right;
    position: relative;
    width: 100%;
    /*diz height: 280px;*/
    overflow-y: auto;
    padding: 0px;
    background-color: hsl(0, 0%, 7%);
}

#tasavirMEZF>.kadrLoading
{
    z-index: 452;
}

.kadrTitrMEZF
{
    float: right;
    width: calc(100% - 40px);
    padding: 20px 20px 0px 20px;
    margin-top: 10px;
    overflow: auto;
}

span.iconTitrMEZF
{
    float: right;
    width: 20px;
    height: 20px;
    margin: 4px 0px 4px 10px;
    font-family: myIcon2;
    font-size: 1.125rem;
}

h4.titrMEZF
{
    float: right;
    width: calc(100% - 35px);
    margin: 0px;
    font-family: vazir;
    font-size: 1.125rem;
    font-weight: normal;
    color: hsl(0, 0%, 100%);
}

#kadrItemhaTasavirMEZF
{
    float: right;
    width: calc(100% - 40px);
    overflow: auto;
    padding: 10px 20px;
}

.itemTasavirMEZF
{
    position: relative;
    float: right;
    width: calc(20% - 20px);
    padding-top: calc(20% - 20px);
    margin: 10px;
    overflow: hidden;
    cursor: pointer;
    background-color: hsl(0, 0%, 9%);
}

img.axTasavirMEZF
{
    display: block;
    position: absolute;
    top: 0px;
    right: -50%;
    height: 100%;
    transition: transform 0.3s;
}

a.titrMatlabTasavirMEZF, a.titrMatlabTasavirMEZF:link, a.titrMatlabTasavirMEZF:visited
{
    position: absolute;
    bottom: -45px;
    right: 0px;
    display: block;
    padding: 10px;
    width: calc(100% - 20px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: vazir;
    font-size: 1rem;
    background-color: hsla(0, 0%, 0%, 0.1);
    color: hsl(0, 0%, 100%);
    transition: bottom 0.3s, background-color 0.3s;
}

a.titrMatlabTasavirMEZF:hover
{
    color: hsl(45, 87%, 53%);
}

a.titrMatlabTasavirMEZF:active
{
    color: hsl(45, 87%, 30%);
}

.itemTasavirMEZF:hover a.titrMatlabTasavirMEZF
{
    bottom: 0px;
    background-color: hsla(0, 0%, 0%, 0.5);
}

.itemTasavirMEZF:hover img.axTasavirMEZF
{
    transform: scale(1.05);
}

#kadrPagingTasavirMEZF
{
    float: right;
    width: 100%;
    height: 18px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 20px;
}

#kadrDokmehaPagingTasavirMEZF
{
    display: inline-block;
    height: 14px;
}

a.dokmehaPagingTasavirMEZF, a.dokmehaPagingTasavirMEZF:link, a.dokmehaPagingTasavirMEZF:visited
{
    height: 7px;
    margin: 0px 5px 0px;
    padding: 4px 0px;
    width: 40px;
    float: right;
    background-color: hsl(0, 83%, 20%);
    background-clip: content-box;
}

a.dokmehaPagingTasavirMEZF:not(.sehNoghteh):hover
{
    background-color: hsl(0, 83%, 30%);
}

a.dokmehaPagingTasavirMEZF:not(.sehNoghteh):active
{
    background-color: hsl(0, 83%, 25%);
}

a.dokmehaPagingTasavirMEZF[data-entekhabi], a.dokmehaPagingTasavirMEZF[data-entekhabi]:link, a.dokmehaPagingTasavirMEZF[data-entekhabi]:visited
{
    background-color: hsl(0, 83%, 35%);
}

a.dokmehaPagingTasavirMEZF.sehNoghteh, a.dokmehaPagingTasavirMEZF.sehNoghteh:link, a.dokmehaPagingTasavirMEZF.sehNoghteh:visited
{
    height: auto;
    margin: -4px;
    padding: 0px;
    font-family: myIcon2;
    font-size: 1.5rem;
    background-color: transparent;
    color: hsl(0, 83%, 20%);
}

a.dokmehaPagingTasavirMEZF.sehNoghteh:hover
{
    color: hsl(0, 83%, 30%);
}

/*diz #titrTasavir
{
    width: 95.337%;
    height: 14px;
    padding: 13px 2.331%;
}

a#peyvandArshivTasavir,a#peyvandArshivTasavir:link,a#peyvandArshivTasavir:visited
{
    display:block;
    width:50px;
    float:right;
    font-family:yekan;
    font-size:0.875rem;
    line-height:1;
    text-decoration: none;
    color: hsl(94, 87%, 69%);
}

a#peyvandArshivTasavir:hover
{

}

a#peyvandArshivTasavir:active
{

}

a#titrMatlabTasavir, a#titrMatlabTasavir:link, a#titrMatlabTasavir:visited
{
    display: block;
    float:right;
    width: calc(100% - 50px);
    height: 18px;
    overflow-y:hidden;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family:yekan;
    font-size:0.875rem;
    line-height:1;
    text-decoration: none;
    color: hsl(96, 100%, 92%);
}

a#titrMatlabTasavir:hover
{
    color: hsl(94, 87%, 69%);
}

a#titrMatlabTasavir:active
{
    color: hsl(96, 100%, 92%);
}*/

#tblKadrTasavir
{
    display: table;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 450;
    background-color: hsla(0, 0%, 0%, 0.7);
}

#kadrSiahTasavirMEZF
{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
}

#tdcelKadrTasavir
{
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
}

#kadrVasetKadrTasavirMEZF
{
    width: 60%;
    position: relative;
    margin: 0px auto;
    padding-top: calc(33.808% + 60px);
}

#kadrTasavir
{
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    width: 100%;
    margin: auto;
    height: 100%;
    /*diz z-index: 0;
    max-width: 341px;
    box-shadow: 0px 0px 0px 2px hsl(96, 44%, 35%);
    background-color: black;*/
}

a.titrKadrTasavir, a.titrKadrTasavir:link, a.titrKadrTasavir:visited
{
    display: block;
    width: 100%;
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: vazir;
    font-size: 1rem;
    color: hsl(0, 0%, 100%);
    transition: color 0.1s;
}

a.titrKadrTasavir:hover
{
    color: hsl(45, 87%, 53%);
}

a.titrKadrTasavir:active
{
    transition: none;
    color: hsl(45, 87%, 30%);
}

a.titrKadrTasavir>span.icon
{
    float: right;
    font-family: myIcon2;
    font-size: 1rem;
    margin: 5px 0px 0 10px;
}

span#matnTitrKadrTasavir
{
    float: right;
    width: calc(100% - 45px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

a.dokmehBastanTasavirMEZF, a.dokmehBastanTasavirMEZF:link, a.dokmehBastanTasavirMEZF:visited
{
    position: absolute;
    top: 0px;
    left: 0px;
    font-family: vazir;
    font-size: 2rem;
    line-height: 1;
    color: hsl(0, 0%, 100%);
}

a.dokmehBastanTasavirMEZF:hover
{
    color: hsl(0, 83%, 50%);
}

a.dokmehBastanTasavirMEZF:active
{
    color: hsl(0, 83%, 30%);
}

a.dokmehRadKardanAksMEZF, a.dokmehRadKardanAksMEZF:link, a.dokmehRadKardanAksMEZF:visited
{
    position: absolute;
    width: 12px;
    height: 30px;
    left: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 1;
    margin: auto 10px;
    color: white;
    text-shadow: 0px 0px 3px black;
    font-family: myIcon2;
    font-size: 1.75rem;
}

a.dokmehRadKardanAksMEZF:hover
{
    color: hsl(45, 87%, 53%);
}

a.dokmehRadKardanAksMEZF:active
{
    color: hsl(45, 87%, 30%);
}

a.dokmehAxGhabli, a.dokmehAxGhabli:link, a.dokmehAxGhabli:visited
{
    left: unset;
    right: 0px;
}

#kadrRatioTasavir
{
    width:100%;
    height:0px;
    padding-top: 56.304%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin:auto 0px;
}

#kadrVasetTasavir
{
    width:100%;
    height: 100%;
    overflow-x: hidden;
    position: absolute;
    top: 0px;
    right: 0px;
    border: 1px solid hsl(0, 0%, 20%);
}

#kadrVasetTasavir img
{
    display:block;
    height:100%;
    margin:0px auto;
}

#kadrTasavir .kadrEmkanat
{
    position: absolute;
    top: 40px;
    left: 10px;
    visibility: hidden;
    width: 80px;
    height: 40px;
    /*diz max-width: 40px;
    min-width: 22px;
    max-height: 120px;*/
    font-family: myIcon2;
    font-size: 1.25rem;
    background-color: hsla(0, 100%, 21%, 0.5);
    padding: 0px 5px;
    border-radius: 20px;
    /*diz border-left:2px solid transparent ;
    background-clip: padding-box;
    border-radius: 0px 10px 10px 0px;*/

}

/*diz #kadrTasavir .kadrEmkanat>div+div+div
{
    display: none;
}*/

#kadrTasavir:hover .kadrEmkanat
{
    visibility: visible;
}

#kadrRatioTasavir>div>img:hover+#kadrIconAxFull,#kadrIconAxFull:hover
{
    visibility: visible;
}

#tasavirMEZF .kadrDokmeh
{
    width: 50%;
    height: 100%;
    /*diz max-height: 40px;
    min-height: 22px;*/
    float: left;
}

#tasavirMEZF .kadrDokmeh>a, #tasavirMEZF .kadrDokmeh>a:link, #tasavirMEZF .kadrDokmeh>a:visited
{
    background-image: url("../pic/icons2.png");
}

/*diz table#kadrPaeenTasavir
{
    width:100%;
    margin-top:10px;
    border-spacing: 0px;

}

table#kadrPaeenTasavir>tbody>tr>td
{
    height: 38px;
    width: 20px;
    padding: 0px 0.932%;
    text-align: center;
}

table#kadrPaeenTasavir>tbody>tr>td.sotoonAx
{
    width:17.715%;
}

table#kadrPaeenTasavir>tbody>tr>td.sotoonAx>img
{
    position: relative;
    top:-3px;
    left:-3px;
    !*diz box-shadow: 3px 3px hsl(96, 44%, 35%),6px 6px hsl(96, 45%, 24%);*!
    transition: box-shadow 0.2s,transform 0.3s;
}

table#kadrPaeenTasavir>tbody>tr>td.sotoonAx>img:hover:not(.axEntekhabShodeh)
{
    !*diz box-shadow:0px 0px 1px 1px hsl(37, 64%, 56%), 4px 4px hsl(106, 74%, 64%),7px 7px hsl(96, 49%, 53%),9px 9px hsl(96, 44%, 35%);*!
    transform: translate(-2px,-1px);

}

table#kadrPaeenTasavir>tbody>tr>td.sotoonAx>img.axEntekhabShodeh
{
    !*diz box-shadow: 3px 3px hsl(37, 64%, 56%),6px 6px hsl(37, 52%, 40%);*!
}

!*diz img.axTasavirMEZF
{
    display: block;
    max-width:100%;
    max-height: 38px;
    margin:0px auto;
    cursor: pointer;
}*!

a[class^="dokmehAx"], a[class^="dokmehAx"]:link, a[class^="dokmehAx"]:visited
{
    display: block;
    height: 20px;
    width: 11.143%;
    padding: 10px 0px 10px 0px;
    text-align: center;
    text-decoration: none;
    font-family:myIcon;
    font-size: 1.25rem;
    line-height: 1;
    position: absolute;
    top: 50px;
    bottom:0px;
    margin:auto 0px;
    z-index: 2;
    color: hsl(37, 82%, 62%);
    text-shadow: 1px 1px 2px hsl(38, 67%, 10%);

}

a[class^="dokmehAx"]:hover
{
    color: hsl(45, 100%, 60%);
}

a[class^="dokmehAx"]:active
{
    color: hsl(38, 54%, 25%);
}

a[class^="dokmehAx"]:hover+#kadrRatioTasavir+.kadrEmkanat, a[class^="dokmehAx"]:hover+.dokmehAxGhabli+#kadrRatioTasavir+.kadrEmkanat
{
    visibility: hidden;
}

#tasavirMEZF .dokmehAxGhabli
{
    left:100%;
}

#tasavirMEZF .dokmehAxBadi
{
    right:100%;
}

#kadrIconAxFull
{
    height: 100%;
    width: 100%;
    position: absolute;
    top:0px;
    left:0px;
    z-index: 5;
    color: hsl(100, 56%, 55%);
    background-color: hsla(132, 54%, 11%, 0.45);
    cursor: pointer;
    visibility: hidden;
}


#iconAxFull
{
    height: 20px;
    width: 40px;
    padding: 10px 0px 10px 0px;
    text-align: center;
    text-decoration: none;
    font-family:myIcon;
    font-size: 1.25rem;
    line-height: 1;
    position: absolute;
    top: 0px;
    bottom:0px;
    left:0px;
    right: 0px;
    margin:auto auto;
    color: hsl(37, 82%, 62%);
    background-color: hsla(96, 44%, 35%, 0.78);
    box-shadow: 0px 0px 15px 5px hsla(132, 54%, 11%, 0.82);
}



a#dokmehGhabliTasavir, a#dokmehGhabliTasavir:link, a#dokmehGhabliTasavir:visited
{
    display: inline-block;
    height: 18px;
    padding: 10px 0px;
    font-family:myIcon;
    font-size: 1.125rem;
    line-height: 1;
    text-align: right;
    text-decoration: none;
    color: hsl(37, 82%, 62%);

}

a#dokmehGhabliTasavir:hover
{
    color: hsl(45, 100%, 60%);
}

a#dokmehGhabliTasavir:active
{
    color: hsl(38, 54%, 25%);
}

a#dokmehBadiTasavir, a#dokmehBadiTasavir:link, a#dokmehBadiTasavir:visited
{
    display: inline-block;
    height: 18px;
    padding: 10px 0px;
    font-family:myIcon;
    font-size: 1.125rem;
    line-height: 1;
    text-align: left;
    text-decoration: none;
    color: hsl(37, 82%, 62%);

}

a#dokmehBadiTasavir:hover
{
    color: hsl(45, 100%, 60%);
}

a#dokmehBadiTasavir:active
{
    color: hsl(45, 100%, 60%);
}*/






#footer
{
    float: right;
    width: 100%;
    overflow: auto;
}

#kadrBalaFTR
{
    float: right;
    width: calc(100% - 80px);
    height: 170px;
    padding: 40px;
    overflow: hidden;
    background-color: hsl(0, 0%, 7%);
}

#kadrRastFTR
{
    float: right;
    width: calc(50% - 110px);
    height: 100%;
}

p#matnFTR
{
    height: calc(100% - 40px);
    margin: 0px;
    text-align: justify;
    overflow: hidden;
    font-family: vazir;
    font-size: 1rem;
    color: hsl(0, 0%, 80%);
}

#kadrIconFTR
{
    width: 200px;
    height: 30px;
    margin: 10px auto 0px;
    overflow: auto;
}

a.iconFTR, a.iconFTR:link, a.iconFTR:visited
{
    float: right;
    display: block;
    width: 30px;
    height: 30px;
    margin: 0px 10px;
    background-image: url("../pic/icon-menu2.png");
}

#kadrVasatFTR
{
    float: right;
    width: 140px;
    height: 140px;
    margin: 15px 40px;
}

img#aksFTR
{
    width: 100%;
    /*diz border-radius: 50%;*/
}

#kadrChapFTR
{
    float: right;
    width: calc(50% - 110px);
    height: 100%;
}

.kadrMenuFTR
{
    float: right;
    width: 33.333%;
}

h4.titrMenuFTR
{
    width: 100%;
    margin: 0px 0px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: vazir;
    font-size: 1.125rem;
    color: hsl(45, 87%, 100%);
}

ul.menuFTR
{
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

ul.menuFTR>li
{
    padding: 0px;
    margin: 2px 0px;
}

a.itemMenuFTR, a.itemMenuFTR:link, a.itemMenuFTR:visited
{
    display: block;
    width: calc(100% - 10px);
    padding-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: vazir;
    font-size: 1rem;
    color: hsl(0, 0%, 70%);
}

a.itemMenuFTR:hover
{
    color: hsl(0, 0%, 100%);
}

a.itemMenuFTR:active
{
    color: hsl(0, 0%, 80%);
}



#bakhshPaeenFTR
{
    float: right;
    height: 40px;
    width: 100%;
    padding: 15px 0px;
    font-family:vazir;
    font-size:0.75rem;
    line-height: 1;
    color: hsl(0, 0%, 80%);
    text-align:center;
    text-shadow:0px 2px 2px hsl(135, 55%, 4%);
    background-color: hsl(0, 0%, 10%);
    /*background-image: linear-gradient(to bottom, hsl(126, 36%, 17%), hsl(120, 17%, 12%) 20%);*/
}

a#toseehDahandehFTR,a#toseehDahandehFTR:link,a#toseehDahandehFTR:visited
{
    display: block;
    width:260px;
    margin: 0px auto;
    font-family:vazir;
    font-size:0.75rem;
    text-decoration: none;
    color: hsl(0, 0%, 80%);
    /*diz text-shadow: 1px 1px 20px hsl(132, 54%, 24%);*/
}

a#toseehDahandehFTR:hover
{
    color: hsl(0, 83%, 40%);
}

a#toseehDahandehFTR:active
{
    color: hsl(0, 83%, 50%);
}


img#logoFTR
{
    height: 20px;
    position:relative;
    top:8px;
}


#tblKadrPeygham
{
    display:none;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0px;
    left:0px;
    z-index:1000;
    background-color: hsla(0, 8%, 15%, 0.9);
}

#tdcelKadrPeygham
{
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
}

#kadrTashihOFPeygham
{
    width:44.477% ;
    position: relative;
    margin: 0px auto;
}

#peygham
{
    width: 96.666%;
    padding: 1.666%;
    overflow-y: auto;
    background-color: hsl(0, 0%, 0%);
    box-shadow: 0px 0px 0px 1px hsl(354, 69%, 25%), 0px 0px 30px 15px hsl(355, 69%, 5%);
}

#dokmehBastanPeygham
{
    font-family: myIcon;
    font-size: 1rem;
    line-height: 1;
    padding: 8px 0px 6px 0px;
    width: 30px;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    left:-15px;
    top:-15px;
    z-index:1001;
    cursor: pointer;
    /*diz box-shadow: 1px 1px 2px hsl(128, 23%, 13%);*/
    background-color: hsl(354, 69%, 25%);
}

#titrPeygham
{
    width: 98.275%;
    padding: 0px 0.862%;
    height: 38px;
    border-bottom: 1px solid hsl(354, 69%, 25%);
    /*diz background: url('../pic/parcham-2.png') no-repeat left center;*/

}


#iconTitrPeygham
{   float: right;
    font-family: myIcon2;
    font-size: 1.25rem;
    line-height: 1;
    margin: 9px 0px;
    width: 40px;
    text-align: center;
    margin-right:5px;
    color: hsl(43, 92%, 48%);

}

#matnTitrPeygham
{
    padding:8px 5px 10px 20px;
    font-family: vazir;
    font-size: 1rem;
    line-height: 1.25;
    text-align: right;
    max-width:calc(100% - 220px) ;
    height:38px;
    overflow: hidden;
    /*diz color: hsl(95, 100%, 82%);
    text-shadow: 1px 2px 2px hsl(126, 75%, 20%);*/
}

p#matnPeygham
{
    padding: 1.724%;
    width: 96.551%;
    overflow-y:auto;
    font-family: vazir;
    font-size: 0.875rem;
    text-indent: 10px;
    background-color: hsl(355, 68%, 8%);
}

a[id^="dokmehPeygham"],a[id^="dokmehPeygham"]:link,a[id^="dokmehPeygham"]:visited
{
    display: none;
    padding: 5px 5px 3px;
    width: 50px;
    margin: 0px 5px;
    font-family: vazir;
    font-size: 0.875rem;
    text-align: center;
    text-decoration: none;
    border-radius: 15px;
    color: hsl(0, 0%, 100%);
    background-color: hsl(355, 68%, 10%);
}


a[id^="dokmehPeygham"]:hover
{
    background-color: hsl(354, 69%, 25%);
}

a[id^="dokmehPeygham"]:active
{
    color: hsl(43, 92%, 48%);
}

a[id^="dokmehPeygham"]:focus
{
    outline: 0px solid;
}




#tblKadrPeyghamLogin
{
    display:none;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0px;
    left:0px;
    z-index:1000;
    background-color: hsla(0, 8%, 15%, 0.9);
}

#tblKadrPeyghamLogin form
{
    width: 100%;
    overflow-y: auto;
}


#tdcelKadrPeyghamLogin
{
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
}

#kadrTashihOFPeyghamLogin
{
    width:29.650% ;
    min-width: 185px;
    position: relative;
    margin: 0px auto;
}

#peyghamLogin
{
    width: 96.666%;
    padding: 1.666%;
    overflow-y: auto;
    background-color: hsl(0, 0%, 0%);
    box-shadow: 0px 0px 0px 1px hsl(354, 69%, 25%), 0px 0px 30px 15px hsl(355, 69%, 5%);
}

#dokmehBastanPeyghamLogin
{
    font-family: myIcon;
    font-size: 1rem;
    line-height: 1;
    padding: 8px 0px 6px 0px;
    width: 30px;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    left:-15px;
    top:-15px;
    z-index:1001;
    cursor: pointer;
    /*diz box-shadow: 1px 1px 2px hsl(120, 12%, 14%);*/
    background-color: hsl(354, 69%, 25%);
}

#titrPeyghamLogin
{
    width: 98.275%;
    padding: 0px 0.862%;
    height: 38px;
    border-bottom: 1px solid hsl(354, 69%, 25%);
}


#iconTitrPeyghamLogin
{
    float: right;
    font-family: myIcon;
    font-size: 1.25rem;
    line-height: 1;
    margin: 10px 0px;
    width: 40px;
    text-align: center;
    margin-right:5px;
    color: hsl(45, 87%, 53%);

}

#matnTitrPeyghamLogin
{
    padding: 0px 5px 0px 20px;
    font-family: vazir;
    font-size: 1rem;
    line-height: 2.375;
    text-align: right;
    height: 38px;
    overflow: hidden;
    color: hsl(0, 0%, 100%);
}

#matnPeyghamLogin
{
    padding: 15px 1.724%;
    width: 96.551%;
    overflow-y:auto;
    font-family: 'koodak';
    font-size: 0.875rem;

}

#matnPeyghamLogin [id^="lbl"]
{
    width:calc(40% - 5px);
    padding: 11px 0px 11px 5px;
    margin: 5px 0px;
    float: right;
    text-align: left;
    font-family: vazir;
    font-size: 0.875rem;
    line-height: 1;
}


#peyghamLogin input
{
    display: block;
    float: right;
    width: calc(50% - 30px);
    margin: 5px 0px 5px 10%;
    text-align: center;
    font-weight: bold;
    line-height: 1;
    padding: 5px 15px;
    border: 0px;
    font-family: vazir;
    font-size: 1rem;
    border-radius: 18px;
    background-color: hsl(0, 0%, 10%);
    color: hsl(0, 0%, 100%);
    transition: background-color 0.2s;
}

#peyghamLogin input:focus
{
    outline: none;
}




#kadrDokmehhaPeyghamLogin
{
    padding:10px 0px;
    direction:ltr;
    overflow-y: auto;
    text-align: center;
}





#kadrAxFull
{
    display:none;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0px;
    left:0px;
    z-index:1000;
    background-color: hsla(0, 8%, 15%, 0.9);
}

#axFull img
{
    display:block;
    max-width: 90%;
    max-height: 90%;
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    margin: auto auto;
    box-shadow: 0px 0px 0px 2px hsl(0, 83%, 35%),0px 0px 8px hsl(0, 83%, 35%);
}

#dokmehBastanAxFull
{
    font-family: myIcon;
    font-size: 1rem;
    line-height: 1;
    padding: 8px 0px 6px 0px;
    width: 30px;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    left:20px;
    top:20px;
    z-index:1001;
    cursor: pointer;
    color: hsl(45, 87%, 53%);
    box-shadow: 0px 0px 10px 5px hsl(355, 69%, 10%);
    background-color: hsl(0, 83%, 35%);
}





/*       پلیر صوتی سایت      */

#kadrKolPlayerSotiSite
{
    position: fixed;
    bottom: 0px;
    right: 0px;
    left: 0px;
    z-index: 1001;
    width: calc(100% - 10px);
    max-width: 2000px;
    margin: 5px auto;
    /*animation: aniAmadanAvaliehKadrPlayer 2s;*/
    /*animation-fill-mode: both;*/
}

#kadrPlaylistPSS
{
    position: relative;
    width: calc(100% - 60px);
    padding: 10px 10px 0px 10px;
    margin: 0px 20px;
    background-color: hsl(0, 0%, 10%);
    box-shadow: 0px 0px 2px hsl(0, 0%, 10%);
    border-radius: 15px 15px 0px 0px;
    overflow: hidden;
    transition: background-color 0.5s;
}

#kadrVasetPlaylistPSS
{
    width: 100%;
    overflow: hidden;
    transition: height 0.5s;
}

#peyghamKhaliBoodanPlaylistPSS
{
    margin: 92px 0px;
}

#peyghamKhaliBoodanPlaylistPSS>span
{
    text-align: center;
    display: block;
    width: 100%;
    font-family: vazir;
    font-size: 1rem;
    color: hsl(0, 0%, 50%);
}

a#dokmehBastanPlaylistPSS, a#dokmehBastanPlaylistPSS:link, a#dokmehBastanPlaylistPSS:visited
{
    display: block;
    width: 100%;
    text-align: center;
    padding: 5px 0px;
    font-family: myIcon2;
    font-size: 0.875rem;
    color: hsl(0, 0%, 80%);
}

a#dokmehBastanPlaylistPSS:hover
{
    color: hsl(45, 87%, 53%);
}

a#dokmehBastanPlaylistPSS:active
{
    color: hsl(45, 87%, 40%);
}

/* اسکرول بار */
#kadrVasetPlaylistPSS::-webkit-scrollbar
{
    width: 5px;
    margin-left: 5px;
}

/* کادر دور اسکرول بار */
#kadrVasetPlaylistPSS::-webkit-scrollbar-track
{
    background-color: transparent;
    border-radius: 5px;
}

/* خود اسکرول بار */
#kadrVasetPlaylistPSS::-webkit-scrollbar-thumb
{
    background-color: hsl(0, 0%, 60%);
    border-radius: 5px;
}

/* هاور اسکرول بار */
#kadrVasetPlaylistPSS::-webkit-scrollbar-thumb:hover
{
    background: hsl(0, 0%, 40%);
}

.playlistItemPSS
{
    float: right;
    width: calc(100% - 20px);
    position: relative;
    overflow: auto;
    margin-bottom: 2px;
    padding: 4px 10px;
    border-radius: 20px;
    transition: background-color 0.1s;
}

.playlistItemPSS:hover
{
    background-color: hsl(0, 0%, 20%);
}

.playlistItemPSS .iconPlaylistItemPSS::after
{
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    font-family: myIcon2;
    font-size: 1rem;
    color: hsl(0, 0%, 90%);
}

.playlistItemPSS[data-play-ast] .iconPlaylistItemPSS::after
{
    content: "";
    color: hsl(45, 87%, 100%);
}

.playlistItemPSS[data-darhal-pakhsh] .iconPlaylistItemPSS::after
{
    content: "";
    color: hsl(45, 87%, 53%);
}

.playlistItemPSS[data-pause-shodeh] .iconPlaylistItemPSS::after
{
    content: "";
    color: hsl(45, 87%, 53%);
}

.iconPlaylistItemPSS
{
    float: right;
    margin-top: 5px;
    margin-left: 5px;
    width: 16px;
    height: 16px;
    padding: 2px;
    font-family: myIcon2;
    font-size: 1rem;
}

a.titrPlaylistItemPSS, a.titrPlaylistItemPSS:link, a.titrPlaylistItemPSS:visited
{
    float: right;
    width: calc(100% - 100px);
    padding: 2px 0px;
    margin-top: 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: vazir;
    font-size: 1rem;
    border-radius: 13px;
    color: hsl(0, 0%, 80%);
}

a.titrPlaylistItemPSS:hover
{
    color: hsl(0, 0%, 100%);
}

a.titrPlaylistItemPSS:active
{
    color: hsl(0, 0%, 90%);
}

.playlistItemPSS[data-darhal-pakhsh]>a, .playlistItemPSS[data-pause-shodeh]>a
{
    color: hsl(45, 87%, 53%);
}

.kadrEmkanatPlaylistPSS
{
    float: left;
    width: 75px;
    margin-top: 6px;
}

a.emkanatPlaylistPSS, a.emkanatPlaylistPSS:link, a.emkanatPlaylistPSS:visited
{
    text-align: center;
    float: right;
    width: 16px;
    height: 16px;
    padding: 2px;
    margin-right: 5px;
    font-family: myIcon2;
    font-size: 1rem;
    color: hsl(0, 0%, 100%);
    border-radius: 50%;
}

a.emkanatPlaylistPSS:hover
{
    color: hsl(45, 87%, 53%);
}

a.emkanatPlaylistPSS:active
{
    color: hsl(45, 87%, 40%);
}

#kadrVasetPSS
{
    position: relative;
    width: calc(100% - 0px);
    height: 69px;
    margin: 0px;
    overflow: visible;
    border-radius: 10px;
    background-color: hsl(0, 0%, 15%);
    box-shadow: 0px 0px 2px hsl(0, 0%, 10%);
}

#kadrVasetPSS.gheyrFaal .ghesmatGheyrFaalShavandeh
{
    pointer-events: none;
    opacity: 0.7;
}

a.dokmehPSS, a.dokmehPSS:link, a.dokmehPSS:visited
{
    text-align: center;
    float: left;
    width: 19px;
    height: 19px;
    padding: 10px;
    margin: 4px;
    font-family: myIcon2;
    font-size: 1.2rem;
    color: hsl(0, 0%, 100%);
    border-radius: 50%;
    /*border: 1px solid hsl(0, 0%, 40%);*/
}

a#dokmehPakhshPSS
{
    padding: 10px 8px 10px 12px;
    margin-right: 8px;
    transform: scale(1.2);
    background-color: hsl(0, 0%, 8%);
}

a.dokmehPSS:hover, a#dokmehPakhshPSS:hover
{
    background-color: hsl(0, 0%, 6%);
}

a.dokmehPSS:active, a#dokmehPakhshPSS:active
{
    background-color: hsl(0, 0%, 3%);
}

a#dokmehShairPSS, a#dokmehShairPSS:link, a#dokmehShairPSS:visited
{
    padding: 10px 11px 10px 9px;
}

a#dokmehRandomPSS, a#dokmehRandomPSS:link, a#dokmehRandomPSS:visited
{
    opacity: 0.3;
}

a#dokmehBastanPSS, a#dokmehBastanPSS:link, a#dokmehBastanPSS:visited
{
    color: hsl(0, 0%, 100%);
    transform: scale(-1, 1);
}

#kadrPlayerPSS
{
    float: left;
    width: calc(100% - 490px);
    height: 67px;
}

.playerSoti
{
    width: calc(100% - 2px);
    height: 65px;
    padding: 1px;
}

.playerSoti .kadrPakhshSoti
{
    height: 27px;
    background-color: hsl(0, 0%, 15%);
    /*overflow: hidden;*/
}

#kadrDokmehhaRastPSS
{
    position: relative;
    float: right;
    height: 47px;
    margin: 11px 20px;
}

#kadrDokmehhaChapPSS
{
    position: relative;
    float: left;
    margin: 11px 20px;
}

span#dierehEzafehShodPSS
{
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 10px;
    height: 10px;
    background-color: hsl(0, 100%, 30%);
    border-radius: 10px;
    cursor: context-menu;
    animation: aniEzafehShodanBaPlaylist 1.5s;
    animation-fill-mode: both;
}

span#kadrTedadItemPlaylistPSS1
{
    position: absolute;
    bottom: 135px;
    left: 35px;
    padding: 0px 5px 1px 5px;
    background-color: hsl(0, 100%, 30%);
    color: hsl(0, 0%, 100%);
    border-radius: 10px;
    font-family: yekan;
    font-size: 0.75rem;
    cursor: context-menu;
}

span#kadrTedadItemPlaylistPSS2
{
    position: absolute;
    bottom: 30px;
    left: 0px;
    padding: 0px 5px 1px 5px;
    background-color: hsl(0, 100%, 30%);
    color: hsl(0, 0%, 100%);
    border-radius: 10px;
    font-family: yekan;
    font-size: 0.75rem;
    cursor: context-menu;
}

h4.titrPlayerSoti
{
    height: 25px;
    overflow: visible;
    margin: 15px 0px 0px;
    text-align: left;
    font-family: vazir;
    color: hsl(0, 0%, 100%);
    font-size: 1rem;
    font-weight: normal;
}

#kadrCoverPlayer
{
    vertical-align: top;
    position: relative;
    bottom: 40px;
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-right: 10px;
    /*border-radius: 50%;*/
    border: 1px solid hsl(0, 0%, 9%);
    box-shadow: 1px 1px 2px hsl(0, 0%, 8%);
    background: url("../pic/cover-music.png") center;
    background-color: hsl(0, 0%, 10%);
    background-size: cover;
}

.kadrPakhshSoti
{
    width: 100%;
}

#kadrPlayerPSS .tblAudio
{
    width: 100%;
}

#kadrPlayerPSS .tdcellAudio
{
    float: right;
    width: 100%;
    height: 27px;
}

#kadrPlayerPSS .mejs__container
{
    width: 100% !important;
    background: none !important;
}

#kadrPlayerPSS .mejs__controls
{
    direction: ltr !important;
    padding: 0px !important;
    background: none !important;
}

#kadrPlayerPSS .mejs__time-rail
{
    width: calc(100% - 132px) !important;
    float: left !important;
    padding: 0px !important;
}

#kadrPlayerPSS .mejs__time
{
    float: left !important;
    position: static !important;
    color: hsl(0, 0%, 100%) !important;
    padding: 5px 6px 0 !important;
}

#kadrPlayerPSS .mejs__time-total
{
    background-color: hsla(0, 0%, 0%, 0.7) !important;
}

#kadrPlayerPSS .mejs__button > button
{
    background-image: url("../plugin/mediaelement-lib/mejs-controls.png") !important;
    margin: 0px 6px !important;
}

#kadrPlayerPSS .mejs__time-current, .mejs__time-handle-content
{
    background: hsl(0, 0%, 100%) !important;
}

#kadrPlayerPSS .mejs__time-handle-content
{
    border: 4px solid hsl(0, 0%, 100%) !important;
    height: 10px !important;
    width: 10px !important;
}

#kadrPlayerPSS .mejs__volume-button
{
    position: relative !important;
    bottom: 17px !important;
    left: 40px !important;
    right: unset !important;
    top: unset !important;
}

#kadrPlayerPSS .mejs__time-total, #kadrPlayerPSS .mejs__time-buffering, #kadrPlayerPSS .mejs__time-loaded, #kadrPlayerPSS .mejs__time-current, #kadrPlayerPSS .mejs__time-hovered, #kadrPlayerPSS .mejs__time-marker
{
    height: 10px !important;
}





.makhfiDarRWD
{
    display: none;
}

.makhfiDarMF
{
    display: block;
}



/*  تصحیح باز و بست کادر امکانات پلیر   */
@media only screen and (min-width:768px) and (max-width:2000px)
{
    #kadrDokmehhaRastPSS
    {
        height: 47px !important;
    }

    span#kadrTedadItemPlaylistMobilePSS
    {
        display: none !important;
    }
}






/*  افکت بردن نمایش نو اسکریپت  */
@keyframes bordanNoScript
{
    0%{transform: translateY(0px);}
    100% {transform: translateY(-150px);}
}

noscript>div
{
    width: calc(100% - 40px);
    padding: 30px 20px;
    font-family: koodak;
    font-size: 1.25rem;
    line-height: 1;
    text-align: center;
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 100000;
    color: white;
    background-color: hsla(0, 100%, 50%,0.7);
    animation: bordanNoScript 3s 10s;
    animation-fill-mode: forwards;
}


@media only screen and (min-width:768px) and (max-width:2000px)
{
    #header
    {
        background-position: 5% center,70% 50%;
    }

    a#iconZabdarMNU, a#iconZabdarMNU:link, a#iconZabdarMNU:visited
    {
        display: none !important;
    }

    a#iconBastanZirMNU, a#iconBastanZirMNU:link, a#iconBastanZirMNU:visited
    {
        display: none !important;
    }

    #kadrKolZirMNU
    {
        right: 0px !important;
    }

    .khatSotiMEZF
    {
        height: calc(100% - 2px) !important;
    }
}



@media only screen and (min-width:768px) and (max-width:1096px)
{
    a.titrMNU, a.titrMNU:link, a.titrMNU:visited
    {
        width: auto;
        padding-left: 13px;
        padding-right: 13px;
    }

    span.iconZirMNU
    {
        display: none;
    }


    span#matnTarikhErsalNamayeshMA
    {
        display: none;
    }


    span.tedadLikeSoti
    {
        display: none;
    }


    /*diz #header
    {
        background-position: 5% center,77% 50%;
    }*/

    h1#kadrRootitrHDR
    {
        height: 45px;
        width: 500px;
        /*diz top:43px;
        left: 0px;
        right: 30px;
        font-size: 1.3rem;*/
    }

    h1#kadrRootitrHDR:after
    {
        right: 47px;
        top: 5px;
        /*diz font-size: 0.37rem;*/
    }

    h1#titrHDR
    {
        width: 450px;
        height: 93px;
        /*diz font-size: 2.5rem;*/
        padding-top: 60px;
    }

    /*diz #aksDoaFarajHDR
    {
        height: 42px;
        width: 400px;
        top:35px;
        left: 10px;
        right: 0px;
    }*/

    #kadrEfektTitrHDR
    {
        height: 35px;
        width: 425px;
        top:76px;
        left: 0px;
        right: 2px;
    }


    #kadrSearchMNU
    {
        width: calc(100% - 586px);
    }


    #matnArabiHadisSV
    {
        font-size: 0.875rem;
        padding-bottom: 10px;
    }

    #matnArabiHadisSV strong
    {
        font-size: 1.2rem;
    }

    #matnFarsiHadisSV
    {
        font-size: 0.75rem;
    }

    .itemTasavirMEZF
    {
        width: calc(25% - 20px);
        padding-top: calc(25% - 20px);
    }

    .itemTasavirMEZF:nth-child(8)~.itemTasavirMEZF
    {
        display: none;
    }
}


@media only screen and (max-width:767px)
{
    #fullContainer
    {
        position: relative;
        overflow-x: hidden;
    }


    #header
    {
        height: 100px;
        background-position: -25px center, 98.5% 50%;
        background-size: 0px 0px, cover;
    }

    h1#kadrRootitrHDR
    {
        height: 35px;
        width: 95%;
        top: 15px;
        left: 0px;
        right: 0px;
        margin-left: 0px;
        font-size: 1.125rem;
    }

    h1#kadrRootitrHDR:after
    {
        right: 25px;
        top: -2px;
        font-size: 0.2rem;
    }

    h1#titrHDR
    {
        width: calc(100% - 20px);
        font-size: 1.8rem;
        padding-top: 40px;
        /*diz height: 33px;
        text-align: left;*/
        padding-right: 20px;
    }

    #aksDoaFarajHDR
    {
        height: 25px;
        width: 227px;
        top: 35px;
        left: 20px;
        margin-left: 0px;
        right: 0px;
    }

    #kadrEfektTitrHDR
    {
        height: 17px;
        width: 227px;
        top: 60px;
        left: 0px;
        right: 6px;
        margin-left: 22px;
    }



    #navarMenu
    {
        height: 40px;
        position: relative;
        background-color: hsl(0, 83%, 20%);
    }

    a#dokmehMNU, a#dokmehMNU:link, a#dokmehMNU:visited
    {
        display: block;
    }

    ul#menu
    {
        /*diz float: none;
        display: none;
        border-top: 2px solid hsl(132, 73%, 20%);*/
        position: fixed;
        top: 0px;
        right: -100%;
        z-index: 1001;
        width: calc(100% - 20px);
        height: calc(100% - 50px);
        padding: 50px 10px 0px;
        overflow-y: auto;
        background-color: hsl(0, 83%, 20%);
        transition: right 0.5s;
    }

    ul#menu li
    {
        float: none;
        width: 100%;
        height: auto;
        overflow-y: auto;
    }

    ul#menu li:nth-child(2)::after, ul#menu li:nth-child(3)::after,ul#menu li:nth-child(4)::after,ul#menu li:nth-child(5)::after
    {
        content: "";
        position: absolute;
        top: 9px;
        left: 16px;
        font-family: myIcon2;
        font-size: 1.5rem;
        color: white;
    }

    a.titrMNU, a.titrMNU:link, a.titrMNU:visited
    {
        width: calc(100% - 30px);
        height: 16px;
        padding: 15px;
        line-height: 1;
        text-align: right;
        border-radius: 23px;
    }

    a.titrMNU:hover, a.titrMNU:active
    {
        background-color: hsl(0, 83%, 31%);
    }

    a#iconZabdarMNU, a#iconZabdarMNU:link, a#iconZabdarMNU:visited
    {
        display: none;
        position: fixed;
        top: 10px;
        left: 18px;
        z-index: 1003;
        font-family: vazir;
        font-size: 2.75rem;
        line-height: 1;
        opacity: 0;
        color: hsl(0, 0%, 100%);
        transition: opacity 0.3s;
    }

    a#iconBastanZirMNU, a#iconBastanZirMNU:link, a#iconBastanZirMNU:visited
    {
        display: none;
        position: fixed;
        top: 12px;
        right: 12px;
        width: 30px;
        text-align: center;
        z-index: 1003;
        font-family: myIcon2;
        font-size: 2rem;
        line-height: 1;
        opacity: 0;
        color: hsl(0, 0%, 100%);
        transition: opacity 0.3s;
    }

    /*diz span.khatMNU
    {
        display: block;
        height: 0px;
        width: 100%;
        margin-top: 0px;
        border-left-width: 0px;
        border-top: 2px solid hsl(131, 58.7%, 30.4%);
    }*/

    #kadrKolZirMNU
    {
        position: fixed;
        top: 0px;
        right: -100%;
        z-index: 1002;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        background-color: hsl(0, 83%, 10%);
        transition: right 0.5s;
    }

    #kadrKolZirMNU:hover
    {
         height: 100% !important;
    }

    .kadrZirMNU
    {
        overflow-y: auto;
    }

    .kadrZirMNU[data-baz-ast]
    {
        margin-top: 50px;
    }

    .kadrTitrZirMNU
    {
        padding: 10px 30px 10px;
    }

    .kadrKolAksVaItemhaZirMNU
    {
        width: calc(100% - 50px);
        padding: 0px 25px 0px 25px;
    }

    .kadrVasetItemhaZirMNU
    {
        width: 100%;
        margin-left: 0px;
        padding-left: 0px;
        border-left: 0px;
    }

    .kadrAksZirMNU
    {
        display: none;
    }

    .kadrItemha
    {
        width: 100%;
        margin-left: 0px;
    }

    ul.zirMNU
    {
        width: 100%;
        padding: 0px;
        position: static;
    }

    /*diz a.titrMNU:hover + ul, ul.zirMNU:hover
    {
        display: none;
    }*/

    a.titrZirMNU, a.titrZirMNU:link, a.titrZirMNU:visited
    {
        display: block;
        width: calc(100% - 30px);
        height: 16px;
        padding: 15px;
        text-align: right;
        border-radius: 23px;
        line-height: 1;
        font-family: vazir;
        font-size: 1rem;
        /*diz border-top-color: hsl(130, 32%, 15%);
        color: hsl(84, 100%, 69%);
        background-color: hsl(135, 58%, 27%);*/
    }

    a.titrZirMNU:hover, a.titrZirMNU:active
    {
        background-color: hsl(0, 83%, 25%);
        /*diz color: hsl(132, 73%, 16%);*/
    }

    span.iconZirMNU
    {
        float: left;
        margin-right: 0px;
        margin-left: 20px;
    }

    a.titrMNU:hover span.iconZirMNU
    {
        transform: initial;
        -webkit-transform: initial;
    }

    #kadrIconhaMNU
    {
        top: 40px;
        width: 40px;
        /*diz height: 0px;
        padding: 0px 2px 0px 3px;
        border-radius: 0px 0px 20px 20px;
        background-color: hsla(132, 73%, 16%, 0.65);
        box-shadow: 0px 2px 4px hsl(135, 58%, 11%);*/
    }

    a.iconMNU
    {
        margin: 5px 5px 0px 5px;
    }

    a#iconAbzarhaMNU:link, a#iconAbzarhaMNU:visited
    {
        display: block;
        padding: 5px 2px;
        margin: 0px 3px;
    }

    #kadrSearchMNU
    {
        width: calc(100% - 110px);
        margin: 5px 10px 5px 10px;
        /*diz margin: 5px 0px 5px 45px;*/
    }

    #kadrSearchMNU>input
    {
        padding: 2px 15px 2px 38px;
    }

    a#btnSearchMNU
    {
        padding: 6px 0px;
    }



    #mohtavaAsliSV
    {
        padding-top: calc(102% + 140px);
    }

    #kadrVasetmohtavaAsliSV
    {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 100%;
        height: 100%;
    }

    .itemKholasehMA
    {
        padding-top: 25.125%;
        width: 50%;
    }

    .itemKholasehMA.makhfiDarRWD
    {
        display: block;
    }

    .itemKholasehMA:not(.makhfiDarRWD)
    {
        display: none;
    }

    .itemKholasehMA:nth-child(6)
    {
        width: 100%;
        padding-top: 50.250%;
    }

    .itemKholasehMA[data-hover-shodeh]
    {
        width: 50%;
    }

    .itemKholasehMA:nth-child(6)[data-hover-shodeh]
    {
        width: 100%;
    }

    .aksItemKholasehMA
    {
        height: calc(100% - 60px);
    }

    .kadrMatnhaKholasehMA
    {
        position: static;
        height: 60px;
    }

    .itemKholasehMA:nth-child(6) .kadrMatnhaKholasehMA
    {
        height: 35px;
        position: absolute;
    }

    .itemKholasehMA:nth-child(6) .aksItemKholasehMA
    {
        height: 100%;
    }

    .itemKholasehMA:nth-child(6) h2.titrKholasehMA
    {
        padding: 5px 10px;
    }

    h2.titrKholasehMA
    {
        width: calc(100% - 20px);
        height: 40px;
        padding: 14px 10px 0px 10px;
        overflow: hidden;
    }

    h2.titrKholasehMA a, h2.titrKholasehMA a:link, h2.titrKholasehMA a:visited
    {
        white-space: normal;
        line-height: 1.4;
        overflow: hidden;
        font-weight: normal;
        font-size: 0.875rem;
    }

    .itemKholasehMA[data-hover-shodeh] h2.titrKholasehMA
    {
        padding: 14px 10px 0px 10px;
    }

    .itemKholasehMA:nth-child(6)[data-hover-shodeh] h2.titrKholasehMA
    {
        padding: 3px 10px;
    }

    .itemKholasehMA:nth-child(6) h2.titrKholasehMA
    {
        height: 20px;
    }

    .itemKholasehMA:nth-child(6) h2.titrKholasehMA a
    {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: bold;
        font-size: 1.125rem;
    }

    .kadrKholasehMA
    {
        display: none;
    }



    /*diz .kadrLoading .vasetLD
    {
        height: 80px;
        width: 80px;
    }

    .kadrLoading .daiereh1
    {
        border-width: 4px;
        border-style: solid;
        border-radius: calc(50% + 4px);
    }

    .kadrLoading .daiereh2
    {
        border-width: 4px;
        border-style: solid;
        border-radius: calc(50% + 4px);
    }

    .kadrLoading .daiereh3
    {
        border-width: 4px;
        border-style: solid;
        border-radius: calc(50% + 4px);
    }

    #mohtavaAsliSV table#tblFullMA > tbody > tr > td
    {
        width: 100%;
    }

    #mohtavaAsliSV table#tblFullMA > tbody > tr > td + td
    {
        display: none;
    }

    #mohtavaAsliSV a[class^="dokmehAx"], #mohtavaAsliSV a[class^="dokmehAx"]:link, #mohtavaAsliSV a[class^="dokmehAx"]:visited
    {
        display: block;
    }

    #kadrEttMA
    {
        height: 36px;
        overflow-y: hidden;
    }

    a.dokmehKeshoee, a.dokmehKeshoee:link, a.dokmehKeshoee:visited
    {
        display: block;
    }

    h3#titrNamayeshMA a:not(.dokmehKeshoee), h3#titrNamayeshMA a:not(.dokmehKeshoee):link, h3#titrNamayeshMA a:not(.dokmehKeshoee):visited
    {
        max-width: calc(100% - 30px);
    }

    #kadrDidgahha
    {
        z-index: 2;
    }

    #mohtavaEzafiSV
    {
        display: none;
    }

    #mohtavaEzafiSV
    {
        display: none;
    }*/


    span.iconPS
    {
        margin-right: 5px;
        padding: 10px 0px;
        font-size: 1.25rem;
    }

    h2.titrPS
    {
        width: calc(100% - 40px);
        padding: 8px 0px;
    }

    h2.titrPS a, h2.titrPS a:link, h2.titrPS a:visited
    {
        width: 100%;
        font-size: 1.125rem;
        margin: 0px;
    }



    #navarRast {
        float: none;
        width: 100%;
        position: absolute;
        height: 565px;
        right: 0px;
    }


    /*diz #ettelaeeyehNR
    {
        height: 200px;
        background-color: hsl(120, 18.8%, 18.8%);
    }

    #headerEtt
    {
        position: relative;
        padding-left: 18.4%;
    }

    a#dokmehKeshoeeEtt
    {
        left: 4.062%;
        top: 5px;
    }

    #matnEtt
    {
        height: 70px;
    }

    #ettelaeeyehNR>a#ettelaatBishtar
    {
        bottom: 9px;
    }*/

    #kadrAkshayeEtt
    {
        overflow: auto;
        white-space: nowrap;
        width: calc(100% - 10px);
        padding: 10px 5px 20px;
    }

    .kadrAksEtt
    {
        float: none;
        width: 35.625%;
        display: inline-block;
        padding-top: 61.679%;
    }

    .kadrBiAksEtt
    {
        display: none;
    }

    #tablighNR
    {
        position: absolute;
        bottom: 0px;
    }

    #titrTabligh
    {
        position: relative;
        padding-left: 18.4%;
    }

    a#dokmehKeshoeeTab
    {
        left: 4.062%;
        top: 5px;
    }

    #kadrTabligh
    {
        margin-top: 20px;
    }

    /*diz #sharhTabligh
    {
        height: 100px;
        padding: 5px;
        overflow-y: hidden;
    }

    #sharhTabligh>a
    {
        display: block;
        width: 100%;
        height: 100%;
        position: relative;
    }

    img#axTabligh
    {
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        margin: auto;
    }*/

    #sharhTabligh>a#matnTabligh
    {
        overflow-y: auto;
        min-height: none;
        max-height: none;
        height: 62px;
    }


    #barchasbhaNR
    {
        display: none;
    }


    #barchasbhaNCHP
    {
        display: none;
    }


    #navarChap
    {
        float: none;
        width: 100%;
        /*diz height: 565px;
        background-color: hsl(120, 28.8%, 11.6%);*/
    }


    #kadrBalaNCHP
    {
        margin: 0px 5px 20px 5px;
        height: auto;
        overflow-y: auto;
        /*diz z-index: 1;
        position: relative;
        top: 200px;
        left: 0px;
        background-color: hsl(156, 31%, 13%);*/
    }

    #kadrTitrhaTarin
    {
        position: relative;
        margin-left: 1.562%;
    }

    /*diz a.titrTarin, a.titrTarin:link, a.titrTarin:visited
    {
        width: 24%;
        min-width: 58px;
        padding-left: 2px;
        padding-right: 2px;
    }*/

    #kadrTitrhaTarin>a#dokmehKeshoeeTarin
    {
        left: 2.580%;
        top: 4px;
    }

    /*diz #kadrVasetMatlabhaTarin
    {
        height: 175px;
    }*/

    ul#kadrMatlabhaTarin
    {
        /*diz direction: ltr;
        height: 165px;*/
        overflow-y: hidden;
    }

    a.matlabTarin:link, a.matlabTarin:visited
    {
        direction: rtl;
    }

    /*diz ul#kadrMatlabhaTarin > li + li + li + li + li ~ li
    {
        display: none;
    }*/

    a#namayeshBishtarTarin, a#namayeshBishtarTarin:link, a#namayeshBishtarTarin:visited
    {
        left: 10px;
        bottom: 9px;
    }

    #tablighNCHP
    {
        /*diz display: none;*/
        width: 100%;
        margin: 0px;
    }

    #kadrKanalhaNCHP
    {
        display: none;
    }

    [id^="kadrEzafat"]
    {
        display: none;
    }

    #mohtavaEzafi
    {
        height: auto;
        overflow-y: auto;
        /*diz padding: 5px 0px;
        margin-bottom: 20px;*/
    }

    #sotiMEZF
    {
        float: none;
        width: calc(100% - 55px);
        height: auto;
        padding: 15px 10px 0px 15px;
        margin: 0px 15px;
        overflow-y: hidden;
    }

    .khatSotiMEZF
    {
        position: absolute;
        top: 0px;
        right: 0px;
        z-index: -1;
        width: calc(100% - 2px) !important;
        height: 50px;
        border-width: 1px 1px 0px 1px;
    }

    .titrSotiMEZF
    {
        width: calc(100% - 110px);
        padding: 7px 15px 6px 0px;
        text-indent: 5px;
        font-size: 0.875rem;
    }

    .kadrDokmehhaItemSotiMEZF
    {
        width: 85px;
        margin: 0px 5px;
    }

    #sotiMEZF > #titrSoti
    {
        position: relative;
        box-shadow: 0px 10px 5px -10px inset hsl(94, 100%, 72%);
    }

    a#titrMatlabSoti, a#titrMatlabSoti:link, a#titrMatlabSoti:visited
    {
        width: calc(100% - 92px);
    }

    #mohtavaEzafi #itemhaSoti .itemSoti .tdcellAudio:hover
    {
        width: 100%;
    }

    a#dokmehKeshoeeSoti
    {
        left: 4.062%;
        top: 5px;
    }

    #itemhaSoti .kadrDokmeh
    {
        width: 40px;
    }

    span.tedadLikeSoti
    {
        right: 20px;
    }

    #itemhaSoti a.btnDownload
    {
        background-position: -132px 0px;
    }

    #itemhaSoti .itemSoti .tdcellAudio
    {
        width: 60px;
    }

    #itemhaSoti .itemSoti
    {
        position: relative;
    }

    #itemhaSoti .kadrPakhshSoti
    {
        position: absolute;
        right: 0px;
        width: calc(100% - 22px);
        transition: width 0.5s;
    }

    #itemhaSoti h4.titrZamimehSoti
    {
        width: calc(100% - 68px);
    }

    .poosheshBtnDownload
    {
        display: block;
    }

    #itemhaSoti .kadrDokmehha:hover ~ .kadrPakhshSoti
    {
        width: calc(100% - 120px);
    }

    #itemhaSoti .kadrDokmehha:hover a.btnDownload
    {
        background-position: -88px 0px;
    }



    #kadrBarchasbhaSotiMEZF
    {
        height: 317px;
    }

    #kadrBarchasbhaSotiMEZF>.kadrVasetBarchasbhaMEZF
    {
        position: relative;
        width: calc(100% - 30px);
        height: calc(100% - 10px);
        margin: 10px 15px 0px;
    }

    .khatAmoodiVaselMEZF
    {
        display: block;
        position: absolute;
        left: 12px;
        width: 1px;
        background-color: hsl(355, 68%, 25%);
    }

    #kadrSotiMEZF a.barchasbMEZF, #kadrSotiMEZF a.barchasbMEZF:link, #kadrSotiMEZF a.barchasbMEZF:visited
    {
        margin: 4px 0px;
    }

    .kadrBarchasbhaMEZF
    {
        width: 100%;
        overflow: auto;
        height: 114px;
    }

    .kadrVasetBarchasbhaMEZF
    {
        width: 400%;
        margin: 15px 3px;
        overflow: auto hidden;
        /*white-space: nowrap;*/
    }



    #videoMEZF
    {
        float: none;
        width: calc(100% - 10px);
        padding: 10px 5px 0px 5px;
        height: auto;
        overflow-y: auto;
    }

    #videoMEZF>#titrVideo
    {
        position: relative;
        /*diz box-shadow: 0px 10px 5px -10px inset hsl(94, 100%, 72%);*/
    }

    /*diz a#titrMatlabVideo, a#titrMatlabVideo:link, a#titrMatlabVideo:visited
    {
        width: calc(100% - 102px);
    }*/

    a#dokmehKeshoeeVideo
    {
        left: 4.062%;
        top: 5px;
    }

    #kadrVideo
    {
        width: calc(100% - 60px);
        max-width: none;
        height: auto;
        overflow-y: auto;
        box-shadow: none;
    }

    #kadrRatioVideo
    {
        position: static;
    }

    /*diz .kadrEmkanat
    {
        visibility: hidden;
        width: 10%;
        max-width: 40px;
        min-width: 30px;
        height: 30.226%;
        max-height: 120px;
        position: absolute;
        top: 0px;
        right: 0px;
        z-index: 3;
        background-color: hsla(43, 92%, 48%,0.8);
        border-radius: 0px 0px 0px 10px;
    }*/

    table#kadrPaeenVideo > tbody > tr > td + td + td + td + td ~ td:not(#lastTDVideo)
    {
        display: none;
    }

    table#kadrPaeenVideo > tbody > tr > td.sotoonAx
    {
        width: 20%;
    }

    a#dokmehGhabliVideo, a#dokmehGhabliVideo:link, a#dokmehGhabliVideo:visited
    {
        width: 22px;
    }

    a#dokmehBadiVideo, a#dokmehBadiVideo:link, a#dokmehBadiVideo:visited
    {
        width: 22px;
    }


    #tasavirMEZF
    {
        /*diz float: none;
        width: 100%;
        height: 280px;
        padding: 0px 5px 0px 5px;
        overflow-y: hidden;*/
    }

    #tasavirMEZF > #titrTasavir
    {
        position: relative;
        box-shadow: 0px 10px 5px -10px inset hsl(94, 100%, 72%);
    }

    a#titrMatlabTasavir, a#titrMatlabTasavir:link, a#titrMatlabTasavir:visited
    {
        width: calc(100% - 97px);
    }

    a#dokmehKeshoeeTasavir
    {
        left: 4.062%;
        top: 5px;
    }

    .kadrTitrMEZF
    {
        width: calc(100% - 25px);
        padding: 5px 15px 0px 10px;
    }

    #kadrItemhaTasavirMEZF
    {
        width: calc(100% - 20px);
        padding: 10px;
    }

    #kadrTasavir
    {
        width: 100%;
        top: -15px;
    }

    .itemTasavirMEZF
    {
        width: calc(50% - 10px);
        padding-top: calc(50% - 10px);
        margin: 5px;
    }

    .itemTasavirMEZF:nth-child(4)~.itemTasavirMEZF
    {
        display: none;
    }

    a.titrMatlabTasavirMEZF, a.titrMatlabTasavirMEZF:link, a.titrMatlabTasavirMEZF:visited
    {
        padding: 5px;
        width: calc(100% - 10px);
        bottom: 0px;
        font-size: 0.875rem;
        background-color: hsla(0, 0%, 0%, 0.3);
    }

    #tasavirMEZF .dokmehAxGhabli
    {
        left: auto;
        right: 0px;
        text-shadow: 1px 1px 2px hsl(38, 67%, 10%);
    }

    #tasavirMEZF .dokmehAxBadi
    {
        right: auto;
        left: 0px;
        text-shadow: 1px 1px 2px hsl(38, 67%, 10%);
    }

    a.dokmehaPagingTasavirMEZF:nth-child(5), a.dokmehaPagingTasavirMEZF:nth-child(5):link, a.dokmehaPagingTasavirMEZF:nth-child(5):visited
    {
        display: none !important;
    }

    /*diz #kadrTasavir .kadrEmkanat
    {
        height: 50%;
        top: 0px;
        right: 0px;
        left: auto;
        border-left:unset;
        min-height: 100px;
        border-radius: 0px 0px 0px 10px;
    }

    #tasavirMEZF .kadrDokmeh
    {
        height: 33.333%;
    }

    #kadrTasavir .kadrEmkanat > div + div + div
    {
        display: block;
    }

    #kadrRatioTasavir:hover + .kadrEmkanat, #kadrRatioTasavir:hover + .kadrEmkanat
    {
        visibility: visible;
    }

    #kadrIconAxFull
    {
        display: none;
    }

    table#kadrPaeenTasavir > tbody > tr > td + td + td + td + td ~ td:not(#lastTDTasavir)
    {
        display: none;
    }

    table#kadrPaeenTasavir > tbody > tr > td.sotoonAx
    {
        width: 20%;
    }

    table#kadrPaeenTasavir > tbody > tr > td.sotoonAx > img
    {
        top: -2px;
        left: -2px;

    }*/

    a#dokmehGhabliTasavir, a#dokmehGhabliTasavir:link, a#dokmehGhabliTasavir:visited
    {
        width: 22px;
    }

    a#dokmehBadiTasavir, a#dokmehBadiTasavir:link, a#dokmehBadiTasavir:visited
    {
        width: 22px;
    }

    #kadrVasetKadrTasavirMEZF
    {
        width: 90%;
    }

    #kadrRatioTasavir
    {
        top: 30px;
        bottom: unset;
    }

    a.dokmehRadKardanAksMEZF, a.dokmehRadKardanAksMEZF:link, a.dokmehRadKardanAksMEZF:visited
    {
        top: 60px;
    }


    /*diz #footer
    {
        padding: 5px 0px;
        font-size: 0.625rem;
    }*/

    #kadrBalaFTR
    {
        width: 100%;
        height: auto;
        overflow: auto;
        padding: 20px 0px 0px;
    }

    #kadrRastFTR
    {
        width: calc(100% - 40px);
        padding: 0px 20px;
        margin-bottom: 10px;
    }

    p#matnFTR
    {
        height: auto;
    }

    #kadrVasatFTR
    {
        display: none;
    }

    #kadrChapFTR
    {
        width: calc(100% - 40px);
        padding: 0px 20px 20px;
    }

    .kadrMenuFTR
    {
        width: 50%;
        margin-top: 20px;
    }

    .kadrMenuFTR:nth-child(3)
    {
        display: none;
        width: 100%;
    }

    #bakhshPaeenFTR
    {
        height: auto;
        font-size: 0.625rem;
    }

    #footer>span
    {
        position: relative;
        top: 5px;
    }

    a#toseehDahandehFTR, a#toseehDahandehFTR:link, a#toseehDahandehFTR:visited
    {
        width: 240px;
        font-size: 0.625rem;
    }


    #axFull img
    {
        max-width: 100%;
        max-height: 100%;
    }

    #dokmehBastanAxFull
    {
        position: absolute;
        left: auto;
        top: auto;
        bottom: 10px;
        right: 10px;
        width: 25px;
        padding: 5px 0px 4px 0px;
    }


    #tblKadrPeygham
    {
        height: calc(100% + 100px);
    }


    #kadrTashihOFPeygham
    {
        width:96.875%;
    }

    #titrPeygham
    {
        background-position: 20px 13px;
    }

    #dokmehBastanPeygham
    {
        padding: 5px 0px 4px 0px;
        width: 25px;
        border-radius: 50%;
        left:12px;
        top:13px;
    }

    #matnTitrPeygham
    {
        max-width:calc(100% - 90px);
    }



    /*      پلیر سایت       */
    #kadrKolPlayerSotiSite
    {
        margin: 0px;
        width: 100%;
        bottom: -7px;   /* برای تصحیح */
        transition: opacity 0.5s, width 0s 0.5s;
        z-index: 998;
    }

    #kadrPlaylistPSS
    {
        width: calc(100% - 20px);
        margin: 0px;
        padding-top: 0px;
        box-shadow: 0px 0px 1px 1px hsla(0, 0%, 70%, 0.7);
    }

    a#dokmehBastanPlaylistPSS, a#dokmehBastanPlaylistPSS:link, a#dokmehBastanPlaylistPSS:visited
    {
        padding: 10px 0px 5px;
    }

    #kadrVasetPSS
    {
        height: 60px;
        border-radius: 0px;
        box-shadow: 0px 0px 1px 1px hsla(0, 0%, 70%, 0.7);
    }

    /* اسکرول بار */
    #kadrVasetPlaylistPSS::-webkit-scrollbar
    {
        width: 0px;
        margin-left: 5px;
    }

    #kadrDokmehhaChapPSS
    {
        position: relative;
        margin: 6px 11px;
        z-index: 2;
    }

    span#dierehEzafehShodPSS
    {
        left: 40px;
        right: unset;
    }

    span#kadrTedadItemPlaylistPSS
    {
        display: none !important;
    }

    #kadrDokmehhaRastPSS
    {
        position: absolute;
        bottom: 60px;
        right: 0px;
        z-index: 1;
        width: 100%;
        height: 0px;
        overflow: hidden;
        margin: 0px;
        background-color: hsl(0, 0%, 10%);
        transition: height 0.3s;
        box-shadow: 0px 0px 1px 1px hsla(0, 0%, 50%, 0.6);
    }

    a.dokmehPSS, a.dokmehPSS:link, a.dokmehPSS:visited
    {
        padding: 5px;
        margin: 4px 0px;
        font-size: 1rem;
        width: calc(14.286% - 10px);
        height: 16px;
        text-align: center;
    }

    a.dokmehPSS:hover, a.dokmehPSS:active
    {
        background-color: hsl(0, 0%, 10%);
        color: hsl(45, 87%, 53%);
    }

    a#dokmehPakhshPSS
    {
        margin: 4px 4px 4px 0px;
        padding: 10px 8px 10px 12px;
        font-size: 1.2rem;
        width: 19px;
        height: 19px;
        box-shadow: 0px 0px 1px 1px hsla(0, 0%, 70%, 0.7);
    }

    a#dokmehRandomPSS:hover, a#dokmehRandomPSS:active
    {
        color: black;
    }

    span#dokmehBastanPlayer
    {
        text-align: center;
        position: fixed;
        bottom: 158px;
        left: 14px;
        z-index: 2;
        opacity: 0;
        width: 0px;
        height: 14px;
        padding: 2px 0px;
        overflow: hidden;
        border-radius: 50%;
        color: hsl(0, 0%, 30%);
        background-color: hsl(0, 0%, 7%);
        font-family: myIcon2;
        font-size: 0.875rem;
        transition: opacity 0.2s 2s;
    }

    span#dokmehBastanPlayer:hover
    {
        background-color: hsl(0, 0%, 7%);
    }

    a#dokmehShairPSS, a#dokmehShairPSS:link, a#dokmehShairPSS:visited
    {
        padding: 5px 6px 5px 4px;
        margin: 4px 0px;
    }

    span#kadrTedadItemPlaylistPSS1
    {
        display: none !important;
    }

    span#kadrTedadItemPlaylistPSS2
    {
        display: none !important;
    }

    span#kadrTedadItemPlaylistMobilePSS
    {
        position: absolute;
        bottom: 30px;
        left: 30px;
        padding: 0px 5px 1px 5px;
        background-color: hsl(0, 100%, 30%);
        color: hsl(0, 0%, 100%);
        border-radius: 10px;
        font-family: yekan;
        font-size: 0.75rem;
        cursor: context-menu;
    }

    #kadrPlayerPSS
    {
        width: calc(100% - 65px);
    }

    h4.titrPlayerSoti
    {
        position: relative;
        float: left;
        text-align: right;
        width: calc(100% - 84px);
        margin-top: 5px;
        padding-left: 20px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    span#sehNoghtehPSS
    {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 16px;
        height: 16px;
        padding: 4px 0px;
        font-family: myIcon2;
        font-size: 1rem;
    }

    #kadrCoverPlayer
    {
        display: none;
    }

    #kadrCoverMobilePlayer
    {
        float: right;
        width: 50px;
        height: 50px;
        margin: 4px 4px 5px 10px;
        background: url("../pic/cover-music.png") center;
        background-size: cover;
    }

    .playerSoti .kadrPakhshSoti
    {
        float: left;
        width: calc(100% - 64px);
    }

    #kadrPlayerPSS .mejs__currenttime-container
    {
        display: none;
    }

    #kadrPlayerPSS .mejs__time-rail
    {
        width: calc(100% - 50px) !important;
        margin: 0px 5px !important;
        float: right !important;
    }

    #kadrPlayerPSS .mejs__time
    {
        float: left !important;
    }

    #kadrPlayerPSS .mejs__volume-button
    {
        display: none !important;
    }



    .makhfiDarRWD
    {
        display: block;
    }

    .makhfiDarMF
    {
        display: none;
    }

}



@media only screen and (min-width:420px) and (max-width: 767px)
{

    #header
    {
        height: 100px;
        background-position: 10px center, 76% 50%;
        background-size: contain, cover;
    }

    h1#kadrRootitrHDR
    {
        height: 38px;
        width: 200px;
        top: 28px;
        right: 66px;
        margin-left: auto;
        font-size: 1.125rem;
    }

    h1#kadrRootitrHDR:after
    {
        right: 25px;
        top: -2px;
        font-size: 0.2rem;
    }

    h1#titrHDR
    {
        width: 100%;
        height: 33px;
        font-size: 1.4rem;
        padding-top: 42px;
        text-align: center;
        padding-left:0px;
        padding-right: 0px;
    }

    #aksDoaFarajHDR
    {
        height: 35px;
        width: 255px;
        top: 18px;
        left: 0px;
        margin-left: auto;
        right: 0px;
    }

    #kadrEfektTitrHDR
    {
        width:231px;
        top: 50px;
        left: 0px;
        right: 14px;
        margin-left: auto;
    }
}


@media only screen and (max-width:315px)
{


    /*diz h1#kadrRootitrHDR
    {
        width: 142px;
        top: 38px;
    }

    h1#kadrRootitrHDR:after
    {
        right: 33px;
        top: 5px;
        font-size: 0.2rem;
    }

    h1#titrHDR
    {
        padding-top: 52px;
        padding-left: 25px;
    }

    h1#titrHDR>span
    {
        display: none;
    }

    #aksDoaFarajHDR
    {
        top: 22px;
        left: 20px;
    }*/

    #kadrEfektTitrHDR
    {
        width: 142px;
        margin-left: 22px;
    }

    .kadrEmkanatMATK>span.tarikhErsalMATK
    {
        display: none !important;
    }
}