body
{
    counter-reset: shomarehVizhegiAfzoodani;
}


@keyframes scrolAksNemoonehkar {
    0% {

        top: 0px;
    }

    70%
    {
        top: -100px;
    }

    100% {
        top: 0px;
    }
}
@keyframes jabejayiFeleshScrolAksNemoonehkarRWD
{
    10%
    {

        top: 27px;
    }
    70%
    {
        top: 32px;
    }
    90%{
        top: 27px;
    }
}


@keyframes jabejayiFeleshScrolAksNemoonehkarMF
{
    10%
    {

        top: 41px;
    }
    70%
    {
        top: 46px;
    }
    90%
    {
        top: 41px;
    }

}
@keyframes mahvFeleshScrol {

    0%
    {
        display: block;
        opacity: 0;
    }
    1%
    {
        opacity: 0;
    }
    10% {

        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    99% {
        opacity: 0;
    }
    100%
    {
        opacity: 0;
        display: none;
    }
}




#sotoonVasat {
    width: calc(100% - 60px);
    padding: 155px 30px 10px;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), #272c3e, rgba(0, 0, 0, 0));
}

/*  کادر اضافات نوار راست   */
#kadrEzafatNR
{
    background-color: hsl(138, 15%, 23%);
}

/*      کادر نمايش هر مطلب      */
#matlabSV
{
    float: right;
    width: calc(100% - 0px);
    margin: 0 0 0 0px;
}

#kadrAkshaMAT
{
    position: relative;
    float: left;
    width: calc(30% - 0px);
}

h1#titrMAT
{
    float: right;
    width: calc(70% - 15px);
    padding: 0px;
    margin: 20px 0px;
    font-size: 1.25rem;
    color: var(--cl-asl2);
    padding-right: 15px;
}

#kadrEtelaatMAT {
    float: right;
    width: calc(70% - 80px);
    padding: 20px;
    margin: 20px;
    border-bottom: 1px solid var(--cl-asl2);
}

/*      قسمت تيتر و خلاصه نمايش هر مطلب     */
#kadrTitrVaKholasehMAT {
    position: relative;
    float: right;
    width: calc(70% - 90px);
    margin: -18% 45px 20px;
}

span#iconMAT
{
    display: block;
    float: right;
    width: 15px;                /*      DEP pad     */
    padding: 13px 5px 13px 0px;            /*        DEP h     */
    margin-left:5px;
    font-family: myIcon;
    font-size:0.875rem;           /*    14px    */
    line-height: 1;
    text-align: center;
    color: hsl(36, 79%, 62%);
    /*background-color: #E3E3E3;*/
}

#kadrVasetAksMAT {
    position: relative;
    float: right;
    width: 100%;
}

.kadrZirTitrNoeKhadamat>h4.zirTitrNoeKhadamat
{
    transform: unset;
    margin: 2% 0px 0px 30px;
    padding: 15px 20px 15px 20px;
    position: relative;
    border-radius: 26px 0px 0px 26px;
    font-size: 1rem;
    max-width: unset;
    display: inline-block;
    text-align: right;
    width: auto;

}


h2#titrMAT
{
    float:right;
    width: calc(100% - 25px);
    height: 16px;                 /*        DEP pad, line-h      */
    padding: 12px 0px;            /*        DEP h   */
    margin: 0px;
    font-family: yekan;
    font-size: 1rem;
    line-height: 1;
    overflow-x:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
    text-shadow: 1px 1px 3px hsl(130, 8%, 15%);
    overflow-y: hidden;
    color: hsl(97, 83%, 43%);
    /*background-color: #DEDEDE;*/
}

#kholasehMAT {
    float: left;
    width: calc(30% - 40px);
    font-size: 1rem;
    text-align: justify;
    line-height: 2;
    margin: 30px 20px 0px 20px;
    clear: both;
}

#kholasehMAT a,#kholasehMAT a:link,#kholasehMAT a:visited,#sharhMAT a,#sharhMAT a:link,#sharhMAT a:visited
{
    font-family: koodak;
    font-size: 0.875rem;
    line-height: 24px;               /*     DEP line-h p.kholasehIMAT   */
    text-decoration: none;
    color: hsl(96, 80%, 43%);
    /*background-color: #E0E0E0;*/
}

#kholasehMAT a:hover,#sharhMAT a:hover
{
    color: hsl(83, 100%, 69%);
}

#kholasehMAT a:active,#sharhMAT a:active
{
    color: hsl(95, 100%, 84%);
}

#kholasehMAT hr,#sharhMAT hr
{
    border-color: hsl(117, 18%, 25%);
}

img#axKholasehMAT {
    float: right;
    width: 100%;
    border-radius: 16px;
}

/*      قسمت شرح کوتاه نمايش هر مطلب        */
#kadrSharhKootahMAT {
    float: right;
    width: 100%;
    overflow-y: auto;
    margin: 20px 0px 0px;
}


#titrSharhMAT
{
    float: right;
    width: 100%;
    margin-bottom: 20px;
    font-family: vazir;
    font-size: 1.25rem;
    color: var(--cl-2-2);
}

span.iconKenarMatn {
    vertical-align: middle;
    font-family: myIcon4;
}

#sharhMAT
{
    float: right;
    width: 100%;
    margin: 0px;
    font-family: vazir;
    font-size: 1rem;
    text-indent: 10px;
    text-align: justify;
    color: var(--cl-txt2);
    line-height: 2;
}

.kadrAsliPelanha
{
    position: relative;
    width: 100%;
    float: right;
    transition: max-height 0.3s;
    overflow-y: hidden;
    border-radius: 32px;
    padding-bottom: 55px;

}
.kadrPelan
{
    display: inline-block;
    position: relative;
    width: calc(25% - 20px);
    height: 1530px;
    margin: 20px 10px;
    padding-bottom: 2% /* movaghat */ ;
    background-color: #3f3f52;
    border-radius: 32px;
    overflow: hidden;
    transition: height 0.3s;
}

#kadrPelanBoronzi
{
    margin-right: 0px;


}
#kadrPelanVip
{
    margin-left: 0px;
}

.bazoBastKadrPelan
{
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    padding: 60px 0px 20px;
    text-align: center;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), #443e3f, #675332);
    transition: transform 0.3s , color 0.2s;
    color: var(--cl-3);
    font-family: myIcon4 , vazir;
    font-size: 1.5rem;
    cursor: pointer;
    z-index: 2;
    border-radius: 0px 0px 16px 16px;
}

.bazoBastKadrPelan:hover
{
    color: #9e814e;
}
.bazoBastKadrPelan:active
{
    color: #81693f;
}

.bazoBastKadrPelan span
{
    display: inline-block;
}

.headerKadrPelan
{
    position: relative;
    top: 0px;
    right: 0px;
    width: 100%;
    float: right;
    background-image: linear-gradient(180deg, #6d5630 0%, #182550);
    /*background-image: url("../pic/vve1mJxpt4.gif");*/

    /*padding-bottom: 5px;*/
}

.titrPelan
{
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 15px 0px 10px;
    text-align: center;
    font-family: Vazir;
    font-size: 2.2rem;
    color: var(--cl-txt2);
    font-weight: bold;
    color: transparent;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
}

.boronzi .titrPelan
{
    background: linear-gradient(90deg, #c36940 0%, #fdad84 50%, #e37543 70%, #ec6021 100%);
    color: transparent;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
}
.noghreyi .titrPelan
{
    background: linear-gradient(90deg, #b1b1b1 0%, #ffffff 50%, #b1b0b0 70%, #a3a09f 100%);
    color: transparent;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
}

.talayi .titrPelan
{
    background: linear-gradient(90deg, #f8ae25 0%, #ffbe34 50%, #c69d37 70%, #edc448 100%);
    color: transparent;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
}
.vip .titrPelan
{
    background: linear-gradient(90deg, #3679df 0%, #cae2f5  50%, #9cd3ff 70%, #48c1ed 100%);
    color: transparent;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
}

.headerKadrPelan::before
{
    display: block;
    content: " 25% تخفیف ویژه";
    position: absolute;
    top: 24px;
    left: -52px;
    width: 165px;
    padding: 7px 15px 7px;
    font-family: vazir;
    font-size: 0.875rem;
    background-color: #d53737;
    color: white;
    text-align: center;
    transform: rotate(-45deg);
}
/*

.headerKadrPelan:after
{
    display: block;
    content: "";
    position: absolute;
    bottom: 35px;
    right: -15px;
    width: 120px;
    height: 120px;
    background-image: url("../pic/malekiyat-daemi.png"),url("../pic/icon-1-11.png"),url("../pic/icon-1-1.png"),url("../pic/icon-1-8.png"),url("../pic/levelup3.png");
    background-size: 30px;
    background-position:10px 0px,30px 0px,60px 0px,90px 0px,120px 0px;
    background-repeat: no-repeat;
}
*/

.vizhegihayePorozheh
{
    position: absolute;
    right: 0px;
    bottom: 25px;
    display: inline-block;
    width: 35px;
    height: calc(100% - 50px);
    margin: 40px 15px 10px;
}
.vizhegihayePorozheh span
{
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-bottom: 5px;
    float: right;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: transform 0.4s;
}
.vizhegihayePorozheh span:hover
{
    transform: translateX(-5px);
}
.vizhegihayePorozheh .vizhegihayeP1
{
    background-image: url("../pic/malekiyat-daemi.png");
}

.vizhegihayePorozheh .vizhegihayeP2
{
    background-image: url("../pic/icon-1-1.png");
}

.vizhegihayePorozheh .vizhegihayeP3
{
    background-image: url("../pic/icon-1-11.png");
}

.vizhegihayePorozheh .vizhegihayeP4
{
    background-image: url("../pic/icon-1-8.png");
}

.vizhegihayePorozheh .vizhegihayeP5
{
    background-image: url("../pic/levelup3.png");
}




/*
.headerKadrPelan::after
{
    content: "تخفیف ویژه";
    position: absolute;
    top: 39px;
    left: -18px;
    width: 140px;
    font-family: vazir;
    font-size: 1rem;
    color: white;
    text-align: center;
    transform: rotate(-45deg);
}*/

.zirTitrPelan
{
    position: relative;
    display: inline-block;
    width: calc(100% - 40px);
    padding: 0px 20px 10px;
    text-align: center;
    font-family: Vazir;
    color: hsl(0deg 0% 75%);
    font-size:1.125rem;
}


.headerKadrPelan span.zirTitrPelan:last-child
{
    padding-bottom: 30px;
    color: red;
}
.zirTitrPelan.gheymatBaTakhfif
{
    font-size: 1.375rem;
}


#kadrPelanBoronzi .zirTitrPelan.gheymatBaTakhfif {
    background: linear-gradient(90deg, #c36940 0%, #fdad84 50%, #e37543 70%, #ec6021 100%);
    color: transparent;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
}

#kadrPelanNoghreyi .zirTitrPelan.gheymatBaTakhfif {
    background: linear-gradient(90deg, #b1b1b1 0%, #ffffff 50%, #b1b0b0 70%, #a3a09f 100%);
    color: transparent;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
}
#kadrPelanTalayi .zirTitrPelan.gheymatBaTakhfif {
    background: linear-gradient(90deg, #f8ae25 0%, #ffbe34 50%, #c69d37 70%, #edc448 100%);
    color: transparent;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
}
#kadrPelanVip .zirTitrPelan.gheymatBaTakhfif {
    background: linear-gradient(90deg, #3679df 0%, #a2d1f6 50%, #9cd3ff 70%, #48c1ed 100%);
    color: transparent;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    /*padding: 19px 20px 30px;*/
}

.zirTitrPelan.gheymat
{
    color: hsl(0deg 0% 65%);
}
.zirTitrPelan.gheymat del
{
    text-decoration: none;
}

.zirTitrPelan.gheymat::before
{
    content: "";
    position: absolute;
    top: 17px;
    left: calc(50% - 65px);
    width: 130px;
    height: 1px;
    font-size: 1.3rem;
    background: #d53737;
    transform: rotate(-7deg);
}

/*  برای اعمال طرح تخفیفی بر روی پلن ها 2 خط کد زیر حذف شود  */
/*.zirTitrPelan.gheymat,.headerKadrPelan::before
{
    display: none !* diz movaghat *! ;
}
#kadrPelanVip .zirTitrPelan.gheymatBaTakhfif
{
    padding: 0px 20px 10px !* برای اینکه پلن vip قیمت ندارد *! ;
}*/
/* اعمال طرح تخفیفی پایان */



.vizhegihayePelan
{
    position: absolute;
    right: 0px;
    top: 300px;
    width: calc(100% - 0px);
    float: right;
    padding: 0px 0px 160px;
    background: #3f3f52;
    outline: 5px solid #3f3f52;
}

.vizhegihayePelan>div
{
    width: calc(100% - 20px);
    position: relative;
    padding: 15px 10px;
    border-bottom: 1px solid var(--cl-brd);
}

.vizhegihayePelan>div:last-child
{

    border-bottom: unset    ;
}


.vizhegihayePelan strong
{
    display: inline-block;
    width: calc(100% - 87px);
    margin-right: 10px;
    margin-left: 30px;
    font-weight: normal;
    color: hsl(0deg 0% 80%);
}

.vizhegihayePelan strong.doKhati
{
    height: 52px;
}

.vizhegihayePelan>div>span.zarbdar~strong,.akharinVizegi~div strong
{
    color: hsl(0deg 0% 55%);
}

.vizhegihayePelan span.iconKenarMatn
{
    float: right;
    color: #58c913;
    padding-bottom: 10px;
    font-size: 1.4rem;
}

div.levelup1 span.iconKenarMatn::after {
     background-image: url("../pic/levelup1.png");
}
div.levelup2 span.iconKenarMatn::after {
      background-image: url("../pic/levelup2.png");
}
div.levelup3 span.iconKenarMatn::after {
       background-image: url("../pic/levelup3.png");
}
div[class*="levelup"] span.iconKenarMatn::after {
    content: "";
    position: absolute;
    bottom: 0px;
    top: 0px;
    left: 0px;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: auto;
    background-position: 10px center;
    background-size: 20px;
    background-repeat: no-repeat;
}

div[class*="levelup"] span.iconKenarTozihatVizhegiPelan+span.iconKenarMatn::after
{
    left: 28px;
}

.akharinVizegi~div span.iconKenarMatn,span.iconKenarMatn.zarbdar
{
    color: #d53737;
}

.vizhegihayePelan span.iconKenarTozihatVizhegiPelan
{
    height: 18px;
    width: 18px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin: auto 0px;
    padding: 3px;
    left: 10px;
    color: hsl(0, 0%, 50%);
    font-family: myIcon4;
    font-size: 1.125rem;
    cursor: pointer;
}

.vizhegihayePelan span.tozihatVizhegiPelan
{
    width: calc(100% - 90px);
    position: absolute;
    top: 90%;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    color:#3f3f52 ;
    background-color:hsl(38 57% 95%);
    font-family: vazir;
    font-size: 1rem;
    text-align: right;
    line-height: 1.7;
    padding: 12px;
    display: block;
    border-radius: 16px;
    opacity: 0;
    z-index: -1;
    transition: opacity 0.2s;
    box-shadow: 0 0 20px -15px var(--cl-1-4);
}


.vizhegihayePelan span.tozihatVizhegiPelan>span
{
    display: block;
    width: calc(100% - 10px);
    padding-right: 10px;
}

.vizhegihayePelan span.tozihatVizhegiPelan::after
{
    content: "";
    position: absolute;
    top: -5px;
    right: 0px;
    left: 0px;
    margin: 0px auto;
    width: 10px;
    height: 10px;
    background-color: hsl(38 57% 95%);
    transform: rotate(-45deg);
    box-shadow: 0 0 20px -15px var(--cl-1-4);
}


.vizhegihayePelan span.bala.tozihatVizhegiPelan::after
{
    top: unset;
    bottom: -5px;
}

.vizhegihayePelan span.iconKenarTozihatVizhegiPelan:hover ~ strong > span.tozihatVizhegiPelan
{
    opacity: 1;
    z-index: 5;
}
.vizhegihayePelan span.iconKenarTozihatVizhegiPelan:hover
{
    color: hsl(0deg 0% 80%);
}

.vizhegihayePelan span.iconKenarTozihatVizhegiPelan:hover ~ strong
{
    color: hsl(0deg 0% 95%);
}


/*  استایل های نمایش نمونه کار  */
#tblKadrPeyghamNemoonehkarBoronzi,
#tblKadrPeyghamNemoonehkarNoghreyi,
#tblKadrPeyghamNemoonehkarTalayi,
#tblKadrPeyghamNemoonehkarVip
{
    display: none;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1000;
    background-image: linear-gradient(200deg, rgba(109, 86, 48, 0.8), rgba(24, 37, 80, 0.8));
}

#tblKadrPeyghamNemoonehkarBoronzi #kadrTashihOFPeyghamNemoonehkar,
#tblKadrPeyghamNemoonehkarNoghreyi #kadrTashihOFPeyghamNemoonehkar,
#tblKadrPeyghamNemoonehkarTalayi #kadrTashihOFPeyghamNemoonehkar,
#tblKadrPeyghamNemoonehkarVip #kadrTashihOFPeyghamNemoonehkar
{
    width: 90%;
    max-width: unset;
}
#tblKadrPeyghamNemoonehkarBoronzi .kadrNemonehkarha,
#tblKadrPeyghamNemoonehkarNoghreyi .kadrNemonehkarha,
#tblKadrPeyghamNemoonehkarTalayi .kadrNemonehkarha,
#tblKadrPeyghamNemoonehkarVip .kadrNemonehkarha
{
    width: 100%;
    margin: auto;
    overflow: auto;
}
#tblKadrPeyghamNemoonehkarBoronzi .kadrVasetNemonehkarha,
#tblKadrPeyghamNemoonehkarNoghreyi .kadrVasetNemonehkarha,
#tblKadrPeyghamNemoonehkarTalayi .kadrVasetNemonehkarha,
#tblKadrPeyghamNemoonehkarVip .kadrVasetNemonehkarha
{
    width: 1200%;
    float: right;
}
#tblKadrPeyghamNemoonehkarBoronzi .kadrNemoonehkar,
#tblKadrPeyghamNemoonehkarNoghreyi .kadrNemoonehkar,
#tblKadrPeyghamNemoonehkarTalayi .kadrNemoonehkar,
#tblKadrPeyghamNemoonehkarVip .kadrNemoonehkar
{
    display: block;
    width: calc(8.333% - 40px);
    padding: 50px 20px;
    float: right;
}
#tblKadrPeyghamNemoonehkarBoronzi .kadrNemoonehkar img,
#tblKadrPeyghamNemoonehkarNoghreyi .kadrNemoonehkar img,
#tblKadrPeyghamNemoonehkarTalayi .kadrNemoonehkar img,
#tblKadrPeyghamNemoonehkarVip .kadrNemoonehkar img
{
    width: 70%;
}
.kadrDokmehNamayeshNemoonehkar
{
    position: absolute;
    bottom: 30px;
    right: 0px;
    left: 0px;
    width: calc(80% - 20px);
    padding: 10px;
    margin: auto;
    z-index: 1;
    text-align:center;
    transition: bottom 0.5s;
}

.kadrDokmehNamayeshNemoonehkar a
{
    /*diz display: inline-block; */
    display:none;
    color: #fff;
    width: calc(100% - 60px);
    height: 30px;
    padding: 20px 30px;
    margin: auto;
    font-family: vazir;
    line-height: 1;
    border-radius: 35px;
    text-align: center;
    font-size: 1.5rem;
    transition: transform 0.5s;
    background-image: linear-gradient(200deg, #8f774a, #22387d);

}

.kadrDokmehNamayeshNemoonehkar:hover
{
    bottom: 37px;
}

.kadrAksNemoonehkarRWD
{
    position: relative;
    width: 50%;
    /* cursor: pointer; */
}

.kadrGhabNemoonehkarMF
{
    background-image: url("../pic/ghab-nemonekar-MF.png");
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 8px;
}

.kadrAksNemoonehkarMF
{
    position: relative;
    width: calc(15% - 30px);
    margin-right: 30px;
}

.kadrGhabNemoonehkarRWD
{
    aspect-ratio: 1.348;
}

.kadrGhabNemoonehkarMF
{
    aspect-ratio: 0.493;
}

.kadrScrolANK_RWD
{
    position: absolute;
    top: 5px;
    right: 8px;
    padding: 5px;
    width: calc(100% - 10px);
    aspect-ratio: 1.7;
    overflow-y: scroll;
    z-index: 1;
}

.kadrAksNemoonehkarRWD::after
{
    content: "";
    transform: rotate(270deg);
    position: absolute;
    top: 27px;
    left: -17px;
    color: var(--cl-asl2);
    font-weight: bold;
    font-family: myIcon4;
    font-size: 0.555rem;
    z-index: 1;
    opacity: 0;
    animation:jabejayiFeleshScrolAksNemoonehkarRWD 1s 2.7s ease-out, mahvFeleshScrol 2s 2.7s ease-out;
    animation-iteration-count:2,1 ;
    animation-fill-mode: both,both;
    text-shadow: 0px 0px 10px var(--cl-3-1);
}

.kadrAksNemoonehkarMF::after
{
    content: "";
    transform: rotate(270deg);
    position: absolute;
    top: 41px;
    left: -16px;
    color: var(--cl-asl2);
    font-weight: bold;
    font-family: myIcon4;
    font-size: 0.555rem;
    z-index: 1;
    opacity: 0;
    animation:jabejayiFeleshScrolAksNemoonehkarMF 1s 2.7s ease-out, mahvFeleshScrol 2s 2.7s ease-out ;
    animation-iteration-count:2,1;
    animation-fill-mode: both,both;
    text-shadow: 0px 0px 10px var(--cl-3-1);
}

.kadrScrolANK_MF
{
    position: absolute;
    top: 7%;
    right: 7px;
    padding: 0px;
    width: 100%;
    aspect-ratio: 0.59;
    overflow-y: scroll;
    z-index: 1;
}

.kadrScrolANK_MF>div
{
    width:100%;
    position: relative;
    left: 3px;
}


#tblKadrPeyghamNemoonehkarBoronzi .kadrAksNemoonehkarRWD img
{
      display: block;
      width: calc(100% - 10px);
      aspect-ratio: unset;
      object-fit: unset;
      border-radius: 2px;
      margin-top: 6px;
      position: relative;
}

#tblKadrPeyghamNemoonehkarBoronzi .kadrAksNemoonehkarMF img
{
    display: block;
    width: calc(100% - 10px);
    position: relative;
    left: -3px;
    aspect-ratio: unset;
    object-fit: unset;
    border-radius: 2px;
    margin-top: 6px;
}


.kadrGhabNemoonehkarRWD
{
    background-image: url("../pic/ghab-nemonekar-rwd.png");
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 2px;
    position: relative;
    z-index: 2;
}


.kadrGhabNemoonehkarMF
{
    background-image: url("../pic/ghab-nemonekar-mf.png");
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 2px;
    position: relative;
    z-index: 2;
}


.kadrAksNemoonehkarMF>div,.kadrAksNemoonehkarRWD>div
{
}

.kadrAksNemoonehkarMF>div
{
    /* max-height: 820px; */
    /* width: 100%; */
}

.kadrAksNemoonehkarMF>div>div,.kadrAksNemoonehkarRWD>div>div
{
    overflow: auto;
}

.kadrGhabNemoonehkarMF
{
    background-image: url("../pic/ghab-nemonekar-mf.png");
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    border-radius: 2px;
    position: relative;
    z-index: 2;
}

/* بخش ویژگی های افزودنی */

.kadrVizhegihayeAfzoodani
{
    position: relative;
    width: 80%;
    /*float: right;*/
    margin: auto;
    transition: max-height 0.3s;
    overflow-y: hidden;
    border-radius: 32px;
    padding-bottom: 55px;
}
.kadrVizhegihayeAfzoodani .vizhegihayePelan
{
    top: 260px;
}

.kadrVizhegihayeAfzoodani .kadrPelan
{
    margin: 50px 0px 0px;
    width: calc(100% - 0px)
}

.kadrVizhegihayeAfzoodani .kadrPelan .headerKadrPelan
{

    background-color: #2d3148;
}

.kadrVizhegihayeAfzoodani .kadrPelan .headerKadrPelan:after,
.kadrVizhegihayeAfzoodani .kadrPelan .headerKadrPelan:before
{
    display: none;
}

.kadrVizhegihayeAfzoodani .kadrPelan .headerKadrPelan #kadrTitrhaTarin {
    height: 59px;
    padding: 0px 0px 0px;
}
.kadrVizhegihayeAfzoodani .kadrPelan .headerKadrPelan a.titrTarin
{
    width: calc(25% - 40px);
    padding: 19px 13px;
}

.kadrVizhegihayeAfzoodani .kadrPelan .titrPelan
{
    background: linear-gradient(180deg, #d2ae6d 0%, #f4cb80 50%, #d2ae6d 70%, #a48c43 100%);
    text-shadow: 0px -9px 60px rgba(202, 213, 255, 0.39),0px 0px 8px rgba(172, 135, 20, 0.81),0px -35px 90px rgba(184, 198, 255, 0.6),0px -150px 90px rgba(230, 234, 255, 0.2);
    color: transparent;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    padding: 65px 0px;
    font-size: 1.8rem;
}

.kadrVizhegihayeAfzoodani strong
{
    width: auto;
    margin-left: 10px;
    font-size: 1.25rem;
}

.kadrVizhegihayeAfzoodani span.iconKenarTozihatVizhegiPelan
{
    left: 10px;
}

.kadrVizhegihayeAfzoodani .vizhegihayePelan > div
{
    width: calc(100% - 40px);
    padding: 15px 40px 15px 0px;
    border-bottom: 0px;
}

.kadrVizhegihayeAfzoodani .vizhegihayePelan > div > span:first-child:before
{
    content: "";
    display: block;
    width: 2000px;
    height: 0px;
    margin: auto;
    position: absolute;
    right: 100%;
    left: 0px;
    top: 0px;
    bottom: 0px;
    border-style: dotted;
    border-width: 0px 0px 3px 0px;
    border-color: gray ;
    z-index: 0;
}


.kadrVizhegihayeAfzoodani .vizhegihayePelan span.tozihatVizhegiPelan
{
    width: 310px;
    top: 140%;
}

.vizhegihayePelan span.tozihatVizhegiPelan.bala
{
    top: unset;
    bottom: 90%;
}
.kadrItemVA span.tozihatVizhegiPelan.bala
{
    top: unset;
    bottom: 160%;
}

.kadrVizhegihayeAfzoodani .kadrItemVA
{
    width: 100%;
    position: static;
    right: 0px;
    z-index: 1;
}

.kadrVizhegihayeAfzoodani .kadrItemVA > span:first-child
{
    position: relative;
    padding: 0px 0px 0px 35px;
}

.kadrVizhegihayeAfzoodani .vizhegihayePelan span.iconKenarMatn
{
    display: inline-block;
    float: unset;
    position: relative;
    padding-bottom: 0px;
}
/* diz

.kadrVizhegihayeAfzoodani .vizhegihayePelan .kadrItemVA
{

    counter-increment: shomarehVizhegiAfzoodani;
}


.kadrVizhegihayeAfzoodani .vizhegihayePelan .kadrItemVA:after
{
    content: counter(shomarehVizhegiAfzoodani);
    float: right;
}

*/


.kadrVizhegihayeAfzoodani .kadrGheimatVA
{
    float: left;
    position: relative;
    background-color:#3f3f52 ;
    padding: 0px 15px 0px 40px ;
}

.kadrVizhegihayeAfzoodani span.adadGVA,.kadrVizhegihayeAfzoodani span.vahedGVA
{
    font-family: vazir;
    font-size: 1.25rem;
    color: white;
}
.kadrVizhegihayeAfzoodani span.vahedGVA
{
    font-size: 1rem;
}


/*      قسمت ويديو نمايش هر مطلب        */
#videoMAT
{
    width: calc(100% - 20px);
    padding:1.418% 10px;
    margin:1.418% 0px;
    position: relative;
    background-color: hsl(0, 0%, 0%);
}


#kadrRatioVideoMAT
{
    width:100%;
    height:0px;
    padding-top: 56.312%;
    position: relative;
}
#kadrVasetVideoMAT
{
    width:100%;
    height: 100%;
    overflow-x: hidden;         /*      tashih chrome dar halat haye koochik        */
    position: absolute;
    top: 0px;
    right: 0px;
}

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

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

a#dokmehPakhshMAT, a#dokmehPakhshMAT:link, a#dokmehPakhshMAT:visited
{
    display: block;
    height: 20px;                  /*       DEP pad     */
    width: 38px;                   /*       DEP pad     */
    padding: 10px 0px 10px 2px;    /*       DEP h,w     */
    text-align: center;
    text-decoration: none;
    box-shadow:0px 0px 10px 5px hsla(137, 14%, 10%,0.8);
    border-radius: 50%;
    background-color: hsl(37, 82%, 62%);
    font-family:myIcon;
    font-size: 1.25rem;        /*  22px  */
    line-height: 1;
    position: absolute;
    left: 0px;
    right:0px;
    top: 0px;
    bottom:0px;
    margin:auto auto;
    z-index: 2;
    color: hsl(118, 19%, 32%);
    /*background-color:hsla(0, 0%, 80%, 0.7);*/
}

a#dokmehPakhshMAT:hover
{
    color: hsl(94, 100%, 72%);
    background-color: hsl(132, 54%, 24%);
}

a#dokmehPakhshMAT:active
{
    color: hsl(96, 100%, 92%);
    background-color: hsla(45, 100%, 60%, 0.2);
}

#videoMAT .kadrEmkanat
{
    visibility: hidden;
    width: 11.730%;
    max-width: 40px;
    min-width: 22px;
    height: 30.226%;
    max-height: 130px;
    position: absolute;
    top: 0px;
    right:0px;
    z-index: 3;
    border-radius: 0px 0px 0px 10px;
    background-color: hsla(36, 79%, 62%, 0.85);
    /*background-color: hsl(0, 0%, 71%);*/
}

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

#kadrRatioVideoMAT .kadrDokmeh
{
    width: 100%;
    height: 33.333%;
    max-height: 40px;
    min-height: 22px;
    float: left;
}

/*        تصحیح دایو سوم لایک بخاطر اضافه شدن تعداد لایک        */
#videoMAT .kadrDokmeh:last-child
{
    max-height: 50px;
    min-height: 40px;
}

#videoMAT .kadrDokmeh:last-child>.kadrLikeVaTedadVideo
{
    top: -10px;
}

span#tedadLikeVideoMAT
{
    display: block;
    width: 22px;
    height: 19px;
    font-family: koodak;
    font-size: 0.625rem;
    text-align: center;
    position: absolute;
    top:22px;         /*  DEP w .kadrLikeVaTedadSoti  */
}

table#kadrPaeenVideoMAT
{
    width:100%;
    margin-top:1.418%;
    border-spacing: 0px;
    /*background-color: #DEDEDE;*/
}

table#kadrPaeenVideoMAT>tbody>tr>td
{
    height: 38px;
    padding: 0px 0.567%;
    text-align: center;    
}

table#kadrPaeenVideoMAT>tbody>tr>td.sotoonAx
{
    width:10.780%;
}

img.axVideoMAT
{
    display: block;
    max-width:100%;
    max-height: 38px;
    margin:0px auto;
    cursor: pointer;
    box-shadow: 0px 0px 1px hsl(95, 59%, 61%) ,0px 18px 20px -15px hsl(95, 59%, 61%);
    transition: transform 0.2s;
}


img.axVideoMAT:hover:not(.videoEntekhabShodeh)
{
    transform: scale(1.2);
}


a#dokmehGhabliVideoMAT, a#dokmehGhabliVideoMAT:link, a#dokmehGhabliVideoMAT:visited
{
    display: inline-block;
    height: 18px;                   /*       DEP  pad  */
    width:20px;                  /*         DEP pad     */
    padding: 10px 2px 10px 0px;     /*       DEP h,w       */
    font-family:myIcon;
    font-size: 1.125rem;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    color:hsl(37, 82%, 62%);
    /*background-color: #B8B8B8;*/
}

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

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

a#dokmehBadiVideoMAT, a#dokmehBadiVideoMAT:link, a#dokmehBadiVideoMAT:visited
{
    display: inline-block;
    height: 18px;               /*      DEP pad */
    width:20px;                 /*      DEP pad     */
    padding: 10px 0px 10px 2px;          /*      DEP h,w   */
    font-family:myIcon;
    font-size: 1.125rem;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    color:hsl(37, 82%, 62%);
    /*background-color: #B8B8B8;*/
}

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

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


/*      قسمت تصاوير نمايش هر مطلب       */
#tasavirMAT
{
    width: 100%;
    overflow-y:auto;
    padding:1.418% 0px;
    margin:1.418% 0px;
    position: relative;
    background-color:hsl(137, 14%, 10%);;
}

#kadrRatioTasavirMAT
{
    width:100%;
    height:0px;
    padding-top: 56.312%;
    position: relative;
}

#kadrVasetTasavirMAT
{
    width:calc(100% - 20px);
    height:calc(100% - 10px);
    margin: auto 10px;
    overflow-x: hidden;         /*      tashih chrome dar halat haye koochik        */
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    box-shadow:0px 0px 0px 2px hsl(132, 73%, 30%), 4px 4px 5px hsl(137, 14%, 10%);
}

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

#kadrRatioTasavirMAT .kadrEmkanat   /* piadeh sazi asli dar bakhsh video */
{
    visibility: hidden;
    width: 11.730%;
    max-width: 40px;
    min-width: 22px;
    height: 30.226%;
    min-height: 100px;
    max-height: 120px;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 3;
    border-radius: 0px 0px 0px 10px;
    background-color: hsla(36, 79%, 62%, 0.85);
}

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

#kadrRatioTasavirMAT>div>img:hover+#kadrIconAxFullMAT,#kadrIconAxFullMAT:hover         /* baraye namayesh ghab icon full */
{
    visibility: visible;
}

#tasavirMAT .kadrDokmeh
{
    width: 100%;
    height: 33.333%; /* chon dokmeha seta shodand */
    max-height: 40px;
    min-height: 22px;
    float: left;
}

table#kadrPaeenTasavirMAT
{
    width:100%;
    margin-top:1.418%;
    border-spacing: 0px;
    /*background-color: #DEDEDE;*/
}

table#kadrPaeenTasavirMAT>tbody>tr>td
{
    height: 38px;
    padding: 0px 1.134%;      /*    8px     */
    text-align: center;
}

table#kadrPaeenTasavirMAT>tbody>tr>td.sotoonAx
{
    width:10.780%;       /*  w+pad-r+pad-l   68+8+8=84px-8px=>76px  baraye tashih firefox k scroll nadahad  */
}

table#kadrPaeenTasavirMAT>tbody>tr>td.sotoonAx>img
{
    position: relative;
    box-shadow: 0px 0px 1px hsla(36, 79%, 62%, 0.85),3px 3px hsl(96, 44%, 35%);
    transition: box-shadow 0.2s;
}

table#kadrPaeenTasavirMAT>tbody>tr>td.sotoonAx>img:hover:not(.axEntekhabShodeh)
{
    box-shadow:0px 0px 1px hsla(36, 79%, 62%, 0.85),3px 3px 4px 0px hsl(96, 80%, 43%);

}


table#kadrPaeenTasavirMAT>tbody>tr>td.sotoonAx>img.axEntekhabShodeh
{
    box-shadow: 0px 0px 1px hsla(36, 79%, 62%, 0.85),3px 3px hsl(37, 64%, 56%);
}




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

#tasavirMAT a[class^="dokmehAx"], #tasavirMAT a[class^="dokmehAx"]:link, #tasavirMAT a[class^="dokmehAx"]:visited
{
    height: 20px;                /*       DEP pad     */
    width: 11.143%;              /*       DEP pad     */
    padding: 10px 0px 10px 0px;  /*       DEP h,w     */
    top:0px;        /* v-align  */
    /*color: hsl(37, 82%, 62%);*/
    /*background-color: hsla(0, 0%, 74%, 0.3);*/
}

#tasavirMAT .dokmehAxGhabli
{
    right:0px;
}

#tasavirMAT .dokmehAxBadi
{
    left:0px;
}


a#dokmehGhabliTasavirMAT, a#dokmehGhabliTasavirMAT:link, a#dokmehGhabliTasavirMAT:visited
{
    display: inline-block;
    height: 18px;                   /*       DEP  pad  */
    width:20px;                  /*         DEP pad     */
    padding: 10px 2px 10px 0px;     /*       DEP h,w       */
    font-family:myIcon;
    font-size: 1.125rem;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    color: hsl(37, 82%, 62%);
    /*background-color: #B8B8B8;*/
}

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

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

a#dokmehBadiTasavirMAT, a#dokmehBadiTasavirMAT:link, a#dokmehBadiTasavirMAT:visited
{
    display: inline-block;
    height: 18px;               /*      DEP pad */
    width:20px;                 /*      DEP pad     */
    padding: 10px 0px 10px 2px;          /*      DEP h,w   */
    font-family:myIcon;
    font-size: 1.125rem;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    color: hsl(37, 82%, 62%);
    /*background-color: #B8B8B8;*/
}

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

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



/*      قسمت صوتي نمايش هر مطلب     */
#itemhaSotiMAT
{
    width: 100%;
    overflow-y: auto;
    padding-top: 1.418%;
    margin-bottom: 1.418%;
    /*background-color: #BDBDBD;*/
}

#itemhaSotiMAT .kadrDokmeh
{
    width: 7.517%;     /*  53px nesbat b containarash 705px    */
    float: left;
}

span.tedadLikeSotiMAT
{
    display: block;
    width: 22px;
    height: 10px;
    font-family: koodak;
    font-size: 0.625rem;
    line-height: 1;
    text-align: right;
    position: absolute;
    right:21px;         /*  DEP w .kadrLikeVaTedadSoti  */
    top: 3px;
    bottom: 0px;
    margin: auto 0px;
}

#itemhaSotiMAT .kadrPakhshSoti
{
    width: 77.446%;          /*     546px= 705 - 159    (53*3=159)     */
}

#itemhaSotiMAT h4.titrZamimehSoti
{
    width: 52.293%;           /*      DEP pad h4.titrZamimehSoti + width .itemSoti audio        */
    padding: 12px 0.917%;     /*        DEP w   */
}

#itemhaSotiMAT .itemSoti .tdcellAudio
{
    width: 45.871%;
    min-width: 65px;          /*        minimum baraye mob      */
    transition: width 0.5s;     /*  tashih addresdehi jadid dar MAt     */
}

#itemhaSotiMAT .itemSoti .tdcellAudio:hover
{
    width: 100%;               /*  tashih addresdehi jadid dar MAt     */
}

/*               تنظیم پلاگین صوتی                */

#itemhaSotiMAT .itemSoti .mejs__time-rail
{
    min-width: 40px;
    width: calc(100% - 164px) !important;
}

#itemhaSotiMAT .mejs__time
{
    display: inline-block;
    width: 28px;
}

#itemhaSotiMAT .itemSoti .mejs__controls
{
    overflow: visible;
}

#itemhaSotiMAT .mejs__horizontal-volume-slider
{
    float: right;
    width: 56px;
    display: none;
}


    /*  پایان تنظیم پلاگین صوتی */

hr.khatMAT
{
    margin: 0.709% 0px;         /*  5px    */
    border-style: solid;
    border-color: hsl(131, 72%, 30%);
}

/*  کادر دیدگاهها       */
/*  override style haye safheye index.php=>main.css    */
#kadrDidgahha
{
    display: block;
    height: 0px;        /*  baraye namayesh 350px shavad    */
    overflow-y: hidden;
    transition: height 1s;
    position: relative;
}

#kadrNamayeshDG
{
    height: 160px;
    transition: height 1s;
}

#khatBaadAzDG
{
    display: none;      /*  dar hengam namayesh #kadrDidgahhaMAT : block shavad      */
}

/*      کادر پايين نمايش هر مطلب        */
#kadrPaeenMAT
{
    width: 100%;
    overflow-y:auto;
    padding: 1.418% 0px;
    margin: 0.709% 0px 4.255% 0px;
    color: hsl(97, 100%, 84%);
    background-color: hsl(120, 18%, 12%);
}

#kadrEmkanatMAT
{
    width: 97.163%;                                 /*      DEP pad     */
    height: 24px;
    padding: 0px 1.418%;                            /*  DEP w   */
    border-bottom: 2px solid hsl(0, 0%, 21%);     /*  DEP h   */
    /*background-color: #B2B2B2;*/
}

#kadrEmkanatMAT>span
{
    display: block;
    height: 14px;
    padding: 5px 0px;
    font-family: koodak;
    font-size: 0.875rem;
    line-height: 1;
}

span#matnBarchasbMAT
{
    width: 65px;
    float: right;
    /*background-color: #C4C4C4;*/
}

#kadrBarchasbhaMAT
{
    width: calc(100% - 331px);      /*  DEP w matnTarikhErsalMAT, w tarikhErsalMAT, w kadrShareLikeComment   */
    height: 24px;
    float: right;
    overflow-x:hidden;
    font-family: Koodak;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-y:hidden;
    /*background-color: #DEDEDE;*/
}

#kadrBarchasbhaMAT>span
{
    float: right;
    padding:5px 0px;
    font-size: 0.875rem;
    line-height: 1;           /*        yeki kardan lin-h kantainer va mohtava baraye tanzim chinesh        */
}

a.barchasb, a.barchasb:link, a.barchasb:visited
{
    padding: 0px;
    text-decoration: none;
    font-family: koodak;
    font-size: 0.875rem;
    line-height: 1;
    color: hsl(57, 100%, 76%);
    /*background-color: hsl(0, 0%, 49%);*/
}

a.barchasb:hover
{
    color: hsl(61, 100%, 89%);
    text-shadow: 0px 0px 2px hsl(60, 79%, 62%);
}

a.barchasb:active
{
    color: hsl(57, 100%, 76%);
    /*background-color: hsl(0, 0%, 70%);*/
}

#kadrBarchasbhaMAT strong
{
    font-weight: normal;
}

#kadrBarchasbhaMAT>span>span
{
    padding: 2px 5px 8px 5px;
    /*background-color: #C4C4C4;*/
}

span#matnTarikhErsalMAT
{
    width: 70px;
    padding: 6px 0px 4px 0px;
    float: right;
    text-align: center;
    /*background-color: #C9C9C9;*/
}
span#tarikhErsalMAT
{
    width: 82px;
    padding: 6px 0px 4px 0px;
    float: right;
    text-align: center;
    /*background-color: #DEDEDE;*/
}

#kadrEmkanatMAT span.kadrShareLikeComment
{
    height: 14px;/*      tashih h tamam span haye kantainer      */
    float: right;
    margin-top:1px;
    padding: 4px 10px ;       /*      tashih pad tamam span haye kantainer      */
}

span.kadrShareLikeComment>span.tedadLike
{
    padding-top: 4px;       /* tashih barae safheye showpage.php  */
}

span#matnMatalebMortabetMAT
{
    display: block;
    width: calc(100% - 16px);       /*  DEP pad */
    height: 14px;
    padding: 5px 8px;
    margin-top: 5px;
    font-family: koodak;
    font-size: 0.875rem;
    line-height: 1;
    /*background-color: #C4C4C4;*/
}

ul#kadrMatalebMortabetMAT
{
    width:100%;
    margin:0px;
    padding: 5px 0px;
    list-style-type: none;
    list-style-position: inside;
    /*background-color: #eee;*/
}

ul#kadrMatalebMortabetMAT li
{
    height: 22px;
    padding: 2px 1.418%;
    /*background-color: #E6E6E6;*/
}

span.iconMatalebMortabetMAT
{
    display: block;
    float: right;
    margin-left:5px;
    width: 14px;
    height: 22px;
    font-family: myIcon;
    font-size:0.8125rem;
    line-height: 1.692;      /*  DEP h   */
    text-align: center;
    color: hsl(43, 92%, 48%);
    /*background-color: #E3E3E3;*/
}

a.matlabMortabetMAT, a.matlabMortabetMAT:link, a.matlabMortabetMAT:visited
{
    display:block;
    float:right;
    max-width: calc(100% - 19px);
    height: 13px;
    padding: 5px 0px 4px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: koodak;
    font-size: 0.8125rem;
    line-height: 1;      /*  DEP h   */
    vertical-align: middle;
    text-decoration: none;
    color: hsl(96, 80%, 43%);
    /*background-color: #CFCFCF;*/
}

a.matlabMortabetMAT:hover
{
    color: hsl(83, 100%, 69%);
}

a.matlabMortabetMAT:active
{
    color: hsl(95, 100%, 84%);
}

.makhfiDarRWD
{
    display: none;
}

b.namayeshDarTab,b.makhfiDarTab
{
    font-weight: normal;
}
.namayeshDarTab
{
    display: none;
}
.makhfiDarTab
{
    display: block;
}

@media only screen and (max-width:767px)
{
/*    .kadrAsliPelanha
    {
        height: 1800px;
    }
    .kadrPelan
    {
        height: 1800px;
    }*/
}


@media only screen and (min-width:768px) and (max-width:1365px)
{
    a.titrTarin {
        font-size: 0.875rem;
        padding: 11px 8px 12px;
        min-width: 50px;
    }
    .namayeshDarTab
    {
        display: block;
    }
    .makhfiDarTab
    {
        display: none;
    }
}


/*      تصحیحات و درگیری تعداد لایک های صوتی هر مطلب    */
@media only screen and (min-width:768px) and (max-width:1096px)
{
    /*   حذف تعداد لایک صوتی مطلب   */
    span.tedadLikeSotiMAT
    {
        display: none;
    }
}

                       /*          mobile              */
@media only screen and (max-width:767px)
{

    .namayeshDarTab
    {
        display: none;
    }
    .makhfiDarTab
    {
        display: block;
    }

    #sotoonVasat
    {
        overflow-x: hidden;
        width: calc(100% - 40px);
        padding: 155px 20px 10px;
    }
    .makhfiDarMF
    {
        display: none;
    }
    .makhfiDarRWD
    {
        display: block;
    }

    h1#titrMAT
    {
        width: 100%;
        padding: 0px;
    }

    #kholasehMAT
    {
        text-align: right;
        width: calc(100% - 0px);
        padding: 0px;
        margin: 0px;
        text-align: justify;
    }

    #kadrTitrVaKholasehMAT {
        width: calc(100% - 0px);
        margin: 0px 0px 20px;

    }

    #kholasehMAT div
    {
        display: inline;
    }

    #kadrAkshaMAT {
        width: calc(100% - 0px);
    }

   .kadrZirTitrNoeKhadamat
    {
        text-align: center;
    }

    .kadrZirTitrNoeKhadamat>h4.zirTitrNoeKhadamat
    {
        background-image: linear-gradient(200deg, hsl(38deg 36% 42% / 85%), hsl(226deg 47% 40% / 85%));
        padding: 10px 15px;
        border-radius: 23px;
        margin:15px auto 0px ;
    }

    img#axKholasehMAT
    {
        width: 100%;
        border-radius: 32px;
    }

    #sharhMAT
    {
        text-align: justify;
    }

    #sharhMAT div
    {
        display: inline;
    }

    #videoMAT
    {
        width: calc(100% - 10px);
        padding:1.418% 5px;
    }
/* diz movaghat

    .kadrAsliPelanha
    {
        overflow-x: auto;
        width: 110%;
    }
    .kadrAsliPelanha .kadrVasetPelanha
    {
        width: 400%;
    }*/

    .kadrAsliPelanha
    {
        max-height: unset !important;
        margin-bottom: 0px;
        padding-bottom: 10px;
    }

    .kadrVizhegihayeAfzoodani
    {
        width: 100%;
    }

    .kadrAsliPelanha + .kadrDokmehNamayeshNemoonehkar
    {
        width: calc(100% - 60px);
        padding:10px 30px;
    }

    .kadrAsliPelanha #kadrVasetPelanha
    {
        width: 100%;
        position: relative;

    }
    @keyframes scrolKadrVasetPelanha {
        0% {

            right: 0px;
        }

        70%
        {
            right: -292%;
        }

        100% {
            right: 0px;
        }
    }
    .kadrPelan
    {
        width: calc(100% - 0px);
        height: 600px;
        margin: 0px;
        padding-bottom: 9%;
        /*transition: width 0.5s;*/
    }

    .kadrVizhegihayeAfzoodani .kadrPelan .titrPelan
    {
        width: calc(100% - 30px);
        padding: 65px 15px;
        font-size: 1.5rem;
    }

    .kadrVizhegihayeAfzoodani .kadrPelan .headerKadrPelan a.titrTarin
    {
        width: calc(33.333% - 40px);
        padding: 11px 8px 12px;
    }

    .kadrVizhegihayeAfzoodani .kadrPelan .headerKadrPelan #kadrTitrhaTarin
    {
        height: 40px;
        padding: 10px 0px 0px;
    }

    .kadrVizhegihayeAfzoodani .vizhegihayePelan > div
    {
        width: calc(100% - 10px);
        padding: 15px 10px 15px 0px;
    }

    .kadrVizhegihayeAfzoodani .kadrItemVA > span:first-child
    {
        padding: 0px 0px 0px 25px;
        display: inline-block;
        width: calc(100% - 155px);
    }

    .kadrVizhegihayeAfzoodani .vizhegihayePelan > div > span:first-child:before
    {
        display: none;
    }

    .kadrVizhegihayeAfzoodani .kadrGheimatVA
    {
        padding-left: 10px;
        background: unset;
    }

    .kadrVizhegihayeAfzoodani .vizhegihayePelan span.tozihatVizhegiPelan {
        width: calc(100% + 97px);
        top: calc(50% + 40px);
    }

    .kadrVizhegihayeAfzoodani span.adadGVA, .kadrVizhegihayeAfzoodani span.vahedGVA
    {
        font-size: 1rem;
    }

    .kadrVizhegihayeAfzoodani span.vahedGVA
    {
        font-size: 0.75rem;
    }

    .kadrVizhegihayeAfzoodani strong
    {
        width: calc(100% - 45px);
        font-size: 1rem;
    }

    .kadrVizhegihayeAfzoodani span.iconKenarTozihatVizhegiPelan
    {
        bottom: unset;
    }

    .kadrVizhegihayeAfzoodani .vizhegihayePelan span:first-child span.iconKenarMatn
    {
        float: right;
    }
    a.titrTarin
    {
        font-size: 0.875rem;
        padding: 11px 8px 12px;
    }
    #kadrTitrhaTarin a[onclick="taghirBakhsh(this,0)"],#kadrTitrhaTarin a[onclick="taghirBakhsh(this,2)"]
    {
        min-width: 50px;
    }

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

    table#kadrPaeenVideoMAT>tbody>tr>td.sotoonAx
    {
        width:20%;         /* hodoodi baraye 4 td */
    }


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

    table#kadrPaeenTasavirMAT>tbody>tr>td.sotoonAx
    {
        width:20%;         /* hodoodi baraye 4 td */
    }

    #itemhaSotiMAT .kadrDokmeh
    {
        width:40px;                         /* had aghal size */
    }

    #itemhaSotiMAT a.btnDownload
    {
        background-position:-132px 0px;                         /* namayesh se noghteh */
    }

    #itemhaSotiMAT .itemSoti .tdcellAudio
    {
        width: 60px;               /*        minimum baraye mob      */
    }

    #itemhaSotiMAT .itemSoti
    {
        position: relative;
    }

    #itemhaSotiMAT .kadrPakhshSoti
    {
        position: absolute;
        right:0px;
        width: calc(100% - 22px);          /*      DEP  width .kadrDokmeh * 1        */
        transition: width 0.5s;
    }

    #itemhaSotiMAT h4.titrZamimehSoti
    {
        width:calc(100% - 68px);        /*  DEP p  */  /* w=100%-player+padding */
    }

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

    #itemhaSotiMAT .kadrDokmehha:hover a.btnDownload
    {
        background-position:-88px 0px;        /* namayesh se noghteh */
    }

    /* تصحیح پلاگین صوتی */

    #itemhaSotiMAT .itemSoti .mejs__currenttime-container,.mejs__volume-button
    {
        display: none; !important;
    }

    #itemhaSotiMAT .itemSoti .mejs__time-rail
    {
        width: calc(100% - 92px) !important;
    }

    #kadrDidgahha
    {
        transition: height 0s;
    }

    #kadrEmkanatMAT
    {
        height: 50px;              /* 24*2 + 2px border */
        position: relative;
    }

    #matnBarchasbMAT
    {
        position:relative;
        top:24px;
    }

    #kadrBarchasbhaMAT
    {
        position:relative;
        top:24px;
        width:calc(100% - 65px);            /* -lbl */
    }

    #kadrEmkanatMAT span.kadrShareLikeComment
    {
        position: relative;
        top:-24px;
        float: left;
    }

    span#matnTarikhErsalMAT
    {
        position: absolute;
        right:calc(0px + 1.418%);     /* DEP pad container */
    }

    span#tarikhErsalMAT
    {
        position: absolute;
        right:calc(70px + 1.418%);    /* DEP pad container */
    }

}


@media only screen and (max-width:300px)
{
    span#matnTarikhErsalMAT
    {
        display: none;
    }

    span#tarikhErsalMAT
    {
        right:auto;
    }
}