@import url('footer.css');
@import url("https://i.icomoon.io/public/temp/546317e408/Artifal/style.css");
/*----------------------------------*/
/*	Icons
/*----------------------------------*/

.icons {
    display: inline-block;
    background: url(../images/icons.png) no-repeat; overflow: hidden; 
}

.icons-logo { background-position: -5px -0px; width:300px;height:110px}
.icons-shop {width:48px;height:48px; background-position: -200px -204px; }
.icons-nama {width:48px;height:48px; background-position: -147px -204px;}
.icons-valid {width:48px;height:48px; background-position: -253px -204px;}
.icons-medal{width:48px;height:48px; background-position: -94px -204px;}
.icons-search { background-position: -249px -315px; width: 16px; height: 14px; }
.icons-notification {width:16px;height:16px; background-position: -294px -115px;}
.icons-more {width:16px;height:16px; background-position: -294px -136px;}
.icons-shoab {width:16px;height:16px; background-position: -294px -157px;}
.icons-video{width:24px;height:24px; background-position: -42px -293px; }
.icons-essay{width:24px;height:24px; background-position: -191px -294px;}
.icons-gallery{width:24px;height:24px; background-position: -71px -294px; }
.icons-bee{width:24px;height:24px; background-position: -220px -294px; }
.icons-honey {width:24px;height:24px; background-position: -100px -294px; }
.icons-logo-1 { background-position: -5px -115px; width: 106px; height: 84px; }
.icons-logo-2 { background-position: -116px -115px; width: 84px; height: 84px; }
.icons-logo-3 { background-position: -205px -115px; width: 84px; height: 84px; }
.icons-logo-4 { background-position: -5px -204px; width: 84px; height: 84px; }
.icons-about { background-position: -147px -256px; height: 45px; width: 39px; }
.icons-tags { background-position: -191px -257px; width: 37px; height: 37px; }
.icons-archive { background-position: -228px -257px; width: 37px; height: 37px; }
.icons-map { background-position: -265px -257px; width: 37px; height: 37px; }
.icons-comment { background-position: -5px -293px; width: 37px; height: 37px; }
.icons-article { width:32px; height:32px;  background-position: -94px -257px;  }
.icons-view { background-position: -294px -178px; width: 16px; height: 16px; }
.icons-date { background-position: -249px -294px; width: 16px; height: 16px; }
.icons-cat { background-position: -270px -294px; width: 16px; height: 16px; }
.icons-stats { background-position: -291px -294px; width: 16px; height: 16px; }
.icons-comment2 { background-position: -129px -306px; width: 16px; height: 16px; }
.icons-tag { background-position: -150px -306px; width: 16px; height: 16px; }


 
html,body,div,span,applet,object,iframe,p,a,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,tt,var,i,dl,dt,dd,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,textarea,input{
    border:0;
    margin:0;
    padding:0;
    font:inherit;
    font-size:100%;
    list-style:none;
    text-decoration:none;
    vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
a{
    color:inherit
}
#button_cancel {float:left; margin-left:1em;}
.text-left{text-align: left !important;}
.text-right{text-align: right !important;}
.btn-warning{font-family: iranyekan}
a:focus{
    outline:thin dotted;
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px
}

.tablelist button {
    font-family: iranyekan;
    margin-left:1em;
}
.tablelist button:hover {
background: #eee;
}

h1{
    font-size:24px
}
h2{
    font-size:18px
}
h3{
    font-size:16px
}
h4{
    font-size:14px
}
h5{
    font-size:12px
}
h6{
    font-size:10px
}
h1,h2,h3,h4,h5,h6{
    font-weight:700;
    margin:0;
    padding:0
}
/*
img{
    max-width:100%;
    max-height:auto;
    border:0;
    vertical-align:middle;
    margin-bottom:5px
}
*/

.displaybloc{
    display:block !important;
    margin-top:8em !important;
}
table{
    border-collapse:collapse;
    border-spacing:0
}
html{
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}

audio,canvas,progress,video{
    display:inline-block;
    vertical-align:baseline
}
audio:not([controls]){
    display:none;
    height:0
}
[hidden],template{
    display:none
}
abbr[title]{
    border-bottom:1px dotted
}
b,strong{
    font-weight:700
}
dfn{
    font-style:italic
}
mark{
    color:#000;
    background-color:#FDFD91
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup{
    top:-.5em
}
sub{
    bottom:-.25em
}
svg:not(:root){
    overflow:hidden
}
.overflow{
    overflow:hidden !important
}
figure{
    margin:1em 40px
}
pre{
    overflow:auto
}
hr{
    height:0;
    box-sizing:content-box;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    margin:20px 0;
    border:0;
    border-top:1px solid #eee
}
code,kbd,pre,samp{
    font-family:monospace,monospace;
    font-size:1em
}
button,select{
    text-transform:none
}
button,html input[type="button"],input[type="reset"],input[type="submit"]{
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled],html input[disabled]{
    cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
input{
    line-height:normal
}
input[type="checkbox"],input[type="radio"]{
    box-sizing:border-box;
    padding:0
}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{
    height:auto
}
input[type="search"]{
    -webkit-appearance:textfield;
    box-sizing:content-box
}
fieldset{
    border:1px solid silver;
    margin:0 2px;
    padding:.35em .625em .75em
}
legend{
    border:0;
    padding:0
}
textarea{
    overflow:auto
}
optgroup{
    font-weight:700
}
td,th{
    padding:0
}
figure{
    margin:0
}
[lang=en]{
    direction:ltr
}
*{
    box-sizing:border-box
}
:before,:after{
    box-sizing:border-box
}
.container{
    margin:0 auto;
}
.container-fulid{
    margin:0 auto;
    padding:0 15px
}
.clearfix:before,.clearfix:after,.container:before,.container:after,.row:before,.row:after{
    content:" ";
    display:table
}
.clearfix:after,.container:after,.row:after{
    clear:both
}
img.aligncenter{
    display:block;
    margin:5px auto
}
img.alignleft{
    float:left
}
img.alignright{
    float:right
}
.tleft{
    text-align:left
}
.tright{
    text-align:right
}
.tcenter{
    text-align:center
}
.center-block{
    display:block;
    margin:0 auto
}
.pull-right{
    float:right!important
}
.pull-left{
    float:left!important
}
.hide{
    display:none!important
}
.show{
    display:block!important;
    margin-bottom: 2em;
}
.text-hide{
    font:0/0 a;
    color:transparent;
    text-shadow:none;
    background-color:transparent;
    border:0
}
@media print{
    *,:before,:after{
        background:transparent!important;
        color:#000!important;
        box-shadow:none!important;
        text-shadow:none!important
    }
    a,a:visited{
        text-decoration:underline
    }
    a[href]:after{
        content:" (" attr(href) ")"
    }
    abbr[title]:after{
        content:" (" attr(title) ")"
    }
    a[href^="#"]:after,a[href^="javascript:"]:after{
        content:""
    }
    pre,blockquote{
        border:1px solid #999;
        page-break-inside:avoid
    }
    thead{
        display:table-header-group
    }
    tr,img{
        page-break-inside:avoid
    }
    img{
        max-width:100%!important
    }
    p,h2,h3{
        orphans:3;
        widows:3
    }
    h2,h3{
        page-break-after:avoid
    }
    .navbar{
        display:none
    }
    .btn > .caret,.dropup > .btn > .caret{
        border-top-color:#000!important
    }
    .label{
        border:1px solid #000
    }
    .table{
        border-collapse:collapse!important
    }
    .table td,.table th{
        background-color:#fff!important
    }
    .table-bordered th,.table-bordered td{
        border:1px solid #ddd!important
    }
}
code,kbd,pre,samp{
    font-family:Menlo,Monaco,Consolas,"Courier New",monospace
}
code{
    font-size:90%;
    color:#c7254e;
    padding:2px 4px;
    border-radius:4px;
    background-color:#f9f2f4
}
kbd{
    padding:2px 4px;
    font-size:90%;
    color:#fff;
    background-color:#333;
    border-radius:3px;
    box-shadow:inset 0 -1px 0 rgba(0,0,0,0.25)
}
kbd kbd{
    padding:0;
    font-size:100%;
    font-weight:700;
    box-shadow:none
}
pre{
    display:block;
    padding:9.5px;
    margin:0 0 10px;
    font-size:13px;
    line-height:1.42857143;
    word-break:break-all;
    word-wrap:break-word;
    color:#333;
    background-color:#f5f5f5;
    border:1px solid #ccc;
    border-radius:4px
}
pre code{
    padding:0;
    font-size:inherit;
    color:inherit;
    white-space:pre-wrap;
    background-color:transparent;
    border-radius:0
}

@media (min-width: 1600px){
    .features-slider {
        left: -25em !important;

    }
}


@media (min-width: 800px){
    .container{
        width:92%;
    
    }

        
}
@media (min-width: 992px){
    .container{
        width:95%;
    }
}

@media (min-width: 1150px){
    .container{
        width:92%;
    }
}

@media (min-width: 1400px){
    .container{
        width:80%;
    }
}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12,.col-xs-13,.col-sm-13,.col-md-13,.col-lg-13,.col-xs-14,.col-sm-14,.col-md-14,.col-lg-14,.col-xs-15,.col-sm-15,.col-md-15,.col-lg-15,.col-xs-16,.col-sm-16,.col-md-16,.col-lg-16,.col-xs-17,.col-sm-17,.col-md-17,.col-lg-17,.col-xs-18,.col-sm-18,.col-md-18,.col-lg-18,.col-xs-19,.col-sm-19,.col-md-19,.col-lg-19,.col-xs-20,.col-sm-20,.col-md-20,.col-lg-20,.col-xs-21,.col-sm-21,.col-md-21,.col-lg-21,.col-xs-22,.col-sm-22,.col-md-22,.col-lg-22,.col-xs-23,.col-sm-23,.col-md-23,.col-lg-23,.col-xs-24,.col-sm-24,.col-md-24,.col-lg-24{
    position:relative;
    min-height:1px
}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-13,.col-xs-14,.col-xs-15,.col-xs-16,.col-xs-17,.col-xs-18,.col-xs-19,.col-xs-20,.col-xs-21,.col-xs-22,.col-xs-23,.col-xs-24{
    float:right
}
.col-xs-24{
    width:100%
}
.col-xs-23{
    width:95.83333333%
}
.col-xs-22{
    width:91.66666667%
}
.col-xs-21{
    width:87.5%
}
.col-xs-20{
    width:83.33333333%
}
.col-xs-19{
    width:79.16666667%
}
.col-xs-18{
    width:75%
}
.col-xs-17{
    width:70.83333333%
}
.col-xs-16{
    width:66.66666667%
}
.col-xs-15{
    width:62.5%
}
.col-xs-14{
    width:58.33333333%
}
.col-xs-13{
    width:54.16666667%
}
.col-xs-12{
    width:50%
}
.col-xs-11{
    width:45.83333333%
}
.col-xs-10{
    width:41.66666667%
}
.col-xs-9{
    width:37.5%
}
.col-xs-8{
    width:33.33333333%
}
.col-xs-7{
    width:29.16666667%
}
.col-xs-6{
    width:25%
}
.col-xs-5{
    width:20.83333333%
}
.col-xs-4{
    width:16.66666667%
}
.col-xs-3{
    width:12.5%
}
.col-xs-2{
    width:8.33333333%
}
.col-xs-1{
    width:4.16666667%
}
.col-xs-pull-24{
    left:100%
}
.col-xs-pull-23{
    left:95.83333333%
}
.col-xs-pull-22{
    left:91.66666667%
}
.col-xs-pull-21{
    left:87.5%
}
.col-xs-pull-20{
    left:83.33333333%
}
.col-xs-pull-19{
    left:79.16666667%
}
.col-xs-pull-18{
    left:75%
}
.col-xs-pull-17{
    left:70.83333333%
}
.col-xs-pull-16{
    left:66.66666667%
}
.col-xs-pull-15{
    left:62.5%
}
.col-xs-pull-14{
    left:58.33333333%
}
.col-xs-pull-13{
    left:54.16666667%
}
.col-xs-pull-12{
    left:50%
}
.col-xs-pull-11{
    left:45.83333333%
}
.col-xs-pull-10{
    left:41.66666667%
}
.col-xs-pull-9{
    left:37.5%
}
.col-xs-pull-8{
    left:33.33333333%
}
.col-xs-pull-7{
    left:29.16666667%
}
.col-xs-pull-6{
    left:25%
}
.col-xs-pull-5{
    left:20.83333333%
}
.col-xs-pull-4{
    left:16.66666667%
}
.col-xs-pull-3{
    left:12.5%
}
.col-xs-pull-2{
    left:8.33333333%
}
.col-xs-pull-1{
    left:4.16666667%
}
.col-xs-pull-0{
    left:auto
}
.col-xs-push-24{
    left:100%
}
.col-xs-push-23{
    left:95.83333333%
}
.col-xs-push-22{
    left:91.66666667%
}
.col-xs-push-21{
    left:87.5%
}
.col-xs-push-20{
    left:83.33333333%
}
.col-xs-push-19{
    left:79.16666667%
}
.col-xs-push-18{
    left:75%
}
.col-xs-push-17{
    left:70.83333333%
}
.col-xs-push-16{
    left:66.66666667%
}
.col-xs-push-15{
    left:62.5%
}
.col-xs-push-14{
    left:58.33333333%
}
.col-xs-push-13{
    left:54.16666667%
}
.col-xs-push-12{
    left:50%
}
.col-xs-push-11{
    left:45.83333333%
}
.col-xs-push-10{
    left:41.66666667%
}
.col-xs-push-9{
    left:37.5%
}
.col-xs-push-8{
    left:33.33333333%
}
.col-xs-push-7{
    left:29.16666667%
}
.col-xs-push-6{
    left:25%
}
.col-xs-push-5{
    left:20.83333333%
}
.col-xs-push-4{
    left:16.66666667%
}
.col-xs-push-3{
    left:12.5%
}
.col-xs-push-2{
    left:8.33333333%
}
.col-xs-push-1{
    left:4.16666667%
}
.col-xs-push-0{
    left:auto
}
.col-xs-offset-24{
    margin-right:100%
}
.col-xs-offset-23{
    margin-right:95.83333333%
}
.col-xs-offset-22{
    margin-right:91.66666667%
}
.col-xs-offset-21{
    margin-right:87.5%
}
.col-xs-offset-20{
    margin-right:83.33333333%
}
.col-xs-offset-19{
    margin-right:79.16666667%
}
.col-xs-offset-18{
    margin-right:75%
}
.col-xs-offset-17{
    margin-right:70.83333333%
}
.col-xs-offset-16{
    margin-right:66.66666667%
}
.col-xs-offset-15{
    margin-right:62.5%
}
.col-xs-offset-14{
    margin-right:58.33333333%
}
.col-xs-offset-13{
    margin-right:54.16666667%
}
.col-xs-offset-12{
    margin-right:50%
}
.col-xs-offset-11{
    margin-right:45.83333333%
}
.col-xs-offset-10{
    margin-right:41.66666667%
}
.col-xs-offset-9{
    margin-right:37.5%
}
.col-xs-offset-8{
    margin-right:33.33333333%
}
.col-xs-offset-7{
    margin-right:29.16666667%
}
.col-xs-offset-6{
    margin-right:25%
}
.col-xs-offset-5{
    margin-right:20.83333333%
}
.col-xs-offset-4{
    margin-right:16.66666667%
}
.col-xs-offset-3{
    margin-right:12.5%
}
.col-xs-offset-2{
    margin-right:8.33333333%
}
.col-xs-offset-1{
    margin-right:4.16666667%
}
.col-xs-offset-0{
    margin-right:0
}
@media (min-width:768px){
    .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-13,.col-sm-14,.col-sm-15,.col-sm-16,.col-sm-17,.col-sm-18,.col-sm-19,.col-sm-20,.col-sm-21,.col-sm-22,.col-sm-23,.col-sm-24{
        float:right
    }
    .col-sm-24{
        width:100%
    }
    .col-sm-23{
        width:95.83333333%
    }
    .col-sm-22{
        width:91.66666667%
    }
    .col-sm-21{
        width:87.5%
    }
    .col-sm-20{
        width:83.33333333%
    }
    .col-sm-19{
        width:79.16666667%
    }
    .col-sm-18{
        width:75%
    }
    .col-sm-17{
        width:70.83333333%
    }
    .col-sm-16{
        width:66.66666667%
    }
    .col-sm-15{
        width:62.5%
    }
    .col-sm-14{
        width:58.33333333%
    }
    .col-sm-13{
        width:54.16666667%
    }
    .col-sm-12{
        width:50%
    }
    .col-sm-11{
        width:45.83333333%
    }
    .col-sm-10{
        width:41.66666667%
    }
    .col-sm-9{
        width:37.5%
    }
    .col-sm-8{
        width:33.33333333%
    }
    .col-sm-7{
        width:29.16666667%
    }
    .col-sm-6{
        width:25%
    }
    .col-sm-5{
        width:20.83333333%
    }
    .col-sm-4{
        width:16.66666667%
    }
    .col-sm-3{
        width:12.5%
    }
    .col-sm-2{
        width:8.33333333%
    }
    .col-sm-1{
        width:4.16666667%
    }
    .col-sm-pull-24{
        right:100%
    }
    .col-sm-pull-23{
        right:95.83333333%
    }
    .col-sm-pull-22{
        right:91.66666667%
    }
    .col-sm-pull-21{
        right:87.5%
    }
    .col-sm-pull-20{
        right:83.33333333%
    }
    .col-sm-pull-19{
        right:79.16666667%
    }
    .col-sm-pull-18{
        right:75%
    }
    .col-sm-pull-17{
        right:70.83333333%
    }
    .col-sm-pull-16{
        right:66.66666667%
    }
    .col-sm-pull-15{
        right:62.5%
    }
    .col-sm-pull-14{
        right:58.33333333%
    }
    .col-sm-pull-13{
        right:54.16666667%
    }
    .col-sm-pull-12{
        right:50%
    }
    .col-sm-pull-11{
        right:45.83333333%
    }
    .col-sm-pull-10{
        right:41.66666667%
    }
    .col-sm-pull-9{
        right:37.5%
    }
    .col-sm-pull-8{
        right:33.33333333%
    }
    .col-sm-pull-7{
        right:29.16666667%
    }
    .col-sm-pull-6{
        right:25%
    }
    .col-sm-pull-5{
        right:20.83333333%
    }
    .col-sm-pull-4{
        right:16.66666667%
    }
    .col-sm-pull-3{
        right:12.5%
    }
    .col-sm-pull-2{
        right:8.33333333%
    }
    .col-sm-pull-1{
        right:4.16666667%
    }
    .col-sm-pull-0{
        right:auto
    }
    .col-sm-push-24{
        left:100%
    }
    .col-sm-push-23{
        left:95.83333333%
    }
    .col-sm-push-22{
        left:91.66666667%
    }
    .col-sm-push-21{
        left:87.5%
    }
    .col-sm-push-20{
        left:83.33333333%
    }
    .col-sm-push-19{
        left:79.16666667%
    }
    .col-sm-push-18{
        left:75%
    }
    .col-sm-push-17{
        left:70.83333333%
    }
    .col-sm-push-16{
        left:66.66666667%
    }
    .col-sm-push-15{
        left:62.5%
    }
    .col-sm-push-14{
        left:58.33333333%
    }
    .col-sm-push-13{
        left:54.16666667%
    }
    .col-sm-push-12{
        left:50%
    }
    .col-sm-push-11{
        left:45.83333333%
    }
    .col-sm-push-10{
        left:41.66666667%
    }
    .col-sm-push-9{
        left:37.5%
    }
    .col-sm-push-8{
        left:33.33333333%
    }
    .col-sm-push-7{
        left:29.16666667%
    }
    .col-sm-push-6{
        left:25%
    }
    .col-sm-push-5{
        left:20.83333333%
    }
    .col-sm-push-4{
        left:16.66666667%
    }
    .col-sm-push-3{
        left:12.5%
    }
    .col-sm-push-2{
        left:8.33333333%
    }
    .col-sm-push-1{
        left:4.16666667%
    }
    .col-sm-push-0{
        right:auto
    }
    .col-sm-offset-24{
        margin-right:100%
    }
    .col-sm-offset-23{
        margin-right:95.83333333%
    }
    .col-sm-offset-22{
        margin-right:91.66666667%
    }
    .col-sm-offset-21{
        margin-right:87.5%
    }
    .col-sm-offset-20{
        margin-right:83.33333333%
    }
    .col-sm-offset-19{
        margin-right:79.16666667%
    }
    .col-sm-offset-18{
        margin-right:75%
    }
    .col-sm-offset-17{
        margin-right:70.83333333%
    }
    .col-sm-offset-16{
        margin-right:66.66666667%
    }
    .col-sm-offset-15{
        margin-right:62.5%
    }
    .col-sm-offset-14{
        margin-right:58.33333333%
    }
    .col-sm-offset-13{
        margin-right:54.16666667%
    }
    .col-sm-offset-12{
        margin-right:50%
    }
    .col-sm-offset-11{
        margin-right:45.83333333%
    }
    .col-sm-offset-10{
        margin-right:41.66666667%
    }
    .col-sm-offset-9{
        margin-right:37.5%
    }
    .col-sm-offset-8{
        margin-right:33.33333333%
    }
    .col-sm-offset-7{
        margin-right:29.16666667%
    }
    .col-sm-offset-6{
        margin-right:25%
    }
    .col-sm-offset-5{
        margin-right:20.83333333%
    }
    .col-sm-offset-4{
        margin-right:16.66666667%
    }
    .col-sm-offset-3{
        margin-right:12.5%
    }
    .col-sm-offset-2{
        margin-right:8.33333333%
    }
    .col-sm-offset-1{
        margin-right:4.16666667%
    }
    .col-sm-offset-0{
        margin-right:0
    }
}
@media (min-width:992px){
    .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-13,.col-md-14,.col-md-15,.col-md-16,.col-md-17,.col-md-18,.col-md-19,.col-md-20,.col-md-21,.col-md-22,.col-md-23,.col-md-24{
        float:right
    }
    .col-md-24{
        width:100%
    }
    .col-md-23{
        width:95.83333333%
    }
    .col-md-22{
        width:91.66666667%
    }
    .col-md-21{
        width:87.5%
    }
    .col-md-20{
        width:83.33333333%
    }
    .col-md-19{
        width:79.16666667%
    }
    .col-md-18{
        width:75%
    }
    .col-md-17{
        width:70.83333333%
    }
    .col-md-16{
        width:66.66666667%
    }
    .col-md-15{
        width:62.5%
    }
    .col-md-14{
        width:58.33333333%
    }
    .col-md-13{
        width:54.16666667%
    }
    .col-md-12{
        width:50%
    }
    .col-md-11{
        width:45.83333333%
    }
    .col-md-10{
        width:41.66666667%
    }
    .col-md-9{
        width:37.5%
    }
    .col-md-8{
        width:33.33333333%
    }
    .col-md-7{
        width:29.16666667%
    }
    .col-md-6{
        width:25%
    }
    .col-md-5{
        width:20.83333333%
    }
    .col-md-4{
        width:16.66666667%
    }
    .col-md-3{
        width:12.5%
    }
    .col-md-2{
        width:8.33333333%
    }
    .col-md-1{
        width:4.16666667%
    }
    .col-md-pull-24{
        right:100%
    }
    .col-md-pull-23{
        right:95.83333333%
    }
    .col-md-pull-22{
        right:91.66666667%
    }
    .col-md-pull-21{
        right:87.5%
    }
    .col-md-pull-20{
        right:83.33333333%
    }
    .col-md-pull-19{
        right:79.16666667%
    }
    .col-md-pull-18{
        right:75%
    }
    .col-md-pull-17{
        right:70.83333333%
    }
    .col-md-pull-16{
        right:66.66666667%
    }
    .col-md-pull-15{
        right:62.5%
    }
    .col-md-pull-14{
        right:58.33333333%
    }
    .col-md-pull-13{
        right:54.16666667%
    }
    .col-md-pull-12{
        right:50%
    }
    .col-md-pull-11{
        right:45.83333333%
    }
    .col-md-pull-10{
        right:41.66666667%
    }
    .col-md-pull-9{
        right:37.5%
    }
    .col-md-pull-8{
        right:33.33333333%
    }
    .col-md-pull-7{
        right:29.16666667%
    }
    .col-md-pull-6{
        right:25%
    }
    .col-md-pull-5{
        right:20.83333333%
    }
    .col-md-pull-4{
        right:16.66666667%
    }
    .col-md-pull-3{
        right:12.5%
    }
    .col-md-pull-2{
        right:8.33333333%
    }
    .col-md-pull-1{
        right:4.16666667%
    }
    .col-md-pull-0{
        right:auto
    }
    .col-md-push-24{
        right:100%
    }
    .col-md-push-23{
        right:95.83333333%
    }
    .col-md-push-22{
        right:91.66666667%
    }
    .col-md-push-21{
        right:87.5%
    }
    .col-md-push-20{
        right:83.33333333%
    }
    .col-md-push-19{
        right:79.16666667%
    }
    .col-md-push-18{
        right:75%
    }
    .col-md-push-17{
        right:70.83333333%
    }
    .col-md-push-16{
        right:66.66666667%
    }
    .col-md-push-15{
        right:62.5%
    }
    .col-md-push-14{
        right:58.33333333%
    }
    .col-md-push-13{
        right:54.16666667%
    }
    .col-md-push-12{
        right:50%
    }
    .col-md-push-11{
        right:45.83333333%
    }
    .col-md-push-10{
        right:41.66666667%
    }
    .col-md-push-9{
        right:37.5%
    }
    .col-md-push-8{
        right:33.33333333%
    }
    .col-md-push-7{
        right:29.16666667%
    }
    .col-md-push-6{
        right:25%
    }
    .col-md-push-5{
        right:20.83333333%
    }
    .col-md-push-4{
        right:16.66666667%
    }
    .col-md-push-3{
        right:12.5%
    }
    .col-md-push-2{
        right:8.33333333%
    }
    .col-md-push-1{
        right:4.16666667%
    }
    .col-md-push-0{
        right:auto
    }
    .col-md-offset-24{
        margin-right:100%
    }
    .col-md-offset-23{
        margin-right:95.83333333%
    }
    .col-md-offset-22{
        margin-right:91.66666667%
    }
    .col-md-offset-21{
        margin-right:87.5%
    }
    .col-md-offset-20{
        margin-right:83.33333333%
    }
    .col-md-offset-19{
        margin-right:79.16666667%
    }
    .col-md-offset-18{
        margin-right:75%
    }
    .col-md-offset-17{
        margin-right:70.83333333%
    }
    .col-md-offset-16{
        margin-right:66.66666667%
    }
    .col-md-offset-15{
        margin-right:62.5%
    }
    .col-md-offset-14{
        margin-right:58.33333333%
    }
    .col-md-offset-13{
        margin-right:54.16666667%
    }
    .col-md-offset-12{
        margin-right:50%
    }
    .col-md-offset-11{
        margin-right:45.83333333%
    }
    .col-md-offset-10{
        margin-right:41.66666667%
    }
    .col-md-offset-9{
        margin-right:37.5%
    }
    .col-md-offset-8{
        margin-right:33.33333333%
    }
    .col-md-offset-7{
        margin-right:29.16666667%
    }
    .col-md-offset-6{
        margin-right:25%
    }
    .col-md-offset-5{
        margin-right:20.83333333%
    }
    .col-md-offset-4{
        margin-right:16.66666667%
    }
    .col-md-offset-3{
        margin-right:12.5%
    }
    .col-md-offset-2{
        margin-right:8.33333333%
    }
    .col-md-offset-1{
        margin-right:4.16666667%
    }
    .col-md-offset-0{
        margin-right:2.083333335%
    }

}
@media (min-width:1200px){
    .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-13,.col-lg-14,.col-lg-15,.col-lg-16,.col-lg-17,.col-lg-18,.col-lg-19,.col-lg-20,.col-lg-21,.col-lg-22,.col-lg-23,.col-lg-24{
        float:right
    }
    .col-lg-24{
        width:100%
    }
    .col-lg-23{
        width:95.83333333%
    }
    .col-lg-22{
        width:91.66666667%
    }
    .col-lg-21{
        width:87.5%
    }
    .col-lg-20{
        width:83.33333333%
    }
    .col-lg-19{
        width:79.16666667%
    }
    .col-lg-18{
        width:75%
    }
    .col-lg-17{
        width:70.83333333%
    }
    .col-lg-16{
        width:66.66666667%
    }
    .col-lg-15{
        width:62.5%
    }
    .col-lg-14{
        width:58.33333333%
    }
    .col-lg-13{
        width:54.16666667%
    }
    .col-lg-12{
        width:50%
    }
    .col-lg-11{
        width:45.83333333%
    }
    .col-lg-10{
        width:41.66666667%
    }
    .col-lg-9{
        width:37.5%
    }
    .col-lg-8{
        width:33.33333333%
    }
    .col-lg-7{
        width:29.16666667%
    }
    .col-lg-6{
        width:25%
    }
    .col-lg-5{
        width:20.83333333%
    }
    .col-lg-4{
        width:16.66666667%
    }
    .col-lg-3{
        width:12.5%
    }
    .col-lg-2{
        width:8.33333333%
    }
    .col-lg-1{
        width:4.16666667%
    }
    .col-lg-pull-24{
        right:100%
    }
    .col-lg-pull-23{
        right:95.83333333%
    }
    .col-lg-pull-22{
        right:91.66666667%
    }
    .col-lg-pull-21{
        right:87.5%
    }
    .col-lg-pull-20{
        right:83.33333333%
    }
    .col-lg-pull-19{
        right:79.16666667%
    }
    .col-lg-pull-18{
        right:75%
    }
    .col-lg-pull-17{
        right:70.83333333%
    }
    .col-lg-pull-16{
        right:66.66666667%
    }
    .col-lg-pull-15{
        right:62.5%
    }
    .col-lg-pull-14{
        right:58.33333333%
    }
    .col-lg-pull-13{
        right:54.16666667%
    }
    .col-lg-pull-12{
        right:50%
    }
    .col-lg-pull-11{
        right:45.83333333%
    }
    .col-lg-pull-10{
        right:41.66666667%
    }
    .col-lg-pull-9{
        right:37.5%
    }
    .col-lg-pull-8{
        right:33.33333333%
    }
    .col-lg-pull-7{
        right:29.16666667%
    }
    .col-lg-pull-6{
        right:25%
    }
    .col-lg-pull-5{
        right:20.83333333%
    }
    .col-lg-pull-4{
        right:16.66666667%
    }
    .col-lg-pull-3{
        right:12.5%
    }
    .col-lg-pull-2{
        right:8.33333333%
    }
    .col-lg-pull-1{
        right:4.16666667%
    }
    .col-lg-pull-0{
        right:auto
    }
    .col-lg-push-24{
        right:100%
    }
    .col-lg-push-23{
        right:95.83333333%
    }
    .col-lg-push-22{
        right:91.66666667%
    }
    .col-lg-push-21{
        right:87.5%
    }
    .col-lg-push-20{
        right:83.33333333%
    }
    .col-lg-push-19{
        right:79.16666667%
    }
    .col-lg-push-18{
        right:75%
    }
    .col-lg-push-17{
        right:70.83333333%
    }
    .col-lg-push-16{
        right:66.66666667%
    }
    .col-lg-push-15{
        right:62.5%
    }
    .col-lg-push-14{
        right:58.33333333%
    }
    .col-lg-push-13{
        right:54.16666667%
    }
    .col-lg-push-12{
        right:50%
    }
    .col-lg-push-11{
        right:45.83333333%
    }
    .col-lg-push-10{
        right:41.66666667%
    }
    .col-lg-push-9{
        right:37.5%
    }
    .col-lg-push-8{
        right:33.33333333%
    }
    .col-lg-push-7{
        right:29.16666667%
    }
    .col-lg-push-6{
        right:25%
    }
    .col-lg-push-5{
        right:20.83333333%
    }
    .col-lg-push-4{
        right:16.66666667%
    }
    .col-lg-push-3{
        right:12.5%
    }
    .col-lg-push-2{
        right:8.33333333%
    }
    .col-lg-push-1{
        right:4.16666667%
    }
    .col-lg-push-0{
        right:auto
    }
    .col-lg-offset-24{
        margin-right:100%
    }
    .col-lg-offset-23{
        margin-right:95.83333333%
    }
    .col-lg-offset-22{
        margin-right:91.66666667%
    }
    .col-lg-offset-21{
        margin-right:87.5%
    }
    .col-lg-offset-20{
        margin-right:83.33333333%
    }
    .col-lg-offset-19{
        margin-right:79.16666667%
    }
    .col-lg-offset-18{
        margin-right:75%
    }
    .col-lg-offset-17{
        margin-right:70.83333333%
    }
    .col-lg-offset-16{
        margin-right:66.66666667%
    }
    .col-lg-offset-15{
        margin-right:62.5%
    }
    .col-lg-offset-14{
        margin-right:58.33333333%
    }
    .col-lg-offset-13{
        margin-right:54.16666667%
    }
    .col-lg-offset-12{
        margin-right:50%
    }
    .col-lg-offset-11{
        margin-right:45.83333333%
    }
    .col-lg-offset-10{
        margin-right:41.66666667%
    }
    .col-lg-offset-9{
        margin-right:37.5%
    }
    .col-lg-offset-8{
        margin-right:33.33333333%
    }
    .col-lg-offset-7{
        margin-right:29.16666667%
    }
    .col-lg-offset-6{
        margin-right:25%
    }
    .col-lg-offset-5{
        margin-right:20.83333333%
    }
    .col-lg-offset-4{
        margin-right:16.66666667%
    }
    .col-lg-offset-3{
        margin-right:12.5%
    }
    .col-lg-offset-2{
        margin-right:8.33333333%
    }
    .col-lg-offset-1{
        margin-right:4.16666667%
    }
    .col-lg-offset-0{
        margin-right:0
    }
}
.visible-xs,.visible-sm,.visible-md,.visible-lg{
    display:none!important
}
.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{
    display:none!important
}
@media (max-width: 767px){
    .visible-xs{
        display:block!important
    }
    table.visible-xs{
        display:table!important
    }
    tr.visible-xs{
        display:table-row!important
    }
    th.visible-xs,td.visible-xs{
        display:table-cell!important
    }
    .visible-xs-block{
        display:block!important
    }
    .visible-xs-inline{
        display:inline!important
    }
    .visible-xs-inline-block{
        display:inline-block!important
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .visible-sm{
        display:block!important
    }
    table.visible-sm{
        display:table!important
    }
    tr.visible-sm{
        display:table-row!important
    }
    th.visible-sm,td.visible-sm{
        display:table-cell!important
    }
    .visible-sm-block{
        display:block!important
    }
    .visible-sm-inline{
        display:inline!important
    }
    .visible-sm-inline-block{
        display:inline-block!important
    }
}
@media (min-width: 992px) and (max-width: 1199px){
    .visible-md{
        display:block!important
    }
    table.visible-md{
        display:table!important
    }
    tr.visible-md{
        display:table-row!important
    }
    th.visible-md,td.visible-md{
        display:table-cell!important
    }
    .visible-md-block{
        display:block!important
    }
    .visible-md-inline{
        display:inline!important
    }
    .visible-md-inline-block{
        display:inline-block!important
    }
}
@media (min-width: 1200px){
    .visible-lg{
        display:block!important
    }
    table.visible-lg{
        display:table!important
    }
    tr.visible-lg{
        display:table-row!important
    }
    th.visible-lg,td.visible-lg{
        display:table-cell!important
    }
}
@media (min-width: 1200px){
    .visible-lg-block{
        display:block!important
    }
}
@media (min-width: 1200px){
    .visible-lg-inline{
        display:inline!important
    }
}
@media (min-width: 1200px){
    .visible-lg-inline-block{
        display:inline-block!important
    }
}
@media (max-width: 767px){
    .hidden-xs{
        display:none!important
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .hidden-sm{
        display:none!important
    }
}
@media (min-width: 992px) and (max-width: 1199px){
    .hidden-md{
        display:none!important
    }
}
@media (min-width: 1200px){
    .hidden-lg{
        display:none!important
    }
}
.visible-print{
    display:none!important
}
@media print{
    .visible-print{
        display:block!important
    }
    table.visible-print{
        display:table!important
    }
    tr.visible-print{
        display:table-row!important
    }
    th.visible-print,td.visible-print{
        display:table-cell!important
    }
}
.visible-print-block{
    display:none!important
}
@media print{
    .visible-print-block{
        display:block!important
    }
}
.visible-print-inline{
    display:none!important
}
@media print{
    .visible-print-inline{
        display:inline!important
    }
}
.visible-print-inline-block{
    display:none!important
}
@media print{
    .visible-print-inline-block{
        display:inline-block!important
    }
}
@media print{
    .hidden-print{
        display:none!important
    }
}




/* Slick */
 .slick-slider{
    position:relative;
    display:block;
    box-sizing:border-box;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
    -khtml-user-select:none;
    -ms-touch-action:pan-y;
    touch-action:pan-y;
    -webkit-tap-highlight-color:transparent
}
.slick-list{
    position:relative;
    display:block;
    overflow:hidden;
    margin:0;
    padding:0
}
.slick-list:focus{
    outline:none
}
.slick-list.dragging{
    cursor:pointer;
    cursor:hand
}
.slick-slider .slick-track,.slick-slider .slick-list{
    -webkit-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.slick-track{
    position:relative;
    top:0;
    left:0;
    display:block
}
.slick-track:before,.slick-track:after{
    display:table;
    content:''
}
.slick-track:after{
    clear:both
}
.slick-loading .slick-track{
    visibility:hidden
}
.slick-slide{
    display:none;
    width:100%;
    height:auto;
    -webkit-align-content:center;
    -ms-flex-line-pack:center;
    align-content:center;
    min-height:1px
}
[dir='rtl'] .slick-slide{
    float:right
}
.slick-slide img{
    display:block
}
.slick-slide.slick-loading img{
    display:none
}
.slick-slide.dragging img{
    pointer-events:none
}
.slick-initialized .slick-slide{
    display:block
}
.slick-loading .slick-slide{
    visibility:hidden
}
.slick-vertical .slick-slide{
    display:block;
    height:auto;
    border:1px solid transparent
}
.slick-arrow.slick-hidden{
    display:none
}
.slick-loading .slick-list{
    background:#fff url(frontend/assets/img/ajax_loader.gif) center center no-repeat
}
@font-face{
    font-family:'slick';
    font-weight:400;
    font-style:normal;
    src:url(frontend/assets/font/slick.eot);
    src:url(frontend/assets/font/slickd41d.eot?#iefix) format("embedded-opentype"),url(frontend/assets/font/slick.woff) format("woff"),url(frontend/assets/font/slick.ttf) format("truetype"),url(frontend/assets/font/slick.svg#slick) format("svg")
}
.slick-prev,.slick-next{
    font-size:0;
    line-height:0;
    position:absolute;
    top:50%;
    display:block;
    width:20px;
    height:20px;
    padding:0;
    cursor:pointer;
    color:transparent;
    border:none;
    outline:none;
    background:transparent
}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{
    color:transparent;
    outline:none;
    background:transparent
}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{
    opacity:1
}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{
    opacity:.25
}
.slick-prev:before,.slick-next:before{
    font-family:'slick';
    font-size:20px;
    line-height:1;
    opacity:.75;
    color:#fff;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
[dir='rtl'] .slick-prev{
    left:auto
}
.slick-prev:before{
    content:''
}
[dir='rtl'] .slick-prev:before{
    content:'→'
}
[dir='rtl'] .slick-next{
    right:auto
}
.slick-next:before{
    content:''
}
[dir='rtl'] .slick-next:before{
    content:'←'
}
.slick-slider{
    margin-bottom:30px
}
.slick-dots{
    position:absolute;
    bottom:-45px;
    display:block;
    width:100%;
    padding:0;
    list-style:none;
    text-align:center
}
.slick-dots li{
    position:relative;
    display:inline-block;
    width:20px;
    height:20px;
    margin:0 5px;
    padding:0;
    cursor:pointer
}
.slick-dots li button{
    font-size:0;
    line-height:0;
    display:block;
    width:20px;
    height:20px;
    padding:5px;
    cursor:pointer;
    color:transparent;
    border:0;
    outline:none;
    background:transparent
}
.slick-dots li button:hover,.slick-dots li button:focus{
    outline:none
}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{
    opacity:1
}
.slick-dots li button:before{
    font-family:'slick';
    font-size:6px;
    line-height:20px;
    position:absolute;
    top:0;
    left:0;
    width:20px;
    height:20px;
    content:'•';
    text-align:center;
    opacity:.25;
    color:#000;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.slick-dots li.slick-active button:before{
    opacity:.75;
    color:#000
}
/* LightBox */
 #fenixbox-overlay{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:black;
    color: white;
    z-index: 3
}
 #fenixbox{
    position:fixed;
    background:black;
    border:2px solid black;
    border-radius:2px;
    z-index: 100
}
.fenixbox{
    cursor:zoom-in;
}

.fixedo{
    position:fixed;
}


.fenixbox-loader{
    top:0;
    left:0;
    position:fixed;
}
.fenixbox-title{
    padding:20px 10px 20px 10px;
    position:absolute;
    bottom:0;
    left:0;
    background:#000000;
    opacity:0.6;
    color:#ffffff;
    font-weight:bold;
    font-size:18px;
}
.fenixbox-exit{
    color:white;
    position:absolute;
    right:10px;
    top:10px;
    cursor:pointer;
}
 ::-moz-selection {
     color: #fff;
     background-color: #dc9203;
}
 ::selection {
     color: #fff;
     background-color: #dc9203;
}

.ca { direction:ltr !important;margin-top:2.5em; }



#big-img{
    z-index:100;
}


.compare{

    font-family:iranyekan;
margin-right:1em;
    font-size:1.25em;
margin-bottom:1em;
}
.compare input, .compare button    {
    float:left;
    font-size:1em;
    font-family:iranyekan;
font-weight: 300;
}


.ratingstar {
    
display:block;
font-family:iranyekan;
text-align:center;
font-size:1.25em;
}

.starrating-init{font-size:1.6em;
    padding-top:.1em;
    text-align:center;
margin-left:20%;
}


#starRating li {float:left;padding-left:.12em }

#starRating li.active, #starRating li.hover { color: orange; }

#starRating ul.hover li.active:not(.hover) { color: #ccc }


.show{
    float:right !important;
    width: 80%;
    max-height: 50em;
  }
  .show-img { 

    
    max-height: 50em;
}
  .small-img{
    float:left;
    width: 20%;
    height: 50em;
    position: relative;
    border-right: 1px solid #f4f5f7;
  }

#small-img-roll{
    width: 100%;
    display:block  !important;
    overflow:hidden;
    margin-left:15%;
    margin-right:5%;
    box-sizing: border-box !important;
}



  .small-img .icon-left, .small-img .icon-right{
    width: 12px;
    height: 24px;
    position: absolute;
    cursor: pointer;
    left: 50%;

  }
  .small-img .icon-left{
    transform: rotate(-90deg);
    top: -2em;

  }

  .small-img .icon-right{
    transform: rotate(90deg);

    bottom: 0;
  }
  .small-img .icon-left:hover, .small-img .icon-right:hover{
    opacity: .5;
  }
  .small-container{
    width: 100%;
    height: calc(100% - 2em);
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .small-container div{
    width: 800%;
    position: relative;
  }
  
  .small-container .show-small-img{
    height: 10em;
    width: 10em;
    margin-right: 6px;
    cursor: pointer;
    display:block;
    border: 2px solid #ddd;
    outline: none;
    border-radius: 7px;
    margin: .5em auto;
  }

  .small-container .show-small-img.active{
    border-color: #dc9203;
  }

  #jquery-script-menu {
    position: fixed;
    height: 90px;
    width: 100%;
    top: 0;
    left: 0;
    border-top: 5px solid #316594;
    background: #fff;
    -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    z-index: 999999;
    padding: 10px 0;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    }
    
    .jquery-script-center {
    width: 960px;
    margin: 0 auto;
    }
    .jquery-script-center ul {
    width: 212px;
    float:left;
    line-height:45px;
    margin:0;
    padding:0;
    list-style:none;
    }
    .jquery-script-center a {
        text-decoration:none;
    }
    .jquery-script-ads {
    width: 728px;
    height:90px;
    float:right;
    }
    .jquery-script-clear {
    clear:both;
    height:0;
    }

    img {
        vertical-align: middle;
        border-style: none;
        max-width: 100%;
        height: auto;
    }

 body {
     direction: rtl;
     font-size: 13px;
     font-family: irsans;
     background-color: #fff;
     color: #585858;
}
input, textarea, select, button {
    border: none;
     color: #585858;
     padding: 0 10px;
     border-radius: 3px;
     background-color: #eee;
     font-family:iranyekan;
}
#cities select {
    width: 100%;
    font-size: 1.1em;
margin-top:-2em !important;
    padding: .2em .5em;
    font-family: iranyekan;}
.button-change {
    padding: 3px;
    line-height: 13px;
    color: #ffffff;
    font-weight: 400;
    border-radius: 4px;
font-size:1.1em;
    background:#2B303B;
    border : 1px solid #333;
}


.button-change:hover {
    color: #2B303B;
    background:#ffffff;
    border : 1px solid #333;

}



.titlecity{
    font-family: iranyekan;
    font-size:1.25em;
    font-weight: 300;
    color: #2B303B;
padding-bottom:1em;
border-bottom:1px solid #ccc;

}



.label {
    padding: 2px 10px;
    line-height: 13px;
    color: #ffffff;
    font-weight: 400;
    border-radius: 4px;
    font-size: 75%;
  }
  
  .label-rounded {
    border-radius: 60px;
  }
  
  .label-custom {
    background-color: #01c0c8;
  }
  
  .label-success {
    background-color: #55ce63;
  }

  .label-danger {
    background-color: #f62d51;
  }

  .priority-1 , .priority-2  , .priority-3 {
  padding: 2px 10px;
  line-height: 13px;
  color: #ffffff;
  font-weight: 400;
  border-radius: 4px;
  font-size: 75%;
}
  .priority-1{
    background-color: #01c0c8;
  }
  .priority-2{
    background-color: #f3ab46;
  }
  .priority-3{
    background-color: #d04040;
  }


  ul.alphabet-list {
    direction: ltr;
    overflow: hidden;
}

ul.alphabet-list > li {
    clear: both;
    width: 16.4%;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 24px;
    box-sizing: border-box;
    display: inline-grid;
}

ul.alphabet-list > li h5 {
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid #bdbdbd;
    font-family: 'avenir';
    margin-bottom: 18px;
}

ul.brand-list > li {
    line-height: 15px;
    margin-bottom: 9px;
}

ul.brand-list > li a {
    font-size: 14px;
    font-family: 'avenir';
    color: black;
    font-weight: lighter;
    text-transform: capitalize;
}

.center{
    text-align:center;

}

.disablecity {
    color: #ccc;


}


.tablecity{
    font-family:iranyekan;
    font-size:1.2em;
    margin:0em 3em;
    margin-bottom:1em;
}

.tablecity td{
    font-family:iranyekan;
    padding: 0 2em;
}
.tablecity tr{
    line-height:2.5em;
    }


.tablecity tbody{
    padding-top:1em !important;

font-weight: 300;
}

.tablecity tbody tr:nth-child(2n) {background: #ddd}{
    background-color: #f62d51;

    }
    


.fixo{
border:none;
position:fixed !important;
top:0;
right:0;
z-index:11;
}



 #site-header .logo {
     float: right;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
    line-height: 65px;
}

#site-header .logo  img {
    vertical-align: middle;
    width: 14em

}
.m-l-10{
    margin-right:10px;
    color: #fff;
    font-family:iranyekan;
    font-size:1em;
}
.dropdown-menu{
    border:0;
    box-shadow:0px 10px 50px 0px rgba(0,0,0,0.2);
    font-size:14px
}
.dropdown-menu.dropdown-menu-right:before{
    left:auto;
    right:10px
}
.dropdown-menu:before{
    display:inline-block;
    position:absolute;
    width:0;
    height:0;
    vertical-align:middle;
    content:"";
    top:-6px;
    left:10px;
    right:auto;
    color:#fff;
    border-bottom:.4em solid;
    border-right:.4em solid transparent;
    border-left:.4em solid transparent
}
.dropdown-menu .dropdown-item{
    font-size:.8571em;
    padding-top:.5rem;
    padding-bottom:.5rem
}
.dropdown-menu .dropdown-item:hover,.dropdown-menu .dropdown-item:focus{
    background-color:rgba(222,222,222,0.3)
}
.dropdown-menu .dropdown-divider{
    background-color:rgba(222,222,222,0.5)
}
.dropdown-menu .dropdown-header:not([href]):not([tabindex]){
    color:rgba(182,182,182,0.6);
    font-size:.7142em;
    text-transform:uppercase;
    font-weight:700
}
.dropdown-menu.dropdown-primary{
    background-color:#18a6d5
}
.dropdown-menu.dropdown-primary:before{
    color:#18a6d5
}
.dropdown-menu.dropdown-primary .dropdown-header:not([href]):not([tabindex]){
    color:rgba(255,255,255,0.8)
}
.dropdown-menu.dropdown-primary .dropdown-item{
    color:#fff
}
.dropdown-menu.dropdown-primary .dropdown-item:hover,.dropdown-menu.dropdown-primary .dropdown-item:focus{
    background-color:rgba(255,255,255,0.2)
}
.dropdown-menu.dropdown-primary .dropdown-divider{
    background-color:rgba(255,255,255,0.2)
}
.dropdown-menu.dropdown-info{
    background-color:#1da2ff
}
.dropdown-menu.dropdown-info:before{
    color:#1da2ff
}
.dropdown-menu.dropdown-info .dropdown-header:not([href]):not([tabindex]){
    color:rgba(255,255,255,0.8)
}
.dropdown-menu.dropdown-info .dropdown-item{
    color:#fff
}
.dropdown-menu.dropdown-info .dropdown-item:hover,.dropdown-menu.dropdown-info .dropdown-item:focus{
    background-color:rgba(255,255,255,0.2)
}
.dropdown-menu.dropdown-info .dropdown-divider{
    background-color:rgba(255,255,255,0.2)
}
.dropdown-menu.dropdown-danger{
    background-color:#ff2727
}
.dropdown-menu.dropdown-danger:before{
    color:#ff2727
}
.dropdown-menu.dropdown-danger .dropdown-header:not([href]):not([tabindex]){
    color:rgba(255,255,255,0.8)
}
.dropdown-menu.dropdown-danger .dropdown-item{
    color:#fff
}
.dropdown-menu.dropdown-danger .dropdown-item:hover,.dropdown-menu.dropdown-danger .dropdown-item:focus{
    background-color:rgba(255,255,255,0.2)
}
.dropdown-menu.dropdown-danger .dropdown-divider{
    background-color:rgba(255,255,255,0.2)
}
.dropdown-menu.dropdown-success{
    background-color:#16c00e
}
.dropdown-menu.dropdown-success:before{
    color:#16c00e
}
.dropdown-menu.dropdown-success .dropdown-header:not([href]):not([tabindex]){
    color:rgba(255,255,255,0.8)
}
.dropdown-menu.dropdown-success .dropdown-item{
    color:#fff
}
.dropdown-menu.dropdown-success .dropdown-item:hover,.dropdown-menu.dropdown-success .dropdown-item:focus{
    background-color:rgba(255,255,255,0.2)
}
.dropdown-menu.dropdown-success .dropdown-divider{
    background-color:rgba(255,255,255,0.2)
}
.dropdown-menu.dropdown-warning{
    background-color:#ffac27
}
.dropdown-menu.dropdown-warning:before{
    color:#ffac27
}
.dropdown-menu.dropdown-warning .dropdown-header:not([href]):not([tabindex]){
    color:rgba(255,255,255,0.8)
}
.dropdown-menu.dropdown-warning .dropdown-item{
    color:#fff
}
.dropdown-menu.dropdown-warning .dropdown-item:hover,.dropdown-menu.dropdown-warning .dropdown-item:focus{
    background-color:rgba(255,255,255,0.2)
}
.dropdown-menu.dropdown-warning .dropdown-divider{
    background-color:rgba(255,255,255,0.2)
}
.dropdown .dropdown-menu{
    -webkit-transform:translate3d(0, -25px, 0);
    -moz-transform:translate3d(0, -25px, 0);
    -o-transform:translate3d(0, -25px, 0);
    -ms-transform:translate3d(0, -25px, 0);
    transform:translate3d(0, -25px, 0);
    visibility:hidden;
    display:none;
    opacity:0;
    filter:alpha(opacity=0)
}
.dropdown.show .dropdown-menu,.dropdown-menu.open{
    opacity:1;
    filter:alpha(opacity=100);
    visibility:visible;
    display:block;
    -webkit-transform:translate3d(0, 0px, 0);
    -moz-transform:translate3d(0, 0px, 0);
    -o-transform:translate3d(0, 0px, 0);
    -ms-transform:translate3d(0, 0px, 0);
    transform:translate3d(0, 0px, 0)
}




 .profile img {
    border: 2px solid #fff;
    border-radius: 50% !important;
    width: 40px;
}
.search_bar {
float:right;
    margin-right:4em;
}
.search {
    background: #2b303b;
    border: none;
	color: #fff;
    padding-right: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all .55s ease;
    -moz-transition: all .55s ease;
    -ms-transition: all .55s ease;
    -o-transition: all .55s ease;
    transition: all .55s ease;
    height: 3em;
    width: 100%;
}

.search input {
    float: right;
    height: 100%;
    width: 85%;
    font: 13px iranyekan;
    border:none;
    color: #fff;

  }

.search button {
    float: left;
    width: 15%;
    height: 100%;
    border: 0;
    background: none;
    cursor: pointer;
}

.search input.text {
    width: 124px;
    background: none;
    border: 0;
    outline: none;
    text-align: right;
    direction: rtl;
    color: #fff;
}


.container-4 input#search{
  width: 26em;
  height: 3em;
  background: #2b303b;
  border: none;
  font-size: 10pt;
  float: right;
	color: #fff;
  padding-right: 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  
  -webkit-transition: all .55s ease;
  -moz-transition: all .55s ease;
  -ms-transition: all .55s ease;
  -o-transition: all .55s ease;
  transition: all .55s ease;
}

.container-4 input#search::-webkit-input-placeholder {
   color: #65737e;
}
.container-4 input#search:-moz-placeholder { /* Firefox 18- */
   color: #65737e;  
}
.container-4 input#search::-moz-placeholder {  /* Firefox 19+ */
   color: #65737e;  
}
.container-4 input#search:-ms-input-placeholder {  
   color: #65737e;  
}

.container-4 button.icon{
    float:left;
	-webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: none;
  background: #fff;
  height: 3em;
  height: 3em;
  color: #4f5b66;
  opacity: 0;
  font-size: 10pt;
  -webkit-transition: all .55s ease;
  -moz-transition: all .55s ease;
  -ms-transition: all .55s ease;
  -o-transition: all .55s ease;
  transition: all .55s ease;
}

	.container-4 input#search:focus, .container-4 input#search:active{
    outline:none; 
	}
	
  /* ANIMATION EFFECT */
  .container-4:hover button.icon, .container-4:active button.icon, .container-4:focus button.icon{
    outline:none;
    opacity: 1;
    margin-left: -50px;
  }

 
.form-control:focus+.input-group-addon,.form-control:focus ~ .input-group-addon{
    border:1px solid #1ab1e3;
    border-left:none;
    background-color:transparent
}

.form-control::-moz-placeholder{
    color:#9A9A9A;
    opacity:1;
    filter:alpha(opacity=100)
}
.form-control:-moz-placeholder{
    color:#9A9A9A;
    opacity:1;
    filter:alpha(opacity=100)
}
.form-control::-webkit-input-placeholder{
    color:#9A9A9A;
    opacity:1;
    filter:alpha(opacity=100)
}
.form-control:-ms-input-placeholder{
    color:#9A9A9A;
    opacity:1;
    filter:alpha(opacity=100)
}
.form-control{
    background-color:transparent;
    border:1px solid #E3E3E3;
    color:#2c2c2c;
    line-height:normal;
    font-size:.8571em;
    -webkit-transition:color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -moz-transition:color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -o-transition:color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -ms-transition:color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    transition:color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -webkit-box-shadow:none;
    box-shadow:none
}


.navbar-nav{
    float:left
}

.navbar-nav .profile img{
    border:2px solid #fff;
    width:35px
}
.navbar-nav .profile .user-info{
    padding:15px 18px 0 18px
}
.navbar-nav .profile .dropdown-menu{
    width:250px;
    left:0;
    right:auto
}
.navbar-nav li.app_menu .dropdown-menu{
    left:0;
    right:auto
}
.navbar-nav li.app_menu ul{
    list-style:none;
    padding:20px;
    width:245px
}
.navbar-nav li.app_menu ul li a{
    line-height:24px;
    text-transform:uppercase;
    transition:all .3s;
    padding:0px !important;
    width:90px;
    height:80px;
    margin:5px;
    color:#191f28;
    border-radius:.55rem
}
.navbar-nav li.app_menu ul li a:hover{
    background:#eee
}
.navbar-nav li.app_menu ul li a i{
    font-size:25px;
    line-height:50px
}
.navbar-nav li.notifications .media img{
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    border-radius:3px;
    width:35px
}
.navbar-nav li.notifications .media .media-body{
    width:250px
}
.navbar-nav li.notifications .media .media-body .name{
    font-weight:600
}
.navbar-nav li.notifications .media .media-body .name .time{
    float:right;
    font-size:11px;
    font-weight:normal
}
.navbar-nav li.notifications .media .media-body .message{
    font-size:13px;
    line-height:15px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    width:200px
}
.navbar-nav .dropdown-menu{
    left:0;
    right:auto;
    position:absolute
}
.navbar-nav .dropdown-menu ul.menu li{
    list-style:none;
    border-bottom:none
}

.navbar-nav>li>a{
    padding:0px 15px;
    line-height:65px;
    color:#9e9e9e
}

.headlinks ul li.text.charity a {
    color: #dc9203;
}

.headlinks ul li.text a {
font-family:iranyekan;
   color: #9e9e9e;
}

.headlinks ul li.text a:hover {
       color: #dc9203;
    }



.headlinks ul li i {
    font-size:17px;
    vertical-align:middle;
    color: #9e9e9e;

}



.navbar-nav>li>a .label-count{
    position:absolute;
    top:17px;
    right:2px;
    font-size:10px;
    line-height:15px;
    background-color:#fff;
    color:#212121;
    padding:0 4px;
    border-radius:.1875rem
}


.dropdownContainer{   float:right; position: relative;
    padding: 0px 15px;
    line-height: 65px;
}



.label-count {
    position: absolute;
    top: 17px;
    right: 2px;
    font-size: 10px;
    line-height: 15px;
    background-color: #fff;
    color: #212121;
    padding: 0 4px;
    border-radius: .1875rem;
}
.dropdown-toggle  {
    font-size: 17px;
    color:007bff;
    cursor: pointer;

    vertical-align: middle;
}

  .sidebars h2 {
      font-family: iranyekan;
      font-weight: 300;
      border-bottom: 2px solid rgba(0, 0, 0, 0.1);
      padding-bottom:.5em;
      margin-bottom:1em
  }
  #nestable-menu  {
    float:left;
}


  #nestable-menu button {
    font-family: iranyekan;
}
   
  ul.dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left:0;
    min-width: 18em;
    border-radius:.5em;
background: #fff; 
border-radius: 16px;
-webkit-box-shadow: 0 20px 60px -10px rgba(50, 50, 93, .15);
box-shadow: 0 20px 60px -10px rgba(50, 50, 93, .15);
}
   
  /* up arrow*/
  ul.dropdown:before {
      content: "";
      width: 0;
      height: 0;
      position: absolute;
      bottom: 100%;
      left: 2em;
      border-width: 0 5px 5px 5px;
      border-style: solid;
      border-color:#fff transparent; 
  }



  


 


   

  ul.dropdown > li:first-child {
    list-style-type: none;
    border-top: none;    
  }
      
  ul.dropdown > .fa-circle{
      font-size: 15px;
      color: rgba(115, 187, 22, 1);  
  } 
      

  .rounded-circle {
border-radius: 50%; 
  }


   
  /*View All Notification*/
  ul.dropdown > .fa-list{
      font-size: 15px;
      padding:5px;
      color: rgba(115, 187, 22, 1); 
      border: 2px solid rgba(115, 187, 22, 1);
      border-radius: 100%;
  }

  
  ul.dropdown.profile  {
    padding:.5em !important;
    z-index: 2;
    }  
    
  ul.dropdown.profile li {
width: 100%;
float:none;
padding:.25em  !important;
line-height:2 !important;


}  
ul.dropdown.profile  li a {
    font-size: 1.1em;
   
    display: block;
    font-family:iranyekan; 
    padding:0 1em

  }
  ul.dropdown.profile  li a:hover {

  color: #dc9203;
  background-color: #fafafc
}

.navbar-nav {
    float: left;
    display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none;

display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;

}


#navv {
    border-top: 1px solid rgba(255,255,255,.1);
    padding-bottom: 4em;
}

#navv  .list{
  list-style:none;

}
#navv  .list .header{
    display:none
}


#navv  .list li{
    float:right;
    margin-left:2em;
    font-family: iranyekan;
    font-weight: 300;
    margin-top:.7em;
    padding-bottom: .35em !important;

}

#navv  .list li>a{
    font-size:16px;
    color:#9e9e9e;
    padding-left:.2em;
    padding-top:.5em;

}
#navv  .list li a i{
    padding-left:.5em;
 }
#navv  .list li a span{
   line-height: 1em
}

#navv  .list li>a::after{
    display:none
}

#navv  .list > li > a:hover{
    border-top:1px solid #dc9203;
color:#dc9203;
}


#navv  .list li>a:before{
    content:'';
    display:block;
    width:0;
    height:1px;
    transition:width .3s;
    top:0px !important;
    left:0;
    right:auto;
    font-size:0 !important;
    position:absolute
}
.btn {
    padding: 7px 12px;
    font-size: 14px;
    cursor: pointer;
  }
  
.btn-info,
.btn-info.disabled {
  background: #009efb;
  border: 1px solid #009efb;
}

.btn-info:hover,
.btn-info.disabled:hover {
  background: #009efb;
  opacity: 0.7;
  border: 1px solid #009efb;
}

.btn-info.active,
.btn-info:focus,
.btn-info.disabled.active,
.btn-info.disabled:focus {
  background: #028ee1;
}
.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
  }
  
  .btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
  }
  
  .btn-danger:focus,
  .btn-danger.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.5);
            box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.5);
  }
  
  .btn-danger.disabled,
  .btn-danger:disabled {
    background-color: #dc3545;
    border-color: #dc3545;
  }
  
  .btn-danger:active,
  .btn-danger.active,
  .show > .btn-danger.dropdown-toggle {
    background-color: #c82333;
    background-image: none;
    border-color: #bd2130;
  }
  

#navv  .list li>a:hover:before{
    width:100%
}
#navv  .list li.active.open>a:before{
    content:'';
    transform:unset;
    width:100%;
    top:0
}

#navv  .list li.active>a{
    border-top:2px solid #dc9203;
    color:#dc9203;
}


.opanel h3{
font-family:iranyekan;
font-size:1.4em;
padding-bottom:1em;
padding-right:1em;

width:100%;
float:right;

}

.opanel span{
    font-family:iranyekan;
    font-size:1em;
    margin-bottom:1em;
    float:left;
    border-bottom: 1px dashed #ccc;
    }

    .opanel span:hover{
        color:#333;
        }





    .ocard {
        margin-bottom: 30px;
        padding: 1.5em;
        transition: .5s;
        border: 0;
        border-radius: .55rem;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
        font-family:iranyekan;
        font-size:1.1em;
        background: #fbf6f1;
        margin-top: 1em;
        border-radius: 2em;
    }
    
    .ocard h4{
        display: inline;
        background: #fff;
        color:#111;
        font-size: 1.3em;
        padding: 0 1em;
    }
    .ocard h4 span{
        font-size: .7em;
        color: #999;
        direction: ltr !important;
        float: left;
    }

  
    .ocard dl{
        float:right !important;
        width: 50%;
        padding-bottom:2em;
    }

    .ocard dt, .ocard dd{
        float:none;
        width: 100%;
    }

    .ocard dd{
font-weight:bold;
font-size:1.25em;

    }


    table.zebra-style {text-align:center; margin-bottom:25px;  max-width:100% !important;}

    table.zebra-style td {color: #777;padding:.3em 1em; font-size:1.1em; font-family:iranyekan;text-align:center;vertical-align : middle;}
    
    
    table.zebra-style tr.odd {background:#f2f2f2;}
    table.zebra-style tr:hover {background:rgba(0,0,0,.1);}
    
    table.zebra-style th {background-color: #f5f6f7 !important;padding:1em 2em;
        font-family:iranyekan;font-size:1.1em; font-weight:bold
    }
    table.zebra-style th span {padding:0 .5em;
    }
    
    .order{
    float:right;margin-left:3em;
    
    }





    .c-profile-recent-fav__row{
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        margin-right:0;
        margin-left:0;
        border-bottom:1px solid #f1f1f1
    }
    .c-profile-recent-fav__col{
        position:relative;
        width:100%;
        min-height:1px;
        padding:4px 0;
        display:-ms-flexbox;
        display:flex
    }
    .c-profile-recent-fav__col--thumb{
        -ms-flex:0 0 15%;
        flex:0 0 15%;
        max-width:15%;
        -ms-flex-direction:column;
        flex-direction:column;
        -ms-flex-pack:center;
        justify-content:center;
        -ms-flex-align:center;
        align-items:center;
        display:-ms-flexbox;
        display:flex;
        position:relative
    }
    .c-profile-recent-fav__col--thumb img{
        overflow:hidden
    }
    .c-profile-recent-fav__col--thumb img[alt]:after{
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        font-weight:300;
        color:transparent;
        text-align:center;
        content:attr(alt);
        background:#fff url(../files/7af476b5.png) no-repeat 50%;
        background-size:contain;
        width:100%
    }
    .c-profile-recent-fav__col--thumb img{
        max-width:80%;
        max-height:80%
    }
    .c-profile-recent-fav__col--title{
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%;
        -ms-flex-direction:column;
        flex-direction:column;
        -ms-flex-pack:center;
        justify-content:center
    }
    .c-profile-recent-fav__col--actions{
        -ms-flex:0 0 35%;
        flex:0 0 35%;
        max-width:35%;
        -ms-flex-align:center;
        align-items:center;
        -ms-flex-pack:end;
        justify-content:flex-end;
        padding:0 15px
    }
    .c-profile-recent-fav__col--actions .btn-action{
        margin-right:8px
    }
    .c-profile-recent-fav__col--actions .btn-action:first-child{
        margin-right:0
    }
    
.btn-delete:hover{background:#eee;}


    .c-profile-recent-fav__content{
        height:100%;
        overflow:auto
    }
    .c-profile-recent-fav__name{
        font-weight:300;
        font-size:13px;
        font-size:.929rem;
        line-height:1.692;
        margin-bottom:5px
    }

    .c-profile-recent-fav__name:hover{
        color:#dc9203;
    }



    .c-profile-recent-fav__price{
        font-size:13px;
        font-size:.929rem;
        line-height:1.692;
        color:#fb3449
    }
    .c-profile-recent-fav__action{
        padding:14px 30px 17px;
        text-align:center;
        font-size:12px;
        font-size:.857rem;
        line-height:1.833;
        position:absolute;
        bottom:0;
        left:0;
        right:0;
        border-top:1px solid #f1f1f1;
        margin-top:-1px
    }
    .c-profile-avatars{
        list-style:none;
        padding:0;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -ms-flex-pack:justify;
        justify-content:space-between;
        width:520px;
        margin:0 auto
    }
    .c-profile-avatars__item{
        width:112px;
        height:112px;
        background:50% 50% no-repeat;
        background-size:cover;
        display:block;
        margin-bottom:30px;
        cursor:pointer
    }


main{
    position: relative;
}
.indexside{
    background:#eee;
    padding:2em 0;
    border-top: 1px solid rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(0,0,0,.1);

}
.error, .opanel span.error{
    color:red;
    font-family: 'iranyekan';
    font-size: .9em;
    margin: .5em 0;
    direction:rtl !important;
    text-align:right !important;
    display:block;
    border-bottom: none !important;
}
.newcolor{
    background:#F6FAFA;
    padding:2em 0;
    border-top: 1px solid rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(0,0,0,.1);
}

.newcolor h4 span, .newcolor .next, .newcolor .prev ,.newcolor .all{
    background:#F6FAFA !important;
}


#navv  .list li:hover .ml-menu{
    display:block !important
}

#navv  .list li .ml-menu{
    position:absolute;
    background:#fff;
    width:70%;
    border-radius:.55rem;
    box-shadow:0 5px 20px 0 rgba(0,0,0,0.2);
    padding:10px;
    margin-top:.6em;
z-index:12;
    display:none !important
}


#navv  .list.admin li .ml-menu{
    max-width:20em;
}

#navv  .list.admin li .ml-menu li{
float:none;
width:100%;
padding:.5em .2em;  

}

#navv  .list.admin li .ml-menu li:hover{
background: #dddddd;

}




#navv  .list li .ml-menu::before,#navv  .list li .ml-menu::after{
    content:"";
    width:0;
    height:0;
    position:absolute;
    bottom:100%;
    border-style:solid;
    right:28px
}
#navv  .list li .ml-menu::before{
    border-width:0 8px 8px 8px;
    border-color:rgba(0,0,0,0.1) transparent
}
#navv  .list li .ml-menu::after{
    border-width:0 6px 6px 6px;
    border-color:#fff transparent
}
#navv  .list li .ml-menu li a{
    padding:7px 0px 7px 40px;
    position:relative
}
#navv  .list li .ml-menu li a:hover::before{
    left:20px
}
#navv  .list li .ml-menu li a:before{
    content:'\f30f';
    position:absolute;
    transition:.5s;
    left:15px;
    font-size:12px !important;
    font-family:'Material-Design-Iconic-Font';
    color:#9e9e9e;
    top:10px !important;
    transform:initial;
    width:0
}


.proadmin img{
    width: 90px;
margin: 0 auto;
display: block;
margin-bottom:1em;
}
.proadmin{
    font-family:iranyekan;

}
.proadmin table{
    width: 100%;  
    }

.proadmin .userinfo thead{
    width: 50%;
    font-size:1.1em;
float:right
}

.proadmin .userinfo tbody{
    width: 50%;
    font-size:1.1em;
    font-weight: 300;

float:left
}
.proadmin .userinfo td{
display:block;
padding: .25em 0 ;
}


body.adminpage{
    background:#585858 !important;
    margin-top:5em;
}


body.adminpage .login-box {
    display:block;
    width: 30%;
    margin: 0 auto !important;
    border-radius: .55rem;
    padding:1em;
    color:#fff !important;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.16);
    background:rgba(255, 255, 255);

}


body.adminpage .login-box-body {
    display:block;
    width: 100%;
    margin: 0 auto !important;
    border-radius: .55rem;
    padding:1em;
    background:rgba(255, 255, 255, .2);
}


body.adminpage .login-logo {
    
    display:block;
    width: 100%;
    margin: 0 auto !important;
    }


    body.adminpage .login-logo h1 {
    
    color:#222;
    font-family:iranyekan;
    font-size: 2em;
    font-weight:300;
    border-bottom:2px solid rgba(255, 255, 255, .3);
    margin-bottom:.5em;
    padding-bottom:.65em
    }
    

    body.adminpage   .login-logo h1 span {
        padding:0 1em;

        padding-bottom:.5em;
        border-bottom:2px solid #dc9203;
        }




        body.adminpage .login-logo h2 {
color:#222;
font-family:iranyekan;
font-size: 1.5em;
font-weight:300;
padding-bottom:1em;

}

body.adminpage fieldset, body.adminpage input {
    width:100% !important;
    }
    
    body.adminpage button{
        background: #dc9203;    color:#fff;

        font-family:iranyekan;
font-size: 1.5em;
font-weight:300;

}
body.adminpage button:hover{
    background: #333;
    color:#fff


}

#benchtitle{
    background: #fff;
    height: 6em;
margin-bottom: 30px;
transition: .5s;
border: 0;
border-radius: .55rem;
position: relative;
top:-1em !important;

margin:  0 auto;
margin-top:1em;
box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
font-size: 14px;
color: #424242;
padding: 20px;
font-weight: 400;

box-shadow: 0 1px 2px rgba(100, 106, 110, 0.25);
background-color: #f6f8f9;
}

#benchtitle2{
margin-bottom: 30px;
transition: .5s;
border: 0;
border-radius: .55rem;
position: relative;
margin:  0 auto;
font-size: 14px;
color: #424242;
font-weight: 400;
direction:rtl;
}

#benchtitle3{
    background: #fff;
margin-bottom: 30px;
transition: .5s;
border: 0;
border-radius: .55rem;
position: relative;
top:-4em !important;
overflow:hidden;
margin:  0 auto;
margin-top:1em;
box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
font-size: 14px;
color: #424242;
font-weight: 400;
direction:rtl;
}


#benchtitle2.shopping{
    padding: 0 !important;

}








  #navv .menu{
    position:relative;
  }
  #navv .menu:after,.mega-row:after{
    content:"";
    display:table;
    clear:both;
  }
 #navv .menu li{
    float:right;
    position:relative;
    font-family: iranyekan;
  }
  #navv .menu > li > a{
    display:inline-block;
    padding:.25em 1em ;
    padding-top:.5em;

    padding-bottom:.7em;
    color:#fff;
    font-size:16px;
    font-weight: 300;
    position:relative;
    margin-left:.5em;
  }

  #navv .menu > li > a:hover, #navv .menu > li.active > a {
    border-top:1px solid #dc9203;
    color:#dc9203;
  }


 


   #navv .menu > li:hover > a {
    border-top:1px solid #dc9203;

    color:#dc9203;
  }


.number{padding-left:1em;}



  .megamenu > a:after,.dropdownmenu > a:after{
    content:"";
    position:absolute;
    width:0;
    height:0;
    border-top:4px solid #9e9e9e;
    border-right:4px solid transparent;
    border-left:4px solid transparent;
    bottom:4px;
    left:50%;
    margin-left:-4px;
  }
  .megamenu:hover > a:after,.dropdownmenu:hover > a:after{
    border-top-color:#111;
    top:100%;
    bottom:auto;
    z-index:10;
  }
  .dropdownmenu .sub-menu{
    position:absolute;
    top:100%;
    left:50%;
    transform:translateX(-50%);
    padding:15px;
    min-width:220px;
    display:none;
    z-index:9;

    background:#fff;
    border-radius:.55rem;
    box-shadow:0 5px 20px 0 rgba(0,0,0,0.2) !important;
  }


  .dropdownmenu .sub-menu li{
    float:none;
    width:100%;
    margin-bottom:.25em
}



.dropdownmenu .sub-menu li a{
    padding-right:.5em;
}

.dropdownmenu .sub-menu li a:hover{
    background:#eee;
}


  .dropdownmenu:hover .sub-menu{
    display:block;
  }
  .dropdownmenu ul a{
    color:#333;
    padding:5px 0;
  }
  #navv .menu .megamenu.fullwidth{
    position:static;
  }
  .megamenu:hover .mega-wrap{
    display:block;
  }
  .mega-wrap{
    position:absolute;
    padding:15px;
    background:#fff;
    border-radius:.55rem;
    box-shadow:0 5px 20px 0 rgba(0,0,0,0.2) !important;
    display:none;
    z-index:9;
  }
  .megamenu.fullwidth .mega-wrap{
    left:0;
    top:100%;
    width:100%;
  }
  .megamenu.left .mega-wrap{
    left:0;
  }
  .megamenu.right .mega-wrap{
    left:auto;
    right:0;
  }
  .megamenu.center .mega-wrap{
    left:50%;
    transform:translateX(-50%);
  }
  .mega-row{
    margin-left:-15px;
    margin-right:-15px;
  }
  .sub-menu a{
    display:block;
    width:100%;
  }
  .megamenu .sub-menu > li > a{
    color:#333;
    padding:10px 0;
    border-bottom:1px solid #cacaca;
  }
  .col{
    padding: 0 15px;
  }
  .col a{
    padding:5px 0;
    color:#777;
  }
  .col ul li{
    float:none;
    display:block;
  }
  .col-1-6{
    width: 16.6667%;
  }
  .col-2-6{
    width:33.333%;
  }
  .col-3-6{
    width:50%;
  }
  .col-4-6{
    width:66.6667%;
  }
  .col-5-6{
    width:83.333%;
  }
  .col-6-6{
    width:100%;
  }
  .col-4{
    width:750px;
  }
  .col-1-4{
    width:25%;
  }
  .col-2-4{
    width:50%;
  }
  .col-3-4{
    width:75%;
  }
  .col-4-4{
    width:100%;
  }

  .col-5{
    width:930px;
  }
  .col-1-5{
    width:20%;
  }
  .col-2-5{
    width:40%;
  }
  .col-3-5{
    width:60%;
  }

  .col-4-5{
    width:80%;
  }

  .col-5-5{
    width:100%;
  }


  .col-6{
    width:1110px;
  }
 


  .col-2{
    width:390px;
  }
  .col-1-2{
    width:50%;
  }
  .col-2-2{
    width:100%:;
  }
  .col-3{
    width:570px;
  }
  .col-1-3{
    width:33.3333%;
  }
  .col-2-3{
    width:66.6667%;
  }
  .col-3-3{
    width:100%;
  }
  .sub-2-col > ul > li{
    width:50%;
    float:left;
  }
  .sub-3-col > ul > li{
    width:33.33%;
  }
  .sub-4-col > ul > li{
    width:25%;
  }
  .sub-5-col > ul > li{
    width:20%;
  }
  .sub-6-col > ul > li{
    width:16.6667%;
  }
  /* Fade Effect Style */
  @keyframes fade{
    from{opacity:0;display:none;}
    to{opacity:1;display:block}
  }
  @-webkit-keyframes fade{
    from{opacity:0;display:none;}
    to{opacity:1;display:block}
  }
  .fade .megamenu > a:after,.fade .dropdownmenu > a:after{
    transition:all 0.4s;
    -webkit-transition:all 0.4s;
  }
  .fade .megamenu:hover .mega-wrap,.fade .dropdownmenu:hover > .sub-menu{
    animation: fade 0.6s linear 0s 1 alternate;
  }
  










.over{
overflow:hidden !important;
direction:ltr;
}

.page-title {
    position: relative;
    margin-bottom: 10px;
    padding: .5em 1em;
    font-family: iranyekan;
    background-color: rgb(248, 248, 248);


}

.product-name {
    display: block;
    font-size: 1.5em;

}


.product-manufacturer {
    margin-top: .5em;
    font-size: 1.2em;
}



.shegeft-title {
    position: absolute;
    top: 0;
    right: 2em;
    background-color: #dc9203;
    border-radius: 0 0 20px 20px;
    text-align: center;
    color: #fff !important;
    font-family: iranyekan;
    font-weight: 300;
    z-index: 2;
    padding: .25em 20px 6px 20px;
    font-size: 1.35em;
}


.stock-availability {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #dc9203;
    border-radius: 7px 0 30px 0;
    text-align: center;
    color: #fff !important;
    font-family: iranyekan;
    z-index:2;
    padding: 6px 20px 6px 10px;
    font-size: 18px;
}

.stock-availability2 {
    position: absolute;
    top: 0;
    right: 5%;
    background-color: #EF4056;
    border-radius: 7px 0 30px  30px;
    text-align: center;
    color: #fff !important;
    font-family: iranyekan;
    z-index:2;
    padding: 6px 1em 6px 1em;
    font-size: 15px;
}


ul.tabs{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
ul.tabs li{
    background: none;
    color: #222;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
    font-family: iranyekan;
    font-size: 1.25em;

}


.ico-price {
    background: url(../images/d1.png) no-repeat;
    width: 34px;
    height: 35px;
    float: right;
    margin: 10px 0 0 0;
}
.ico {
    display: inline-block;
}
.ico-sprite {
    background-image: url(http://www.gajmarket.com/Themes/AlphaGajLight/Content/assets/sprite.png);
    background-repeat: no-repeat;
}

 .price-details {

    position: relative;
    margin-bottom:2em;
}



.typebox{
    width: 100%;
    margin-top: 1em;
}
.price-details .without-discount-block {
    display: table-cell;
    color: #999;
    vertical-align: top;
}

.price-details .price-table {
    display: table;
    table-layout: fixed;
    width: 100%;
    font-family:iranyekan;
}

.manufacturer-title{
    color: #dc9203;

}

ul.tabs li:hover{
    background: #ddd;
    border-radius:.5em;

}
ul.tabs li.current{
    background: #dc9203;
    color: #fff;
    border-radius:.5em;
}

.tab-content{
    display: none;
    padding: 15px;
    padding-right:2em !important;
}

.tab-content.current{
    display: inherit;
}




#shopbar-compare.sidesticky {
    position: fixed;
    top: 31%;
    left: 1%;
    height: 70px;
    width: 70px;
    border-radius: 30px;
    padding: 15px 5px;
    text-align: center;
    z-index: 100;
    background: #999;
    box-shadow: 0 6px 20px rgba(168,172,185,.3);
}
.shopbar-tool {
    display: inline-block;
    position: relative;
}

#shopbar-compare:hover {
    background: #FB3052;

}


.shopbar-button {
    display: block;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: color .15s linear;
    -moz-transition: color .15s linear;
    -o-transition: color .15s linear;
    transition: color .15s linear;
}

#compare{
    cursor: pointer;
}

#compare .icon-compare{
    font-size:2em;
    color:#fff;
    margin-right:.4em;
    margin-top:.25em;
}

.pointer{cursor: pointer;}
.btn-submit{
    font-family: iranyekan;
    font-weight: 300;
    float:left;
    padding:.25em .5em;
    margin-top:.5em;
    font-size:1.25em;
    line-height:25px;
    background: #dc9203;
    border-radius:5px;
    color:#fff;
    cursor:pointer;
    margin-right:.2em;
}

.btn-submit:hover{
    background-color:rgb(150, 192, 71);
}



.btn-second,.btn-delete  {
    font-family:iranyekan !important;

}


#compare .count{
    position:absolute !important;
    top:10%;
    right:73%;
    font-family:iranyekan !important;
    font-size:1.5em !important;
    color:#fff !important;

}


#shopbar-compare.sidesticky .shopbar-button-label span {
    display: none;
}

#shopbar-compare.sidesticky .shopbar-button-icon {
    float: none;
margin-top:-1em;
font-family:iranyekan;    
}

.shopbar-tool .shopbar-button-icon {
    position: relative;
    display: inline-block;
    margin: 2px 0 0 0;
}


#shopbar-compare.sidesticky .label-info {
    background-color: transparent !important;
    margin-right: -7px;
    font-size: 20px !important;
}
.shopbar-tool .shopbar-button-icon span.label {
    float: left;
    margin: -1px 5px 0 0;
        margin-right: 5px;
    font-size: 15px;
    text-shadow: none;
    padding-top: 1px;
    width: 23px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    border-radius: 100%;
    font-weight: normal;
    background-color: #dc9203;
    font-family: iranyekan;
}

#shopbar-flyout-compare {
    position: fixed;
    top: auto;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 35px 0 30px;
    max-width: 100%;
    min-height: 25em;
    text-align: center;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    
}
.shopbar-tool.loaded .shopbar-flyout {
    height: auto;
}
.shopbar-tool .shopbar-flyout, .shopbar-tool .shopbar-flyout-container {
    margin-top: -1px !important;
}
.shopbar-flyout {
    position: absolute;
   /* visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    */
    top: 100%;
    right: 0;
    z-index: 1000;
    float: left;
    min-width: 320px;
    max-width: 420px;
    padding: 5px 0 20px;
    margin: 0;
        margin-top: 0px;
    list-style: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    height: 50px;
    min-height: 50px;
    -webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
    background-color: #fff;
    border: 1px solid #eee !important;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 6px rgba(0,0,0,.1);
    box-shadow: 0 0 6px rgba(0,0,0,.1);
    cursor:pointer !important;
    display: none;

}
.shopbar-flyout {
    padding: 10px;
    -webkit-transform: translateZ(0);
}

#shopbar-flyout-compare .close-flyout-compare {
    position: absolute;
    top: -26px;
    right: 3%;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: #fff;
    box-shadow: 0 0 6px rgba(0,0,0,.1);
    text-align: center;
    cursor: pointer;
    font-size: 1.5em;
}
.close-flyout-compare .close{
    margin-top:-.4em;
}
.close-flyout-compare .close:hover{
color: #EF4056;}

.shopbar-tool:not(.loading) .shopbar-flyout > .spinner-container {
    display: none;
}
.shopbar-flyout .spinner-container {
    height: 50px;
}
.spinner-container {
    position: relative;
    display: none;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}


.spinner {
    position: relative;
    text-align: center;
    vertical-align: middle;
    display: none;
}

.shopbar-flyout-inner {
	position:relative;
    min-height:50px;
    cursor:default;
}


.shopbar-flyout-inner li:not(.more) a {
	font-family:yekan-latinNum;
	text-decoration:none;
	-webkit-transition:color .1s linear;
	-moz-transition:color .1s linear;
	-o-transition:color .1s linear;
	transition:color .1s linear
}
.shopbar-flyout-inner .no-items {
	position:absolute;
	left:0;
	right:0;
	top:50%;
	margin:-13.5px 10px 0 10px;
	text-align:center
}
.shopbar-flyout-inner .items {
	padding:0;
	margin:0
}
.shopbar-flyout-inner .items .item {
	position:relative;
	padding:15px 20px;
	margin:0;
	border-bottom:1px solid #f2f2f2
}
.shopbar-flyout-inner .items .item:last-child {
	border-bottom:0
}
.shopbar-flyout-inner .items .item.omega {
	border-bottom:none
}
.shopbar-flyout-inner .items .item.more {
	text-align:center
}
.shopbar-flyout-inner .items .item .picture {
	display:inline-block;
	text-align:center;
	margin:0 0 0 4px;
	width:60px
}
.shopbar-flyout-inner .items .item .picture img {
	max-width:100%
}
.shopbar-flyout-inner .items .item .quantity {
	display:none;
	width:25px;
	margin-right:5px
}
.shopbar-flyout-inner .items .item .quantity .times {
	font-size:.9em
}
.shopbar-flyout-inner .items .item .data {
	width:190px;
	float:right;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.shopbar-flyout-inner .items .item .data .attributes {
	white-space:initial;
	line-height:12px;
	display:none
}
.shopbar-flyout-inner .items .item.no-thumb .data {
	width:180px
}
.shopbar-flyout-inner .items .item .action {
	display:none;
	padding-right:4px
}
.shopbar-flyout-inner .items .item .action i {
	font-size:11px
}
.shopbar-flyout-inner .items .item .price {
	display:block;
	color:#dc9203;
	text-align:right
}
.shopbar-flyout-inner .items .item .remove {
	position:absolute;
	left:20px;
	top:35px;
	opacity:1;
	filter:alpha(opacity=100);
	color:#707070;
	-webkit-transition:opacity .1s linear;
	-moz-transition:opacity .1s linear;
	-o-transition:opacity .1s linear;
	transition:opacity .1s linear
}
#shopbar-flyout-wishlist .shopbar-flyout-inner .items .item .data {
	width:200px
}
#shopbar-flyout-wishlist .shopbar-flyout-inner .items .item.no-thumb .data {
	width:100%
}
#shopbar-flyout-compare .shopbar-flyout-inner .items .item .figure {
	margin-right:8px
}
#shopbar-flyout-compare .shopbar-flyout-inner .items .item .data {
	width:200px
}
.shopbar-flyout-inner .summary {
	padding:12px 20px;
	text-align:right;
	font-weight:bold;
	display:none
}
.shopbar-flyout-inner .buttons {
	padding:0 20px
}
#shopbar-flyout-account .shopbar-flyout-inner {
	padding:10px 20px
}



#shopbar-flyout-compare .shopbar-flyout-inner .items .item .picture {
    display: block;
    text-align: center;
    margin: 0 0 0 4px;
    border-radius: 7px;
    width: 100%;
    box-shadow: 0 6px 20px 6px rgba(168,172,185,.3);
}
.shopbar-flyout-inner .items .item .picture {
    display: inline-block;
    text-align: center;
    margin: 0 0 0 4px;
    width: 60px;
}

#shopbar-flyout-compare .shopbar-flyout-inner .items .item {
    padding: 0;
    border-radius: 7px;
    display: inline-block;
    margin: 0 1%;
    border-bottom: 0;
}



#shopbar-flyout-compare .shopbar-flyout-inner .items .item .picture a, #shopbar-flyout-compare .shopbar-flyout-inner .items .item .picture img {
    display: block;
    border-radius: 7px;
}

#shopbar-flyout-compare .shopbar-flyout-inner .items .item .data {
    width: 100%;
    display: block;
    margin-top: 10px;
}
#shopbar-flyout-compare .shopbar-flyout-inner .items .item .data {
    width: 200px;
}
.shopbar-flyout-inner .items .item .data {
    width: 190px;
    float: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#shopbar-flyout-compare .shopbar-flyout-inner .items .item .remove {
    position: absolute;
    top: 0;
    left: 0;
    padding: 8px 10px 5px;
    background: url(/Themes/AlphaGajLight/Content/assets/sprite.png) no-repeat -901px 7px #fb3052;
    border-radius: 7px 0 30px 0;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.shopbar-flyout-inner .items .item .remove {
    position: absolute;
    left: 20px;
    top: 35px;
    opacity: 1;
    filter: alpha(opacity=100);
    color: #707070;
    -webkit-transition: opacity .1s linear;
    -moz-transition: opacity .1s linear;
    -o-transition: opacity .1s linear;
    transition: opacity .1s linear;
}
.shopbar-flyout-inner li:not(.more) a {
    font-family: iranyekan-latinNum;
    text-decoration: none;
    -webkit-transition: color .1s linear;
    -moz-transition: color .1s linear;
    -o-transition: color .1s linear;
    transition: color .1s linear;
}
.shopbar-flyout a {
    font-weight: normal;
    line-height: 27px;
    white-space: nowrap;
}

#shopbar-flyout-compare .buttons {
    float: left;
    margin: -150px 0 0 0 !important;
}
#shopbar-flyout-compare .buttons {
    margin: 10px 0 20px 0;
}
.shopbar-flyout-inner .buttons {
    padding: 0 20px;
}

#shopbar-flyout-compare .buttons .btn:first-child {
    margin: 0 0 15px 0 !important;
}
#shopbar-flyout-compare .buttons .btn {
    display: block;
}
#shopbar-flyout-compare .buttons .btn {
    display: block;
}
.shopbar-flyout .btn {
    padding: 3px 20px;
}
btn-second, .btn-second:focus, .btn-second:active {
    padding: 6px 30px;
    border: 1px solid #999;
    background-color: #999;
    color: #fff !important;
    font-size: 17px !important;
}
.btn {
    display: inline-block;
    border-radius: 0;
    padding: 6px 9px;
    box-shadow: none;
    background-image: none;
    border: 0;
    border-radius: 25px;
    font-family:iranyekan !important;
    font-size: 17px !important;
}
.btn-delete  {
    background-color: #EF4056;
    color: #fff !important;
    font-size: 17px !important;
}
.btn-delete:hover, .btn-delete:focus, .btn-delete:active{
    background-color: #6e6e6e;
}


#shopbar-flyout-compare .shopbar-flyout-inner .items .item .data {
    width: 100%;
    display: block;
    margin-top: 10px;
}

.mg-1 {
    margin-top: 1em;
}

.btn-second, .btn-second:focus, .btn-second:active {
    padding: 6px 30px;
    border: 1px solid #999;
    background-color: #999;
    color: #fff !important;
    font-size: 17px !important;
}

 .page-title::before {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    right: 0;
    bottom: 5px;
    width: 3px;
    border-radius: 3px;
    background-color: #dc9203;
}



.breadcrumb2 > li {
    font-family: iranyekan;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}


.product-box{
    box-shadow: 0 1px 1px rgba(82, 99, 116, 0.13);
    background-color: #ffffff;
    border-radius: 15px;
    margin-bottom: 15px;
    overflow: hidden;
}


#navigator{
    background: #fff;
margin-bottom: 30px;
transition: .5s;
border: 0;
border-radius: .55rem;
overflow:hidden;
margin:  0 auto;
margin-top:1em;
box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
font-size: 14px;
color: #424242;
padding: .25em 1em !important;
font-weight: 400;
margin-bottom: 3em;

box-shadow: inset 0 2px 4px rgba(188, 192, 207, 0.26);
background-color: #f5f6f9;
}



.checkout-empty, .login-box {
    display: block;
    margin: 0 auto;
    text-align: center !important;
    color: #a8a8a8;
}

.checkout-empty i {
    font-size:10em;
}

.checkout-empty  {
padding: 2em 0;}

#navigator h2 {
    font-family:iranyekan;
    font-size:2em;
    color: #858585;
    padding-top: .5em;
}

.checkout-empty p {
    padding-top: 1em;
    padding-bottom: .5em;

    font-family:iranyekan;
    font-size:1em;

    color: #858585;
}

#navigator .link a {
    font-family:iranyekan;

    margin: 5px 0 0 10px;
    padding: 0 2px;
    position: relative;
    color: #dc9203;
    padding: 0 .2em;
    line-height: 2;
}

#navigator .link a:hover {
    background: #dc9203;
    color: #fff;
}



#navigator ul li a {
    font-family:iranyekan;
text-align:right !important;
    margin: 5px 0 0 10px;
    padding: 0 2px;
    position: relative;
    color: #dc9203;
    padding: 0 .2em;
    line-height: 2;
}








#navigator .link a::before {
    border-left: 1px solid #d5d5d5;
    content: "";
    position: absolute;
    left: -6px;
    top: 0;
    height: 100%;
}
#navigator .link a::after {
    left: 0;
    right: 0;
    top: 50%;
    margin-top: .85em;
    content: "";
    position: absolute;
    border-bottom: 1px dashed #dc9203;
}


#navigator button{
    font-family:iranyekan;
    background: #dc9203;
    color: #fff;
    font-size:1.25em;
    padding: .1em .5em;
    border: 1px solid #dc9203;
}
#navigator button:hover{
    background: #fff ;
    color: #dc9203;
    border: 1px solid #777;
}

#navigator .plus{
    margin-top:1.5em;
}

#navigator .plus a {
    font-family:iranyekan;
    background: #dc9203;
    color: #fff;
    font-size:1.25em;
    padding: .1em .5em;
    border: 1px solid #dc9203;

}

#navigator .plus a:hover {
    background: #fff ;
    color: #dc9203;
    border: 1px solid #777;
}


.login-box h2{margin-bottom:.5em;}


  
  .login-box fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0;
    position: relative;
    direction: rtl;
    font-family: "iranyekan", tahoma, arial;
    font-size: 14px;
    width: 30em;
    margin:0 auto;

    margin-bottom: 1em;
  }
  
  .login-box fieldset input {
    direction: ltr;
    width: 35em;

    -moz-appearance: none;
    -webkit-appearance: none;
    background: #eee;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    color: #616161;
    display: block;
    height: 50px;
    outline: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding-right: 4em;

  }
  
  .login-box fieldset i[class^="icon"] {
    position: absolute;
    font-size: 180%;
    top: 13px;
    right: 15px;
    color: #9E9E9E;
  }
  
  
  .login-box .field-input:focus:not([readonly]) {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  
  .login-box input:hover, textarea:hover {
    border-color: #dc9203;
    outline: none;
  }
  
  .login-box input:focus, textarea:focus {
    border-color: #dc9203;
  }
  
  ::-moz-placeholder {
    direction: rtl;
    text-align: right;
    font-family: iranyekan;
  }

  
  .login-box input:focus ~ i { color: #dc9203 !important }





.badge{
    padding:0px 12px;
    text-transform:uppercase;
    font-size:.7142em;
    line-height:12px;
    background-color:transparent;
    border:1px solid;
    border-radius:.875rem;
    font-weight:400
}

.widget-user{    float:right;
    font-family:iranyekan;
    margin-left:2em;

}
.widget-user img{
    height:48px;
    weight:48px;
    float:right
}
.widget-user .wid-u-info{
font-size:1em;
    margin-right:5em;
    font-weight:300

}

.widget-user .wid-u-info h5{
    font-size:1.25em;
}


.badge-success{
    border-color:#18ce0f;
    color:#18ce0f
}
.badge-info{
    border-color:#2CA8FF;
    color:#2CA8FF
}
.badge-success{
    border-color:#18ce0f;
    color:#18ce0f
}
.badge-warning{
    border-color:#FFB236;
    color:#FFB236
}
.badge-danger{
    border-color:#FF3636;
    color:#FF3636
}
.badge-neutral{
    border-color:#fff;
    color:#fff
}
.count{
    text-align:center;
    font-family: iranyekan
}
.count span{
font-weight:bold;
font-size:1.5em;

}

.count small{
    display: block;
    font-size:.9em;
}

.right{float:right}
.left{float:left}
.text-left{
    text-align: left;
}


.card {
    background: #fff;
    margin-bottom: 30px;
    padding: 2em;
    transition: .5s;
    border: 0;
    border-radius: .55rem;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
}






.dash-card {
    background: #fff;
    margin-bottom: 30px;
    padding:1.25em  1.5em;
    transition: .5s;
    border: 0;
    border-radius: .55rem;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
    font-family:iranyekan;
    height: 7em;
    color:#191F28;

}

.dash-card i {
    margin-top:.2em;
    vertical-align: middle;
    font-size:3em;
    float:left;
}
.dash-card .icon-comments {
    font-size:2.9em;
}



.dash-card div {
    float:right;
}



.dash-card span {
    display:block;
    font-size:3em;
    text-align:right;
}
.dash-card small {
    display:block;

    font-size:1em;

}



#benchtitle h2{
float:right;
width:40%;
font-family: iranyekan;
margin-bottom:.25em;

    }

    #benchtitle .add{
        margin-top:.25em;
        float:left;
        font-family: iranyekan;
        font-weight:300;
        padding: .25em .5em;
    font-size:18px;
    border: none;

    color: #585858;
    
    
    border-radius: 3px;
    
    background-color: #eee;
    
              }

            #benchtitle .add:hover{
background:#dc9203;
color:#fff




}    



.sidebar-main h3 {
    border-bottom: 3px solid #fff;
    margin-bottom:1em;

    background: #fbf6f1;
    border-radius: 2em;
    padding: 0 1em;
    font-size: 1.75em;
    font-weight: bold;
}

.sidebar-main h3 span {
    font-size: 1.15em;
    background:  #fff;
    padding: 0 1em;
}


.sidebar-main h3 .btn-add {
    background: #fff;
    font-size: .6em;
    cursor: pointer;
    line-height: 3.5em;
    padding:0 1em
}

.sidebar-main h3 .btn-add:hover {
    color: #21274e
}

.not_found {
    width: 7em;
margin: 0 auto;
text-align: center;
font-weight: bold;
}

#benchtitle .add2{
    float:right;
    font-family: iranyekan;
font-size:13px;
border: none;
color: #585858;
padding: .4em .5em ;
border-radius: 2px;

background-color: #fff;

        }
        #benchtitle .add2:hover{
            background:#dc9203;                   
            color:#fff;
        }  
.breadcrumb-item {
float:right;

}

.breadcrumb-item.active {
    color: #6c757d;
}
.breadcrumb-item + .breadcrumb-item {
    padding-right: .25rem;
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-left: .25rem;
    color: #6c757d;
    content: "←";
}



 #site-header .headlinks {
     float: left;
    }

#site-header .headlinks ul li {
    float: right;
    padding: 0px 15px;
    line-height: 65px;
}




 .breadcrumb{
     float:none;
width:40%;

    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    -ms-border-radius:50px;
    border-radius:50px;
    background:transparent;
    font-family: iranyekan;

}


 #site-header .headlinks > a {
     height: 65px;
     color: #519a85;
     padding: 0 35px;
     font-size: 16px;
     font-weight: 500;
     line-height: 65px;
     border-radius: 3px;
     display: inline-block;
     background-color: #f7fcfb;
     border: 1px solid #def0ec;
     -webkit-transition: all .3s linear;
     transition: all .3s linear;
}
 #site-header .headlinks > a:hover {
     box-shadow: 0 -30px #def0ec inset,0 35px #def0ec inset;
}
 #site-header .headlinks > a > i {
     float: right;
     font-size: 30px;
     margin: 15px 0 0 15px;
}
 #site-header .headlinks > a.addposter {
     color: #fff;
     border: none;
     margin-right: 5px;
     background-color: #dc9203;
     box-shadow: 0 -2px #0c8c67 inset;
}
 #site-header .headlinks > a.addposter > i {
     width: 30px;
     height: 30px;
     float: right;
     font-size: 17px;
     line-height: 32px;
     text-align: center;
     border-radius: 50%;
     margin: 17px 0 0 17px;
     background-color: #11b786;
}
 #site-header .headlinks > a.addposter:hover {
     top: 2px;
     height: 63px;
     box-shadow: none;
     position: relative;
}
 #site-header a.matadd {
     color: #fff;
     width: 50px;
     height: 50px;
     display: none;
     bottom: 15px;
     left: 20px;
     z-index: 999;
     font-size: 35px;
     line-height: 55px;
     text-align: center;
     position: fixed;
     border-radius: 50%;
     background-color: #dc9203;
     box-shadow: 2px 2px rgba(0,0,0,.15);
     -webkit-transition: all .3s linear;
     transition: all .3s linear;
}
 #site-header a.matadd:hover {
     background-color: #11b786;
}
 #site-header .userarea {
     top: 25px;
     float: left;
     padding: 0 10px;
     font-size: 12px;
     font-weight: 400;
     line-height: 15px;
     position: relative;
     background-color: #fff;
}
 #site-header .userarea > li {
     padding: 0 15px;
     border-left: 1px solid #e2efec;
     float: right;
}
 #site-header .userarea > li:last-child {
     border-left: none;
}
 #site-header .userarea > li .name {
     color: #d04040;
}
 .map {
     display: block;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
}
 .map svg {
     width: 600px;
     height: 495px;
}
 .map .border path {
     fill: #fff;
}
 .map .province path {
     fill: #c8deda;
}

.map .province path.active {
    fill: #dc9203;
}

 .map .lake path {
     fill: #adc4c0;
}




.map .province path:hover, .map .province path.hover {
    fill: #dc9203 !important;
    cursor: pointer;
}
 .map .province path:hover, .map .province path.hover {
     fill: #dc9203 !important;
     cursor: pointer;
}


.map.disabled .province path:hover,
.map.disabled .province path.hover {
    fill: #c8deda !important;
    cursor: default;
}

 .statelist {
     margin-top: 10px;
}
 .statelist li {
     width: 20%;
     float: right;
     font-size: 11px;
     line-height: 15px;
     text-align: center;
     margin-bottom: 20px;
     border-left: 1px solid #d7e7e4;
     font-family:iranyekan !important;
     font-size:1em;

}
 .statelist li a:hover, .statelist li a.hover {
     color: #d04040;
}
 .inhome {
     width: 50%;
     float: right;
    font-family:iranyekan;

}
 .inhome .intitle {
     font-size: 12px;
     margin-bottom: 15px;
     display: block;
}
 .inhome .selectedcity {
    display: inline !important;
    color: #d04040;
     font-weight: 500;
     font-size: 17px;
     display: inline-block;
     margin-left: 20px;
}
.inhome .selectedcity span {
    display: inline !important;
}


 .inhome .countAds {
     font-weight: 500;
     font-size: 15px;
     display: inline-block;
}

.inhome .countAds.top {
    padding-top:.5em;
    margin-bottom:-.5em;
    display: block;
}

 .inhome .box {
     width: 400px;
     padding: 20px 10px;
     font-size: 15px;
     margin-top: 30px;
     margin-bottom: 40px;
     text-align: center;
     border-radius: 3px;
     position: relative;
     background-color: #848484;
     color:#fff
}
 .inhome .box:before {
     width: 0;
     height: 0;
     top: -12px;
     right: 20px;
     content: '';
     display: block;
     position: absolute;
     border-left: 10px solid transparent;
     border-right: 10px solid transparent;
     border-bottom: 15px solid #848484;
}
 .inhome .box span.title {
     color:#fff

     font-size: 12px;
     font-weight: 300;
     display: block;
     margin-bottom: 10px;
}
 .inhome #lastads .slick-slide {
     float: right;
     margin: 0 10px;
     font-size: 12px;
     font-weight: 300;
     text-align: right;
     margin-bottom: 7px;
}
 .inhome #lastads .slick-slide:first-child {
     display: none;
}
 .inhome #lastads .slick-slide a:hover {
     color: #d04040;
}
 .inhome #lastads .slick-slide:before {
     content: '»';
     color: #a2b5b1;
     margin-left: 10px;
}
 .inhome #lastads .slick-next, .inhome #lastads .slick-prev {
     left: -30px;
     top: 110px;
     position: absolute;
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg);
}
 .inhome #lastads .slick-prev {
     left: -30px;
     top: 154px;
}
 .inhome #lastads .slick-next {
     top: 170px;
     -webkit-transform: rotate(-90deg);
     transform: rotate(-90deg);
}
 .inhome #lastads .slick-next:before, .inhome #lastads .slick-prev:before {
     content: '»';
     color: #585858;
     font-size: 18px;
}
 .inhome #lastads .slick-prev:before {
     position: relative;
     top: -8px;
}
 .inhome #lastads .slick-list {
     height: 150px !important;
}
 #breadcrumbs {
     margin-bottom: 20px;
}
 #breadcrumbs > .before {
     float: right;
     color: #d04040;
     font-size: 35px;
     font-weight: 500;
     display: inline-block;
}
 #breadcrumbs > .before:after {
     float: left;
     color: #d7e2e0;
     content: "\e904";
     font: 40px icons;
     margin: 3px 15px 0;
}
 #breadcrumbs > .after {
     float: right;
     color: #d04040;
     font-size: 35px;
     font-weight: 500;
     display: inline-block;
}
 #breadcrumbs > .after:before {
     float: right;
     color: #d7e2e0;
     content: "\e904";
     font: 40px icons;
     margin: 3px 15px 0;
}
 #breadcrumbs > ul > li {
     font-size: 13px;
     float: right;
}
 #breadcrumbs > ul > li:after {
     content: '»';
     color: #c1d5cf;
     margin: 0 15px;
}
 #breadcrumbs > ul > li:last-child:after {
     display: none;
}
 #breadcrumbs > ul.categories {
     margin-top: 10px;
}
 #breadcrumbs > ul.categories li {
     font-size: 12px;
     font-weight: 300;
}
 #breadcrumbs > ul.categories li .removeThis {
     color: #fff;
     width: 10px;
     height: 10px;
     font-size: 9px;
     cursor: pointer;
     line-height: 10px;
     text-align: center;
     border-radius: 2px;
     display: inline-block;
     background-color: #d04040;
}
 .filtering {
     margin-bottom: 30px;
}
 .filtering .showtype {
     width: 35px;
     height: 30px;
     color: #30c99d;
     cursor: pointer;
     font-size: 16px;
     line-height: 35px;
     text-align: center;
     border-radius: 2px;
     display: inline-block;
     background-color: #f7fcfb;
     box-shadow: 0 -2px #d6e4e1 inset;
     -webkit-transition: all .3s linear;
     transition: all .3s linear;
}
 .filtering .showtype > .icon-executives {
     color: #d04040;
}
 .filtering input[type=checkbox]:checked + .showtype {
     box-shadow: 0 -35px #e8f2f0 inset;
}
 .filtering input[type=search] {
     width: 290px;
     height: 30px;
     font-size: 12px;
     padding: 0 10px;
     border-radius: 2px;
     margin: 0 15px 0 2px;
     background-color: #eee;
}
 .filtering select {
     width: 290px;
     height: 30px;
     border: none;
     margin: 0 2px;
     padding: 0 10px 0 35px;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     position: relative;
     font: 300 12px irsans;
     background: url(frontend/assets/img/select.png) no-repeat left center #f7fcfb;
}
 .filtering input[type=submit] {
     width: 100px;
     color: #fff;
     height: 29px;
     padding: 0 10px;
     border-radius: 2px;
     font: 300 12px irsans;
     background-color: #d04040;
     -webkit-transition: all .3s linear;
     transition: all .3s linear;
}
 .filtering input[type=submit]:hover {
     background-color: #bc4242;
}
 .ponezver {
     float: right;
     padding: 7px;
     color: #80a69e;
     border-radius: 3px;
     position: relative;
     margin: 0 0 15px 10px;
     width: calc(50% - 10px);
     background-color: #f7fcfb;
     border-bottom: 2px solid #c4dad6;
}
 .shareIcons {
     background-color: #fff;
     display: list-item;
     font-size: 30px;
     text-align: right;
     transition: all 0.3s linear 0s;
}
 .shareIcons span{
     font-size:13px;
     vertical-align: top;
}
 .ponezver .doKey, .managepost .doKey {
     width: 35px;
     height: 30px;
     font-size: 20px;
     line-height: 30px;
     text-align: center;
     border-radius: 2px;
     position: absolute;
     background-color: #f7fcfb;
     -webkit-transition: all .3s linear;
     transition: all .3s linear;
}
 .ponezver .doKey.icon-heart {
     right: 165px;
     top: 15px;
     color: #30c99d;
     opacity: 1;
     font-size: 15px;
     border-radius: 20px;
     width: 31px;
}
 .ponezver .doKey.icon-executives, .managepost .doKey {
     right: 15px;
     top: 15px;
     color: #d04040;
     -webkit-box-shadow: 2px 2px 2px 0;
     -moz-box-shadow: 2px 2px 2px 0;
     box-shadow: 2px 2px 2px 0;
}
 .ponezver .thumbnail {
     float: right;
     width: 200px;
     height: 200px;
     border-radius: 3px;
     margin: 0 0 0 15px;
}
 .ponezver h2.title {
     height: 65px;
     margin-bottom: 5px;
     font-size: 13px;
     font-weight: 500;
     line-height: 30px;
}
 .ponezver span {
     display: block;
     font-size: 12px;
     font-weight: 300;
     margin-bottom: 10px;
}
 .ponezver span.price {
     font-size: 15px;
     font-weight: 500;
     margin-top: 15px;
}
 .ponezver span.price > u {
     color: #adbdba;
     font-size: 11px;
     font-weight: 200;
     text-decoration: none;
}
 #load-more {
     width: 140px;
     font-size: 20px;
     font-weight: 300;
     margin: 30px auto;
}
 #posts .single {
     padding: 30px;
     line-height: 30px;
     margin-left: 10px;
     border-radius: 3px;
     text-align: justify;
     border: 1px solid #dfe9e7;
     background-color: #f7fcfb;
     -ms-word-wrap: break-word !important;
     word-wrap: break-word !important;
}
 #posts .single #allthumbs {
     margin: -20px -20px 30px;
}
 #posts .single #allthumbs .slick-slide {
     float: right;
     margin: 0 2.5px;
     height: 270px;
}
 #posts .single #allthumbs .slick-slide img {
     border-radius: 3px;
     width: 100%;
     height: 100%;
     -webkit-filter: grayscale(100%);
     filter: grayscale(100%);
     -webkit-transition: all .3s linear;
     transition: all .3s linear;
}
 #posts .single #allthumbs .slick-slide:hover img {
     -webkit-filter: grayscale(0%);
     filter: grayscale(0%);
}
 #posts .single #allthumbs .slick-next, #posts .single #allthumbs .slick-prev {
     z-index: 99;
     height: 50px;
     width: 50px;
     top: 45%;
}
 #posts .single #allthumbs .slick-next {
     left: 0;
}
 #posts .single #allthumbs .slick-next:before, #posts .single #allthumbs .slick-prev:before {
     content: "\e905";
     color: #fff;
     font: 40px icons;
}
 #posts .single #allthumbs .slick-prev:before {
     content: "\e906";
}
 #posts .single .stitle {
     color: #bc3636;
     font-size: 20px;
     font-weight: 500;
     margin-bottom: 15px;
}
 #posts .single .stitle > span {
     float: left;
     color: #80a69e;
     font-size: 12px;
     font-weight: 300;
}
 .sblock {
     padding: 20px 15px;
     border-radius: 3px;
     margin-bottom: 10px;
}
 .sblock.categories {
     color: #fff;
     background-color: #dc9203;
}
 .sblock.categories a.back {
     font-size: 12px;
     font-weight: 300;
     margin-bottom: 20px;
     display: block;
     cursor: pointer;
}
 .sblock.categories a.back:before {
     float: right;
     content: "\e904";
     width: 20px;
     height: 20px;
     color: #0c7757;
     padding-right: 2px;
     text-align: center;
     font: 9px/20px icons;
     border-radius: 50%;
     margin: -2px 0 0 7px;
     -webkit-transform: rotateY(180deg);
     transform: rotateY(180deg);
     background-color: #0eaf80;
}
 .sblock.categories h3.tCat {
     font-size: 15px;
     font-weight: 500;
     margin-bottom: 15px;
}
 .sblock.categories ul {
     margin: 0 5px;
     padding: 0 10px;
     font-size: 12px;
     font-weight: 300;
     border-right: 1px dotted #fff;
}
 .sblock.categories ul li {
     margin-bottom: 10px;
     cursor: pointer;
}
 .sblock.dashoard {
     background-color: #f7fcfb;
     border: 1px solid #dfe9e7;
}
 .sblock.dashoard .bTitle {
     height: 70px;
     color: #aec4c0;
     font-size: 16px;
     font-weight: 500;
     line-height: 70px;
     padding: 0 15px;
     margin: -20px -15px 20px;
     border-bottom: 1px solid #dfe9e7;
}
 .sblock.dashoard ul li {
     color: #405d54;
     font-size: 12px;
     font-weight: 300;
     margin-bottom: 15px;
     -webkit-transition: all .3s linear;
     transition: all .3s linear;
}
 .sblock.dashoard ul li:hover, .sblock.dashoard ul li.here {
     color: #dc9203;
}
 .sblock.dashoard ul li:before {
     content: '»';
     color: #aec4c0;
     margin-left: 10px;
}
 .sblock.dashoard ul li:last-child {
     margin-bottom: 0;
}
 .sblock.beresller {
     height: 290px;
     position: relative;
     background: url(frontend/assets/img/beresller.png) no-repeat center center / 100% 100%;
}
 .sblock.beresller > a {
     color: #fff;
     left: 25px;
     bottom: 100px;
     font-size: 12px;
     font-weight: 300;
     padding: 7px 10px;
     border-radius: 3px;
     position: absolute;
     background-color: #c4b29e;
     text-shadow: 1px 2px #a59988;
     box-shadow: 0 -1px #9a8b77 inset;
     -webkit-transition: all .3s linear;
     transition: all .3s linear;
}
 .sblock.beresller > a:hover {
     background-color: #a59988;
}
 .sblock.executives {
     height: 70px;
     color: #a8b9b6;
     font-size: 11px;
     line-height: 35px;
     border: 1px solid #dfe9e7;
     background-color: #f7fcfb;
     text-align: center;
}
 .sblock.executives > i {
     color: #b92121;
     font-size: 35px;
}
 .sblock.executives > span {
     color: #b92121;
     font-size: 20px;
     font-weight: 500;
     margin: 0 10px;
     vertical-align: top;
}
 .sblock.allinfo {
     font-size: 12px;
     line-height: 30px;
     border: 1px solid #dfe9e7;
     background-color: #f7fcfb;
}
 .sblock.allinfo .btitle {
     color: #b92121;
     font-weight: 500;
     font-size: 16px;
     margin: -5px 0 10px;
}
 .sblock.callseller {
     color: #fff;
     background-color: #d04040;
}
 .sblock.callseller .btitle {
     font-weight: 500;
     font-size: 16px;
     margin: 0 0 20px;
}
 .sblock.callseller > span {
     display: block;
     direction: ltr;
     font-size: 15px;
     margin-bottom: 10px;
}
 .sblock.callseller > span > a {
     text-decoration: underline;
}
 .sblock.callseller > span.email {
     font-size: 12px;
}
 .sblock.callseller > a {
     height: 45px;
     color: #9c3232;
     display: block;
     font-size: 15px;
     font-weight: 500;
     line-height: 45px;
     text-align: center;
     border-radius: 3px;
     margin-bottom: 15px;
     background-color: #f7fcfb;
     -webkit-transition: all .3s linear;
     transition: all .3s linear;
}
 .sblock.callseller > a:hover {
     background-color: #dc9203;
     box-shadow: 0 2px #9c2828;
}
 .postUtility span {
     height: 40px;
     font-size: 12px;
     font-weight: 500;
     line-height: 40px;
     margin-left: 5px;
     border-radius: 3px;
     text-align: center;
     display: inline-block;
     width: calc(26% - 5px);
     border: 1px solid #dfe9e7;
     background-color: #f7fcfb;
     -webkit-transition: all .3s linear;
     transition: all .3s linear;
}
 .postUtility span:hover {
     background-color: #d4e5e2;
     cursor: pointer;
}
 .postUtility span.like {
     margin-left: 0;
     position: relative;
     top: 2px;
     width: 18%;
     color: #dc9203;
     font-size: 18px;
}
 .postUtility span.like > i {
     position: relative;
     top: 5px;
}
 .user-status > a > span {
     font-size: 14px;
     display: inline-block;
}
 .user-status > a > span.activeads {
     margin-left: 25px;
}
 .user-status > a > span > i {
     color: #fff;
     float: right;
     padding: 1px 5px;
     line-height: 1.5;
     margin-top: -3px;
     margin-left: 10px;
     border-radius: 3px;
     background-color: #b92121;
}
 ul#breadcrumbs-panel {
     margin-bottom: 30px;
}
 ul#breadcrumbs-panel li {
     float: right;
     font-size: 13px;
}
 ul#breadcrumbs-panel li:first-child {
     color: #d04040;
}
 ul#breadcrumbs-panel li:after {
     float: left;
     color: #dbe6e4;
     content: "\e904";
     margin: 0 15px;
     font: 16px icons;
     display: inline-block;
}
 ul#breadcrumbs-panel li:last-child:after {
     display: none;
}
 .pcontent {
     padding-right: 15px;
}
 .pcontent > .page {
     line-height: 30px;
     padding: 20px 25px;
     border-radius: 3px;
     text-align: justify;
     background-color: #fff;
     border: 1px solid #dfe9e7;
}
 .pcontent > .page .pTitle {
     height: 70px;
     color: #dc9203;
     padding: 0 15px;
     font-size: 16px;
     font-weight: 500;
     line-height: 70px;
     margin: -20px -25px 20px;
     border-bottom: 1px solid #dfe9e7;
}
 .bordered {
     border: 1px solid #dae5e3;
}
 .sendAds .item {
     margin-bottom: 1em;

}
.sendAds .item.no {
    margin-bottom: 0;

}
 .sendAds .item > label {
     width: 100%;
     margin-left: 15px;
     display: inline-block;
     font-family: iranyekan;
     font-size:1.15em;
     padding-bottom: .25em;

}
 .sendAds .item > input, .sendAds .item > select {
    width: 100%;
    font-size:1.1em;
    padding:.2em .5em;
    font-family: iranyekan;

}
 .sendAds .item > textarea {
     width: calc(100% - 120px);
}
 .sendAds .item > .addAdTextArea {
     width: 450px !important;
     min-height: 200px;
     max-height: 200px;
}
 .sendAds .item > .addAdTextAreaRe {
     width: 100% !important;
     min-height: 200px;
     max-height: 200px;
}
 .sendAds .uploadthumbs {

}
 .sendAds .uploadthumbs > h4 {
     font-size: 13px;
     font-weight: 500;
     margin-bottom: 10px;
}
 .sendAds .uploadthumbs > h4 > span {
     display: block;
     margin-right: 15px;
     font-size: 11px;
     color: #abbab5;
     font-weight: 300;
     margin-top: -5px;
}
 .sendAds .uploadthumbs > label {
     width: 95%;
     height: 210px;
     margin-right: 1em;

     float: left;
     cursor: pointer;
     border-radius: 3px;
     -webkit-transition: all .3s linear;
     transition: all .3s linear;
     background: url(../images/selectpic.png) no-repeat center center #eee;
}
 .sendAds .uploadthumbs > label:last-child, .sendAds .uploadthumbs > .upedthumb:last-child {
     margin-left: 0;
}
 .sendAds .uploadthumbs > label:hover {
     background: url(./images/selectpic.png) no-repeat center center #dbebe8;
}
 .sendAds .uploadthumbs > .upedthumb {
     float: right;
     width: 189px;
     height: 189px;
     margin: 0 2%;
     position: relative;
}
 .sendAds .uploadthumbs > .upedthumb > img {
     width: 100%;
     height: 100%;
     border-radius: 3px;
}
 .sendAds .uploadthumbs > .upedthumb .icon-uncheck {
     top: 5px;
     left: 10px;
     color: #fff;
     width: 20px;
     height: 20px;
     font-size: 10px;
     line-height: 20px;
     text-align: center;
     cursor: pointer;
     position: absolute;
     border-radius: 50%;
     background-color: #b92121;
}
 .sendAds .uploadthumbs > .upedthumb .icon-check {
     color: #dc9203;
     top: 60px;
     cursor: default;
     font-size: 75px;
     position: absolute;
     display: block;
     text-align: center;
     left: 0;
     right: 0;
}
 .sendAds .uploadthumbs > .upedthumb .icon-load {
     color: #80a69e;
     top: 60px;
     cursor: default;
     font-size: 40px;
     position: absolute;
     display: block;
     text-align: center;
     left: 0;
     right: 0;
}
 .NewBtn {
     color: #fff;
     float: left;
     height: 40px;
     padding: 0 20px;
     margin-bottom: 7px;
     font-weight: 500;
     border-radius: 2px;
     background-color: #dc9203;
     box-shadow: 0 -2px #0d936c inset;
}
 .NewBtn:hover {
     box-shadow: none;
     height: 38px;
     top: 2px;
     position: relative;
     margin-bottom: 7px;
}
 .sendAds button[type=submit] > i {
     width: 25px;
     height: 25px;
     float: right;
     font-size: 15px;
     line-height: 28px;
     border-radius: 50%;
     margin: 2px 0px 0 10px;
     background-color: #11b786;
}
 .sendAds .accrules {
     font-size: 12px;
     line-height: 40px;
}
 .sendAds .accrules > a {
     color: #b32e2d;
}
 .getpack {
     height: 85px;
     padding: 16px;
     border-radius: 3px;
     margin-bottom: 15px;
     vertical-align: middle;
     border: 1px solid #dae5e3;
     background-color: #f7fcfb;
}
 .getpack:last-child {
     margin-bottom: 0;
}
 .getpack > span.name {
     color: #fff;
     width: 15%;
     height: 50px;
     float: right;
     font-size: 20px;
     font-weight: 700;
     line-height: 50px;
     text-align: center;
     border-radius: 3px;
     display: inline-block;
     background-color: #dc9203;
}
 .getpack > h5 {
     font-size: 15px;
     font-weight: 500;
     width: 30%;
     float: right;
     padding: 0 30px 0 15px;
}
 .getpack > h5 > span {
     display: block;
     font-size: 12px;
     margin-top: -5px;
     font-weight: 400;
}
 .getpack > .price {
     width: 35%;
     float: right;
     color: #b92121;
     padding: 0 15px;
     font-size: 30px;
     font-weight: 700;
     line-height: 53px;
     text-align: center;
     display: inline-block;
}
 .getpack > .price > u {
     font-size: 12px;
     color: #585858;
     text-decoration: none;
     font-weight: 400;
     margin-right: 5px;
     position: relative;
     top: -3px;
}
 .getpack > a {
     width: 20%;
     float: right;
     font-size: 14px;
     line-height: 53px;
     text-align: center;
}
 .getpack > a:before {
     float: right;
     content: "\e90a";
     font: 20px icons;
     margin-top: 15px;
}
 .managepost {
     padding: 10px;
     border-radius: 3px;
     position: relative;
     margin-bottom: 15px;
     border: 1px solid #dfe9e7;
     background-color: #f7fcfb;
}
 .managepost > .thumbnail {
     float: right;
     width: 160px;
     height: 160px;
     border-radius: 3px;
     margin: 15px 0 0 15px;
}
 .managepost > h2 {
     font-size: 15px;
     font-weight: 500;
     margin: 10px 0 15px;
}
 .managepost > span {
     display: block;
     color: #80a69e;
     font-weight: 300;
    /*margin-bottom: 10px;
    */
     font-size: 12px;
}
 .managepost .adsStatus {
     top: 20px;
     left: 30px;
     font-size: 14px;
     font-weight: 500;
     position: absolute;
}
 .adsStatus-error {
     color: #d04040;
}
 .adsStatus-success {
     color: #0a941c;
}
 .adsStatus-warning {
     color: #f3ab46;
}
 .adsStatus-info {
     color: #4da3b2;
}
 .managepost .actions {
     left: 30px;
     bottom: 15px;
     position: absolute;
}
 .managepost .actions > a, .act {
     height: 35px;
     padding: 0 20px;
     line-height: 35px;
     border-radius: 3px;
     display: inline-block;
     background-color: #fff;
     border: 1px solid #e3eceb;
     -webkit-transition: all .3s linear;
     transition: all .3s linear;
}
 .managepost .actions > a:hover, .act:hover {
     color: #fff;
     border-color: #dc9203;
     background-color: #dc9203;
     cursor: pointer;
}
 .related {
     margin: 35px auto 20px;
}
 .related > h3 {
     color: #bc3636;
     font-size: 16px;
     font-weight: 500;
     text-align: center;
     margin-bottom: 30px;
}
 .related .ponezver {
     width: inherit;
     margin: 0 0 0 10px;
}
 .related .relatedp .slick-next, .related .relatedp .slick-prev {
     top: -55px;
     position: absolute;
     right: 30%;
}
 .related .relatedp .slick-next {
     left: 30%;
     right: auto;
}
 .related .relatedp .slick-next:before, .related .relatedp .slick-prev:before {
     content: '»';
     color: #585858;
     font-size: 18px;
}
 .related .relatedp .slick-prev:before {
     content: '«';
}
 #site-footer {
     color: #333;
     font-size: 11px;
     font-weight: 300;
     margin-top: 30px;
     padding-bottom: 20px;
     border-top: 1px solid #e3f1ee;
     font-family:iranyekan;
}
 #site-footer .botnav {
     float: left;
     color: #333;
     font-size: 12px;
     margin-top: -10px;
     margin-bottom: 20px;
}
 #site-footer .botnav > li {
     float: right;
     padding: 0 10px;
     margin-left: 20px;
     background-color: #fff;
     -webkit-transition: all .3s ease-in;
     transition: all .3s ease-in;
}
 #site-footer .botnav > li:hover {
     color: #7b938c;
}
 #site-footer .botnav > li.tell {
     color: #dc9203;
     font-family:iranyekan;

     font-weight: 700;
     font-size: 16px;
     margin-top: -3px;
}
 #site-footer .dadenevisan {
     color: #d04040;
     float: left;
}
 .field-validation-error {
     color: #b94a48 !important;
     text-shadow: none !important;
     margin-right: 145px;
}
 .field-validation-valid {
     display: none;
}
 input.input-validation-error {
     border: 1px solid #b94a48 !important;
}
 .input-validation-error {
     border: 1px solid #b94a48 !important;
}
 input[type="checkbox"].input-validation-error {
     border: 0 none;
}
 .validation-summary-errors {
     color: #b94a48;
}
 .validation-summary-valid {
     display: none;
}
 .selectTextMock {
     cursor: pointer;
     height: 30px;
     width: 350px;
     margin-bottom: 5px;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     padding-left: 30px;
     background: url(frontend/assets/img/selectMock.png) no-repeat left center #eee;
}
 .searchSelectMock {
     background: url(frontend/assets/img/selectMock.png) no-repeat left center #eee;
     border-radius: 2px;
     font-size: 12px;
     height: 30px;
     padding: 0 10px;
     width: 290px;
}
 .selectModalBackButton {
     -moz-appearance: none;
     background: #eee url("frontend/assets/img/Back.png") no-repeat scroll right center;
     cursor: pointer;
     font-size: 15px;
     height: 30px;
     margin-bottom: 12px;
     padding-left: 30px;
     padding-right: 30px;
     width: 100%;
}
 .selectModalParentItems {
     cursor: pointer;
     height: 30px;
     width: 100%;
     margin-bottom: 5px;
     padding-right: 10px;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     padding-left: 30px;
     background: url(frontend/assets/img/selectMock.png) no-repeat left center #eee;
}
 .selectModalItems {
     cursor: pointer;
     height: 30px;
     width: 100%;
     margin-bottom: 5px;
     padding-right: 10px;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     padding-left: 30px;
     background-color: #eee;
}
 .modal-open {
     overflow: hidden;
}
 .modal {
     background-clip: padding-box;
     background-color: transparent !important;
     border: none !important;
     border-radius: 0 !important;
     bottom: auto;
     box-shadow: none !important;
     left: 50%;
     margin-left: -250px;
     padding: 0;
     right: auto;
     width: 400px;
     display: none;
     overflow: hidden;
     position: fixed;
     z-index: 10050;
     -webkit-overflow-scrolling: touch;
     outline: 0;
}
 .modal.fade .modal-dialog {
     -webkit-transform: translate(0, -25%);
     -ms-transform: translate(0, -25%);
     -o-transform: translate(0, -25%);
     transform: translate(0, -25%);
     -webkit-transition: -webkit-transform 0.3s ease-out;
     -moz-transition: -moz-transform 0.3s ease-out;
     -o-transition: -o-transform 0.3s ease-out;
     transition: transform 0.3s ease-out;
}
 .modal.in .modal-dialog {
     -webkit-transform: translate(0, 0);
     -ms-transform: translate(0, 0);
     -o-transform: translate(0, 0);
     transform: translate(0, 0);
}
 .modal-open .modal {
     overflow-x: hidden;
     overflow-y: auto;
}
 .modal-dialog {
     position: relative;
     width: auto;
     margin: 10px;
}
 .modal-content {
     position: relative;
     background-color: #fff;
     border: 1px solid #999;
     border: 1px solid rgba(0, 0, 0, 0.2);
     border-radius: 6px;
     -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
     box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
     background-clip: padding-box;
     outline: 0;
}
 .modal-backdrop {
     position: fixed;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     z-index: 10049;
     background-color: #000;
}
 .modal-backdrop.fade {
     opacity: 0;
     filter: alpha(opacity=0);
}
 .modal-backdrop.in {
     opacity: 0.5;
     filter: alpha(opacity=50);
}
 .modal-header {
     padding: 15px;
     border-bottom: 1px solid #e5e5e5;
     min-height: 16.42857px;
}
 .modal-header .close {
     margin-top: -2px;
}
 .modal-title {
     margin: 0;
     line-height: 1.42857;
}
 .modal-body {
     position: relative;
     padding: 15px;
}
 .modal-footer {
     padding: 15px;
     text-align: left;
     border-top: 1px solid #e5e5e5;
}
 .modal-footer:before, .modal-footer:after {
     content: " ";
     display: table;
}
 .modal-footer:after {
     clear: both;
}
 .modal-footer .btn + .btn {
     margin-right: 5px;
     margin-bottom: 0;
}
 .modal-footer .btn-group .btn + .btn {
     margin-right: -1px;
}
 .modal-footer .btn-block + .btn-block {
     margin-right: 0;
}
 .modal-scrollbar-measure {
     position: absolute;
     top: -9999px;
     width: 50px;
     height: 50px;
     overflow: scroll;
}
 @media (min-width: 768px) {
     .modal-dialog {
         width: 600px;
         margin: 30px auto;
    }
     .modal-content {
         -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
         box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }
     .modal-sm {
         width: 300px;
    }
}
 @media (min-width: 992px) {
     .modal-lg {
         width: 900px;
    }
}
 .modal.fade .modal-dialog {
     -webkit-transform: scale(0.1);
     -moz-transform: scale(0.1);
     -ms-transform: scale(0.1);
     transform: scale(0.1);
     top: 300px;
     opacity: 0;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     transition: all 0.3s;
}
 .modal.fade.in .modal-dialog {
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
     -webkit-transform: translate3d(0, -300px, 0);
     transform: translate3d(0, -300px, 0);
     opacity: 1;
}
 input[type="checkbox"], input[type="radio"] {
     width: 15px !important;
}
 .progress {
     display: block;
     text-align: center;
     width: 0;
     height: 4px;
     background: red;
     transition: width .3s;
}
 .progress.hide {
     opacity: 0;
     transition: opacity 1.3s;
}
.aaa{
    display: block !important;
    width: 100%  !important;


}

 .pagination {
     display: block;
    
     width: 100%;
     padding-left: 0;
     margin: 20px 0;
     font-family: iranyekan !important;
     font-size: 1em;
 color: #6c6c6c;
 
}
 .pagination > li {
     display: inline;
     padding-right: 0;
}
 .pagination > li > a, .pagination > li > span {
     position: relative;
     float: right;
     margin-right: -1px;
     margin-left: 0;
     padding: 6px 12px;
     line-height: 1.42857143;
     color: #333;
     text-decoration: none;
     background-color: #fff;
     border: 1px solid #ddd;
}
 .pagination > li:first-child > a, .pagination > li:first-child > span {
     margin-left: 0;
     border-top-left-radius: 4px;
     border-bottom-left-radius: 4px;
}
 .pagination > li:last-child > a, .pagination > li:last-child > span {
     border-top-right-radius: 4px;
     border-bottom-right-radius: 4px;
}
 .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
     z-index: 2;
     color: #dc9203;
     background-color: #eee;
     border-color: #ddd;
}
 .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
     z-index: 3;
     color: #333;
     cursor: default;
     background-color: #dc9203;
     border-color: #ddd;
}
 .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
     color: #777;
     cursor: not-allowed;
     background-color: #fff;
     border-color: #ddd;
}
 .pagination-lg > li > a, .pagination-lg > li > span {
     padding: 10px 16px;
     font-size: 18px;
     line-height: 1.3333333;
}
 .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
     border-top-left-radius: 6px;
     border-bottom-left-radius: 6px;
}
 .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
     border-top-right-radius: 6px;
     border-bottom-right-radius: 6px;
}
 .pagination-sm > li > a, .pagination-sm > li > span {
     padding: 5px 10px;
     font-size: 12px;
     line-height: 1.5;
}
 .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
     border-top-left-radius: 3px;
     border-bottom-left-radius: 3px;
}
 .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px;
}
 .pagination {
     padding-right: 0;
}
 .pagination > li > a, .pagination > li > span {
     float: right;
     margin-right: -1px;
     margin-left: 0;
}
 .pagination > li:first-child > a, .pagination > li:first-child > span {
     margin-left: 0;
     border-bottom-right-radius: 4px;
     border-top-right-radius: 4px;
     border-bottom-left-radius: 0;
     border-top-left-radius: 0;
}
 .pagination > li:last-child > a, .pagination > li:last-child > span {
     margin-right: -1px;
     border-bottom-left-radius: 4px;
     border-top-left-radius: 4px;
     border-bottom-right-radius: 0;
     border-top-right-radius: 0;
}
 .chats {
     margin: 0;
     padding: 0;
     margin-top: -15px;
}
 .chats li {
     list-style: none;
     padding: 10px 0;
     margin: 10px auto;
     font-size: 12px;
}
 .chats li .body {
     display: block;
}
 .chats li .avatar {
     height: 45px;
     width: 45px;
     -webkit-border-radius: 50% !important;
     -moz-border-radius: 50% !important;
     border-radius: 50% !important;
}
 .chats li.in .avatar {
     float: right;
     margin-left: 10px;
}
 .chats li.out .avatar {
     float: left;
     margin-right: 10px;
}
 .chats li .name {
     color: #3590c1;
     font-size: 13px;
     font-weight: 400;
}
 .chats li .datetime {
     color: #333;
     font-size: 13px;
     font-weight: 400;
}
 .chats li .message {
     display: block;
     padding: 5px;
     position: relative;
}
 .chats li.in .message {
     text-align: right;
     border-right: 2px solid #1BBC9B;
     margin-right: 7px;
     padding-right: 5px;
     background: #fafafa;
}
 .chats li.in .message .arrow {
     display: block;
     position: absolute;
     top: 5px;
     right: -8px;
     width: 0;
     height: 0;
     border-top: 8px solid transparent;
     border-bottom: 8px solid transparent;
     border-left: 8px solid #1BBC9B;
}
 .chats li.out .message {
     border-left: 2px solid #F3565D;
     margin-left: 7px;
     padding-left: 5px;
     background: #fafafa;
     text-align: left;
}
 .chats li.out .message .arrow {
     display: block;
     position: absolute;
     top: 5px;
     left: -8px;
     border-top: 8px solid transparent;
     border-bottom: 8px solid transparent;
     border-right: 8px solid #F3565D;
}
 .chats li.out .name, .chats li.out .datetime {
     text-align: left;
}
 .chat-form {
     margin-top: 15px;
     padding: 10px;
     background-color: #e9eff3;
     overflow: hidden;
     clear: both;
}
 .chat-form .input-cont {
     margin-left: 40px;
}
 .chat-form .input-cont .form-control {
     border: 1px solid #ddd;
     width: 100% !important;
     margin-top: 0;
     background-color: #fff !important;
}
 .chat-form .input-cont .form-control:focus {
     border: 1px solid #4b8df9 !important;
}
 .chat-form .btn-cont {
     margin-top: -41px;
     position: relative;
     float: left;
     width: 44px;
}
 .chat-form .btn-cont .arrow {
     position: absolute;
     top: 17px;
     left: 43px;
     border-top: 8px solid transparent;
     border-bottom: 8px solid transparent;
     border-left: 8px solid #4d90fe;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 .chat-form .btn-cont .btn {
     margin-top: 7px;
}
 .chat-form .btn-cont:hover .arrow {
     border-left-color: #0362fd;
     transition: all 0.3s;
}
 .chat-form .btn-cont:hover .btn {
     background-color: #0362fd;
     transition: all 0.3s;
}
 @media(max-width:767px) {
     #site-header .headlinks > a.addposter{
        display: none
    }
     #breadcrumbs, ul#breadcrumbs-panel {
         margin-top: 70px;
    }
     #site-header #logo {
        float: none;
        display: block;
        margin: 0 auto;
        margin-bottom: 30px;
    }
     #site-header .headlinks{
        float:none;
    }
     #site-header .headlinks > a{
        height:65px;
        display: block;
        text-align: center;
    }
     #site-header a.matadd {
        display: block;
    }
     .map {
        display:none;
    }
     .filtering > .pull-right {
        float: none !important;
        display: block;
        text-align: center;
        margin-top: 30px;
    }
     .filtering input[type=search],.filtering select, .filtering input[type=submit] {
        margin: 0 auto 5px;
        width: 90%;
        display: block;
    }
     .ponezver {
        width: 100%;
        height: 145px;
        float: none;
    }
     .ponezver .thumbnail{
        width:120px;
        height:130px;
    }
     .ponezver h2.title {
        height: 50px;
        line-height: 25px;
        margin: 0 0 10px;
    }
     .ponezver span {
        margin-bottom: 5px;
        font-weight: 200;
    }
     .ponezver span.price {
        font-size: 14px;
        margin-top: 10px;
    }
     .pcontent {
        padding-right: 0
    }
     .managepost > .thumbnail {
        float: none;
        margin: 0 auto 20px;
        display: block;
        width: 250px;
        height:200px;
    }
     .managepost .adsStatus {
        position: relative;
        left: auto;
        top: auto;
        margin-bottom: 10px;
        text-align: center;
        display: block;
    }
     .managepost .actions {
        position: relative;
        left: auto;
        right: auto;
        text-align: center;
        bottom: auto;
        margin-top: 20px;
    }
     .getpack {
        height:auto;
    }
     .getpack > span.name {
        width: 70%;
        float: none;
        margin: 0 auto 20px;
        display: block;
    }
     .getpack > h5{
        width:100%;
        float:none;
        padding: 0 10px;
        text-align: center;
    }
     .getpack > .price {
        width: 100%;
        padding: 0 10px;
        float: none;
        display: block;
    }
     .getpack > a {
        display: block;
        width: 60%;
        float: none;
        margin: 0 auto;
    }
     .sendAds p.item > label {
        width: 100%;
        margin-bottom: 5px;
    }
     .sendAds p.item > input,.sendAds p.item > select,.sendAds p.item > textarea ,.selectTextMock{
        width:100%
    }
     .sendAds .item > .addAdTextArea{
         width:100% !important;
    }
     .sendAds .item > .addAdTextAreaRe{
         width:100% !important;
    }
     .field-validation-error{
         margin:0 0 0 0 !important;
    }
     .sendAds .uploadthumbs > label {
        width: 100%;
        height: 200px;
        float: right;
        margin: 0px 0px 10px;
    }
     .sendAds .uploadthumbs > .upedthumb{
        float:none;
        width:100%;
        height:200px;
        margin:0 0 10px;
    }
     .sendAds button[type=submit] {
        width:100%;
        float:none;
    }
     .sendAds .CloseBtn {
        width:100%;
        float:none;
    }
     .NewBtn {
        width:100%;
        float:none;
    }
     .sendAds .accrules{
        line-height:25px;
    }
     #posts .single{
        margin: 0 0 20px 0;
    }
     #posts .single .stitle > span{
        float:none;
        display: block;
    }
     .related .relatedp .slick-next,.related .relatedp .slick-prev{
        right:8%
    }
     .related .relatedp .slick-next{
        left:8%;
        right:auto
    }
     .related .relatedp .ponezver {
        width: 100%;
        height: auto;
        float: right;
        margin: 0;
    }
     .related .relatedp .ponezver h2.title {
        height: 50px;
        font-size: 10px
    }
     #site-footer .botnav{
        display:none;
    }
     .statelist li {
        width: 48%;
        margin: 0 0 2% 2%;
        border-radius:3px;
        padding:5px;
        border: 1px solid #d7e7e4 !important;
    }
     #site-footer .webpars {
        float: none;
        display: block;
        text-align: center;
        margin-bottom: 10px
    }
}
 @media(min-width: 768px) and (max-width: 992px) {


     #breadcrumbs, ul#breadcrumbs-panel {
         margin-top: 70px;
    }
     .sblock.beresller{
        display: none;
    }
     .filtering .showtype{
        width:30px;
        font-size: 15px;
    }
     .filtering input[type=search]{
        width:24%;
        margin-right: 5px;
    }
     .ponezver:nth-child(odd){
        margin-right: 5px;
    }
     .ponezver:nth-child(even){
        margin-left: 0;
    }
     .ponezver{
        height:165px;
    }
     .ponezver .thumbnail{
        width:150px;
        height:150px;
    }
     .ponezver h2.title {
        height: 55px;
        margin: 0px 0px 10px;
        line-height: 25px;
        font-size: 12px;
    }
     .ponezver span {
        font-weight: 200;
    }
     .ponezver span.price {
        font-size: 14px;
        margin-top: 10px;
    }
     #posts .single{
        margin: 0 0 20px 0;
    }
     .related .relatedp {
        margin-left: -10px;
    }
     .related .relatedp .ponezver:nth-child(odd){
        margin-right: 0;
    }
     .related .relatedp .ponezver:nth-child(even){
        margin-left: 10px;
    }
}
 @media(min-width: 992px) and (max-width: 1200px) {
     #posts > .ponezver{
        height:155px;
    }
     #posts > .ponezver .thumbnail{
        width:140px;
        height:140px;
    }
     #posts > .ponezver h2.title {
        height: 55px;
        margin: 0px 0px 10px;
        line-height: 25px;
    }
     #posts > .ponezver span {
        margin-bottom: 5px;
        font-weight: 200;
    }
     #posts > .ponezver span.price {
        font-size: 14px;
        margin-top: 10px;
    }
     .field-validation-error{
         margin:0 0 0 0 !important;
    }
}
 
div.button-delete{
width:1.5em;
border-radius: .25em;
padding-right:.2em;
cursor: pointer;
font-size:1.25em;
}
.attribute-lists{
    font-family:iranyekan;
}

.button-delete{

    font-family:iranyekan;
    background:#DC3545;
    color:#fff;
    margin-right:.2em;

}

.button-edit{
    font-family:iranyekan;
    background:#32325D;
    color:#fff;
    margin-right:.1em;
    padding: 2px 5px;
    border-radius: 3px;
    display: inline-block;
}

.button-edit i{
font-size:1em 
}
.button-edit i.icon-eye{
    font-size:.7em 
    }
    

.button-submit{
    font-family:iranyekan;
    background:#dc9203;
    color:#fff;
    margin-right:.2em;
    padding: .25em 1.5em;
    border-radius: 3px;
    float:left;
    display:block !important;
    font-size:1.25em;
}

.button-submit:hover{
    background:#333;
}



.button-show{
    font-family:iranyekan;
    background:#32325D;
    color:#fff;
    padding: 2px 5px;
    border-radius: 3px;
    text-align:center;
}
.button-delete:hover, .button-edit:hover, .button-show:hover  {
    background:#333;
}
 .avatar{
    max-width:5em;
    max-height: 4em;
    box-shadow:0px 5px 25px 0px rgba(0,0,0,0.2);
    border:1px solid #fff

}

.avatar-mini{
    max-width:2.5em;
    max-height: 2.5em;
    box-shadow:0px 5px 25px 0px rgba(0,0,0,0.2);
    border:1px solid #fff
}

.cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .cf { zoom: 1; }
*:first-child+html .cf { zoom: 1; }




/**
 * Nestable
 */

.dd { position: relative; display: block; margin: 0; padding: 0;width: 100%; list-style: none; font-size: 13px; line-height: 20px; }

.dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; }
.dd-list .dd-list { padding-right: 30px; }
.dd-collapsed .dd-list { display: none; }

.dd-item,
.dd-empty,
.dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 13px; line-height: 20px; }

.dd-handle { display: block; height: 30px; margin: 5px 0; padding: 5px 10px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc;
    background: #fafafa;
    -webkit-border-radius: 3px;
            border-radius: 3px;
    box-sizing: border-box; -moz-box-sizing: border-box;
    text-align: right;
}
.dd-handle:hover { color: #2ea8e5; background: #fff; }

.dd-item > button { display: block; position: relative; cursor: pointer; float: right; width: 25px; height: 20px; margin: 5px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 12px; line-height: 1; text-align: center; font-weight: bold; }
.dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; }
.dd-item > button[data-action="collapse"]:before { content: '-'; }

.dd-placeholder,
.dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; }
.dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5;
    background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                      -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image:    -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                         -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image:         linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                              linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
}

.dd-dragel { position: absolute; pointer-events: none; z-index: 9999; }
.dd-dragel > .dd-item .dd-handle { margin-top: 0; }
.dd-dragel .dd-handle {
    -webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
            box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
}

/**
 * Nestable Extras
 */

.nestable-lists { display: block; clear: both;  width: 100%; border: 0; }



@media only screen and (min-width: 700px) {

    .dd { float: right;}
    .dd + .dd { margin-left: 2%; }

}

.dd-hover > .dd-handle { background: #2ea8e5 !important; }




/**
 * Nestable Draggable Handles
 */

.dd3-content { display: block;  margin: 5px 0; padding: 5px 40px 5px 10px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc;
    background: #eee;
    -webkit-border-radius: 3px;
            border-radius: 3px;
    box-sizing: border-box; -moz-box-sizing: border-box;
    font-family:iranyekan;
    font-size:14px;

}
.dd3-content:hover { color: #2ea8e5; background: #fff; }

.dd-dragel > .dd3-item > .dd3-content { margin: 0; }

.dd3-item > button { margin-right: 30px; }

.dd3-handle { position: absolute; margin: 0; right: 0; top: 0; cursor: pointer; width: 30px; text-indent: 100%; white-space: nowrap; overflow: hidden;
    border: 1px solid #aaa;
    background: #ddd;
    background: -webkit-linear-gradient(top, #ddd 0%, #bbb 100%);
    background:    -moz-linear-gradient(top, #ddd 0%, #bbb 100%);
    background:         linear-gradient(top, #ddd 0%, #bbb 100%);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.dd3-handle:before { content: '≡'; display: block; position: absolute; right: 0; top: 3px; width: 100%; text-align: center; text-indent: 0; color: #fff; font-size: 20px; font-weight: normal; }
.dd3-handle:hover { background: #ddd; }


.c-profile-menu__header{

    font-family:iranyekan;
    padding-bottom: 1em;
    border-bottom:1px solid #f3f3f3;
    font-weight:700;
    letter-spacing:.2px;
    color:#fff;
    font-size:13px;
    font-size:.929rem;
    line-height:1.692
}
.c-profile-menu__items{
    font-family:iranyekan;

    list-style:none;
    font-size:14px;
    font-size:1rem;
    line-height:1.571;
    font-weight:500;
    letter-spacing:-.3px;
    margin-top: 1em;
}
.c-profile-menu__items li {
    position:relative;
    padding: .5em 53px .5em 0;
    color:#fff;
    margin-bottom: .5em;
    display:block
}




.c-profile-menu__items li.is-active,.c-profile-menu__items li:hover{
    background-color:rgb(250, 250, 250);
    color:#dc9203;
    border-radius: .5em;
}
.c-profile-menu__items li.is-active:before,.c-profile-menu__items li:hover:before{
    color:#dc9203
}
.c-profile-menu__items li i{
    position:absolute;
    
}

.c-profile-menu__items li i{
    font-size:1.24em;
    top:10px;
    right:1em
}

.c-profile-order-address{
    background-color:#fff;
    box-shadow:0 12px 12px 0 hsla(0,0%,71%,.1);
    border:1px solid #dedede;
    margin-top: 1em;
    margin-bottom:23px
}
.c-profile-order-address__row{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-right:0;
    margin-left:0;
    border-top:1px solid #f1f1f1
}
.c-profile-order-address__row:first-child{
    border-top:none
}
.c-profile-order-address__col{
    position:relative;
    width:100%;
    min-height:1px;
    padding-right:0;
    padding-left:0;
    -ms-flex:0 0 50%;
    flex:0 0 50%;
    max-width:50%;
    border-right:1px solid #f1f1f1;
    padding:5px 40px
}
.c-profile-order-address__col:first-child{
    border-right:none
}
.c-profile-order-address__col p{
    font-size:1.1em;
    line-height:1.375;
    letter-spacing:-.3px;
    margin-bottom:1em;
    color:#505050
}
.c-profile-order-address__col p span{
    font-size:1em !important;
color:#111;
    display:block;
    line-height:1.692;
    margin-bottom:5px;
    font-weight:bold;

}


.c-table-order__product{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    color:#333;

}
.c-table-order__product h5{
    font-size:13px;
    font-size:.929rem;
    line-height:2;
    letter-spacing:-.7px;
    display:block;
    text-overflow:ellipsis;
    max-width:calc(100% - 82px);
    overflow:hidden
}


.inline {
    display: inline !important;
}
.c-table-order__product h5 span {
    display: block;
margin-bottom: 0;
float: none;
border-bottom: none;


    font-size: .9em;
    line-height: 1.833;
    color:#333;
    letter-spacing: 0;
    text-align:right;
    
}

.c-table-order__product h5 span:first-child {
    color:#333;
    font-size: 1em;

}


.c-table-order__product figure{
    -ms-flex:0 0 72px;
    flex:0 0 72px;
    max-width:72px;
    margin:0 0 0 10px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center;
    overflow:hidden;
    position:relative
}
.c-table-order__product figure img{
    overflow:hidden
}
.c-table-order__product figure img[alt]:after{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    font-weight:300;
    color:transparent;
    text-align:center;
    content:attr(alt);
    background:#fff url(../files/7af476b5.png) no-repeat 50%;
    background-size:contain;
    width:100%
}
.c-table-order__product figure img{
    max-width:80%;
    max-height:80%
}



.c-header__btn-adding2{
    font-size:14px;
    font-family:iranyekan;
    font-weight:300;
    font-size:1rem;
    line-height:25px;
    align-items:center;
    border-radius:5px;
    width:154px;
    height:100%;
    background-color:#dc9203;
    color:#fff;
    padding:.4em 15px;
    margin-right:20px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.c-header__btn-adding2:after{
    font-family: 'icomoon';

    content:"\e93a"
}

.c-header__btn-adding{
    margin-top:5em;
    font-size:14px;
    font-family:iranyekan;
    font-weight:300;
    font-size:1rem;
    line-height: 65px;

    align-items:center;
    border-radius:5px;
    width:154px;
    height:100%;
    background-color:#dc9203;
    color:#fff;
    padding:.4em 15px;
    margin-right:20px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
margin-left:1em;
}
.c-header__btn-adding:before{
    font-family: 'icomoon';
    font-size:1.25em !important;
    content:"\ea50"
}

.c-header__btn-adding.zero:before{
    font-family: 'icomoon';
    content:"\e93a";
    font-size:1.643rem;
}

.c-header__btn-adding.zero:after{

    content: "‌";
    white-space: pre;
}




.c-header__btn-adding:after{
    font-family: 'icomoon';

    content: "\e93a";
}
.c-header__btn-adding--no-drop-down:after{
    content:unset
}
.c-header__btn-adding:before{
    font-size:23px;
    font-size:1.643rem;
    line-height:23px
}
.c-header__btn-adding[data-counter]{
    width:174px;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.c-header__btn-adding[data-counter] span{
    white-space:nowrap;
    display:-ms-inline-flexbox;
    display:inline-flex;
    line-height:25px;


}
.c-header__btn-adding[data-counter] span:after{
    content:attr(data-counter);
    background-color:#fff;
    width:25px;
    height:25px;
    font-size:18px;
    font-size:1.286rem;
    line-height:28px;
    vertical-align:middle;
    letter-spacing:-.3px;
    text-align:center;
    color:#dc9203;
    border-radius:100%;
    display:block;
    margin-right:5px
}
.c-header__btn-adding[data-counter=Û°]{
    width:154px;
    background-color:#fff;
    border:1px solid #dc9203;
    color:#dc9203
}
.c-header__btn-adding[data-counter=Û°]:after{
    content:unset
}
.c-header__btn-adding[data-counter=Û°] span:after{
    background-color:#dc9203;
    color:#fff
}
.c-header__btn-adding[data-counter=Û°]:before{
    color:#dc9203
}

.c-navi-list__basket-dropdown{
    left:12em !important
}

.c-navi-list__basket-header{
    background-color:hsla(0,0%,98%,.9);
    padding:14px 10px 14px 15px;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -ms-flex-pack:justify;
    justify-content:space-between;
    width:100%;
    position:relative;
}
.c-navi-list__basket-header,.c-navi-list__basket-link{
    -ms-flex-align:center;
    align-items:center
}
.c-navi-list__basket-link{
    font-size:11px;
    font-size:.786rem;
    line-height:19px;
    color:#454545;
    position:absolute;
    top:0;
    left:0;
    display:-ms-flexbox;
    display:flex;
    bottom:0;
    -ms-flex-pack:center;
    justify-content:center;
    padding-left:15px;
    padding-right:15px;
    transition:background-color .3s ease-in-out
}
.c-navi-list__basket-link:hover,.c-navi-list__basket-link:hover .c-navi-list__basket-arrow{
    background-color:#e5e5e5
}

.iranyekan{    font-family:iranyekan;
    font-size:1.1em;

}

.c-navi-list__basket-total{
    font-family:iranyekan;
    font-size:15px;
    font-size:1.071rem;
    line-height:20px;
    color:#EF4056;
    direction:rtl;
    text-align:right
}
.c-navi-list__basket-total span:first-of-type{
    color:#676767;
    font-size:13px;
    font-size:.929rem;
    line-height:20px
}

.c-discount{
    border-radius:5px;
    height:410px;
    overflow:hidden;
    box-shadow:1px 1px 4px 0 rgba(0,0,0,.07);
    line-height:22px;
    background-color:#fff
}
.c-discount__empty,.c-discount__empty img{
    width:100%;
    height:100%;
    display:block
}
.c-discount__empty img{
    -o-object-fit:fill;
    object-fit:fill;
    -o-object-position:center;
    object-position:center
}
.c-discount .c-box{
    margin:0;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    height:100%
}
.c-discount__aside{
    background-color:rgba(240,246,250,.9);
    position:relative
}
.c-discount__aside ul{
    list-style:none;
    padding:0;
    transform:translateZ(0);
    position:relative;
    z-index:1
}
.c-discount__aside-a:not(.is-active):not(.c-discount__aside-a--button):hover{
    background-color:#ebebeb
}
.c-discount__aside-container{
    height:100%
}
.c-discount__content{
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    position:relative;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column
}
.c-discount__promotion-center-button{
    font-size:15px;
    font-size:1.071rem;
    line-height:39px;
    vertical-align:middle;
    color:#fff;
    letter-spacing:-.5px;
    text-align:center;
    background-color:#dc9203;
    box-shadow:0 8px 14px 0 rgba(0,0,0,.03);
    border:1px solid #fff;
    padding:0 40px;
    border-radius:5px;
    float:left
}

.c-discount__price--discount{
    font-size:16px;
    font-size:1.143rem;
    line-height:28px;
    color:#fff;
    height:50px;
    display:-ms-flexbox;
    display:flex;
    margin-right:20px
}
.c-discount__price--discount,.c-discount__price--discount-content{
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center
}
.c-discount__price--discount-content{
    display:-ms-inline-flexbox;
    display:inline-flex;
    width:115px;
    height:38px;
    border-radius:20px;
    background-color:#ef5661;
    margin-bottom:-45px
}
.c-discount__price--discount-content span{
    margin-right:8px
}
.c-discount__price--primary{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center
}
.c-discount__price--primary span{
    margin-right:5px
}
.c-discount__price--original{
    font-size:16px;
    font-size:1.143rem;
    line-height:23px;
    position:relative;
    color:#727272;
    vertical-align:middle
}
.c-discount__price--original>span{
    font-size:14px;
    font-size:1rem;
    line-height:23px;
    vertical-align:middle;
    letter-spacing:0;
    margin-right:5px
}
.c-discount__price--original:after{
    position:absolute;
    top:50%;
    left:0;
    right:0;
    transform:translateY(-50%);
    height:2px;
    width:100%;
    content:"";
    background-color:#727272
}
.c-discount__price--now{
    font-size:22px;
    font-size:1.571rem;
    line-height:27px;
    letter-spacing:1.2px;
    color:#ef5661;
    vertical-align:middle;
    font-weight:700;
    margin-top:8px
}
.c-discount__price--now>span{
    font-size:16px;
    font-size:1.143rem;
    line-height:27px;
    vertical-align:middle;
    letter-spacing:0
}
.c-discount__price-text{
    font-size:16px;
    font-size:1.143rem;
    line-height:1.375;
    font-weight:700;
    color:#454545;
    margin-top:5px
}
.c-discount .btn-primary--add-cart{
    border:none;
    border-radius:11px
}
.c-discount .btn-primary--add-cart:before{
    right:14px
}
.c-discount .btn-primary--add-cart:after{
    content:"";
    width:88px;
    height:88px;
    opacity:.21;
    background-color:#fff;
    position:absolute;
    right:-37px;
    border-radius:100%;
    top:50%;
    transform:translateY(-50%)
}
.c-discount__content-container{
    display:none;
    animation-duration:.4s;
    height:100%
}
.c-discount__content-container.is-active{
    display:block
}
.c-discount__lock{
    position:relative;
    padding:30px 30px 30px 405px;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-pack:center;
    justify-content:center;
    display:-ms-flexbox;
    display:flex
}
.c-discount__lock h4{
    font-size:22px;
    font-size:1.571rem;
    line-height:1;
    font-weight:700;
    color:#7f7f7f;
    margin-bottom:10px
}
.c-discount__lock p{
    font-size:14px;
    font-size:1rem;
    line-height:1.571;
    letter-spacing:-.3px;
    color:#686868;
    margin-bottom:10px
}
.c-discount__lock:after,.c-discount__lock:before{
    position:absolute;
    content:""
}
.c-discount__lock:before{
    width:279px;
    height:275px;
    background:url(../files/fe5dc3a9.png) no-repeat 50% 50%;
    background-size:100%;
    top:67px;
    left:73px
}
.c-discount__lock:after{
    width:149px;
    height:151px;
    top:133px;
    left:146px;
    background:url(../files/6dcbbc78.svg) no-repeat 50% 50%;
    background-size:100%
}
.c-discount__lock-actions{
    margin-right:-10px
}
.c-discount__lock-actions .btn-light{
    margin-right:10px;
    margin-top:10px
}
.c-discount__product{
    position:relative;
    display:block;
    -ms-flex-align:center;
    align-items:center;
    height:353px;
    padding:60px 20px 20px 30px
}
.c-discount__product .o-grid,.c-discount__product .row{
    height:100%;
    width:100%
}
.c-discount__product .row{
    -ms-flex-pack:justify;
    justify-content:space-between
}
.c-discount__product--invisible .c-discount__img img,.c-discount__product--invisible .c-discount__product-img img{
    opacity:.75
}
.c-discount__product--invisible .btn-invisible-call{
    position:relative;
    max-width:350px
}
.c-discount__product .c-discount__price--normal{
    display:none
}
.c-discount__product .btn-invisible-call--finished-incredible{
    display:none;
    padding:15px 10px;
    max-width:350px
}
.c-discount__product .c-discount__counter--finished{
    display:none
}
.c-discount__product--finished-incredible .btn-invisible-call--finished-incredible{
    display:block
}
.c-discount__product--finished-incredible .btn-invisible-call--invisible,.c-discount__product--finished-incredible .c-discount__price{
    display:none
}
.c-discount__product--finished-incredible .c-discount__price--normal{
    display:block
}
.c-discount__product--finished-incredible .c-discount__price--normal .c-discount__price--primary{
    -ms-flex-align:start;
    align-items:flex-start
}
.c-discount__product--finished-incredible .c-discount__price--normal .c-discount__price--now{
    color:#575757
}
.c-discount__product--finished-incredible .c-discount__price--normal .c-discount__price-text{
    margin-top:6px;
    font-size:14px;
    font-size:1rem;
    line-height:2.43;
    color:#787878;
    font-weight:700
}
.c-discount__product--finished-incredible .c-discount__counter--main{
    display:none
}
.c-discount__product--finished-incredible .c-discount__counter--finished{
    display:block
}
.c-discount__product-url{
    position:absolute;
    display:block;
    top:0;
    left:0;
    opacity:0;
    right:0;
    bottom:0;
    z-index:14
}
.c-discount__img{
    max-height:100%;
    height:344px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:relative
}
.c-discount__img img{
    overflow:hidden
}
.c-discount__img img[alt]:after{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    font-weight:300;
    color:transparent;
    text-align:center;
    content:attr(alt);
    background:#fff url(../files/7af476b5.png) no-repeat 50%;
    background-size:contain;
    width:100%
}
.c-discount__img img{
    max-height:100%;
    max-width:100%;
    -o-object-fit:contain;
    object-fit:contain;
    -o-object-position:center;
    object-position:center
}
.c-discount__title{
    font-size:16px;
    font-size:1.143rem;
    line-height:1.89;
    font-weight:700;
    text-align:right;
    max-width:100%;
    margin:20px 0 10px
}
.c-discount__ul{
    font-size:13px;
    font-size:.929rem;
    line-height:1.692;
    padding:0;
    list-style-type:none;
    margin-bottom:15px
}
.c-discount__ul li{
    margin:5px 0;
    padding-right:17px;
    position:relative;
    font-size:13px;
    font-size:.929rem;
    line-height:24px;
    text-align:right
}
.c-discount__ul li:before{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#bebebe;
    position:absolute;
    right:0;
    top:50%;
    content:"";
    transform:translateY(-50%)
}
.c-discount .col-5{
    -ms-flex:0 0 50%;
    flex:0 0 50%;
    max-width:50%;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-align:start;
    align-items:flex-start;
    height:100%
}
.c-discount__row-container{
    width:100%
}
.c-discount .col-6{
    -ms-flex:0 0 43%;
    flex:0 0 43%;
    max-width:43%
}
.c-discount .c-price{
    float:right;
    margin-bottom:19px
}
.c-discount .c-price__discount{
    margin-right:16px
}
.c-discount__bottom-bar{
    position:absolute;
    left:50%;
    top:-60px;
    width:223px;
    height:46px;
    transform:translateX(-50%);
    z-index:4
}
.c-discount__bottom-bar:after{
    content:""!important;
    display:block!important;
    clear:both!important
}
.c-discount__bottom-bar:before{
    width:223px;
    height:46px;
    display:block;
    background:#ef5661 url(../files/905163eb.png) no-repeat 50% 50%;
    background-size:auto 19px;
    border-radius:0 0 24px 24px;
    content:""
}
.c-discount__bottom-bar [data-icon=clock]:before{
    font-size:16px;
    margin-left:7px;
    vertical-align:middle;
    color:#7f7f7f
}
.c-discount__counter{
    border-top:1px solid rgba(74,74,74,.16);
    padding:13px 0;
    max-width:350px
}
.c-discount__counter .btn-invisible-call{
    margin:9px 0
}
.c-discount__counter .c-counter{
    font-size:34px;
    font-size:2.429rem;
    line-height:1;
    width:181px;
    font-weight:700;
    white-space:nowrap;
    direction:ltr
}
.c-discount__counter .c-counter span{
    margin:0 5px;
    display:inline-block;
    width:45px;
    text-align:center
}
.c-discount__counter .c-counter span:last-of-type{
    margin-right:0
}
.c-discount__counter-title{
    margin-top:6px;
    font-size:14px;
    font-size:1rem;
    line-height:2.43;
    color:#787878;
    font-weight:700
}
.c-discount__bottom-bar-logo{
    position:absolute;
    width:48px;
    height:60px;
    background:url(../files/00aaf070.svg) no-repeat 50% 50%;
    content:"";
    top:0;
    right:217px
}
.c-discount-scall{
    text-align:center
}
.c-discount-scall .c-box{
    margin:0
}
.c-discount-scall__title{
    border-bottom:1px solid #f0f0f0;
    font-size:18px;
    font-size:1.286rem;
    line-height:1.222;
    padding:22px 15px;
    letter-spacing:-.6px;
    color:#545454
}
.c-discount-scall__content{
    padding:362px 10px 15px 26px;
    background:url(../files/530f0abc.png) no-repeat 50% 9px;
    background-size:100%
}
.c-discount-scall__button{
    font-size:18px;
    font-size:1.286rem;
    line-height:1.222;
    padding:18px 20px;
    border:1px solid #c7424c;
    background-color:#ef5662;
    border-radius:13px;
    color:#fff;
    width:100%;
    text-align:center;
    cursor:pointer
}





.c-navi-list{
    list-style:none;
    display:-ms-flexbox;
    display:flex;
    position:relative;
    width:100%;
    min-height:1px;
    padding-right:0;
    padding-left:0;
    -ms-flex:0 0 calc(100% - 155px - 370px)370px;
    flex:0 0 calc(100% - 155px - 370px)370px;
    max-width:calc(100% - 155px - 370px)370px;
    font-size:13px;
    font-size:.929rem;
    line-height:1.692;
    padding-right:26px
}
.c-navi-list>li{
    position:relative;
    margin-right:10px
}
.c-navi-list>li:first-child{
    margin-right:0
}
.c-navi-list>li.diviter+li{
    margin-right:auto
}
.c-navi-list__a{
    display:inline-block;
    padding:9px;
    padding-right:24px;
    color:#505050
}
.c-navi-list__a:before{
    position:absolute;
    right:0
}
.c-navi-list__a.has-new:after{
    width:9px;
    height:9px;
    background-color:#dc9203;
    border-radius:50%;
    content:"";
    position:absolute;
    right:-5px;
    top:11px
}
.c-navi-list__a--user:before{
    content:"\E0B0";
    font-size:19px;
    top:10px
}
.c-navi-list__a--tracking:before{
    content:"\E097";
    font-size:19px;
    top:9px
}
.c-navi-list__a--wishlist:before{
    content:"\E0B8";
    font-size:16px;
    top:11px
}
.c-navi-list__a--gift{
    padding-right:32px
}
.c-navi-list__a--gift:before{
    content:"\E048";
    font-size:15px;
    top:11px
}
.c-navi-list__a--seller{
    padding-right:32px
}
.c-navi-list__a--seller:before{
    content:"\E091";
    font-size:18px;
    top:10px
}
.c-navi-list__a--promotion{
    padding-right:28px;
    color:#fb3449
}
.c-navi-list__a--promotion:before{
    content:"\E086";
    font-size:20px;
    top:9px
}
.c-navi-list__user-links a{
    color:#009ec9;
    padding:0 2px
}
.c-navi-list__user-links a:first-child{
    border-left:1px solid #ded7d7;
    padding-left:6px
}
.c-navi-list__user-menu-ul{
    padding:0;
    list-style:none;
    width:228px
}
.c-navi-list__user-menu-a{
    position:relative;
    padding:9px 58px 9px 10px;
    display:block;
    color:#606060;
    font-size:13px;
    font-size:.929rem;
    line-height:1.692
}
.c-navi-list__user-menu-a:hover{
    background-color:#f4f4f4;
    color:#2e2e2e
}
li:last-child .c-navi-list__user-menu-a{
    border-radius:0 0 8px 8px
}
.c-navi-list__user-menu-a--user:before{
    content:"\E0B0";
    position:absolute;
    font-size:17px;
    right:23px;
    top:11px;
    color:#737373
}
.c-navi-list__user-menu-a--shopper:before{
    content:"\E097";
    position:absolute;
    font-size:19px;
    right:24px;
    top:10px;
    color:#737373
}
.c-navi-list__user-menu-a--my-comments:before{
    content:"\E060";
    position:absolute;
    font-size:15px;
    right:23px;
    top:10px;
    color:#737373
}
.c-navi-list__user-menu-a--inbox:before{
    content:"\E052";
    position:absolute;
    font-size:12px;
    right:23px;
    top:13px;
    color:#737373
}
.c-navi-list__user-menu-a--logout{
    border-top:1px solid #e6e6e6;
    padding-top:13px;
    padding-bottom:13px
}
.c-navi-list__user-menu-a--logout:before{
    content:"\E05B";
    position:absolute;
    font-size:18px;
    right:23px;
    top:13px;
    color:#737373
}
.c-navi-list__user-menu-a[data-counter]:after{
    position:absolute;
    left:13px;
    top:8px;
    border-radius:8px;
    background-color:#dc9203;
    content:attr(data-counter);
    color:#fff;
    height:23px;
    font-size:14px;
    font-size:1rem;
    line-height:23px;
    padding:0 9px
}
.c-navi-list__tracking-ul{
    padding:0;
    list-style:none;
    width:297px;
    max-height:412px;
    overflow:hidden;
    overflow-y:auto
}
.c-navi-list__tracking-ul li{
    border-top:1px solid #e6e6e6
}
.c-navi-list__tracking-ul li:first-child{
    border-top:none
}
.c-navi-list__tracking-a{
    position:relative;
    padding:9px 20px 9px 100px;
    display:block;
    color:#585858;
    font-weight:700;
    font-size:13px;
    font-size:.929rem;
    line-height:1.692
}
.c-navi-list__tracking-a:hover{
    background-color:#f4f4f4;
    color:#2e2e2e
}
.c-navi-list__tracking-a--show-all{
    text-align:center;
    padding:14px 20px
}
li:last-child .c-navi-list__tracking-a{
    border-radius:0 0 8px 8px
}
.c-navi-list__tracking-index{
    display:block;
    font-size:11px;
    font-size:.786rem;
    line-height:2;
    color:#a2a2a2;
    font-weight:400
}
.c-navi-list__tracking-status{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:16px;
    color:#fff;
    font-weight:700;
    height:28px;
    font-size:11px;
    font-size:.786rem;
    line-height:28px;
    padding:0 5px;
    border-radius:8px;
    width:74px;
    white-space:nowrap;
    text-align:center
}
.c-navi-list__tracking-status--posted{
    background-color:#79c897
}
.c-navi-list__tracking-status--factorized{
    background-color:#79a4c8
}
.c-navi-list__tracking-status--canceled{
    background-color:#fa7b7b
}
.c-navi-list__tracking-status--delivered{
    background-color:#a0a0a0
}
.c-navi-list__dropdown{
    position:absolute;
    top:100%;
    right:0;
    background:#fff;
    border-radius:0 0 8px 8px;
    z-index:10;
    box-shadow:0 2px 9px 0 hsla(0,0%,44%,.32);
    padding-top:1px;
    display:none
}

.c-navi-list__dropdown:after{
    width:0;
    height:0;
    border-style:solid;
    border-width:0 8px 8px;
    border-color:transparent transparent #35ccde;
    position:absolute;
    bottom:100%;
    margin-bottom:2px;
    right:65px
}
.c-navi-list__basket-dropdown{
    top:calc(100% + 10px);
    left:0;
    width:354px;
    right:unset;
    box-shadow:0 8px 17px 0 rgba(0,0,0,.15);
    background-color:#fff;
    border:1px solid #c6c6c6;
    border-radius:0 0 10px 10px;
    display:none;
    padding:0 0 45px;
    line-height:22px
}

.c-navi-list__basket-header{
    background-color:hsla(0,0%,98%,.9);
    padding:14px 10px 14px 15px;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -ms-flex-pack:justify;
    justify-content:space-between;
    width:100%;
    position:relative
}
.c-navi-list__basket-header,.c-navi-list__basket-link{
    -ms-flex-align:center;
    align-items:center
}
.c-navi-list__basket-link{
    font-family:iranyekan;
    font-size:11px;
    font-size:.786rem;
    line-height:19px;
    color:#454545;
    position:absolute;
    top:0;
    left:0;
    display:-ms-flexbox;
    display:flex;
    bottom:0;
    -ms-flex-pack:center;
    justify-content:center;
    padding-left:15px;
    padding-right:15px;
    transition:background-color .3s ease-in-out
}
.c-navi-list__basket-link:hover,.c-navi-list__basket-link:hover .c-navi-list__basket-arrow{
    background-color:#e5e5e5
}
.c-navi-list__basket-arrow{
    transform:rotate(45deg);
    border-left:1px solid #c6c6c6;
    border-top:1px solid #c6c6c6;
    background-color:#fafafa;
    position:absolute;
    width:10px;
    height:10px;
    top:-6.5px;
    left:30px;
    transition:background-color .3s ease-in-out
}
.c-navi-list__basket-total{
    font-size:15px;
    font-size:1.071rem;
    line-height:20px;
    color:#fb3449;
    direction:rtl;
    text-align:right
}
.c-navi-list__basket-total span:first-of-type{
    color:#676767;
    font-size:13px;
    font-size:.929rem;
    line-height:20px
}
.c-navi-list__basket-list{
    max-height:293px !important;
    overflow:auto;
    padding:0 15px;
    list-style:none
}
.c-navi-list__basket-list::-webkit-scrollbar{
    display:none
}
.c-navi-list__basket-item{
    padding:10px 24px 10px 0;
    position:relative;
    min-height:88px;
    display:block;
    border-bottom:1px solid #f0f0f0
}
.c-navi-list__basket-item:last-of-type{
    border-bottom:none
}
.c-navi-list__basket-item-remove{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:-5px;
    border-radius:50%;
    background-color:#eaeaea;
    width:20px;
    height:20px;
    border:none;
    z-index:123;
    cursor:pointer
}
.c-navi-list__basket-item-remove:before{
    content:"✖";
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    color:#959595;
    font-size:8px;
    font-size:.571rem;
    line-height:8px
}

.c-navi-list__basket-item-remove:hover{
color:#fff;
background:#666;
}
.c-navi-list__basket-item-content{
    font-family:iranyekan;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -ms-flex-pack:start;
    justify-content:flex-start;
    width:100%
}
.c-navi-list__basket-item-content,.c-navi-list__basket-item-image{
    display:-ms-inline-flexbox;
    display:inline-flex;
    -ms-flex-align:center;
    align-items:center
}
.c-navi-list__basket-item-image{
    width:60px;
    height:60px;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex:0 0 60px;
    flex:0 0 60px;
    max-width:60px;
    position:relative
}
.c-navi-list__basket-item-image img{
    overflow:hidden
}
.c-navi-list__basket-item-image img[alt]:after{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    font-weight:300;
    color:transparent;
    text-align:center;
    content:attr(alt);
    background:#fff url(../files/7af476b5.png) no-repeat 50%;
    background-size:contain;
    width:100%
}
.c-navi-list__basket-item-image img{
    max-height:100%;
    max-width:100%
}
.c-navi-list__basket-item-details{
    padding-right:10px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-align:start;
    align-items:flex-start;
    -ms-flex-positive:1;
    flex-grow:1
}
.c-navi-list__basket-item-title{
    font-family:iranyekan;
    font-size:12px;
    font-size:.857rem;
    line-height:20px;
    text-align:right;
    direction:rtl;
    color:#454545;
    max-width:100%;
    font-weight:700
}
.c-navi-list__basket-item-props{
    display:-ms-inline-flexbox;
    display:inline-flex;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    font-size:10px;
    font-size:.714rem;
    line-height:17px
}

.c-navi-list__basket-item-props span:last-of-type:not(:first-of-type){
    color:#6B7C93;
    padding-right:10px;
    margin-right:10px;
    border-right:1px solid #e0e0e0
}
.c-navi-list__basket-item-gift{
    color:#ff6f7e;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:start;
    justify-content:flex-start;
    font-size:10px;
    font-size:.714rem;
    line-height:17px
}
.c-navi-list__basket-item-gift:after{
    content:"\E047";
    font-size:17px;
    font-size:1.214rem;
    line-height:17px;
    margin-right:5px
}
.c-navi-list__basket-item-params{
    display:-ms-inline-flexbox;
    display:inline-flex;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-align:center;
    align-items:center;
    width:100%;
    margin-top:12px
}
.c-navi-list__basket-submit{
    font-family:iranyekan;
    font-size:15px;
    font-size:1.071rem;
    line-height:26px;
    letter-spacing:-.5px;
    font-weight:700;
    color:#fff;
    text-align:center;
    padding-top:9px;
    padding-bottom:10px;
    border-radius:0 0 8px 8px;
    background-color:#dc9203;
    border-top:1px solid #c6c6c6;
    position:absolute;
    bottom:0;
    left:0;
    right:0
}
.c-navi-list__basket-submit:hover{
    background-color:#7CB50F
}
.note{
    font-family: iranyekan;
    font-weight: 300;
    text-align: center;
    font-size:1em;
    margin:1em 0;
}
.tag-row{
    width:100%;
    margin-bottom:2em;
    margin-right: 0px;
    background-color: #fff;
    box-shadow: 0 6px 20px rgba(168,172,185,.3);
    padding: 15px;
    overflow: hidden;
    border-radius: 7px;
    
    }



    .btn-cart
    {
        width: 100%;
        font-family: iranyekan;
        font-weight: 300;
        display:block;
        padding: .5em 1em;
        margin-top:.5em;
        font-size:1.25em;
        background-color:#dc9203;
        border-radius:5px;
        color:#fff;
        cursor:pointer;
        font-weight: bold;
        line-height: 2em !important;
    } 

    .btn-cart:hover {
        background-color: #ededed !important;
color:#333
    }

    .btn-compare {
        float:right;
    
        font-family: iranyekan;
        font-weight: 300;
        display:block;
        margin-top:.5em;
        font-size:1em;
        line-height: 2em !important;
        background-color:#ededed;
        border-radius:5px;
        color:#6d6d6d;
        cursor:pointer;
        margin-left:1em;

        background-color: #EF4056 !important;
        color: #fff !important;
        padding: .45em 2em;
    }



    .btn-compare:hover {
        background-color: #999 !important;

    }


    .btn-primary, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled], .button_main {
        background-color: #dc9203;
        border: 1px solid #dc9203;
        background-image: none;
        background-position: 0 0;
        font-size: 17px !important;
        color: #fff !important;
    }





    #brad2 {
direction:ltr;
margin-bottom:1em;

    }
    #brad2 li {

margin: 0 .5em
    }
.tag-container{
    width: 100%;
    margin-bottom:1em;
}
.tag-container .tag-card{
    text-align:center;
    overflow:hidden;
    position:relative;
    -webkit-transition:all .2s;
    transition:all .2s;
    filter: grayscale(100%);
    background-color: #fff;
    box-shadow: 0 6px 20px rgba(168,172,185,.3);
    padding: 15px;
    overflow: hidden;
    border-radius: 7px;
    

}

.tag-container .tag-card:hover{
    margin:3px;
    box-shadow:0px 0px 4px rgba(0,0,0,0.15);
        filter: grayscale(0%);
        -webkit-filter: grayscale(0%);
        opacity: 1;
}
.tag-container .tag-card img{
    height:auto;
    width:100%;
    padding:0;
    margin-bottom:16px;
    border-radius:8px
}
.tag-container .tag-card h3{
    font-family:'avenir';
    margin-top:0;
    color:black
}
.tag-container .tag-card h4{
    font-size:1em;
    font-family:iranyekan;
    color:white;
    margin-top:30px;
    position:absolute;
    bottom:5px;
    left:0;
    right:0;
    text-shadow:0px 0px 5px #00000069
}
.tag-container .tag-card h5{
    font-size:1.5em;
    font-weight:300;

    color:white;
    margin-top:30px;
    position:absolute;
    bottom:25px;
    left:0;
    right:0;
    font-family:'avenir';
    text-shadow:0px 0px 5px #00000069
}


    .panorama .dim{
        position:absolute;
        width:100%;
        border-radius:8px;
        background:rgba(0,0,0,0.07);
        background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.07)), color-stop(36%, rgba(0,0,0,0.07)), color-stop(69%, rgba(0,0,0,0.16)), color-stop(82%, rgba(0,0,0,0.2)), color-stop(100%, rgba(0,0,0,0.2)));
        background:-webkit-linear-gradient(top, rgba(0,0,0,0.07) 0%, rgba(0,0,0,0.07) 36%, rgba(0,0,0,0.16) 69%, rgba(0,0,0,0.2) 82%, rgba(0,0,0,0.2) 100%);
        background:linear-gradient(to bottom, rgba(0,0,0,0.07) 0%, rgba(0,0,0,0.07) 36%, rgba(0,0,0,0.16) 69%, rgba(0,0,0,0.2) 82%, rgba(0,0,0,0.2) 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0 )
    }

    .panorama img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .tag-card .panorama .dim{
        padding-top:133%
    }
    .slide-container .panorama .dim{
        padding-top:50%
    }

    .brands-row .col .dim {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: rgba(0,0,0,0.07);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.07)), color-stop(36%, rgba(0,0,0,0.07)), color-stop(69%, rgba(0,0,0,0.16)), color-stop(82%, rgba(0,0,0,0.2)), color-stop(100%, rgba(0,0,0,0.2)));
        background: -webkit-linear-gradient(top, rgba(0,0,0,0.07) 0%, rgba(0,0,0,0.07) 36%, rgba(0,0,0,0.16) 69%, rgba(0,0,0,0.2) 82%, rgba(0,0,0,0.2) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0.07) 0%, rgba(0,0,0,0.07) 36%, rgba(0,0,0,0.16) 69%, rgba(0,0,0,0.2) 82%, rgba(0,0,0,0.2) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0 );
        -webkit-transition: all .2s;
        transition: all .2s;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }

    .swiper-button-prev{
        font-size:26px;
        font-size:1.857rem;
        line-height:26px;
        position:absolute;
        background:none;
        width:61px;
        height:100%;
        top:0;
        bottom:0;
        margin:0
    }
    .swiper-button-prev:before{
        position:absolute;
        top:50%;
        transform:translateY(-50%);
        color:#fff;
        text-shadow:0 2px 4px #616161;
        transition:all .3s ease-in-out
    }

}
.swipe {
  overflow:hidden;
  position:relative;
  width:100%;
}


.swipe li img{

    width:100% !important;
    border-radius: .55rem !important;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);

}

#slider2 li{
 padding:0;margin:0;
}

.article{
float:right;
width:25%;

}

.sizing{
height: 25em !important

}

    

#slider4{
}
#slider4 ul{
	-webkit-transition:left 800ms ease-in 0;
	-moz-transition:left 800ms ease-in 0;
	-o-transition:left 800ms ease-in 0;
	-ms-transition:left 800ms ease-in 0;
	transition:left 800ms ease-in 0;
}

#pagenavi a{
cursor: pointer;
font-size: 1.25em
}

#pagenavi a:hover{
    color: #333;
    }
#pagenavi a.active{
	color:#fff ;
}

.swipe.shegeft {
    overflow:hidden;
    float:right;
width: 70%;
background: #fff;
height: 25em;
padding-top:3em;
margin-bottom: 5em;
}

    

  #slider2 li{
    width:100%;
}


.displayblock{
    display: block !important;
    height: 6.5em;
    min-height: 6.5em;

}
.displayblock:before{
    content: " ";
    white-space: pre;}

    .ofdhg{

        margin-bottom:3em;
    }

#prdoucts{

    margin-top:3em;
    padding-bottom:1em;

}

#prdoucts h4{

text-align: right;
font-family:iranyekan;
font-size:1.5em;
color:#191F28;
font-weight: 300;

background: url(../images/dots.gif) 0 center repeat-x;
font-family: 'Yekan',Tahoma,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 20px;
line-height: 35px;
font-size: 1.19em;
color: #656565;
margin-bottom:1em;
}

#prdoucts h4 span{
    font-family: iranyekan !important;
    font-size: 1.1em;
    background: #dc9203;
    color: #fff;
    padding: .25em .6em;
    margin-right: 2em;
    border-radius: 4px;
    font-weight: 700;
    display: inline-block;
    margin-top: .2em;
    font-size: 1.35em;
}

#prdoucts h4 .all{
    background: #585858;
    font-family: iranyekan !important;
    font-size: .8em;
    color: #fff;
    font-weight: 300;
    display: inline-block;
    padding: .1em .8em;
    border-radius: 4px;}
#prdoucts h4 .prev, #prdoucts h4 .next{
    float:left;
    background:#fff;

    font-family: iranyekan !important;
    font-size: 1em;
    margin-left:1em;
    padding: 0 0.75em !important;
    color: #000;
    border-radius: 4px;
    font-weight: 300;
    cursor:pointer;
}



#prdoucts h4 .prev:hover, #prdoucts h4 .next:hover{
    background:#585858;
    color: #fff;
}

#prdoucts h4 .prev:before{
    font-family: icomoon;
    content: "\e00f";
}
#prdoucts h4 .next:before{
    font-family: icomoon;
    content: "\e011";
}

.breadcrumb {
    padding: 8px 15px;
    margin: 0 0 27px;
}

.hidden-sm{

    font-family: iranyekan !important;
    font-size: .65em;

}


.c-brand-profile {
    background-color: #fff;
    border: 1px solid #dcdcdc;
    color: #6c6c6c;
    line-height: 22px;
    margin: 0 0 33px;
}

.c-brand-profile__header {
    height: 214px;
    width: 100%;
    background: url(https://www.digikala.com/static/files/f23370ff.svg) repeat 50%;
        background-size: auto auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-size: 110%;
}

.c-brand-profile__avatar-wrapper {
    padding: 10px;
    border: 1px solid #ebebeb;
    border-radius: 15px;
    box-shadow: 0 0 12px 0 rgba(0,0,0,.08);
    background-color: #fff;
}

.c-brand-profile__avatar {
    width: 145px;
    height: 145px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: contain;
}

.c-brand-profile__details {
    height: 72px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    background-color: #fff;
    padding: 0 48px;
    position: relative;
}

.img-brand{
    max-height: 8em;
    width: 100%;
}
.c-brand-profile__username {
    font-family:iranyekan;
    font-size: 17px;
    font-size: 1.214rem;
    line-height: 29px;
    letter-spacing: -.4px;
    color: #555;
    font-weight: 700;
}

.c-brand-profile__referer {
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}


.prod1{
    font-family: iranyekan !important;
    font-size: 1em;
    background-color: #fff;
border: 1px solid #dcdcdc;
color: #6c6c6c;
padding: 0 1.25em;
text-align: right;
vertical-align: middle;
direction: rtl;
margin-bottom:2em;

}


.prod2{
    font-family: iranyekan !important;
    font-size: 1em;
    background-color: #fff;
border: 1px solid #dcdcdc;
color: #6c6c6c;
line-height: 22px;
padding: 18px 36px;
text-align: right;
vertical-align: middle;
direction: rtl;
margin-bottom:2em;
}

.prod h2 {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 28px;
    letter-spacing: -.5px;
    margin-bottom: 15px;
}


.prod p{
    color: #6c6c6c;
    line-height: 22px;
    text-align: right;
    direction: rtl;
}

.max-sale .sda { 
    float:right;margin:0 1%;width: 31% !important;

            position: relative;
            background-color: #fff;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
            border-radius: 7px;
            box-shadow: 0 2px 2px 0 rgba(168,172,185,.3);
}

.max-sale .sda.new { 
    float:right;margin:0 1%;width: 23% !important;
    margin-bottom:2em;
        background:white;
        box-shadow: none;
        border: 1px solid #dcdcdc;

}


.max-sale .sda:hover { 
    transform: translateY(-10px);
    box-shadow: 0px 5px 25px #aaa8a85e;
}


.max-sale .sda > figure {
    position:relative;
}
 .max-sale .sda > figure > img {
     width: 80% !important;
     height: 220px !important;
     min-height: 220px !important;
     max-height: 220px !important;

     margin:0 auto;
     margin-top:2em;
     display:block;
}
 .max-sale .sda > figure:hover:after {
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     right: 0;
}
 .max-sale .sda > figure > figcaption {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 1em;
    display:none;
    z-index:2;
    cursor: pointer;
}
 .max-sale .sda > figure > figcaption > ul {
     float: left;
     margin-top: 2em;
}
 .max-sale .sda > figure > figcaption > ul li {
     float: left ;
     margin-bottom: 1.5em;
}
 .max-sale .sda > figure > figcaption > ul li a {
     width: 100%;
}
 .max-sale .sda > figure > figcaption > ul li span {
    font-size:1.75em;
    background:rgba(0,0,0,.3);
    color:#fff;
    padding:.25em;
    border-radius: 4px;
        float:left;
    position:relative;
}
 .max-sale .sda > figure > figcaption > ul li p {
     float: left;
     font-family:iranyekan;
     margin-left: .5em;
     margin-top: .5em;

    transform:scale(0);
    transition:all 0.3s;
     background-color: #fff;
     padding: 2px 5px;
     border-radius: 20px;
     font-size:12px;
}
 .max-sale .sda > figure > figcaption > ul li a:hover span:after {
     opacity: 1;
}
 .max-sale .sda > figure > figcaption > ul li a:hover span {
     background: #fff;
     color:#333;

}
 .max-sale .sda> figure > figcaption > ul li a:hover p {
     transform:scale(1);
}
 .max-sale .sda > figure:hover > figcaption {
     display: block;
}
 .max-sale .sda .prod-name {
     font-size: 1.2em;
     height:4.2em;
     vertical-align:top;
     color: #000;
    text-align:center;
    padding-top:15px;
     font-family:iranyekan;
}

.max-sale .sda .prod-name a:hover {
    color: #FCB81B;
}

.speciallabel{
    font-family:iranyekan;
    background: #FCB91C;
    color:#fff;
font-size:1em;
position: absolute;
top: -1em;
left: 0;
padding:.25em .5em;
}

.c-listing__sort::before {
    display: inline-block;
    content: attr(data-label);
    color: #3b3b3b;
    margin-left: 5px;
    font-size: 12px;
    font-size: .857rem;
    line-height: 21px;
    vertical-align: middle;
}
    .c-listing__sort {
        list-style: none;
        line-height: 34px;
        padding: 0;
        margin-top: 1px;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: start;
        justify-content: flex-start;
        min-height: 44px;
    }
    .c-listing__sort li {
        display: inline-block;
    }
  
    .c-listing__sort li a {
        display: block;
        margin-left: 1.25em;
        padding:0 .3em;
        position: relative;
        font-size: 12px;
        font-size: .857rem;
        font-weight: 300;
        line-height: 25px;
        vertical-align: middle;
        border-radius: 5px;
        cursor:pointer;
    }

    .c-listing__sort li a:hover {

background: #eee

}
.c-listing__sort li.active  a {

    background: #dc9203;
    color:#191F28;
    font-weight: normal
    
    }

    .stylist  {
        padding-top:.5em;
        overflow:hidden;
    }
.stylist h3 {
    font-family:iranyekan;
    padding-right:.5em;

    padding-bottom:.5em;
    color:#3b3b3b;
}

.prod2 ul li {
    padding: .35em 0;

}

.prod2 label {
    font-size:1.2em !important;

}



    c-listing__sort {
        list-style: none;
        line-height: 34px;
    }

.zerozero{
    font-family:iranyekan;
    background:rgba(0,0, 0, 0.5);
    color:#fff;
font-size:2em;
    position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
padding:.5em 2em;
}
.padd-1{
    padding: 1em 0
}

 .max-sale .sda .prod-price {
     color: #dda51e;
     font-size: 1em;
     text-align: center;
     padding-top: 0px;
     font-family:iranyekan;
     background:#ebebeb;
     
     color: #000;
    padding: .4em .6em;
    margin:0 1em;
     font-weight: 400;
     border-radius: 1em;
     direction:rtl !important;
}
 .max-sale .sda.have-sales .prod-price {
     color: #c0c0c0;
     font-size: 13px;
     position:relative;
    float:right;
    margin: 0 20px;
}
 .max-sale .sda.have-sales .prod-price:after {
     content: "";
     position: absolute;
     right: 0;
     top: 50%;
     width: 100%;
     height: 1px;
     background-color: #c0c0c0;
}
 .max-sale .sda.have-sales .prod-sale {
     color: #edaa08;
     font-size: 15px;
     text-align: center;
     padding-top: 0px;
}
 

.four ul li {float:right;width:23%;margin:0 1%;}


    .featurebody {
        border-radius: 4px;
        padding:.75em 1em; 
        line-height: 1;
        color: #5f778ee3;
        background: #f6f7f8;
        margin: 25px 0px 0px;
        font-size: 15px;
        box-shadow: 0px 2px 3px (0, 0, 0, 0.04);
        border: 1px solid #e4e6e8;
        font-weight: 300;
        font-family:iranyekan;
    }


    .featurebody:hover {
        color: #dc9203;
    }

    .featurebody i {
        float:right;
        width:20%;
        font-size:2.4em

    }

    .featurebody h5 {
        float:left;
        width:65%;
        text-align:right;
        padding-bottom:.5em;
        font-size:1.1em
    }
    .featurebody span {
        float:left;
        width:65%;
        text-align:right;
        font-size:1em

    }
    .sprev, .snext {
        cursor:pointer;
    }
    .page-title .product-list-options{
        display:inline-block;
        position:relative;
        padding:0;
        margin:0
    }
    .page-title .product-list-options:before{
        display:none
    }

    .product-image{
        border-left:1px solid #e4e4e4;
        padding-left:15px
    }
    .product-image #pd-gallery-container-outer{
        direction:ltr
    }
    .ie .product-image #pd-gallery-container-outer{
        width:100% !important
    }
    .product-image .quicklinks{
        width:100%;
        margin:0 auto
    }
    .product-image .quicklinks .ajax-cart-link{
        margin-left:3px
    }
    .remove.ajax-cart-link{
        color:#fff!important;
        font-size:1.5em;
        cursor: pointer;
    }
    .remove.ajax-cart-link:hover{
        color:#dc9203 !important;
    }
.data{
    font-family:iranyekan;
}
    .brandcontainet  {

margin-bottom: 80px;
box-shadow: 0 21px 60px rgba(19, 35, 42, 0.1);
border-radius: 10px;
background-color: #ffffff;
padding: 1em;

    }
 
     h4.bradd {
        margin-bottom:.5em;

        font-family: iranyekan;
        font-weight: 300;
        direction:rtl;
    }
    h4.bradd span {
        font-family: iranyekan !important;
        font-size: 1.1em;
        color: #333;
        padding: 0 .2em;
        margin-right: 2em;
        border-radius: 4px;
        font-weight: 300;
        display: inline-block;
        margin-top: .2em;
    }


    h4.bradd .all {
        font-size: .9em;
        color: #333;

        float:left;
        font-weight: normal;

    }

    
    .nexts2, .prevs2, .nexts, .prevs {
        cursor:pointer;
    }


    .nexts2:hover, .prevs2:hover, .nexts:hover, .prevs:hover {
         color:rgba(0, 0, 0,.2);   
    }

    .nexts2 {
        position: relative;
        bottom:4.5em;
        right:-6%;
        z-index: 2;
font-size:3em;
          }


          .nexts2::before {
            font-family: icomoon;

            content: "\ea42";
        }







        .prevs2 {
            position: relative;
            bottom:4.5em;
            right:101%;
            z-index: 2;
            font-size:3em;
            cursor:pointer;

              }
    
              .prevs2::before {
                font-family: icomoon;
                content: "\ea44";

            }









    .nexts {
        position: relative;
        top:3.5em;
        left:2%;
        z-index: 2;
font-size:2em;

          }


          .nexts::before {
            font-family: icomoon;

            content: "\ea44";
        }



          .prevs {
            position: relative;
            top:3.5em;
            left:92%;
            z-index: 2;
            font-size:2em;

              }
    
              .prevs::before {
                font-family: icomoon;
    
                content: "\ea42";
            }
    

              .item-box2{
                width:95% !important;
                height:29em!important;
                margin:0 2.5%;
                  display:inline-block;
                position:relative;
                -webkit-transition:all .3s ease;
                -moz-transition:all .3s ease;
                -o-transition:all .3s ease;
                transition:all .3s ease;
                border-radius:7px;
                background-repeat: no-repeat;
                background-position: center;
                background-size: 100% 100%;
                padding:.25em  1em ;
                margin-bottom:2em;               

            }


             .item-box2 img{
                width: 100%;
                height: 25em;
                background-repeat: no-repeat;
                background-size: 100% 100%;
                vertical-align: middle;
                border: 0;
                background-repeat: no-repeat;
                background-position: center;
                background-size: 100% 100%;    
                border-radius: 1.5em;        
            }

            .item-box2 .product-features{
                display:none
            }
            .item-box2>a{


                display:block
            }
            .item-box2.slick-slide{
                margin:0 10px
            }
            .item-box2.no-border{
                border-color:transparent;
                -webkit-box-shadow:0 0 0 rgba(0,0,0,0);
                -moz-box-shadow:0 0 0 rgba(0,0,0,0);
                box-shadow:0 0 0 rgba(0,0,0,0)
            }
            .item-box2.product-compact{
                text-align:center
            }
.unavailable-label{
    font-family:iranyekan;
    font-size: 1.1em;
    color: #EF4056;


}


            .item-box2 .name{

                font-family:iranyekan;
                font-size: 1.25em;
                height: 2em;
                vertical-align: top;
                color: #333;
                text-align: center;
            }
            .item-box2 .name a{
                text-decoration:none;
                color:#333
            }
            .item-box2 .name a>span{
                vertical-align:middle
            }
            .item-box2 .name .label.label-isnew{
                font-size:10px;
                line-height:10px;
                font-weight:normal;
                text-shadow:none;
                text-transform:uppercase
            }
            .item-box2.details{
                clear:both;
                height:248px;
                margin-bottom:20px
            }
            .item-box2.details>a{
                padding:0;
                display:block;
                height:100%
            }
            .item-box2.details .name{
                margin-top:10px;
                display:inline-block;
                width:100%
            }



            .item-box2 .off-percent-label2{
                background-color: #fb3052;
                color: #fff;
                font-size: 1em;
                margin: auto;
                padding: .25em .5em;
                position: absolute;
                text-align: center;
                top: 1.5em;
                right: 1em;
                z-index: 1;
                border-radius: .5em 0 0 .5em;
                min-width: 55px;
                font-family: yekanBold;
                -moz-transition: all .3s ease;
                -webkit-transition: all .3s ease;
                -o-transition: all .3s ease;
                -ms-transition: all .3s ease;
                transition: all .3s ease;
                font-family: iranyekan;
            }

            .item-box2 .off-percent-label2 span{
                text-align:center;
                padding-top:1em;
            }

            .item-box2 .off-percent-label{
                background-color:#fb3052;
                color:#fff;
                font-size:18px;
                margin:auto;
                padding:.1em .75em;
                position:absolute;
                text-align:center;
                top:1em;
                z-index:1;
                border-radius:1em;
                left:1.5em;
                font-family:yekanBold;
                -moz-transition:all .3s ease;
                -webkit-transition:all .3s ease;
                -o-transition:all .3s ease;
                -ms-transition:all .3s ease;
                transition:all .3s ease;
                font-family:iranyekan;
            }
            .item-box2:hover .off-percent-label{
                box-shadow:0 7px 7px rgba(251,48,82,.3)
            }
            .discounted-part .item-box2 .off-percent-label{
                display:none
            }
            .item-box2 figure.picture{
                position:relative;
                z-index:0;
                text-align:center;
                margin:0;
                overflow:hidden;
                box-shadow: 0 20px 32px rgba(29, 46, 54, 0.08);
            }

            .details-frame{
                display:block;
                position:absolute;
                top:0;
                right:0;
                bottom:0;
                left:0;
                background-color:rgba(255,255,255,.7);
                opacity:0;
                filter:alpha(opacity=0);
                z-index:1;
                -moz-transition:all .3s ease;
                -webkit-transition:all .3s ease;
                -o-transition:all .3s ease;
                -ms-transition:all .3s ease;
                transition:all .3s ease;
                font-family:iranyekan;
            }
            .item-box2:hover .details-frame{
                opacity:1;
                filter:alpha(opacity=100)
            }
            .details-frame>div{
                position:absolute;
                top:0;
                right:0;
                bottom:0;
                left:0;
                margin:auto;
                padding:23px 10px 0 !important;
                width:70px;
                height:70px;
                min-width:auto;
                border-radius:100%;
                background-color:#4b4b53;

                color:#fff;
                border:0 !important;
            }
            @media(min-width:768px) and (max-width:979px){
                .item-box2.details .name span{
                    display:block;
                    overflow:hidden;
                    text-overflow:ellipsis;
                    white-space:nowrap;
                    max-width:250px
                }
                .item-box2 .name,.item-box2 .product-price{
                    font-size:14px
                }
                .item-box2 .off-percent-label{
                    font-size:17px;
                    padding:8px 0 0 0;
                    width:55px;
                    height:40px
                }
            }
            @media(min-width:980px){
                .item-box2 figure.picture>a{
                    display:block;
                    position:relative;
                    z-index:0;
                    width:100%;
                    overflow:hidden
                }
                .item-box2 figure.picture>a img{
                    display:block;
                    position:absolute;
                    top:0;
                    right:-35px;
                    bottom:0;
                    left:0;
                    margin:auto !important
                }
            }
            @media(min-width:980px) and (max-width:1199px){
                .item-box2 figure.picture>a{
                    height:205px
                }
                .item-box2 figure.picture>a img{
                    max-width:205px !important
                }
                .onecol_page .item-box2 figure.picture>a img{
                    right:-9px !important
                }
            }
            @media(min-width:1200px){
                .item-box2 figure.picture>a{
                    height:248px
                }
                .item-box2 figure.picture>a img{
                    max-width:248px !important
                }
                .onecol_page .item-box2 figure.picture>a img{
                    right:-5px !important
                }
            }
            .item-box2.details figure.picture a img{
                right:0;
                max-height:248px
            }
            .item-box2 figure.picture .colors{
                position:absolute;
                left:0;
                right:0;
                bottom:-2px;
                z-index:1;
                opacity:1;
                filter:alpha(opacity=100);
                text-align:center;
                line-height:6px;
                font-size:0;
                background-color:rgba(255,255,255,.6);
                padding:4px 2px 0;
                overflow:hidden;
                -webkit-transition:opacity .15s linear;
                -moz-transition:opacity .15s linear;
                -o-transition:opacity .15s linear;
                transition:opacity .15s linear;
                -webkit-transform:translateZ(0)
            }
            .item-box2:hover figure.picture .colors{
                opacity:1;
                filter:alpha(opacity=100)
            }
            .item-box2.details figure.picture{
                padding:0;
                max-height:248px;
                border-radius:0 7px 7px 0
            }
            .item-box2.details figure.picture .colors{
                opacity:1;
                filter:alpha(opacity=100);
                bottom:0;
                left:0;
                right:0;
                text-align:center
            }
            .item-box2 figure.picture .colors>span{
                display:inline-block;
                width:8px;
                height:8px;
                margin:0 2px 3px 0;
                border:1px solid rgba(0,0,0,.3);
                *border-color:#aaa;
                border-radius:100%
            }
            .item-box2 .data{
                padding:10px 0 15px 0;
                height:105px;
                font-family:IRANSans
            }
            .item-box2.details .data{
                display:inline-block;
                padding:40px 8px 0 0;
                min-width:270px
            }
            .item-box2 .description{
                display:none;
                font-family:yekan;
                font-size:17px
            }
            .item-box2 .description a[rel=tooltip]{
                color:inherit;
                text-decoration:none
            }
            .item-box2 .buttons{
                opacity:0;
                filter:alpha(opacity=0);
                -webkit-transition:opacity .2s linear;
                -moz-transition:opacity .2s linear;
                -o-transition:opacity .2s linear;
                transition:opacity .2s linear;
                -webkit-transform:translateZ(0);
                display:block;
                text-align:right;
                position:absolute;
                top:5em;
                left:2.25em;
                z-index:1;
            }
            .item-box2 .buttons div{
                display:block;
                margin-bottom:1.5em;
            }

            .item-box2 .buttons div a{

background: rgba(0,0,0,.3);
color: #fff;
padding: .25em .4em;
border-radius: 50%;
font-size:1.5em;
cursor:pointer;             

            }


.catbox{
    overflow: hidden;
    font-family:iranyekan;
}








            .item-box2 .buttons span{

            }
            .item-box2 .buttons span.icon-compare{
                font-size:.8em !important;

            }




            .item-box2 .buttons div a:hover{

                background: #EF4056;
                color: #fff;
                            }
                
      

            .item-box2 .buttons .btn.ajax-cart-link{
                min-width:auto;
                padding:6px 2px 0 3px;
                border-radius:100%;
            }
            .item-box2 .buttons .btn-primary{
                background-color:#fb3052;
                border-color:#fb3052
            }
            .item-box2 .buttons .label-btn{
                padding:2px 20px;
                margin:0 0 0 5px !important;
                vertical-align:top;
                min-width:auto !important;

            }
         
            .item-box2:hover .buttons{
                opacity:1;
                filter:alpha(opacity=100)
            }
            .item-box2.details .delivery-time{
                text-align:left !important
            }
            .item-box2.details .delivery-time .attr-label span strong{
                color:#464646 !important
            }
            .item-box2 .prices .product-price{
                text-align:center;
                font-family:iranyekan;
                direction:rtl;
                font-size:17px;
                height: 5em;
                vertical-align: top;
                color: #000;
                text-align: center;
                padding-top: 5px;

            }
            .item-box2 .prices .product-price .price{
                display:block;
                color:#dc9203
            }
            .item-box2 .prices .old-product-price .price{
                display:block;
                text-decoration:line-through;
                color:#999;
                white-space:pre-wrap !important;
            }
            .item-box2 .prices .old-product-price .none{
                display:block;
                white-space:pre-wrap !important;
            }


            .item-box2:hover .prices .product-price>.price{
                font-weight:bold
            }
            .item-box2.details .attribute-block{
                width:60%;
                margin-top:20px
            }
            .item-box2.details .attribute-block .attributes .attr-label{
                width:30%;
                white-space:nowrap;
                padding-right:3px
            }
            .item-box2.details .attribute-block .manufacturer-pics img{
                max-height:40px;
                padding:10px 0 0 0
            }
            .item-box2.details .prices{
                margin-top:-10px
            }
            .item-box2.details .prices .product-price>.price span{
                display:inline-block
            }
          



            .item-box2.details .prices .old-product-price span{
                display:inline-block
            }
            .item-box2.details .buttons{
                text-align:center;
                margin:130px 336px 0 0
            }
            .item-box2.details .quicklinks{
                float:right;
                margin-top:16px;
                width:auto
            }
            .item-box2 .quicklinks{
                padding:5px 2px 5px;
                float:left;
                width:30%;
                opacity:0;
                filter:alpha(opacity=0);
                -webkit-transition:opacity .2s linear;
                -moz-transition:opacity .2s linear;
                -o-transition:opacity .2s linear;
                transition:opacity .2s linear;
                -webkit-transform:translateZ(0)
            }
            .item-box2 .quicklinks a.ajax-cart-link{
                text-shadow:none;
                line-height:16px;
                float:left;
                margin-right:2px
            }
            .item-box2 .quicklinks a.ajax-cart-link:hover{
                text-decoration:none;
                color:#6e6e6e
            }
            .item-box2 .quicklinks .fa{
                font-size:13px
            }
            .product-list-container .product-list .item-box2 .quicklinks a.ajax-cart-link,.product-tag-page .product-list .item-box2 .quicklinks a.ajax-cart-link,.manufacturer-page .product-list .item-box2 .quicklinks a.ajax-cart-link,.search-page .product-list .item-box2 .quicklinks a.ajax-cart-link{
                margin-top:-16px
            }
            @media(min-width:768px) and (max-width:979px){
                .product-grid .item-box2{
                    padding-right:5px !important;
                    padding-left:5px !important
                }
                .item-box2 .prices .product-price{
                    white-space:nowrap;
                    overflow:hidden;
                    text-overflow:ellipsis
                }
                .item-box2 .buttons{
                    top:5px;
                    right:10px
                }
                .item-box2 .buttons .label-btn{
                    padding:2px 5px;
                    font-size:15px !important;
                    margin-left:2px !important
                }
                .item-box2 .quicklinks{
                    width:40%
                }
                .item-box2 .quicklinks{
                    padding-right:0 !important;
                    padding-left:0 !important
                }
                .item-box2 .quicklinks a.ajax-cart-link{
                    margin-right:0 !important
                }
            }
            @media(min-width:980px) and (max-width:1199px){
                .item-box2 .quicklinks{
                    width:37%
                }
                .item-box2 .prices .product-price{
                    white-space:nowrap;
                    overflow:hidden;
                    text-overflow:ellipsis
                }
            }
            .item-box2:hover .quicklinks{
                opacity:1;
                filter:alpha(opacity=100)
            }
            .item-box2 .reviews{
                text-align:center
            }
            .item-box2.details .reviews{
                position:absolute;
                bottom:7px
            }
            .product-thumb__favorite{
                display:block !important;
                background:url("/web/20180413172825im_/https://www.gajmarket.com/Themes/AlphaGajLight/Content/assets/favorite.svg") no-repeat;
                width:12px;
                height:12px;
                cursor:pointer
            }
            .product-thumb__favorite:hover,.product-thumb__favorite_active{
                background:url("/web/20180413172825im_/https://www.gajmarket.com/Themes/AlphaGajLight/Content/assets/favorite-bold.svg") no-repeat
            }
            .item-box2 .product-thumb__badge{
                display:none
            }
            .item-box2:hover{
                -moz-transform:scale(1.05);
                -webkit-transform:scale(1.05);
                -ms-transform:scale(1.05);
                -o-transform:scale(1.05);
                transform:scale(1.05);
            }
            

            #brad li a:first-child  {margin-left: 5%;}
            #brad li a:last-child  {margin-right: 5%;}

    #brad img {
        width: 70% ;
        height: 6em;
        margin: 5%;
        opacity: .75;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        -webkit-transition: all 150ms ease-in-out;
        -moz-transition: all 150ms ease-in-out;
        -ms-transition: all 150ms ease-in-out;
        -o-transition: all 150ms ease-in-out;
        transition: all 150ms ease-in-out;
        cursor:pointer;

    }

    .zeroimg img {

        filter: grayscale(90%);
        -webkit-filter: grayscale(90%);
    }

    #brad img:hover{
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    opacity: 1;
}

.o-headline-links{color:#fff;
font-size:1.25em;}

.o-headline-links a{
    border: 1px solid #fff;
    padding:.25em .5em;
border-radius: 4em;
    font-size:1em;}
    

    .c-footer{
        font-family:iranyekan;

        background:#4B4B53;
        position:relative;
        line-height:22px;
        overflow:hidden;
        background: url(../images/bgfooter.svg) bottom;
    background-color: rgba(0, 0, 0, 0);
    background-repeat: repeat;
background-repeat: no-repeat;
background-color: #999;
padding: 7em 0 20px;
    }
    .c-footer .container{
        display:-ms-flexbox;
        display:flex;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .c-footer__jumpup{
        font-size:20px;
        font-size:1.429rem;
        line-height:1.1;
        color:#4a4a4a;
        position:absolute;
        height:59px;
        top:0;
        left:0;
        right:0;
        width:100%;
        background-color:#f5f5f5;
        border-top:1px solid #eceff1;
        border-bottom:1px solid #cfd8dc
    }
    .c-footer__jumpup-container{
        font-family:iranyekan;
        cursor:pointer;
        width:100%;
        display:-ms-inline-flexbox;
        display:inline-flex;
        -ms-flex-pack:center;
        justify-content:center;
        -ms-flex-align:center;
        align-items:center;
        height:100%;

    }
    .c-footer__jumpup-angle{
        width:36px;
        height:36px;
        background-color:hsla(0,0%,75%,.41);
        border-radius:50%;
        margin-left:5px;
        text-align:center;
        vertical-align:middle;
        line-height:1.5em;
    }
    .c-footer__jumpup-angle:before{
        font-family:icomoon;
        content:"\e012";
        color:#666;
        font-size:.8em !important;

    }
    .c-footer hr{
        outline:none;
        border:none;
        height:1px;
        width:calc(100% - 15px);
        margin:auto;
        background-color:#cfd8dc
    }
    .c-footer__address{
        font-style:normal;
        letter-spacing:-1.1px;
        -ms-flex-pack:justify;
        justify-content:space-between;
        width:100%;
        padding:15px 12px 15px 15px;
        font-size:14px;
        font-size:1rem;
        line-height:27px;
        color:#fff;
    }
    .c-footer__address,.c-footer__address-images{
        display:-ms-inline-flexbox;
        display:inline-flex;
        -ms-flex-align:center;
        align-items:center
    }
    .c-footer__address-images{
        text-align:left;
        white-space:nowrap;
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap
    }
    .c-footer__address-images a:first-of-type{
        margin-left:17px
    }
    .c-footer__contact{
        list-style:none;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        font-size:1.25em
    }
    .c-footer__contact,.c-footer__contact li{
        color:#fff;
        -ms-flex-align:center;
        align-items:center
    }
    .c-footer__contact li{
        font-size:16px;
        font-size:1.143rem;
        line-height:36px;
        vertical-align:middle;
        text-align:right;
        direction:rtl;
        white-space:nowrap;
        display:-ms-inline-flexbox;
        display:inline-flex;
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap
    }
    .c-footer__contact li:first-of-type{
        width:100%
    }
    .c-footer__contact li:nth-of-type(2){
        border-right:none
    }
    .c-footer__contact li:nth-of-type(3){
        border-right:1px solid #979797;
        margin-right:20px;
        padding-right:20px
    }
    .c-footer__contact li a{
        margin-right:10px
    }
    .c-footer__copyright{
        color:#fff;
        padding-left:12px;
        padding-right:12px
    }
    .c-footer__copyright--text{
        color:#fff;
        text-align:center;
        font-size:12px;
        padding-bottom:15px
    }
    .c-footer__badgewrapper{
        margin:30px auto;
        padding-top:10px;
        padding-bottom:23px;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        margin-right:-10px;
        margin-left:-10px
    }
    .c-footer__badge{
        display:inline-block;
        width:16.3%
    }
    .c-footer__feature{
        padding:0 12px;
        box-sizing:border-box
    }
    .c-footer__feature-container{
        width:100%;
        padding-bottom:20px
    }
    .c-footer__feature-innerbox{
        margin:0 auto;
        -ms-flex-pack:distribute;
        justify-content:space-around
    }
    .c-footer__feature-innerbox,.c-footer__middlebar{
        display:-ms-inline-flexbox;
        display:inline-flex;
        width:100%;
        -ms-flex-align:center;
        align-items:center
    }
    .c-footer__middlebar{
        padding:20px 0 20px 15px;
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap;
        -ms-flex-pack:justify;
        justify-content:space-between;
        color:#fff;
    }
    .c-footer__feature-item{
        text-align:center;
        position:relative;
        padding-top:80px;
        font-size:13px;
        font-size:.929rem;
        line-height:1.692;
        color:#606060;
        letter-spacing:.2px;
        padding-bottom:20px;
        margin:auto
    }
    .c-footer__feature-item--1{
        background:url(../files/8f570b58.svg) 43% 8px no-repeat;
        background-size:auto 58px
    }
    .c-footer__feature-item--2{
        background:url(../files/5225118a.svg) 50% 4px no-repeat;
        background-size:auto 58px
    }
    .c-footer__feature-item--3{
        background:url(../files/a9286d2f.svg) 50% 4px no-repeat;
        background-size:auto 58px
    }
    .c-footer__feature-item--4{
        background:url(../files/22414818.svg) 50% 0 no-repeat;
        background-size:auto 58px
    }
    .c-footer__feature-item--5{
        background:url(../files/514926b1.svg) 50% 5px no-repeat;
        background-size:auto 58px
    }
    .c-footer__feature-item--6{
        background:url(../files/fdb293e6.svg) 50% 6px no-repeat;
        background-size:auto 58px
    }
    .c-footer__address,.c-footer__description-content,.c-footer__feature-innerbox,.c-footer__middlebar,.c-footer__partners{
        max-width:1450px;
        margin:auto
    }
    .c-footer__form{
        -ms-flex-pack:justify;
        justify-content:space-between;
        width:333px
    }
    .c-footer .c-form-newsletter__col--email{
        max-width:300px
    }
    .c-footer .c-ui-input--newsletter{
        width:260px;
        display:-ms-inline-flexbox;
        display:inline-flex;
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap
    }
    .c-footer .c-ui-input--newsletter input{
        border:none;
        background-color:#fff;
        border-radius:0 5px 5px 0;
        height:40px;
        width:260px
    }
    .c-footer .c-ui-input--newsletter input:before{
        position:absolute;
        top:9px;
        right:30px
    }
    .c-footer .c-ui-input--newsletter:before{
        top:9px
    }
    .c-footer .c-form-newsletter{
        margin:0 0 35px
    }
    .c-footer .c-form-newsletter__title{
        font-size:14px;
        font-size:1rem;
        line-height:1.571;
        font-weight:400
    }
    .c-footer .c-form-newsletter__row{
        display:-ms-inline-flexbox;
        display:inline-flex;
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap;
        width:100%;
        margin:0
    }
    .c-footer .c-form-newsletter input{
        border-left:none;
        border-top-left-radius:0;
        border-bottom-left-radius:0;
        width: 100%;
    }
    .c-footer .c-form-newsletter button{
        font-size:14px;
        font-size:1rem;
        line-height:1.571;
        background-color:#dc9203;
        border-radius:5px 0 0 5px;
        text-align:center;
        width:87px;
        border:none;
        padding:11px 24px
    }
    .c-footer .c-form-newsletter__col--submit{
        position:absolute;
        left:-125px;
        top:0
    }
    .c-footer .c-form-newsletter-ul{
        letter-spacing:-.1px;
        margin:0;
        padding:0;
        list-style-type:none
    }
    .c-footer .c-form-newsletter-ul li{
        margin:14px 0 0;
        position:relative
    }
    .c-footer .c-form-newsletter-ul a{
        color:#4b4b4b;
        font-weight:300;
        font-size:14px;
        font-size:1rem;
        line-height:1.571;
        font-style:normal;
        font-stretch:normal;
        line-height:normal;
        letter-spacing:-.1px;
        text-decoration:none
    }
    .c-footer__links{
        display:-ms-inline-flexbox;
        display:inline-flex;
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap;
        -ms-flex-pack:justify;
        justify-content:space-between;
        -ms-flex-align:start;
        align-items:flex-start;
        -ms-flex:0 0 calc(100% - 450px);
        flex:0 0 calc(100% - 450px);
        max-width:calc(100% - 450px);
        padding:0 10px
    }
    .c-footer__links--col{
        width:calc(33.3333% - 2px);
        display:inline-block
    }
    .c-footer__links h5{
        font-size:16px;
        font-size:1.143rem;
        line-height:1.375;
        color:#4a4a4a
    }
    .c-footer__links-ul{
        letter-spacing:-.1px;
        margin:0;
        padding:0;
        list-style-type:none
    }
    .c-footer__links-ul li{
        margin:13px 0 0;
        position:relative
    }
    .c-footer__links-ul a{
        color:#fff;
        font-weight:300;
        font-size:1.25em;
        line-height:1.571;
        letter-spacing:-.1px;
        text-decoration:none
    }
    .c-footer__seo{
        margin-top:25px
    }
    .c-footer__seo--content{
        height:78px;
        overflow:hidden;
        transition:all .2s linear
    }
    .c-footer__seo-readmore{
        display:none
    }
    .c-footer__seo h1{
        font-size:15px;
        font-size:1.071rem;
        line-height:1.467;
        margin-bottom:18px;
        color:#5d5959
    }
    .c-footer__seo p{
        font-size:12px;
        font-size:.857rem;
        line-height:2.17;
        font-weight:300;
        letter-spacing:-.3px;
        color:#535353
    }
    .c-footer__seo a{
        font-size:14px;
        font-size:1rem;
        line-height:1.571;
        letter-spacing:-.3px;
        text-align:right;
        color:#8e8e8e;
        display:inline-block;
        margin-right:10px
    }
    .c-footer__partners{
        list-style:none;
        padding:0;
        margin:9px auto;
        display:-ms-inline-flexbox;
        display:inline-flex;
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap;
        width:100%
    }
    .c-footer__partners li{
        text-align:center;
        margin-top:15px;
        vertical-align:middle;
        width:calc(25% - 5px);
        -ms-flex-align:center;
        align-items:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .c-footer__community,.c-footer__partners li{
        display:-ms-flexbox;
        display:flex
    }
    .c-footer__community{
    }
    .c-footer__social--telegram{
        width:159px;
        height:45px;
        border-radius:9px;
        background-image:linear-gradient(180deg,#69bce4,#55a7d8);
        box-shadow:0 2px 4px 0 hsla(0,0%,92%,.5);
        font-weight:700;
        text-align:center;
        display:inline-block;
        margin-left:15px;
        font-size:12px;
        font-size:.857rem;
        line-height:45px
    }
    .c-footer__social--telegram a{
        text-decoration:none;
        color:#fff;
        display:block
    }
    .c-footer__social--telegram a:before{
        background-image:url(../files/0ea6ef0a.png);
        background-size:40px 40px;
        width:40px;
        height:40px
    }
    .c-footer__social--telegram img{
        position:relative;
        top:10px;
        right:-5px
    }
    .c-footer__social--instagram{
        width:159px;
        height:45px;
        text-align:center;
        border-radius:9px;
        background-image:linear-gradient(266deg,#4e60d3,#913baf 35%,#d52d88 68%,#f26d4f);
        box-shadow:0 2px 4px 0 rgba(0,0,0,.11);
        color:#fff;
        font-weight:700;
        display:inline-block;
        font-size:12px;
        font-size:.857rem;
        line-height:45px
    }
    .c-footer__social--instagram a{
        text-decoration:none;
        color:#fff;
        display:block
    }
    .c-footer__social--instagram a:before{
        background-image:url(../files/0ae6d682.svg);
        background-size:40px 40px;
        width:40px;
        height:40px
    }
    .c-footer__social--instagram img{
        position:relative;
        top:10px;
        right:-5px
    }
    .c-footer__social>span{
        display:block;
        font-size:14px;
        font-size:1rem;
        line-height:1.571;
        margin-bottom:21px;
        color:#fff !important;
        font-weight:400
    }
    .c-footer__social-fb:before{
        content:"\E039"
    }
    .c-footer__social-twitter:before{
        content:"\E0AB"
    }
    .c-footer__social-instagram:before{
        content:"\E054"
    }
    .c-footer__social-gplus:before{
        content:"\E049"
    }
    .c-footer__social-telegram:before{
        content:"\E0A4"
    }
    .c-footer__more-info{
        background-color:#6e6e6e;
        padding:20px 12px;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-direction:column;
        flex-direction:column;
        margin:0 -10px
    }
    .c-footer__description-content{
        display:none;
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap;
        -ms-flex-pack:justify;
        justify-content:space-between;
        padding:0 7px
    }
    .c-footer__safety-partner,.t-index .c-footer__description-content{
        display:-ms-inline-flexbox;
        display:inline-flex
    }
    .c-footer__safety-partner{
        list-style:none;
        padding:0;
        margin:10px 0;
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap;
        width:480px
    }
    .c-footer__safety-partner,.c-footer__safety-partner li{
        -ms-flex-pack:center;
        justify-content:center;
        -ms-flex-align:center;
        align-items:center
    }
    .c-footer__safety-partner li{
        margin-left:15px;
        width:150px;
        height:140px;
        border-radius:5px;
        background-color:#f0f0f0;
        border:1px solid #e5e5ea;
        display:-ms-flexbox;
        display:flex
    }
    .c-footer__safety-partner li:last-of-type{
        margin-left:0
    }
    .c-footer__safety-partner-1,.c-footer__safety-partner-2{
        background:no-repeat 50% 50%;
        background-size:contain;
        display:block;
        margin:10px 20px
    }
    .c-footer__safety-partner-3{
        margin:7px 25px
    }
    .c-footer__safety-partner-1{
        width:110px;
        height:120px;
        background-image:url(../files/5c1e7ecd.png)
    }
    .c-footer__safety-partner-2{
        background-size:110px 120px;
        margin:0!important
    }
    .c-footer__safety-partner-2 img{
        max-width:100%;
        max-height:88%;
        width:88%
    }
    .c-footer-checkout{
        height:300px;
        background-color:#f5f5f5
    }
    .c-footer-checkout__content{
        padding:136px 38px 15px
    }
    .c-footer-checkout__content-info{
        padding-top:20px;
        border-top:1px solid #e7e7e7
    }
    .c-footer-checkout__content-info-container{
        max-width:750px;
        margin:0 auto
    }
    .c-footer-checkout__col{
        width:calc(50% - 4px);
        text-align:center;
        font-size:15px;
        font-weight:500;
        font-style:normal;
        font-stretch:normal;
        line-height:normal;
        letter-spacing:.4px;
        display:inline-block;
        color:#535353;
        margin-bottom:27px;
        height:26px
    }
    .c-footer-checkout__col-phone:before{
        content:"\E074";
        font-size:20px;
        position:relative;
        top:7px;
        margin-left:15px
    }
    .c-footer-checkout__col-phone a{
        color:#535353;
        text-decoration:none
    }
    .c-footer-checkout__col-email:before{
        content:"\E034";
        font-size:20px;
        position:relative;
        top:7px;
        margin-left:15px
    }
    .c-footer-checkout__col-email a{
        color:#535353;
        text-decoration:none
    }
    .c-footer-checkout__subtitle{
        color:#7f7f7f;
        margin-bottom:22px
    }
    .c-footer-checkout__copyright,.c-footer-checkout__subtitle{
        font-size:13px;
        font-weight:400;
        font-style:normal;
        font-stretch:normal;
        line-height:normal;
        letter-spacing:-.5px;
        text-align:center
    }
    .c-footer-checkout__copyright{
        color:#b0b0b0
    }
    .c-footer-light{
        position:absolute;
        bottom:0;
        left:0;
        right:0
    }
    .c-footer-light .container{
        border-top:1px solid #e7e7e7;
        text-align:center;
        padding-top:20px;
        padding-bottom:20px;
        font-size:13px;
        font-size:.929rem;
        line-height:1.692;
        color:#b1b1b1
    }
    .c-footer-light .container p{
        margin-top:15px
    }
    .c-footer-light__links{
        list-style:none;
        padding:0;
        margin-bottom:28px
    }
    .c-footer-light__links li{
        display:inline-block;
        margin:0 17px
    }
    .c-footer-light__links li a{
        color:#7f7f7f;
        letter-spacing:-.5px;
        font-size:13px;
        font-size:.929rem;
        line-height:1.692
    }
    .c-footer-light__text{
        font-size:12px;
        font-size:.857rem;
        line-height:21px;
        color:#b0b0b0;
        text-align:center;
        direction:rtl;
        letter-spacing:-.5
    }
    .c-footer-light__copyright{
        font-size:13px;
        font-size:.929rem;
        line-height:44px;
        color:#b0b0b0;
        letter-spacing:-.5px;
        direction:ltr;
        text-align:center;
        padding:0 12px
    }
    



    .c-checkout-contact__item--username{color:#32325D}
    #navi {
    }

#navi ul {
    width: 100%;

display: table !important;
table-layout: fixed !important;
height: 100%;
border-collapse: collapse;
border-spacing: 5px 1rem !important;
}

#navi ul li{
    display: block;
cursor:pointer;
color:#fff;
height: 3em;
margin-bottom: .5em;

} 



#navi ul li a {
    display: block;
    padding: 0 2em;
    border-bottom: 1px solid #999;
    color: #333;
    position: relative;
    line-height: 1.5;
    font-size: 17px;
    padding-right:1em;
    font-weight: 300;
    background-color: #f6f8f9;
    border-radius: 15px;
    padding: .75em;
}

#navi ul li a:hover {
    color: #dc9203;
}


#navi ul li a:hover{
    background-color: rgba(0,0,0,.2);
} 

#navi ul li.active a{
    color: #fff;
    background-color: #dc9203;
    position: relative;
    font-weight: normal;

} 

  
  .item-box {
      padding:1em 0;
      direction:rtl;
      width: 100%;
      padding-top: 3em;
  }
  #slider1 li {
    width: 100%;

  }

  .item-box .prices .old-product-price .price {
    display: block;
    text-decoration: line-through;
    color: #999;
}


  .item-box .picture {
    display: inline-block;
    width: 49%;
}
.item-box figure.picture {
    height: 250px;
}

.item-box figure.picture img {
    height: 100%;
    width: auto !important;
    border-radius: 2em;
}


.item-box figure.picture {
    position: relative;
    z-index: 0;
    padding: 0 0 15px;
    text-align: center;
    margin: 0;
    min-height: 100px;
    overflow: hidden;
    float: left
}
 .item-box .data {
     margin-top: -2em;
     color: #fff
}



 .item-box .data {
    display: inline-block;
    vertical-align: top;
    width: 49%;
}
 .item-box .data {
    padding-top: 0;
}
.item-box .data {
    padding: 10px 0 15px 0;
        padding-top: 10px;
    height: 105px;
    font-family:iranyekan !important;
}
.item-box .name {
    font-size: 19px;
}

 .item-box .name {
    font-family:iranyekan !important;
    overflow: visible;
    text-align: right;
    text-overflow: inherit;
    white-space: normal;
    width: 100% !important;

}


.item-box .product-price > .old-product-price {

    margin-right: 0;

}
.item-box .product-price > .old-product-price {

    display: inline-block;
    background-color: #999;
    border-radius: 20px 0 20px 0;
    color: #fff;
    text-align: center;
    width: 120px;
    margin: 0 !important;
    font-size: 16px;
    padding: 2px 0;
    position: absolute;
    right: 2em !important;
    top:.5em;
    z-index: 1;

}

.item-box .prices .product-price .price {
    display: block;
    color: #36f;
}


.item-box .product-price > .price {
    background-color: #ef4056;
    color: #fff !important;
    font-family:iranyekan !important;

}

.item-box  .product-price > .price {
    display: inline-block;
    background-color: #ef4056 !important;
    border-radius: 20px 0 20px 0;
    text-align: left;
    min-width: 200px;
    white-space: nowrap;
    font-size: 31px;
    padding:0 .25em;
    padding-right:1em;
    position: absolute;
    top: 0;
    left: 0;
}


.item-box .product-features li {
    display: block;
    font-size: 1.05em;
    line-height: 1.5em;
}

.item-box .product-features li:before {
    content:"○ "
    }
 .item-box .product-features {
    margin:1.5em 0;
    display: block;
    max-height:6em;
    overflow: hidden;
    font-family:iranyekan !important;
    text-align: right;
direction: rtl;
}
.item-box .prices .old-product-price .price {
    color: #fff !important;
    font-family:iranyekan !important;

}

.item-box .product-price > .price > span,   .item-box .discounted-part-price .product-price > .old-product-price span > span {
    display: inline-block;
    margin-top: -8px;
    font-size: 13px;
}
.item-box .prices .old-product-price .price {
    color: #fff !important;
}
.item-box .product-price > .price > span,   .item-box .discounted-part-price .product-price > .old-product-price span > span {
    display: inline-block;
    margin-top: -8px;
    font-size: 13px;
}

.item-box .prices .product-price .price {
    display: block;
    color: #36f;
}


  .item-box .prices {
    position: relative;
    margin: 1em 0 !important;

}
.item-box .prices .product-price {
    text-align: center;
    font-family: iranyekan;
    font-size: 17px;
}

 .item-box .product-thumb__badge {
    display: block;
    font-family:iranyekan;
    background-color: #dc9203;
    left: 0;
    position: absolute;
    top: 2em;
    padding: 0 .5em;
    line-height: 1.5;
    color: #fff;
    border-radius: 0 0 10px 10px;
    font-size: 1.5em !important;
}



.item-box .discounted-section__countdown.pull-right {
    position: relative;
    bottom: -7em;
    left: 0em;
}


.item-box .ico-clock {
    width: 37px;
    height: 37px;
    font-size:2em;
    float: right;
    margin-left: .25em;
    color:#dc9203;
}

.ico {
    display: inline-block;
}

.cccc{
    display: block;
}
.ico-price-arrow {
    width: 20px;
    height: 45px;
    background: url(../images/d2.png) no-repeat;
    margin: 5px 10px 0 0;
    float: right;
}
.c-form-share__title {
    margin-bottom: 12px;
    color: #565656;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    letter-spacing: -.3px;
}

.btn-group-share {
    list-style: none;
    padding: 0;
    margin-right: -12px;
}

.btn-group-share li {
    float: right;
    margin-right: 12px;
}
#details-cnt .product-thumb__badge {
    color: #fb3052;
    font-family: iranyekan;
    font-size: 31px;
    margin-top: 5px;
    display: block;
}

.product-price-with-discount, .product-price.text-success > span {
    color: #36f;   

}


.without-discount-block > div {
    font-family: iranyekan;
    font-size: 1.2em !important;
    color: #6e6e6e;

}
#get_discount{
    color: #EF4056;

}
.product-price-with-discount{
    color: #dc9203 !important;
}
.without-discount-block > span {
    font-family: iranyekan;
    font-size: 1.4em !important;
    color: #333;
    font-weight: bold;
}


.price-without-discount > span {
    font-size: 17px;
}

.countdown-timer {
    float: right;
    font-family: iranyekan;
    width: 70%;
}

.item-box .remain-text {
    text-align: right;
    font-size: 16px;
    line-height: 15px;
    margin-bottom: 5px;
    color: #fff;
    font-family: iranyekan;

}

.item-box .discounted-section__countdown__digit {
    display: inline-block;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 1;
    padding-top: 0;
    text-align: center;
    font-family: iranyekan;

}

.item-box .discounted-section__countdown__digit.day {
    width: 5em;

}

.item-box .discounted-section__countdown__digit span:first-child {
    font-size: 26px;
}

.item-box .discounted-section__countdown__digit span {
    display: block;
}
.item-box .discounted-section__countdown__digit .dot {
    float:right;
    margin-top:2px;
    font-size:23px;
}
 .item-box .name {
    font-family: iranyekanBold-latinNum;
    overflow: visible;
    text-align: right;
    text-overflow: inherit;
    white-space: normal;
}





#navi ul li a {
    font-size:14px;
text-align:right;
font-family:iranyekan;
} 

#navi a.active{
	color:red;
}

#copyright{
	text-align:center;
	font-size:16px;
	padding:30px 0;
}
#copyright a{
	font-weight:bold;
	font-size:16px;
}

.swiper-container-horizontal {
    bottom: 10px;
    left: 0;
    width: 100%;
}
#pagenavi {
    position: absolute;
    bottom: 34px !important;
    left: 50% !important;
    z-index: 3;
    height: 15px;
    width: unset !important;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    transform: translateX(-50%);
}



.gs  {
    
float:left;background-color: #fff;
box-shadow: 0 6px 20px rgba(168,172,185,.3);
overflow: hidden;
border-radius: 7px;

}


.swipe.shegeft > ul > li {
    float:none;

    font-family:iranyekan !important;
    padding:1em;

}
#slider1  {
    overflow:hidden;
    
    }

#slider1 > li {
overflow:hidden;
height: 22em !important;

}

.special_price{
    float:right;
}

.zza{display:block;}


.special_price .original{
    float:right;
    margin-left:30%;
    position: relative;
    font-size:16px;
    font-size:1.143rem;
    line-height:23px;
    color:#727272;
    text-align:right;
}
.special_price .original > span{
    float:left;padding-right:.1em;

    font-size:14px;
    font-size:1rem;
    line-height:23px;
    letter-spacing:0;
    margin-right:5px;
    text-align:right;

}

.special_price .original::before {
    content: '';
    border-bottom: 2px solid red;
    width: 100%;
    position: absolute;
    right: 0;
    top: 50%;
}
.special_price .now{
    float:right;
    font-size:22px;
    font-size:1.571rem;
    line-height:27px;
    letter-spacing:1.2px;
    color:#ef5661;
    font-weight:700;
    margin-top:8px
}
.special_price .now span{
    float:left;padding-right:.5em;

    font-size:16px;
    font-size:1.143rem;
    line-height:27px;
    vertical-align:middle;
    letter-spacing:0
}

.special_price .discount {
    background:#FBC939;
    color:#191F28;
    border-radius:.55rem;
    float:right;
    line-height:27px;
margin-top:7px;
margin-right:1em;
padding:.2em .5em;
}

.swipe.shegeft h4 {
    display:block !important;
    color:#4a5f73;
    font-size:1.35em;
    text-align:right;
    direction:rtl;
    padding:1em 0;
    margin-top:3em;
    z-index:999;
}

.swipe.shegeft h4:hover {
    color:#333;
}






  
  .visually-hidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
  }


  span.endtime {
    float:right;
    font-size:1.143em;
    text-align:right;
    direction:rtl;
    padding-bottom:1em;
    display: inline-block;
    background-color: #ddd !important;
    border-radius: 20px 0 20px 0;
    text-align: left;
    white-space: nowrap;
    font-size: 31px;
    padding: 0 .5em;
    margin-right: 1em;
  color:#666
}



#banners {
    width: 100%;
    
}

#banners:before,#banners:after{
    content:" ";
    display:table
}
#banners:after,#banners:after{
    clear:both
}



#banners img{
    width:100% !important;
    border-radius: .55rem !important;
    padding-bottom:.15em;
    margin-bottom:1em;

}

#banners img:hover{
opacity:.8;
}



#sliders {
    position:relative;
    width: 100%;

}




/*----------------------------------*/
/*	Base
/*----------------------------------*/

/* Font
--------------------------- */

.c-discount__price-text{
    font-size:16px;
    font-size:1.143rem;
    line-height:1.375;
    font-weight:700;
    color:#454545;
    margin-top:5px
}
.c-discount .btn-primary--add-cart{
    border:none;
    border-radius:11px
}
.c-discount .btn-primary--add-cart:before{
    right:14px
}
.c-discount .btn-primary--add-cart:after{
    content:"";
    width:88px;
    height:88px;
    opacity:.21;
    background-color:#fff;
    position:absolute;
    right:-37px;
    border-radius:100%;
    top:50%;
    transform:translateY(-50%)
}
.c-discount__content-container{
    display:none;
    animation-duration:.4s;
    height:100%
}
.c-discount__content-container.is-active{
    display:block
}
.c-discount__lock{
    position:relative;
    padding:30px 30px 30px 405px;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-pack:center;
    justify-content:center;
    display:-ms-flexbox;
    display:flex
}
.c-discount__lock h4{
    font-size:22px;
    font-size:1.571rem;
    line-height:1;
    font-weight:700;
    color:#7f7f7f;
    margin-bottom:10px
}
.c-discount__lock p{
    font-size:14px;
    font-size:1rem;
    line-height:1.571;
    letter-spacing:-.3px;
    color:#686868;
    margin-bottom:10px
}
.c-discount__lock:after,.c-discount__lock:before{
    position:absolute;
    content:""
}
.c-discount__lock:before{
    width:279px;
    height:275px;
    background:url(../files/fe5dc3a9.png) no-repeat 50% 50%;
    background-size:100%;
    top:67px;
    left:73px
}
.c-discount__lock:after{
    width:149px;
    height:151px;
    top:133px;
    left:146px;
    background:url(../files/6dcbbc78.svg) no-repeat 50% 50%;
    background-size:100%
}
.c-discount__lock-actions{
    margin-right:-10px
}
.c-discount__lock-actions .btn-light{
    margin-right:10px;
    margin-top:10px
}
.c-discount__product{
    position:relative;
    display:block;
    -ms-flex-align:center;
    align-items:center;
    height:353px;
    padding:60px 20px 20px 30px
}
.c-discount__product .o-grid,.c-discount__product .row{
    height:100%;
    width:100%
}
.c-discount__product .row{
    -ms-flex-pack:justify;
    justify-content:space-between
}
.c-discount__product--invisible .c-discount__img img,.c-discount__product--invisible .c-discount__product-img img{
    opacity:.75
}
.c-discount__product--invisible .btn-invisible-call{
    position:relative;
    max-width:350px
}
.c-discount__product .c-discount__price--normal{
    display:none
}
.c-discount__product .btn-invisible-call--finished-incredible{
    display:none;
    padding:15px 10px;
    max-width:350px
}
.c-discount__product .c-discount__counter--finished{
    display:none
}
.c-discount__product--finished-incredible .btn-invisible-call--finished-incredible{
    display:block
}
.c-discount__product--finished-incredible .btn-invisible-call--invisible,.c-discount__product--finished-incredible .c-discount__price{
    display:none
}
.c-discount__product--finished-incredible .c-discount__price--normal{
    display:block
}
.c-discount__product--finished-incredible .c-discount__price--normal .c-discount__price--primary{
    -ms-flex-align:start;
    align-items:flex-start
}
.c-discount__product--finished-incredible .c-discount__price--normal .c-discount__price--now{
    color:#575757
}
.c-discount__product--finished-incredible .c-discount__price--normal .c-discount__price-text{
    margin-top:6px;
    font-size:14px;
    font-size:1rem;
    line-height:2.43;
    color:#787878;
    font-weight:700
}
.c-discount__product--finished-incredible .c-discount__counter--main{
    display:none
}
.c-discount__product--finished-incredible .c-discount__counter--finished{
    display:block
}
.c-discount__product-url{
    position:absolute;
    display:block;
    top:0;
    left:0;
    opacity:0;
    right:0;
    bottom:0;
    z-index:14
}
.c-discount__img{
    max-height:100%;
    height:344px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:relative
}
.c-discount__img img{
    overflow:hidden
}
.c-discount__img img[alt]:after{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    font-weight:300;
    color:transparent;
    text-align:center;
    content:attr(alt);
    background:#fff url(../files/7af476b5.png) no-repeat 50%;
    background-size:contain;
    width:100%
}
.c-discount__img img{
    max-height:100%;
    max-width:100%;
    -o-object-fit:contain;
    object-fit:contain;
    -o-object-position:center;
    object-position:center
}
.c-discount__title{
    font-size:16px;
    font-size:1.143rem;
    line-height:1.89;
    font-weight:700;
    text-align:right;
    max-width:100%;
    margin:20px 0 10px
}
.c-discount__ul{
    font-size:13px;
    font-size:.929rem;
    line-height:1.692;
    padding:0;
    list-style-type:none;
    margin-bottom:15px
}
.c-discount__ul li{
    margin:5px 0;
    padding-right:17px;
    position:relative;
    font-size:13px;
    font-size:.929rem;
    line-height:24px;
    text-align:right
}
.c-discount__ul li:before{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#bebebe;
    position:absolute;
    right:0;
    top:50%;
    content:"";
    transform:translateY(-50%)
}
.c-discount .col-5{
    -ms-flex:0 0 50%;
    flex:0 0 50%;
    max-width:50%;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-align:start;
    align-items:flex-start;
    height:100%
}
.c-discount__row-container{
    width:100%
}
.c-discount .col-6{
    -ms-flex:0 0 43%;
    flex:0 0 43%;
    max-width:43%
}
.c-discount .c-price{
    float:right;
    margin-bottom:19px
}
.c-discount .c-price__discount{
    margin-right:16px
}
.c-discount__bottom-bar{
    position:absolute;
    left:50%;
    top:-60px;
    width:223px;
    height:46px;
    transform:translateX(-50%);
    z-index:4
}
.c-discount__bottom-bar:after{
    content:""!important;
    display:block!important;
    clear:both!important
}
.c-discount__bottom-bar:before{
    width:223px;
    height:46px;
    display:block;
    background:#ef5661 url(../files/905163eb.png) no-repeat 50% 50%;
    background-size:auto 19px;
    border-radius:0 0 24px 24px;
    content:""
}
.c-discount__bottom-bar [data-icon=clock]:before{
    font-size:16px;
    margin-left:7px;
    vertical-align:middle;
    color:#7f7f7f
}
.c-discount__counter{
    border-top:1px solid rgba(74,74,74,.16);
    padding:13px 0;
    max-width:350px
}
.c-discount__counter .btn-invisible-call{
    margin:9px 0
}
.c-discount__counter .c-counter{
    font-size:34px;
    font-size:2.429rem;
    line-height:1;
    width:181px;
    font-weight:700;
    white-space:nowrap;
    direction:ltr
}
.c-discount__counter .c-counter span{
    margin:0 5px;
    display:inline-block;
    width:45px;
    text-align:center
}
.c-discount__counter .c-counter span:last-of-type{
    margin-right:0
}
.c-discount__counter-title{
    margin-top:6px;
    font-size:14px;
    font-size:1rem;
    line-height:2.43;
    color:#787878;
    font-weight:700
}
.c-discount__bottom-bar-logo{
    position:absolute;
    width:48px;
    height:60px;
    background:url(../files/00aaf070.svg) no-repeat 50% 50%;
    content:"";
    top:0;
    right:217px
}

  


  .swiper-button-next,.swiper-button-prev{
    position:absolute;
    top:50%;
    width:27px;
    height:44px;
    margin-top:-22px;
    z-index:10;
    cursor:pointer;
    background-size:27px 44px;
    background-position:50%;
    background-repeat:no-repeat;
    font-size:3em;
    color:#fff;

}
 .swiper-button-next{
    right:1em
}
.swiper-button-next:before{
    content:"→";
}


.swiper-button-prev:before{
    content:"←";
}



.checkout-summary {
  background-color: #fff;
  box-shadow: 0 12px 12px 0 rgba(181, 181, 181, 0.1);
  border: 1px solid #e7e7e7;
  line-height: 22px;
  margin-top: 2.75em;
  font-family:iranyekan;
}
.checkout-summary.is-disabled {
  opacity: 0.22;
}

.c-checkout-summary__header {
  border-bottom: 1px solid #f8f8f8;
  padding: 17px 18px 16px;
  display: -ms-flexbox;
  display: flex;
}

.c-checkout-summary__header-counter {
  margin-right: auto;
  font-size: 13px;
  font-size: .929rem;
  line-height: 1.692;
}

.c-checkout-summary__content {
  padding: 15px;
  color: #a0a0a0;
  font-size: 11px;
  font-size: .786rem;
  line-height: 2;
}

.full-width{
    width: 100%;
}

.mrg-t-1{
    margin-top:1em; 
}

.btn-yellow{
    display: inline-block;
    font-family: iranyekan ;
    font-size: 1.25em;
    background: #dc9203;
    color: #fff;
    padding: .5em 1em;
    border-radius: .25em;
    font-weight: 300;
    text-align: center;
}
 
.btn-yellow:hover {
    background: #7CB50F;
}




.c-checkout-summary__content .btn-checkout {







  font-weight: 700;
}

.c-checkout-summary__content .btn-checkout.disabled {
  opacity: 1;
  position: relative;
  background-color: rgba(0, 191, 214, 0.25);
  border: 1px solid rgba(65, 167, 180, 0.24);
}

.c-checkout-summary__content .btn-checkout.disabled.has-error {
  overflow: visible;
}

.c-checkout-summary__content div:last-child {
  padding-right: 5px;
  line-height: 2;
  margin-top: 9px;
}

.c-checkout-summary__content p {
  padding-right: 5px;
  line-height: 2.4;
  margin-top: 6px;
}

.c-checkout-summary__content .c-wiki {
  line-height: 32px;
}

.c-checkout-summary__content .c-wiki:first-of-type {
  font-size: 18px;
  font-size: 1.286rem;
  line-height: 31px;
  letter-spacing: -.4;
  text-align: right;
  direction: rtl;
  color: #777676;
}

.c-checkout-summary__content .c-wiki:last-of-type {
  margin-right: 5px;
}

.c-checkout-summary__footer {
  border-top: 1px solid #f8f8f8;
  padding: 13px 15px 12px;
  letter-spacing: -.4px;
  font-size: 12px;
  font-size: .857rem;
  line-height: 1.833;
  color: #a0a0a0;
}

.c-checkout-summary__summary {
  list-style: none;
  padding: 15px 10px;
}

.c-checkout-summary__summary li {
  padding-bottom: 5px;
  display: -ms-flexbox;
  display: flex;
  margin: 5px 0;
}

.c-checkout-summary__summary li.is-highlighted {
  background-color: rgba(52, 215, 251, 0.07);
  color: #dc9203;
}

.c-checkout-summary__summary li:last-child {
  padding-bottom: 0;
}

.c-checkout-summary__summary li span:last-child {
  margin-right: auto;
}

.c-checkout-summary__summary .c-wiki {
  line-height: 32px;
}

.c-checkout-summary__summary .c-wiki:first-of-type {
  font-size: 18px;
  font-size: 1.286rem;
  line-height: 31px;
  letter-spacing: -.4;
  text-align: right;
  direction: rtl;
  color: #777676;
}

.c-checkout-summary__summary .c-wiki:last-of-type {
  margin-right: 5px;
}

.c-checkout-summary__discount {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.571;
  color: #009ec9;
}

.c-checkout-summary__devider {
  margin: 0 2%;
  width: 96%;
  border: 1px solid #e6e6e6;
  height: 4px;
  border-right: none;
  border-left: none;

}
.c-checkout-summary__mini-devider {
  padding: 0 55px;
  margin: 10px 0;
}

.c-checkout-summary__mini-devider div {
  width: 100%;
  background-color: #e6e6e6;
  height: 2px;
}

.c-checkout-summary__price-title {
  text-align: center;
  color: #676767;
  font-size: 18px;
  font-size: 1.286rem;
  line-height: normal;
}

.c-checkout-summary__price-value {
  text-align: center;
  font-size: 15px;
  font-size: 1.071rem;
  line-height: normal;
  color: #fb3449;
}

.c-checkout-summary__price-value-amount {
  font-size: 20px;
  font-size: 1.429rem;
  line-height: 2;
  font-weight: 700;
}

.c-checkout-box {
  margin: 0 0 40px;
  box-shadow: 0 12px 12px 0 rgba(181, 181, 181, 0.1);
  border: 1px solid #e7e7e7;
  padding: 40px 40px 100px 44px;
  background: #fff;
}

.c-checkout-box__intro {
  margin-bottom: 40px;
  font-size: 15px;
  font-size: 1.071rem;
  line-height: 2;
  letter-spacing: -0.2px;
}

.c-checkout {
  margin: 0 0 10px;
  box-shadow: 0 12px 12px 0 rgba(181, 181, 181, 0.1);
  border: 1px solid #e7e7e7;
  background: #fff;
}

.c-checkout__quantity {
  position: relative;
  z-index: 12;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 22px;
}

.c-checkout__quantity-error {
  position: absolute;
  top: calc(100% + 10px);
  right: -5px;
  padding: 10px;
  color: #fff;
  background-color: #ef5661;
  white-space: nowrap;
  z-index: 9283;
  display: none;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.571;
}

.c-checkout__quantity-error:before {
  position: absolute;
  top: -7px;
  right: 10px;
  content: "";
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 8px solid #ef5661;
}

.c-checkout__quantity.is-active .c-checkout__quantity-error {
  display: block;
}

.c-checkout__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 0;
  margin-left: 0;
  padding-top: 25px;
  padding-bottom: 25px;
  position: relative;
  padding-left: 10px;
}

.account-header h2 {
  font-family: iranyekan;
  font-size: 1.5em;
  margin-right: 2em;
  font-weight: normal;
  text-transform: uppercase;
}

.account-header .account-title {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}

.account-header .account-title h2 {
  width: 100%;
  text-align: right;
  margin-bottom: .5em;
}

.account-header .account-title .account-icon {
  width: 100%;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.account-header .account-title .account-icon img {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: block;
}

.account-header .account-title .account-icon span {
  text-transform: uppercase;
  font-size: 80%;
  color: #ccc;
  display: block;
}

.account-header .account-title .brand-filigrane {
  position: absolute;
  right: -1em;
  height: 80px;
  opacity: 0.4;
}

.top-bar__center {
  text-align: center;
  transition: .2s linear;
  display: block;
  margin: 0 auto !important;
  width: 166px;
}

.top-bar__center img {
  vertical-align: middle;
}

.top-bar__center span {
  display: none;
}

.top-bar__center svg {
  height: 26px;
  width: auto;
}

.styles__footer___zw5pM {
  width: 100%;
  background: #e5aa61;
  color: #fff;
}

.styles__inner___1IC55 {
  width: 1200px;
  margin: 0 auto;
  display: table;
  table-layout: fixed;
  padding: 25px 0;
  height: 80px;
}

.styles__wrapper___2bItS {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.styles__head___EpwO8 {
  display: table;
  width: 100%;
  margin-bottom: 20px;
}

.styles__head-row___3QFGt {
  display: table-row;
  font-size:1.1em
}

.styles__head-cell___3RqoK {
  color: #6b7c93;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  -webkit-transition: color .3s;
  transition: color .3s;
}

.styles__head-cell___3RqoK:first-child {
  text-align: right !important;
}

.styles__head-cell___3RqoK:hover {
  color: #606cec;
}

.styles__body-row-group___1l6mY {
  display: table;
  width: 100%;
  background: #fff;
  margin-top: 10px;
  border-radius: 5px;
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-box-shadow: 0 2px 10px rgba(31, 45, 61, 0.16);
  box-shadow: 0 2px 10px rgba(31, 45, 61, 0.16);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: scale(1) translateZ(0);
  transform: scale(1) translateZ(0);
}

.styles__body-row-group___1l6mY:hover {
  -webkit-transform: scale(1.01) translateZ(0);
  transform: scale(1.01) translateZ(0);
  -webkit-box-shadow: 0 3px 20px rgba(31, 45, 61, 0.15);
  box-shadow: 0 3px 20px rgba(31, 45, 61, 0.15);
}

.styles__body-row-active___3UC8m {
  font-weight: 700;
  background: #fff;
}

.styles__body-row-active___3UC8m, .styles__body-row-active___3UC8m:hover {
  -webkit-box-shadow: -3px 0 0 0 #606cec inset, 0 2px 10px rgba(31, 45, 61, 0.16);
  box-shadow: inset -3px 0 0 0 #606cec, 0 2px 10px rgba(31, 45, 61, 0.16);
}

.styles__body-row___2Jn3q {
  display: table-row;
}

.styles__body-cell___1M5N- {
    font-family:iranyekan;
  display: table-cell;
  text-align: center;
  height: 6em !important;
  vertical-align: middle;
  color: #32325d;
}

.styles__body-cell___1M5N- span{
font-size:1.1em;
}
.styles__body-cell___1M5N-:first-child {
  text-align: right !important;
}

.styles__no-data___3QKuD {
  text-align: center;
  height: 60px;
  line-height: 60px;
  color: #32325d;
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 10px rgba(31, 45, 61, 0.16);
  box-shadow: 0 2px 10px rgba(31, 45, 61, 0.16);
}

.styles__loading___1_QHV {
  display: none;
}

.styles__delete-icon___-PUUT {
  font-size: 22px;
  display: block;
  text-align: center;
  cursor: pointer;
  -webkit-transition: color .3s;
  transition: color .3s;
}

.styles__delete-icon___-PUUT:hover {
  color: #ec6060;
}

.styles__cell___1Ue-j {
  padding: 0 10px;
}

.styles__image-wrapper___3N33L {
  display: table-cell;
  vertical-align: middle;
  width: 65px;
  height: 65px;
  padding-left: 20px;
}

.styles__image___23iEd {
  max-width: 65px;
  max-height: 65px;
  display: block;
  border-radius: 5px;
}

.styles__text___2yFMv {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}




.styles__title___1khZz {
  display: block;
  font-family:iranyekan !important;
  font-size:1.2em;
margin-bottom:.2em;

}


.styles__text___2yFMv span {
    font-family:iranyekan !important;

  float:right;
  color:#6B7C93;
  padding-right:.5em;
  margin-right:.5em;
  border-right:1px solid #e0e0e0 !important;
  font-size: 1em;
  font-weight: 300;

}

.styles__text___2yFMv span:first-of-type {
    border:none !important;
    padding:0 !important;
}



.styles__variants-wrapper___1UZ9G {
  margin-top: 15px;
}

.styles__variant___ZSBWk {
  font-size: 14px;
  color: #6b7c93;
  margin-left: 20px;
  display: inline-block;
}

.styles__variant___ZSBWk:last-child {
  margin-left: 0;
}

.styles__counter___t8cl1 {
  background: #e4e4e4;
  width: 85px;
  display: table;
  text-align: center;
  margin: 0 auto;
  height: 32px;
  border-radius: 5px;
}

.styles__counter-value___1nfMz {
  display: table-cell;
  vertical-align: middle;
  width: 45%;
  font-size: 14px;
}

.transparent{
    font-size: 1.1em;
    background: transparent;
    font-family: iranyekan;
    max-width:2em;
    padding: 0 .5em !important;
    margin-left: 0 !important;
text-align: center;
    color:#32325d
}
.btn-transparent{
    background: #32325d;
    color:#fff;
    font-family:iranyekan;
    border-top-right-radius: none !important;
    border-bottom-right-radius: none !important;
   padding: .35em  .5em;
}


.o-headline {
    font-size: 1.5em;
margin-bottom: .5em;
    font-family: iranyekan;
    color:#32325d


}


.styles__counter-icons___1cYQO {
  font-size: 16px;
  display: table-cell;
  vertical-align: middle;
  padding: 0 6px;
  cursor: pointer;
  -webkit-transition: color .3s;
  transition: color .3s;
}

.styles__counter-icons___1cYQO:hover {
  color: #606cec;
}

.styles__responsive-cell-title___Njpd1 {
  display: none;
}

.styles__button___3_jEd {
  width: 100%;
  display: block;
}

.rt-resizable-header-content {
  font-family: iranyekan;
}

.stylstep {
  display: inline-block;
  color: #6b7c93;
  max-width: 202px;
  -webkit-transition: color .3s;
  transition: color .3s;
}
.stylstep .styleline {
  display: block;
  float: right;
  width: 95px;
  height: 2px;
  background: #e4e4e4;
  margin-top: 2em;
  border-radius: 5px;
}

.stylstep.styleactive .styyle {
    color:#2B303B !important  }

.stylstep.styleactive .styleline {
  background: #2B303B;
}

@media only screen and (min-device-width: 980px) and (max-device-width: 1023px) {
  .styles__inner___2n55R {
    width: 95%;
  }
}
@media only screen and (max-device-width: 979px) {
  .styles__inner___2n55R {
    width: 92%;
  }
}
.styles__steps___3inVP {
    
  text-align: center;
  margin: 2em 0;
  margin-top: 3em;
}

.or {
  max-width: 230px !important;
}

.stylesinner {
  float: right;
}

.styyle {
  font-size: 35px;
  display: block;
  margin-bottom: 0.25em;
}

.stitle {
  font-size: 16px;
  font-weight: 300;
  min-width: 100px;
  font-family: "iranyekan";
}

@media only screen and (min-device-width: 980px) and (max-device-width: 1023px) {
  .styleline {
    width: 55px;
  }

  .styles__icon___19fxg {
    font-size: 25px;
  }
}
@media only screen and (max-device-width: 979px) {
  .styles__steps___3inVP {
    padding: 30px 0 0;
    padding-top: 2em;
  }

  .stylstep {
    max-width: 145px;
  }

  .styleline {
    width: 20px;
    margin-top: 13px;
  }

  .styles__icon___19fxg {
    font-size: 30px;
    width: 63px;
  }

  .title {
    display: none;
  }

  .titleactive {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    font-size: 18px;
    font-weight: bold !important;
    background: #fff;
    width: 92%;
    margin: 0 auto;
    border-radius: 5px;
    padding: 10px 0;
  }
}
.styles__table-wrapper___11T2h {
  max-width: 1200px;
  width: 100%;
  margin: 60px auto 0;
}

.styles__wrapper___2bItS {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition: all .3s;
  transition: all 0.3s;
}

.titleactive {
  font-weight: bold !important;
  color:#2B303B !important;

}

.c-checkout-paymethod {
  box-shadow: 0 12px 12px 0 rgba(181, 181, 181, 0.1);
  border: 1px solid #e7e7e7;
  background: #fff;
  list-style: none;
  padding: 0;
}

.c-checkout-paymethod > li {
  border-top: 1px solid #efefef;
}

.c-checkout-paymethod > li:first-child {
  border-top: none;
}

.c-checkout-paymethod__item {
  position: relative;
  padding: 30px 158px 38px 94px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;

}

.c-checkout-paymethod__item img {
  margin-right: auto;
}

.c-checkout-paymethod__item.has-options:after {
  position: absolute;
  left: 50px;
  top: 47px;
  color: #c6c6c6;
  font-size: 20px;
}

.c-checkout-paymethod__item.has-options.is-selected:after {
  transform: rotate(180deg);
}

.c-checkout-paymethod__item.is-select-mode:before {
  color: #dc9203;
}

.c-checkout-paymethod__item.is-select-mode {
  background-color: #fbffff;
}

.c-checkout-paymethod__item.is-select-mode + .c-checkout-paymethod__options {
  display: block;
  background-color: #fbffff;
}

.c-checkout-paymethod__item.is-select-mode + .c-checkout-paymethod__options .c-checkout-paymethod__providers-arrow {
  background-color: #fbffff;
}

.c-checkout-paymethod__item--cc:before {
    font-family:icomoon;

  content: "\e071";
  position: absolute;
  top: 38px;
  right: 86px;
  color: #c6c6c6;
  font-size: 25px;
}

.c-checkout-paymethod__item--cc-delivery:before {
    font-family:icomoon;
  content: "\e06f";
  position: absolute;
  top: 26px;
  right: 82px;
  color: #c6c6c6;
  font-size: 51px;
}

.c-checkout-paymethod__item--cc-delivery.is-selected:before {
  color: #dc9203;
}

.c-checkout-paymethod__item .c-ui-radio {
  position: absolute;
  top: 41px;
  right: 40px;
}

.c-checkout-paymethod__title {
    font-family: iranyekan !important;
  font-size: 16px;
  font-size: 1.143rem;
  line-height: 1.375;
  font-weight: 700;
  letter-spacing: -.7px;
}

.c-checkout-paymethod__title span {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.571;
  font-weight: 700;
  letter-spacing: -.5px;
  display: block;
  margin-top: 5px;
  color: #a0a0a0;
}

.c-checkout-paymethod__title [data-icon=question-circle] {
  font-size: 22px;
  margin-right: 8px;
  color: #ababab;
}

.c-checkout-paymethod__title [data-icon=question-circle]:before {
  vertical-align: top;
}

.c-checkout-paymethod__title-label {
  display: inline-block;
}

.c-checkout-paymethod__options {
  border-top: 1px solid #e2f2f4;
  padding: 18px 20px 24px;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.571;
  position: relative;
}

.c-checkout-paymethod__options--actions {
  text-align: left;
  padding: 18px 0 24px;
}

.c-checkout-paymethod__options p {
  margin-bottom: 15px;
}

.c-checkout-paymethod__options.is-shown {
  display: block;
}

.c-checkout-paymethod__providers {
  padding: 0;
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -16px -16px 0 0;
  position: relative;
}

.c-checkout-paymethod__providers-arrow {
  width: 14px;
  height: 14px;
  transform: rotate(45deg);
  border-left: 1px solid #cbf1f5;
  border-top: 1px solid #cbf1f5;
  position: absolute;
  top: -10px;
  right: 100px;
  background-color: #fbffff;
}

.c-checkout-paymethod__providers label {
  border-radius: 11px;
  background: #fff;
  border: 1px solid #cbf1f5;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  height: 64px;
  -ms-flex-preferred-size: calc(25% - 16px);
  flex-basis: calc(25% - 16px);
  max-width: calc(25% - 16px);
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: 16px;
  cursor: pointer;
  padding: 10px 57px 10px 20px;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 16px;
}

.c-checkout-paymethod__providers label .c-ui-radio {
  position: absolute;
  right: 31px;
  top: 50%;
  transform: translateY(-50%);
}

.c-checkout-paymethod__providers label img {
  margin-right: auto;
  max-height: 50px;
  max-width: 80px;
}

.c-checkout-paymethod__providers label.is-selected {
  border-color: #eeb955;
  background-color: #ffedcb;
  font-family:iranyekan;
}

.c-checkout-order-summary {
  background-color: #fff;
  box-shadow: 0 12px 12px 0 rgba(181, 181, 181, 0.1);
  border: 1px solid #e7e7e7;
  padding: 15px 20px;
  margin-bottom: 29px;
}

.c-checkout-order-summary__item {
  border: 1px solid #e7e7e7;
  border-radius: 6px;
  margin-top: 20px;
}

.c-checkout-order-summary__item:first-child {
  margin-top: 0;
}

.c-checkout-order-summary__header {
  border-radius: 6px;
  background-color: #fcfcfc;
  padding: 9px 25px 9px 50px;
  position: relative;
  cursor: pointer;
}

.c-checkout-order-summary__header:after {
  content: "\E00E";
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
  color: #c6c6c6;
  font-size: 20px;
  cursor: pointer;
}

.c-checkout-order-summary__header.is-active {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom: 1px solid #e7e7e7;
  border-radius: 6px 6px 0 0;
}

.c-checkout-order-summary__header.is-active:after {
  transform: rotate(180deg) translateY(50%);
}

.c-checkout-order-summary__header.is-active + .c-checkout-order-summary__content {
  display: block;
}

.c-checkout-order-summary__header .c-checkout-order-summary__row {
  -ms-flex-align: baseline;
  align-items: baseline;
}

.c-checkout-order-summary__img {
  height: 145px;
  margin-top: 10px;
  margin-bottom: 15px;
  position: relative;
}

.c-checkout-order-summary__img img {
  overflow: hidden;
}

.c-checkout-order-summary__img img[alt]:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-weight: 300;
  color: transparent;
  text-align: center;
  content: attr(alt);
  background: #fff url(../files/6078f7a3.png) no-repeat 50%;
  background-size: contain;
  width: 100%;
}

.c-checkout-order-summary__img img {
  max-width: 100%;
  max-height: 100%;
}

.c-checkout-order-summary__title {
  font-size: 13px;
  font-size: .929rem;
  line-height: 1.692;
  font-weight: 700;
  letter-spacing: -.4px;
  color: #858585;
}

.c-checkout-order-summary__tagline {
  margin-top: 5px;
  font-size: 12px;
  font-size: .857rem;
  line-height: 1.833;
  font-weight: 700;
  letter-spacing: -.4px;
  color: #b9b9b9;
}

.c-checkout-order-summary__tagline span {
  display: block;
}

.c-checkout-order-summary__content {
  border-radius: 0 0 6px 6px;
  padding: 30px 0;
  display: none;
}

.c-checkout-order-summary__content .c-swiper {
  box-shadow: none;
  padding: 0 10px;
}

.c-checkout-order-summary__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
}

.c-checkout-order-summary__col {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: unset;
}

.c-checkout-order-summary__col span {
  font-size: 12px;
  font-size: .857rem;
  line-height: 21px;
  vertical-align: middle;
  display: block;
  color: #919191;
}

.c-checkout-order-summary__col--post-time {
  font-size: 14px;
  font-size: 1rem;
  line-height: 25px;
  font-weight: 700;
  letter-spacing: -.7px;
  color: #858585;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center;
}

.c-checkout-order-summary__col--how-to-send, .c-checkout-order-summary__col--send-by, .c-checkout-order-summary__col--shipping-cost {
  font-size: 14px;
  font-size: 1rem;
  line-height: 25px;
  font-weight: 700;
  letter-spacing: -.4px;
  color: #858585;
}

.c-checkout-notify {
  background-color: #fff;
  box-shadow: 0 12px 12px 0 rgba(181, 181, 181, 0.1);
  border: 1px solid #e7e7e7;
  height: 100%;
}

.c-checkout-notify__header {
  padding: 30px 96px 30px 30px;
  position: relative;
  font-size: 19px;
  font-size: 1.357rem;
  line-height: 1.158;
  letter-spacing: -.4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 117px;
}

.c-checkout-notify__header .c-ui-checkbox {
  position: absolute;
  top: 48px;
  right: 55px;
}

.c-checkout-notify__header.is-active + .c-checkout-notify__content {
  display: block;
}

.c-checkout-notify__content {
  display: none;
  padding: 0 43px 38px 28px;
}

.c-checkout-notify__content .c-form-checkout-notify__row {
  margin-top: 10px;
}

.c-checkout-notify__content .c-form-checkout-notify {
  border-radius: 5px;
  min-height: 190px;
  position: relative;
  padding: 25px 32px 32px 47px;
}

.c-checkout-notify--no-header, .c-checkout-notify--no-header .checkout-notify__content {
  height: 100%;
}

.c-checkout-notify--no-header .c-form-checkout-notify {
  padding-top: 0;
  padding-bottom: 0;
  min-height: unset;
}

.c-checkout-notify .c-message {
  margin-top: 10px;
}

.c-checkout-alert {
  margin: 20px 0;
  box-shadow: 0 8px 13px -7px rgba(0, 0, 0, 0.05);
  background-color: #fff;
  border: 1px solid #e8e8e8;
  padding: 25px 0;
}

.c-checkout-alert__icon {
  margin: 0 auto 6px;
  padding: 27px;
  border-radius: 50%;
  width: 95px;
  height: 95px;
}

.c-checkout-alert__icon.success {
  background-color: #d2f3f7;
  color: #4ac9dd;
}

.c-checkout-alert__icon.success i:after {
  content: "\E01F";
  font-size: 29px;
  font-size: 2.071rem;
  line-height: 1.517;
}

.c-checkout-alert__icon.failed {
  background-color: rgba(251, 52, 73, 0.18);
  color: #ff637d;
}

.c-checkout-alert__icon.failed i:after {
  content: "\E01A";
  font-size: 41px;
  font-size: 2.929rem;
  line-height: 1.073;
}

.c-checkout-alert__title h4 {
  color: #737373;
  font-size: 21px;
  font-size: 1.5rem;
  line-height: 38px;
  font-weight: 700;
  letter-spacing: -.5px;
  text-align: center;
  margin-bottom: 10px;
}

.c-checkout-alert__content p {
  font-size: 15px;
  font-size: 1.071rem;
  line-height: 1.67;
  color: #7d7d7d;
  text-align: center;
}

.c-checkout-alert__content--failed {
  color: #fb3449;
}

.c-checkout-alert__content--small {
  font-size: 12px;
  font-size: .857rem;
  line-height: 2.08;
}

.c-checkout-alert__highlighted {
  border-radius: 8px;
  padding: 3px 5px 0;
  margin: 0 5px;
}

.c-checkout-alert__highlighted--success {
  color: #dc9203;
  background-color: #ebfdff;
}

.c-checkout-details {
  margin: 40px 0;
  box-shadow: 0 12px 12px 0 rgba(181, 181, 181, 0.1);
  border: 1px solid #e7e7e7;
  padding: 40px 40px 40px 44px;
  background: #fff;
}

.c-checkout-details .text-highlight {
  padding: 4px 6px;
  margin: 0 3px;
  border-radius: 8px;
}

.c-checkout-details .text-highlight--error {
  color: #fb3449;
  background-color: #fff1f2;
}

.c-checkout-details .text-highlight--success {
  background-color: #ebfdff;
  color: #dc9203;
}

.c-checkout-details p {
  font-size: 15px;
  font-size: 1.071rem;
  line-height: 1.467;
  font-weight: 700;
  letter-spacing: -.5px;
  display: block;
  margin-top: 5px;
  color: #a0a0a0;
}

.c-checkout-details p span.text-highlight-red {
  background-color: #fff1f3;
  color: #f63b4f;
  padding: 5px;
  margin: 1px;
  border-radius: 6px;
}

.c-checkout-details p span.text-highlight-green {
    
  background-color: rgba(0, 191, 214, 0.07);
  color: #dc9203;
  padding: 5px;
  margin: 1px;
  border-radius: 6px;
}

.c-checkout-details__title {
  font-size: 15px;
  font-size: 1.071rem;
  line-height: 1.467;
  font-weight: 700;
  letter-spacing: -.5px;
}

.c-checkout-details__title h4 {
  font-size: 21px;
  font-size: 1.5rem;
  line-height: 1.048;
  font-weight: 700;
  letter-spacing: -.7px;
}

.c-checkout-details__title p {
  font-size: 15px;
  font-size: 1.071rem;
  line-height: 1.467;
  font-weight: 700;
  letter-spacing: -.5px;
  display: block;
  margin-top: 5px;
  color: #a0a0a0;
}

.c-checkout-details__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 0;
  margin-left: 0;
  padding-top: 25px;
  padding-bottom: 25px;
  position: relative;
}

.c-checkout-details__col {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.c-checkout-details__col--text {
  -ms-flex: 0 0 70%;
  flex: 0 0 70%;
  max-width: 70%;
}

.c-checkout-details__col--button {
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  max-width: 30%;
  text-align: left;
}

.c-checkout-details__col--table {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.c-checkout-table {
  border-radius: 5px;
  box-shadow: 0 8px 13px -7px rgba(0, 0, 0, 0.05);
  background-color: #fff;
  border: 1px solid #e8e8e8;
  overflow: hidden;
}

.c-checkout-table__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 0;
  margin-left: 0;
  border-top: 1px solid #f1f1f1;
  border-left: 1px solid #f1f1f1;
}

.c-checkout-table__row:first-of-type {
  background-color: #ededed !important;
}

.c-checkout-table__row:nth-of-type(odd) {
  background-color: #fafafa;
}

.c-checkout-table__col {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  padding: 20px 30px;
}

.c-checkout-table__col p {
  font-size: 18px;
  font-size: 1.286rem;
  line-height: 1.222;
  letter-spacing: -.5px;
  color: #737373;
}

.c-checkout-table__col p span.red {
  color: #f63b4f;
}

.c-checkout-table__col p span.green {
  color: #4ac9dd;
}

.c-checkout-table__col.full-col {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  border-bottom: 1px solid #f1f1f1;
}

.c-checkout-orders-table {
  border-radius: 5px;
  box-shadow: 0 8px 13px -7px rgba(0, 0, 0, 0.05);
  background-color: #fff;
  border: 1px solid #e8e8e8;
  overflow: hidden;
}

.c-checkout-orders-table__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 0;
  margin-left: 0;
}

.c-checkout-orders-table__row:first-of-type {
  background-color: #ededed !important;
}

.c-checkout-orders-table__row:nth-of-type(odd) {
  background-color: #fafafa;
}

.c-checkout-orders-table__col {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  border-left: 1px solid #f1f1f1;
  padding: 20px 30px;
}

.c-checkout-orders-table__col p {
  font-size: 18px;
  font-size: 1.286rem;
  line-height: 1.222;
  letter-spacing: -.5px;
  color: #737373;
}

.c-checkout-orders-table__col p span.red {
  color: red;
}

.c-checkout-orders-table__col.numrow {
  -ms-flex: 0 0 6%;
  flex: 0 0 6%;
  max-width: 6%;
}

.c-checkout-orders-table__col.gateway {
  -ms-flex: 0 0 17%;
  flex: 0 0 17%;
  max-width: 17%;
}

.c-checkout-orders-table__col.id {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

.c-checkout-orders-table__col.date, .c-checkout-orders-table__col.price {
  -ms-flex: 0 0 17%;
  flex: 0 0 17%;
  max-width: 17%;
}

.c-checkout-orders-table__col.status {
  -ms-flex: 0 0 23%;
  flex: 0 0 23%;
  max-width: 23%;
}

.c-checkout-orders-table__col.full-col {
  border-bottom: 1px solid #f1f1f1;
}

.c-checkout-orders-table__col.full-col, .c-checkout-price-options {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.c-checkout-price-options {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.c-checkout-price-options:not(:first-of-type) {
  margin-top: 15px;
}

.c-checkout-price-options__container {
  box-shadow: 0 12px 12px 0 rgba(181, 181, 181, 0.11);
  background-color: #fff;
  border: 1px solid #e6e6e6;
  padding: 15px;
  height: 100%;
}

.c-checkout-price-options .btn-primary.is-important, .c-checkout-price-options .is-important.btn-cart {
  border-color: #fb3449;
  color: #fb3449;
  background-color: #fff;
}

.c-checkout-price-options .btn-primary.is-disabled, .c-checkout-price-options .is-disabled.btn-cart {
  border-color: #41a7b4;
  background-color: #dc9203;
  opacity: .35;
}

.c-checkout-price-options__form {
  height: 100%;
}

.c-checkout-price-options__gift-input {
  width: calc(100% - 40px);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  border-left: 1px solid #acacac;
}

.c-checkout-price-options__content {
  border-radius: 5px;
  position: relative;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.79;
  color: #3b3b3b;
}

.c-checkout-price-options__header {
  padding-right: 5px;
  margin-bottom: 9px;
}

.c-checkout-price-options__header > span {
  line-height: 32px;
}

.c-checkout-price-options__header > span:first-of-type {
  font-size: 18px;
  font-size: 1.286rem;
  line-height: 31px;
  letter-spacing: -.4;
  text-align: right;
  direction: rtl;
  color: #777676;
}

.c-checkout-price-options__description {
  font-size: 14px;
  font-size: 1rem;
  line-height: 2.36;
  margin-bottom: 14px;
}

.c-checkout-price-options__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 0;
  margin-left: 0;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.c-checkout-price-options__form-field {
  width: calc(100% - 171px);
  position: relative;
}

.c-checkout-price-options__form-field--full-width {
  width: 100%;
}

.c-checkout-price-options__form-button {
  width: 161px;
}

.c-checkout-price-options__messages {
  width: 100%;
  margin-top: 15px;
}

.c-checkout-price-options__message {
  border-radius: 5px;
  padding: 10px 21px;
  text-align: right;
  direction: rtl;
  position: relative;
  line-height: 22px;
}

.c-checkout-price-options__message span {
  display: block;
  width: 100%;
}

.c-checkout-price-options__message--success {
  background-color: #eeffde;
  border: 1px solid #b7ebb7;
  color: #538f0d;
}

.c-checkout-price-options__message--error {
  background-color: snow;
  border: 1px solid #ffc1c6;
  color: #ef5662;
}

.c-checkout-price-options__message--have-option {
  padding-left: 150px;
}

.c-checkout-price-options__message-title {
  font-size: 14px;
  font-size: 1rem;
  line-height: 25px;
}

.c-checkout-price-options__message-content {
  font-size: 12px;
  font-size: .857rem;
  line-height: 20px;
}

.c-checkout-price-options__message-option {
  width: 111px;
  padding-right: 18px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #a4dfa5;
  color: #686868;
  cursor: pointer;
  font-size: 12px;
  font-size: .857rem;
  line-height: 1.833;
}

.c-checkout-price-options__message-option:before {
  content: "\E026";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 6px;
  font-size: 7px;
  font-size: .5rem;
  line-height: 3.143;
}

.c-checkout-price-options__select-empty .c-ui-select-item:after, .c-checkout-price-options__select-empty .c-ui-select-item:before {
  content: none;
}

.c-checkout-price-options .c-ui-select-item {
  letter-spacing: 0;
}

.c-cart-page .c-checkout-aside {
  margin-top: 77px;
  margin-bottom: 83px;
}
.teeest {    background:#fff;
}

.teeest input[value="online"]:checked ~ .c-checkout-paymethod__options {
  display: block;
  animation: fadeInLoad .7s;
}

/*# sourceMappingURL=add.css.map */
.c-checkout-contact{
    box-shadow:0 12px 12px 0 hsla(0,0%,71%,.1);
    border:1px solid #e7e7e7;
    background:#fff;
    margin-bottom:20px;
    position:relative
}
.c-checkout-contact__content{
    padding:1em 43px 0em 20px;
    position:relative;
    color:#6d6d6d
}
.c-checkout-contact__content:before{
    width:5px;
    top:0;
    bottom:0;
    right:-1px;
    position:absolute;
    background-color:#dc9203;
    content:""
}
.c-checkout-contact.is-completed .c-checkout-contact__badge{
    position:absolute;
    right:-20px;
    top:50%;
    transform:translateY(-50%);
    border-radius:50%
}

.c-checkout-contact__items{
    font-family:iranyekan;
    padding:0;
    list-style:none
}
.c-checkout-contact__item{
    font-size:12px;
    font-size:.857rem;
    line-height:34px;
    position:relative
}
.c-checkout-contact__item:first-child{
    margin-top:0;
    margin-bottom:5px
}
.c-checkout-contact__item--username{
    font-size:15px;
    font-size:1.071rem;
    line-height:1.467;
    font-weight:700
}
.c-checkout-contact__item--message{
    margin-right:10px
}
.c-checkout-contact__item--message,.c-checkout-contact__item--mobile{
    display:inline-block;
    white-space:nowrap;
    font-size:14px;
    font-size:1rem;
    line-height:1.571
}
.c-checkout-contact__item--mobile{
    padding-left:10px;
    border-left:1px solid #e4e4e4
}
.c-checkout-contact__location{
    font-family: iranyekan;
    font-weight: 300;

    padding:3px 10px 4px;
    font-size:1em;
    line-height:25px;
    background-color:#ededed;
    position:absolute;
    border:none;
    top:20px;
    left:20px;
    border-radius:5px;
    color:#6d6d6d;
    cursor:pointer
}




.courierbox{
    padding:1em 43px 0em 20px;
    position:relative;
    color:#6d6d6d;    height: 5em !important; 
}
.courierbox:before{
    width:5px;
    top:0;
    bottom:0;
    right:-1px;
    position:absolute;
    background-color:#dc9203;
    content:""
}
.courierbox .icon{
    float: right;
    font-size:2.5em;

}
    
.courierbox span{
font-family: iranyekan;
font-size:1.25em;

}

.floata{
width: 25%;
    float:right;
    height: 5em !important; 
    margin-left:3%;
}
.floata .costt{
    background-color:#ededed;
    border-radius:5px;
    color:#6d6d6d;
    font-family: iranyekan;
    font-weight: 300;
position: relative;
bottom:0;
left:0;
    padding:3px 10px 4px;

}
 #cour-section{float:right;
width: 100%;}
  #address-section label , #cour-section  label {
    display: block;
    font-size: 2em;
    cursor: pointer;
  }
  #address-section  label:before , #cour-section  label:before  {
    width: 41px;
    height: 41px;
    border: solid 3px #fff;
    border-radius:50%;
    box-shadow:0 8px 9px 0 rgba(0,0,0,.05);
    border:1px solid #dc9203;
    background-color:#f3feff;
    content:" ";
    white-space:pre-wrap;
    vertical-align: middle;
text-align: center;
font-size: .8em;

    display: inline-block;
    content: "";
  }
  #address-section label:hover:before , #cour-section label:hover:before {
    content:"✔";
    color:#dc9203;
    vertical-align: middle;
    text-align: center;
  }
  
  #address-section  input , #cour-section input  {
    display: none;
  }
  #address-section input:checked + label:before , #cour-section  input:checked + label:before  {
    vertical-align: middle;
text-align: center;
    background-color:#dc9203;
    content:"✔";
    color:#fff

}
  




.c-checkout-contact__location:hover{
    background:rgba(0,0,0,.2)
}
.c-checkout-contact__btn-edit{
    line-height:21px;
    font-size:12px;
    margin-right:11px;
    border:none;
    position:relative;
    color:#dc9203;
    border-bottom:1px dashed #dc9203;
    background-color:transparent;
    font-weight:700;
    cursor:pointer
}
.c-checkout-address{
    box-shadow:0 12px 12px 0 hsla(0,0%,71%,.1);
    border:1px solid #e7e7e7;
    background:#fff;
    margin-bottom:20px;
    position:relative
}
.c-checkout-address__row{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-right:-30px;
    margin-left:-30px
}
.c-checkout-address__col{
    position:relative;
    width:100%;
    min-height:1px;
    padding-right:5px;
    padding-left:5px;
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%;
    margin-top:10px
}
.c-checkout-address__box{
    box-shadow:0 8px 13px -7px rgba(0,0,0,.05);
    border:1px solid #e0e0e0;
    background-color:#fff;
    border-radius:5px;
    position:relative;
    cursor:pointer;
    padding:10px 10px 55px;
    overflow:hidden;
    height:100%
}
.c-checkout-address__box h5{
    font-size:17px;
    font-size:1.214rem;
    line-height:29px;
    margin-top:6px;
    letter-spacing:-.4px
}
.c-checkout-address__box p{
    font-size:13px;
    font-size:.929rem;
    line-height:2.62;
    margin-top:5px;
    margin-bottom:12px;
    color:#a0a0a0
}
.c-checkout-address__box ul{
    list-style:none;
    font-size:13px;
    font-size:.929rem;
    line-height:2;
    color:#a0a0a0;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-align:center;
    align-items:center;
    width:100%;
    padding:0
}
.c-checkout-address__box .btn-light{
    width:100%;
    margin-top:20px
}
.c-checkout-address__btn-edit,.c-checkout-address__btn-submit{
    border:none;
    outline:none;
    cursor:pointer;
    text-align:center;
    white-space:nowrap
}
.c-checkout-address__box.is-selected .c-checkout-address__btn-submit{
    background-color:#f7fdfd;
    border-top-color:#e0eff0
}
.c-checkout-address__actions{
    display:-ms-inline-flexbox;
    display:inline-flex;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.c-checkout-address__actions,.c-checkout-address__btn-submit{
    -ms-flex-align:center;
    align-items:center;
    width:100%;
    margin-top:10px
}
.c-checkout-address__btn-submit{
    background-color:#f5f5f5;
    padding:6px 0;
    font-size:12px;
    font-size:.857rem;
    line-height:22px;
    font-weight:700;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    border-top:1px solid #e0e0e0;
    color:#636363
}
.c-checkout-address__box:hover:not(.is-selected) .c-checkout-address__btn-submit{
    background-color:#e3e3e3
}
.c-checkout-address__btn-edit,.c-checkout-address__btn-remove{
    color:#636363;
    font-size:12px;
    font-size:.857rem;
    line-height:21px;
    text-align:center;
    padding:6px 25px;
    border:none;
    border-radius:5px;
    background-color:#e3e3e3;
    cursor:pointer;
    font-weight:700
}
.c-checkout-address__btn-remove{
    margin-right:10px;
    padding:6px 32px
}
.c-checkout-address__location{
    border:4px dashed #b8b8b8;
    background:#fff;
    letter-spacing:-.3px;
    color:#a0a0a0;
    min-height:72px;
    height:100%;
    font-size:14px;
    font-size:1rem;
    line-height:2;
    cursor:pointer;
    width:100%;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center
}
.c-checkout-address__location strong{
    position:relative;
    display:block;
    padding:14px 22px;
    max-width:252px;
    font-size:23px;
    font-size:1.643rem;
    line-height:1.913
}
.c-checkout-address__location strong:before{
    content:"\E077";
    font-size:15px;
    right:0;
    top:50%;
    position:absolute;
    transform:translateY(-50%);
    color:#8f8f8f
}
.c-checkout-address__contact-info li{
    padding:0 16px
}
.c-checkout-address__contact-info li:first-child{
    padding-right:0
}
.c-checkout-address__contact-info li:not(:last-child){
    border-left:1px solid #e0e0e0
}
.c-checkout-address__headline{
    font-size:15px;
    font-size:1.071rem;
    line-height:1.467;
    font-weight:700;
    margin-bottom:21px
}
.c-checkout-address__content{
    padding:20px 40px 25px
}
.c-checkout-address__cancel{
    color:#8d8d8d;
    position:absolute;
    top:20px;
    left:8px;
    border:none;
    background-color:transparent;
    cursor:pointer
}
.c-checkout-address__cancel:before{
    content:"\E018";
    font-size:30px;
    vertical-align:middle
}
.c-checkout-address__text{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis
}
.c-checkout-shipment{
    box-shadow:0 12px 12px 0 hsla(0,0%,71%,.1);
    border:1px solid #e7e7e7;
    background:#fff;
    padding:20px 40px;
    margin-bottom:29px
}
.c-checkout-shipment__headline{
    font-size:15px;
    font-size:1.071rem;
    line-height:1.467;
    font-weight:700;
    margin-bottom:20px;
    color:#6d6d6d
}
.c-checkout-shipment__options-ul{
    list-style:none;
    padding:0;
    font-size:14px;
    font-size:1rem;
    line-height:1.571;
    color:#3b3b3b
}
.c-checkout-shipment__options-li{
    margin-bottom:25px;
    position:relative
}
.c-checkout-shipment__options-li .c-ui-radio{
    position:absolute;
    right:0;
    top:3px
}
.c-checkout-shipment__options-li.is-active .c-checkout-shipment__label,.c-checkout-shipment__options-li.is-active:after{
    color:#dc9203
}
.c-checkout-shipment__options-li--cheapest:after{
    content:"\E094";
    font-size:19px;
    right:28px;
    top:1px;
    position:absolute;
    color:#b5b5b5
}
.c-checkout-shipment__options-li--fastest:after{
    content:"\E095";
    font-size:21px;
    right:28px;
    top:0;
    position:absolute;
    color:#b5b5b5
}
.c-checkout-shipment__label{
    display:block;
    padding-right:67px;
    cursor:pointer
}
.describe {
}


.tooltip {
    display: none;
    position: absolute;
    border: 1px solid #333;
    background-color: rgba(255, 255,255, .9);
    font-family:iranyekan;
    font-weight:300;
    border-radius: 5px;
    padding: 2px 6px;
    color:#333;
  }

.time{direction:ltr !important;cursor:default !important;display:inline-block}
.dd3-content .name{float:right; width: 70%; margin-left:22%;cursor:pointer;}
.dd3-content .del{ cursor:pointer;}


table.zebra-style {text-align:center; margin-bottom:25px;  max-width:100% !important;}

table.zebra-style td {color: #777;padding:.5em 2em; font-size:1.1em; font-family:iranyekan;text-align:center;}
table.zebra-style td table tr { }

table.zebra-style td table td {color: #777;padding:.2em .8em; font-size:.9em;text-align:right;}

table.zebra-style tr.odd {background:#f2f2f2;}
table.zebra-style tr:hover {background:rgba(0,0,0,.1);}

table.zebra-style th {background-color: #f5f6f7 !important;padding:1em 2em;
    font-family:iranyekan;font-size:1.1em; font-weight:bold
}
table.zebra-style th span {padding:0 .5em;
}

.order{
float:right;margin-left:3em;

}
.order{
    float:right;margin-left:3em;
    
    }


    @font-face {
        font-family: iranyekan;
        src: url('fonts/yekanregular.woff2') format('woff2');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: iranyekan;
        src: url('fonts/yekanlight.woff2') format('woff2');
             font-weight: 300;

    }


    @font-face {
        font-family: iranyekan;
        src: url('fonts/yekanbold.woff2') format('woff2');
        font-weight: bold;

    }

    @font-face {
        font-family: 'icomoon';
        src:  url('fonts/icomoon.eot?5qd6od');
        src:  url('fonts/icomoon.eot?5qd6od#iefix') format('embedded-opentype'),
          url('fonts/icomoon.ttf?5qd6od') format('truetype'),
          url('fonts/icomoon.woff?5qd6od') format('woff'),
          url('fonts/icomoon.svg?5qd6od#icomoon') format('svg');
        font-weight: normal;
        font-style: normal;
      }
      
      [class^="icon-"], [class*=" icon-"] {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
      
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }

      .icon-star-o:before {
        content: "\e901";
      }
      .icon-star:before {
        content: "\e902";
      }
      .icon-home:before {
        content: "\e900";
      }
      .icon-cart2:before {
        content: "\e93a";
      }
      .icon-circle-right:before {
        content: "\ea42";
      }
      .icon-circle-left:before {
        content: "\ea44";
      }
      .icon-ctrl:before {
        content: "\ea50";
      }
      .icon-access:before {
        content: "\e001";
      }
      .icon-account:before {
        content: "\e002";
      }
      .icon-add-to-cart:before {
        content: "\e006";
      }
      .icon-arrow-left:before {
        content: "\e00f";
      }
      .icon-arrow-right:before {
        content: "\e011";
      }
      .icon-arrow-up-double:before {
        content: "\e012";
      }
      .icon-compare:before {
        content: "\e014";
      }
      .icon-address:before {
        content: "\e017";
      }
      .icon-cart1:before {
        content: "\e01b";
      }
      .icon-chat:before {
        content: "\e01d";
      }
      .icon-comments:before {
        content: "\e029";
      }
      .icon-delivered-post:before {
        content: "\e02c";
      }
      .icon-empty-cart:before {
        content: "\e035";
      }
      .icon-eye:before {
        content: "\e038";
      }
      .icon-filter:before {
        content: "\e03e";
      }
      .icon-heart-active:before {
        content: "\e050";
      }
      .icon-info:before {
        content: "\e053";
      }
      .icon-list:before {
        content: "\e059";
      }
      .icon-mobile:before {
        content: "\e05f";
      }
      .icon-order-tracking:before {
        content: "\e0a7";
      }
      .icon-empty:before {
        content: "\e067";
      }
      .icon-payment-cc-delivery:before {
        content: "\e06f";
      }
      .icon-cart-payment:before {
        content: "\e071";
      }
      .icon-pencil:before {
        content: "\e072";
      }
      .icon-phone:before {
        content: "\e073";
      }
      .icon-point-area:before {
        content: "\e07b";
      }
      .icon-profile-personal:before {
        content: "\e084";
      }
      .icon-share:before {
        content: "\e093";
      }
      .icon-sign-in:before {
        content: "\e09a";
      }
      .icon-sign-up:before {
        content: "\e0ad";
      }
      .icon-social:before {
        content: "\e09d";
      }
      .icon-subscribe:before {
        content: "\e0a2";
      }
      .icon-user-add:before {
        content: "\e0ae";
      }
      .icon-wish:before {
        content: "\e0b7";
      }
      .icon-shipment:before {
        content: "\e90a";
      }
      .icon-cart:before {
        content: "\e90f";
      }
      .icon-payment:before {
        content: "\e910";
      }
      .icon-delivery:before {
        content: "\e911";
      }
      .icon-courier:before {
        content: "\e912";
      }
      .icon-post:before {
        content: "\e914";
      }
      .icon-search:before {
        content: "\e919";
      }
      .icon-free-payment:before {
        content: "\e91b";
      }
      .icon-delivery-man:before {
        content: "\e945";
      }
      
      .icon-star:before {
        content: "\e902";
      }

      .icon-clock:before {
        content: "\e024";
      }
span.icon-eye{
    font-size:1.15em !important;
    padding-top:.5em!important;
    padding-bottom:.5em!important;

}

span.icon-add-to-cart:hover{
    color:#191F28  !important;
}
    span.icon-eye:hover{
        color:#191F28  !important;
        }
    
 .product-box .icon-compare{
line-height: 1.5em;
    font-size:1.7em !important;

}
a#social{
    cursor: pointer;
}
fieldset .icon-subscribe{
    font-size:1.5em !important;

}
      .menu1 {
        font-family:iranyekan;
        float:right;
        font-size:1.1em;
      }
       .menu1 li {
                   margin: 0 .6em !important;
                   padding: 0  !important;
color:#fff;      }

       .menu1 li a:hover {
color:#dc9203;      }


div.comparisontable{
    margin:0 2em;
    display: flex;
    flex-direction: column;
  }
  
  div.comparisontable a{
font-weight:bold;
font-size:1.25em;
}

  div.comparisontable img{
    width: auto;
    height: 10em;
    display: block;
    margin: 0 auto;
    border-radius: 1em;
  }
  
  
  div.comparisontable ul.row{
      font-family:iranyekan;
      font-weight: 300;
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
    flex: 1;
    width: 100%;
    flex-wrap: wrap;
  }
  
  div.comparisontable ul.row li{
    font-family:iranyekan;
    font-weight: normal;

    background-color: #fff;
    border: 1px solid #dcdcdc;
    color: #6c6c6c;
    margin: 2px 0;
    flex: 1;
    padding: 10px;
  }
  
  div.comparisontable ul.row li.legend{
       background: #D7DEE0;
    color: #333;
    font-weight: bold;
    border: none;
    width: 200px;
  }
  
  div.comparisontable ul.row li:last-of-type{
  }
  
  /* very first row */
  div.comparisontable ul.row:first-of-type li{
    text-align: center;
  }
  
  /* very last row */
  div.comparisontable ul.row:last-of-type li{
    text-align: center;
    border-bottom: none;
  }
  
  div.comparisontable a.calltoaction{
    color: white;
    background: #e12525;
    display: inline-block;
    padding: 8px 10px;
    text-decoration: none;
    border-radius: 8px;
    margin: .1em auto;
  }
  
  div.comparisontable a.calltoaction:hover{
    background: #d11212;
  }
  
  
  /* first and last cell within legend column */
  div.comparisontable ul.row:first-of-type li.legend.legend,
  div.comparisontable ul.row:last-of-type li.legend{
    background: transparent;
    box-shadow: none;
  }
  
  @media screen and (max-width:650px){
    
    div.comparisontable ul.row{
      flex-direction: column;
    }
    
    div.comparisontable img{
      width: auto;
      height: auto;
    }
    
    div.comparisontable ul.row li{
      margin-right: 0;
          flex: auto;
      width: auto;
    }
    
    /* first and last cell within legend column */
    div.comparisontable ul.row:first-of-type li.legend.legend,
    div.comparisontable ul.row:last-of-type li.legend{
      display: none;
    }
    
    div.comparisontable ul.row li.legend{
      width: auto;
    }
  }


  .toast-title {
    font-weight: bold;
  }
  .toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    font-family:iranyekan;

  }
  .toast-message a,
  .toast-message label {
    color: #ffffff;
  }
  .toast-message a:hover {
    color: #cccccc;
    text-decoration: none;
  }
  .toast-close-button {
    position: relative;
    right: -0.3em;
    top: -0.3em;
    float: right;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    -webkit-text-shadow: 0 1px 0 #ffffff;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
  }
  .toast-close-button:hover,
  .toast-close-button:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
  }
  /*Additional properties for button version
   iOS requires the button element instead of an anchor tag.
   If you want the anchor version, it requires `href="#"`.*/
  button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
  }
  .toast-top-center {
    top: 0;
    right: 0;
    width: 100%;
  }
  .toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%;
  }
  .toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%;
  }
  .toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
  }
  .toast-top-left {
    top: 12px;
    left: 12px;
  }
  .toast-top-right {
    top: 12px;
    right: 12px;
  }
  .toast-bottom-right {
    right: 12px;
    bottom: 12px;
  }
  .toast-bottom-left {
    bottom: 12px;
    left: 12px;
  }
  #toast-container {
    position: fixed;
    z-index: 999999;
    /*overrides*/
  
  }
  #toast-container * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #toast-container > div {
    position: relative;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 400px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 12px #999999;
    -webkit-box-shadow: 0 0 12px #999999;
    box-shadow: 0 0 12px #999999;
    color: #ffffff;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
  }
  #toast-container > :hover {
    -moz-box-shadow: 0 0 12px #000000;
    -webkit-box-shadow: 0 0 12px #000000;
    box-shadow: 0 0 12px #000000;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer;
  }
  #toast-container > .toast-info {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
  }
  #toast-container > .toast-error {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
  }
  #toast-container > .toast-success {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
  }
  #toast-container > .toast-warning {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
  }
  #toast-container.toast-top-center > div,
  #toast-container.toast-bottom-center > div {
    width: 400px;
    margin: auto;
      position: relative;
      top: 10px;
      right:47%;
      margin-right:100px;
  }
  #toast-container.toast-top-full-width > div,
  #toast-container.toast-bottom-full-width > div {
    width: 96%;
    margin: auto;
  }
  .toast {
    background-color: #030303;
  }
  .toast-success {
    background-color: #51a351;
  }
  .toast-error {
    background-color: #bd362f;
  }
  .toast-info {
    background-color: #2f96b4;
  }
  .toast-warning {
    background-color: #f89406;
  }
  .toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000000;
    opacity: 0.4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
  }
  /*Responsive Design*/
  @media  all and (max-width: 240px) {
    #toast-container > div {
      padding: 8px 8px 8px 50px;
      width: 11em;
    }
    #toast-container .toast-close-button {
      right: -0.2em;
      top: -0.2em;
    }
  }
  @media  all and (min-width: 241px) and (max-width: 480px) {
    #toast-container > div {
      padding: 8px 8px 8px 50px;
      width: 18em;
    }
    #toast-container .toast-close-button {
      right: -0.2em;
      top: -0.2em;
    }
  }
  @media  all and (min-width: 481px) and (max-width: 768px) {
    #toast-container > div {
      padding: 15px 15px 15px 50px;
      width: 25em;
    }
  }

  @-webkit-keyframes passing-through{
    0%{
        opacity:0;
        -webkit-transform:translateY(40px);
        -moz-transform:translateY(40px);
        -ms-transform:translateY(40px);
        -o-transform:translateY(40px);
        transform:translateY(40px)
    }
    30%, 70%{
        opacity:1;
        -webkit-transform:translateY(0px);
        -moz-transform:translateY(0px);
        -ms-transform:translateY(0px);
        -o-transform:translateY(0px);
        transform:translateY(0px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-40px);
        -moz-transform:translateY(-40px);
        -ms-transform:translateY(-40px);
        -o-transform:translateY(-40px);
        transform:translateY(-40px)
    }
}
@-moz-keyframes passing-through{
    0%{
        opacity:0;
        -webkit-transform:translateY(40px);
        -moz-transform:translateY(40px);
        -ms-transform:translateY(40px);
        -o-transform:translateY(40px);
        transform:translateY(40px)
    }
    30%, 70%{
        opacity:1;
        -webkit-transform:translateY(0px);
        -moz-transform:translateY(0px);
        -ms-transform:translateY(0px);
        -o-transform:translateY(0px);
        transform:translateY(0px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-40px);
        -moz-transform:translateY(-40px);
        -ms-transform:translateY(-40px);
        -o-transform:translateY(-40px);
        transform:translateY(-40px)
    }
}
@keyframes passing-through{
    0%{
        opacity:0;
        -webkit-transform:translateY(40px);
        -moz-transform:translateY(40px);
        -ms-transform:translateY(40px);
        -o-transform:translateY(40px);
        transform:translateY(40px)
    }
    30%, 70%{
        opacity:1;
        -webkit-transform:translateY(0px);
        -moz-transform:translateY(0px);
        -ms-transform:translateY(0px);
        -o-transform:translateY(0px);
        transform:translateY(0px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-40px);
        -moz-transform:translateY(-40px);
        -ms-transform:translateY(-40px);
        -o-transform:translateY(-40px);
        transform:translateY(-40px)
    }
}
@-webkit-keyframes slide-in{
    0%{
        opacity:0;
        -webkit-transform:translateY(40px);
        -moz-transform:translateY(40px);
        -ms-transform:translateY(40px);
        -o-transform:translateY(40px);
        transform:translateY(40px)
    }
    30%{
        opacity:1;
        -webkit-transform:translateY(0px);
        -moz-transform:translateY(0px);
        -ms-transform:translateY(0px);
        -o-transform:translateY(0px);
        transform:translateY(0px)
    }
}
@-moz-keyframes slide-in{
    0%{
        opacity:0;
        -webkit-transform:translateY(40px);
        -moz-transform:translateY(40px);
        -ms-transform:translateY(40px);
        -o-transform:translateY(40px);
        transform:translateY(40px)
    }
    30%{
        opacity:1;
        -webkit-transform:translateY(0px);
        -moz-transform:translateY(0px);
        -ms-transform:translateY(0px);
        -o-transform:translateY(0px);
        transform:translateY(0px)
    }
}
@keyframes slide-in{
    0%{
        opacity:0;
        -webkit-transform:translateY(40px);
        -moz-transform:translateY(40px);
        -ms-transform:translateY(40px);
        -o-transform:translateY(40px);
        transform:translateY(40px)
    }
    30%{
        opacity:1;
        -webkit-transform:translateY(0px);
        -moz-transform:translateY(0px);
        -ms-transform:translateY(0px);
        -o-transform:translateY(0px);
        transform:translateY(0px)
    }
}
@-webkit-keyframes pulse{
    0%{
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
    10%{
        -webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -ms-transform:scale(1.1);
        -o-transform:scale(1.1);
        transform:scale(1.1)
    }
    20%{
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
}
@-moz-keyframes pulse{
    0%{
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
    10%{
        -webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -ms-transform:scale(1.1);
        -o-transform:scale(1.1);
        transform:scale(1.1)
    }
    20%{
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes pulse{
    0%{
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
    10%{
        -webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -ms-transform:scale(1.1);
        -o-transform:scale(1.1);
        transform:scale(1.1)
    }
    20%{
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
}
.dropzone,.dropzone *{
    box-sizing:border-box
}

.dropzone.dz-clickable{
    cursor:pointer
}
.dropzone.dz-clickable *{
    cursor:default
}
.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{
    cursor:pointer
}
.dropzone.dz-started .dz-message{
    display:none
}
.dropzone.dz-drag-hover{
    border-style:solid
}
.dropzone.dz-drag-hover .dz-message{
    opacity:0.5
}

.dropzone .dz-preview{
    position:relative;
    display:inline-block;
    vertical-align:top;
    margin:16px;
    min-height:100px
}
.dropzone .dz-preview:hover{
    z-index:1000
}
.dropzone .dz-preview:hover .dz-details{
    opacity:1
}
.dropzone .dz-preview.dz-file-preview .dz-image{
    border-radius:20px;
    background:#999;
    background:linear-gradient(to bottom, #eee, #ddd)
}
.dropzone .dz-preview.dz-file-preview .dz-details{
    opacity:1
}
.dropzone .dz-preview.dz-image-preview{
    background:white
}
.dropzone .dz-preview.dz-image-preview .dz-details{
    -webkit-transition:opacity 0.2s linear;
    -moz-transition:opacity 0.2s linear;
    -ms-transition:opacity 0.2s linear;
    -o-transition:opacity 0.2s linear;
    transition:opacity 0.2s linear
}
.dropzone .dz-preview .dz-remove{
    font-size:14px;
    text-align:center;
    display:block;
    cursor:pointer;
    border:none
}
.dropzone .dz-preview .dz-remove:hover{
    text-decoration:underline
}
.dropzone .dz-preview:hover .dz-details{
    opacity:1
}
.dropzone .dz-preview .dz-details{
    z-index:20;
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    font-size:13px;
    min-width:100%;
    max-width:100%;
    padding:2em 1em;
    text-align:center;
    color:rgba(0,0,0,0.9);
    line-height:150%
}
.dropzone .dz-preview .dz-details .dz-size{
    margin-bottom:1em;
    font-size:16px
}
.dropzone .dz-preview .dz-details .dz-filename{
    white-space:nowrap
}
.dropzone .dz-preview .dz-details .dz-filename:hover span{
    border:1px solid rgba(200,200,200,0.8);
    background-color:rgba(255,255,255,0.8)
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover){
    overflow:hidden;
    text-overflow:ellipsis
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{
    border:1px solid transparent
}
.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{
    background-color:rgba(255,255,255,0.4);
    padding:0 0.4em;
    border-radius:3px
}
.dropzone .dz-preview:hover .dz-image img{
    -webkit-transform:scale(1.05, 1.05);
    -moz-transform:scale(1.05, 1.05);
    -ms-transform:scale(1.05, 1.05);
    -o-transform:scale(1.05, 1.05);
    transform:scale(1.05, 1.05);
    -webkit-filter:blur(8px);
    filter:blur(8px)
}
.dropzone .dz-preview .dz-image{
    border-radius:20px;
    overflow:hidden;
    width:120px;
    height:120px;
    position:relative;
    display:block;
    z-index:10
}
.dropzone .dz-preview .dz-image img{
    display:block
}
.dropzone .dz-preview.dz-success .dz-success-mark{
    -webkit-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -o-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)
}
.dropzone .dz-preview.dz-error .dz-error-mark{
    opacity:1;
    -webkit-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -o-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)
}
.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{
    pointer-events:none;
    opacity:0;
    z-index:500;
    position:absolute;
    display:block;
    top:50%;
    left:50%;
    margin-left:-27px;
    margin-top:-27px
}
.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{
    display:block;
    width:54px;
    height:54px
}
.dropzone .dz-preview.dz-processing .dz-progress{
    opacity:1;
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -ms-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear
}
.dropzone .dz-preview.dz-complete .dz-progress{
    opacity:0;
    -webkit-transition:opacity 0.4s ease-in;
    -moz-transition:opacity 0.4s ease-in;
    -ms-transition:opacity 0.4s ease-in;
    -o-transition:opacity 0.4s ease-in;
    transition:opacity 0.4s ease-in
}
.dropzone .dz-preview:not(.dz-processing) .dz-progress{
    -webkit-animation:pulse 6s ease infinite;
    -moz-animation:pulse 6s ease infinite;
    -ms-animation:pulse 6s ease infinite;
    -o-animation:pulse 6s ease infinite;
    animation:pulse 6s ease infinite
}
.dropzone .dz-preview .dz-progress{
    opacity:1;
    z-index:1000;
    pointer-events:none;
    position:absolute;
    height:16px;
    left:50%;
    top:50%;
    margin-top:-8px;
    width:80px;
    margin-left:-40px;
    background:rgba(255,255,255,0.9);
    -webkit-transform:scale(1);
    border-radius:8px;
    overflow:hidden
}
.dropzone .dz-preview .dz-progress .dz-upload{
    background:#333;
    background:linear-gradient(to bottom, #666, #444);
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    width:0;
    -webkit-transition:width 300ms ease-in-out;
    -moz-transition:width 300ms ease-in-out;
    -ms-transition:width 300ms ease-in-out;
    -o-transition:width 300ms ease-in-out;
    transition:width 300ms ease-in-out
}
.dropzone .dz-preview.dz-error .dz-error-message{
    display:block
}
.dropzone .dz-preview.dz-error:hover .dz-error-message{
    opacity:1;
    pointer-events:auto
}
.dropzone .dz-preview .dz-error-message{
    pointer-events:none;
    z-index:1000;
    position:absolute;
    display:block;
    display:none;
    opacity:0;
    -webkit-transition:opacity 0.3s ease;
    -moz-transition:opacity 0.3s ease;
    -ms-transition:opacity 0.3s ease;
    -o-transition:opacity 0.3s ease;
    transition:opacity 0.3s ease;
    border-radius:8px;
    font-size:13px;
    top:130px;
    left:-10px;
    width:140px;
    background:#be2626;
    background:linear-gradient(to bottom, #be2626, #a92222);
    padding:0.5em 1.2em;
    color:white
}
.dropzone .dz-preview .dz-error-message:after{
    content:'';
    position:absolute;
    top:-6px;
    left:64px;
    width:0;
    height:0;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-bottom:6px solid #be2626
}
 .dropzone .dz-message:before,.dropzone .dz-preview .dz-remove:before{
    font-family:feather;
    font-weight:400;
    z-index:2;
    display:inline-block;
    text-indent:0;
    -webkit-font-smoothing:antialiased
}
.dropzone {
    width: 100%;
    
    height: 210px;

    float: left;
    cursor: pointer;
    border-radius: 3px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    background: url(../images/selectpic.png) no-repeat center center #eee;
}

.dropzone.minisize{
    height: 12em;


}

.dropzone.vid{
    background: url(../images/selectpic2.png) no-repeat center center #eee !important;


}


#images:hover, #cover:hover {
    background: url(../images/selectpic.png) no-repeat center center #eee;
}

#video:hover{
    background: url(../images/selectpic2.png) no-repeat center center #eee;
}



.ocard #dtable{
    font-size:.95em;
     width:100% !important;
}


.dropzone .dz-preview.dz-image-preview{
    background:0 0
}
.dropzone .dz-preview .dz-remove{
    font-size:1.1rem;
    line-height:2rem;
    color:#6967ce
}
.dropzone .dz-preview .dz-remove:before{
    line-height:1;
    content:'\e9e6'
}
.dropzone .dz-preview .dz-remove:hover{
    text-decoration:none;
    color:#4340c2
}

.tablelist  {
width:100%;
font-family: iranyekan;
font-size:1.25em;
text-align:center;
vertical-align: middle !important;
border-collapse: separate;
border-spacing: .1em .5em;
margin-bottom:1em;
}

.tablelist td {
    font-weight: 300;
    font-size:1em !important;
padding: .5em .25em;
    }
    
    .tablelist img {
        width:10em;
        vertical-align: middle !important;

    }

    .tablelist tbody tr {
        line-height:30px;
        background: #fff;
        margin-bottom: 1em;
        padding:1em 0 ;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);        }



        .tablelist button:hover{

            background:#dc9203;
            color:#fff;

        }
       
        
.ticket-box{
    float:right;
    width:100%;
    padding: 1em 1.5em;
    background:#444753;
    margin-bottom:1em;
    font-family:iranyekan;
    direction:rtl;
    border-radius: 7px;
    color:#fff;
    font-size:1.2em;
    line-height:1.75em;
}     

.ticket-box:hover { 
    box-shadow: 0px 5px 25px #aaa8a85e;
}

.ticket-box span {
    font-weight:300 !important;
}

.ticket-box h3 {
    float:right;
}

.ticket-box .code , .ticket-box .date , .ticket-box .status{
    float:left;
    padding-right:.5em;
    margin-right:.5em;
    border-right: 1px solid #e4e4e4;
    font-size:.9em;
}


.ticket-box .status{
    background:#fff;
color:#333;
    float:left;
    padding-left:.5em;
    border-right: none;
}

.ticket-box .field ,.ticket-box  .description{
    float:right;
    width:100%;
}

 .description span{
    display: block;margin-right:1em;
}


.ticket-box h4 {
    text-align:right;
    font-size:1.4em;
    color:rgb(126, 114, 114);
    margin-bottom:1em;
}
.ticket-box h4 span {
    float: none;         
}



.chat-history {
    padding: 1em;
    margin-bottom:2em;
    border-bottom: 2px solid #D7DEE0;
    overflow-y: scroll;
    max-height: 575px;
  }
  .chat-history .message-data {
    margin-bottom: 15px;
    text-align:left;

  }





  .chat-history .message-data-name {
      float:left;
    padding-left: .25em;
    font-family:iranyekan !important;
    font-size:1.25em;
    color:#86BB71;
  }

  .chat-history li.me .message-data {
    text-align:right;
  }

  .chat-history li.me .message-data-name {
    float:right;
}


  .chat-history li.me .message-data-name {
    color:#191F28;
  }


  .chat-history .message-data-time {
    color: #a8aab1;
  }
  .chat-history .message {
    font-family:iranyekan !important;
    font-weight:300;
    color: white;
    padding: 18px 20px;
    line-height: 26px;
    font-size: 16px;
    border-radius: 7px;
    margin-bottom: 30px;
    width: 100%;
    position: relative;
    background: #dc9203;

  }
  .chat-history .message:after {
    bottom: 100%;
    left: 0%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #dc9203;
    border-width: 7px;
    margin-left: 15px;
  }
  .chat-history li.me .message {
    background: #666;
  }
  .chat-history li.me .message:after {
    border-bottom-color: #666;
    left: 93%;
  }
  
.chat-message {
    padding: 30px;
  }
.chat-message textarea {
    width: 100%;
    border: none;
    padding: 10px 20px;
    margin-bottom: 10px;
    border-radius: 5px;
    resize: none;
    background: #D7DEE0;

  }
.chat-message button {
    float: right;
    color: #D7DEE0;
    font-size: 16px;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    font-weight: bold;
    background: #444753;
  }
.chat-message button:hover {
    color: #75b1e8;
  }
  

  .commenttextarea{
    width: 100% !important;
    border: none;
    padding: 10px 20px;
    margin-bottom: 10px;
    border-radius: 5px;
    resize: none;
    background: #D7DEE0;
font-family:iranyekan;
}

  
  .align-left {
    text-align: left;
  }
  
  .align-right {
    text-align: right;
  }
  
  .float-right {
    float: right;
  }
  
  .clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
  




.titr{
font-family:iranyekan;
font-size:1.35em;
padding-bottom:1em;
}



.message-box{
    float:right;
    width:100%;
    padding: 1em 1.5em;
    background:#FFFFFF;
    border: 1px solid #dcdcdc;

    border-right: .4em solid #32325D;
    margin-bottom:1em;
    font-family:iranyekan;
    direction:rtl;
}     

.message-box:hover { 
    box-shadow: 0px 5px 25px #aaa8a85e;
}



.action-button {
    position: absolute;
    margin-top: -1.5em;
    left: .5em;
    font-size: 1.5em;
}

.action-button a {
    background: #eff4fe;
    padding: .25em;
    width: 2em;
    height: 2em;
    vertical-align: middle;
    text-align: center;
    color: #000;
    border-radius: .5em;
    display: inline-block;
    cursor: pointer;
    font-size: .75em;
}

.action-button a:hover {
    opacity: .7;
}

.address-box {
    font-size: 1.1em;
}

.address-box div span {
    background: #eee;
    padding:0 .5em;
    font-weight: bold;
    color: #000;
    line-height: 2.5;
}

.address-box .delivery-name > div {
    display: inline-block;
    margin-left: 2em;
}







.address-box div:last-child {
    border: none;
} 

.address-box div.full {
    float:right;
    width:100%;
    font-weight:300;

}


.address-box div.full span {
    margin-right:0;  
    margin-left:.5em;               color: #333;
    font-weight:bold;


}

.address-box div.comment {
    padding-left:0em;
    margin-left:0em;
    border-left: none;


}




        .address-box{
            float:right;
            width:100%;
            padding: 1em 1.5em;
            background:#FFFFFF;
            border: 1px solid #dcdcdc;

            border-right: .4em solid #dc9203;
            margin-bottom:1em;
            font-family:iranyekan;
            direction:rtl;
            border-radius: 1em;
        }     
        
        .address-box:hover { 
            box-shadow: 0px 5px 25px #aaa8a85e;
        }

        .address-box img:hover { 
            opacity:.8;
        }




        .address-box h4 {
            text-align:right;
            font-size:1.4em;
            color: #333;

            margin-bottom:1em;
        }
        .address-box h4 span {
            float: none;         
        }

        

        .address-box .button {
            position:absolute;
left:0;
margin-top:-1.5em;
}

        .address-box .button button , .btn-gray{
            font-family: iranyekan;
            font-weight: 300;
            display:block;
            padding:3px 10px 4px;
            margin-top:.5em;
            font-size:1em;
            line-height:25px;
            background-color:#ededed;
            border-radius:5px;
            color:#6d6d6d;
            cursor:pointer
        }
        

        .address-box .button button:hover , .btn-gray:hover{
            background:#dc9203;
            color:#fff;
        }
        
        .btn-gray.mini{
            display:inline-block;margin-right:1em;

        }
        .btn-add{
            float:left;
        }

        .address-box img{
            max-height: 10em !important;
            width:100%;

        }



        .panel h3{
            float:right;

            font-family:iranyekan;
            font-size:1.25em;
            color: #3b3b3b;
            font-weight: normal
        }

        .panel> a {
            float:left;
            font-family:iranyekan;


        }
        .panel ul{
            float:left;
        }

        .panel ul li{
            float:right;
            font-family:iranyekan;
            margin-right:1em;
        }


        .panel .content{
            margin-top:1em;

            float:right;            width:100%;
padding:1em;
            background: #fff;
            border: 1px solid #dcdcdc;
        }



        .panel .content table {
            border-collapse: collapse;
            width:100%;
            font-family:iranyekan;
          }
          .panel .content table  th {
            background: #ccc;
            color:#333;
          }
          
          .panel .content table th, .panel .content table td {
            border: 1px solid #ccc;
            padding: 8px;
          }
          
          .panel .content table tr:nth-child(even) {
            background: #efefef;
          }
          
          .panel .content table tr:hover {
            background: #d1d1d1;
          }







        th.bb{
        color:#626263
    } 
        th.bb select ,  th.bb input,  th.bb option{
            font-family:iranyekan;
            font-weight:300;
        } 

        #dtable{
            width: 100%;
        }

        #dtable .searchbar{
           float:left;
           font-weight:300;

        }

        #dtable .searchbar input{
            font-family:iranyekan;
            font-weight:300;

            background-color:rgba(0,0,0,.1);
            color: #333;
         }
 
          .searchbar button{
            font-family:iranyekan;
            background-color:rgba(0,0,0,.6);
            color: #fff;
            font-size: 1.5em;
            padding: .5em 
         }

         #dtable tr:nth-child(even) {background: #eee}



         .product-details-page .product-reviews-overview {
            position: relative;
            float: left;
            padding: 0 5px 0 20px;
            height: 52px;
            width: 185px;
        }

        .product-review-box {
            line-height: 20px;
            vertical-align: middle;
            float: left;
            cursor: pointer;
            margin-right: 1em;
        }


        .rating {
            float: left;
            position: relative;
            display: inline-block;
            vertical-align: top;
            height: 22px;
            width: 109px;
            padding: 0;
            background-image: url('../images/star-off.png');
            background-repeat: repeat-x;
            background-position: 0 50%;
        }

        .rating > div {
            height: 22px;
            background-image: url('../images/star-on.png');
            position: absolute;
            top: 0;
            left: 0;
        }
       

        .product-details-page .product-reviews-overview .product-review-links > span {
            float: left;            text-align: left;

        }

        .product-details-page .product-reviews-overview .product-review-links > div {
            float: right;
            text-align: right !important;


        }

        .product-review-links > span {
            font-family: iranyekan;
            color: #000;
        }

        .product-review-links {
            font-family: iranyekan;
            font-size: 1em;
        }

        #productScore{
            display:inline-block;            text-align: left !important;
            padding-bottom:.1em !important;

         }

         .pro-box a , .pro-box button {
           float:left;
           max-width: 4em;
            max-height: 4em;
            border-radius: 8px;
            margin-left:.5em;
            padding: .5em !important;
            background-color: #fff;
            border: 1px solid #cacaca;
            color: #565656;
         }
         .pro-box i {
            font-size:2.5em;
            vertical-align: middle;
            text-align:center;
         }

         .pro-box a:hover , .pro-box button:hover {
             background-color: #cacaca;
          }
 
.short-description{
    font-family:iranyekan;
    font-weight:300;
    font-size:1.1em;
    line-height: 1.5em;
    color:#333;
    padding: 1em;
}
#remove_logo, #remove_cover{
    font-family:iranyekan;
    font-weight:300;
}
.short-description li {
    list-style: square;
}
.imgform{
    width: 100% !important;
    height:100% !important;
}
.product-box2{
    background-color: #fff;
    box-shadow: 0 6px 20px rgba(168,172,185,.3);
    padding: 15px;
        padding-left: 15px;
    overflow: hidden;
    border-radius: 7px;
    margin-bottom:2em;
    }
    
.inner-wrapper-sticky{

}


     table.specbox{
        width: 100%;
        font-size:.9em;
        font-family: iranyekan;
        color:#333;
        border-collapse:separate; 
        border-spacing: 3px;

    }
    table.specbox tr {padding:2em 0;height: 3em;}
    table.specbox td {vertical-align: middle !important;padding-right: 1em;}
    table.specbox tr:nth-child(even) {background-color: #f2f6fa !important;}
    table.specbox td:first-child {background-color: #f2f6fa; vertical-align: middle !important;}

    .notify{
        text-align: center;
        font-family:iranyekan;
    }

    .pricing {
        padding:1em;
        font-family:iranyekan;
        
    }

    .pricing small {
        float:right;
        text-align: center;

font-size:1.5em;
    }
    
    .titlee{
        float:right;
        font-size:1.5em;
        margin-left: 1em;
    }

    .inputqu{
        padding: 1em;
        text-align: center;
        border-radius: 4px;
background: #F8F8F8
    }

#productAttribute{
    box-shadow: 0 0 0 1px #9a9ca0;
    border-radius: 4px;
  
}

.typebox select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    border: 0 !important;
    background: #6e6e6e;
    background-image: none;
    direction: rtl;
    font-family:iranyekan !important;
padding-right:1em  !important;
font-size:1.1em;
  }

  .typebox .select {
    position: relative;
    display: block;
    width: 100%;
    height: 2.5em;
    line-height: 2.5;
    background: #6e6e6e;
    overflow: hidden;
    border-radius: .25em;

  }
  .typebox  select {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0 0 0 .5em;
    color: #fff;
    cursor: pointer;
  }
  .typebox  select::-ms-expand {
    display: none;
  }
  /* Arrow */
  .typebox  .select::after {
    content: '\25BC';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    padding: 0 1em;
    background: #585858;
    pointer-events: none;
    color: #dc9203;

  }
  /* Transition */
  .typebox .select:hover::after {
    color: #fff;
  }
  .typebox  .select::after {
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
  }



  

  #notify-box {

    display: none; 
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(0,0,0);
    background: rgba(0,0,0,.8);
    overflow: auto;
  z-index:999;
  }

    #popup {

        display: none; 
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgb(0,0,0);
        background: rgba(0,0,0,.8);
        overflow: auto;
      z-index:999;
    }

    .close {
        cursor: pointer;
        position: absolute;
        top: 1em;
        left: .9em;    
    }

    #popup h2 {
        font-family: iranyekan;
        font-size:1.35em;
        color:#000;
        margin-bottom:1.25em;
        text-transform: uppercase;
    }


    #popup a{
        font-size:16px;
        color:#000;
        text-transform:uppercase;
        -webkit-transition: .25s ease;
                transition: .25s ease;
    }
    
    #wrap a:hover, #popup a:hover {
        color:#b42b25; 
    }
    
    
    .modal-sandbox {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: transparent;
      }
      
      .modal-content{
        position: relative;
        width: 40%;
        margin: 100px auto;
        animation-name: modalbox;
        animation-duration: .4s;
        animation-timing-function: cubic-bezier(0,0,.3,1.6);
        padding:1em;
      }


      

      #brands {
    direction:ltr;
    }
    #cats {
margin-top:-2em !important        }
    

    #images.dropzone .dz-preview .dz-image {
        width: 70px;
        height: 70px;
      }
      .dz-remove{
          font-size:1em !important;
      }


      .tablelist.new td{   font-size:.85em  !important;
        vertical-align: middle;
      }
      
      
      .tablelist.new img{    width: 55px !important;
          height: 55px !important;
      }


      .bd-hide {
        display: none;
    }
    
    .bd-main {
        background-color: #FFF;
        border: 1px solid #000;
        padding: 5px;
        z-index: 9999;
        width: auto !important;
        margin: 0;
        font-family:iranyekan !important;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
    
    .bd-calendar {
        width: 210px;
        padding: 0;
        margin: 0;
    }
    
    .bd-title {
        width: 210px;
        padding: 0;
        margin: 0;
    }
    
    .bd-calendar table {
        border: none;
        width: 210px;
    }
    
    .bd-dropdown {
        display: inline-block;
        float: right;
        width: 75px;
    }
    
    .bd-dropdown select {
        width: 100%;
        height: 30px;
        border: none;
        cursor: pointer;
    }
    
    .bd-next, .bd-prev {
        cursor: pointer;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-color: #FFF;
        height: 30px;
        width: 30px;
        margin: 0;
        padding: 0;
        border: none;
        display: inline-block;
        float: right;
    }
    
    .bd-table thead {
        background-color: #555555;
        color: #FFF;
    }
    
    .bd-table thead tr {
        height: 30px;
        cursor: context-menu;
    }
    
    .bd-table thead tr th {
        text-align: center;
    }
    
    .bd-table tbody tr td {
        border: none;

    }
    .bd-table .day,  .bd-dropdown {
        font-family:iranyekan !important;

    }

input#date3 {
    width: 100%;
}

    .bd-empty-cell {
        width: 30px;
        height: 30px;

    }
    
    .bd-table-days button {
        width: 30px;
        height: 30px;
        cursor: pointer;
        background-color: #F8F8F8;
        border: 0;
    }
    
    .bd-table-days button:hover {
        color: red;
        font-weight: bold;
        background-color: #E7E7E7;
    }
    
    .bd-today {
        background-color: #DFF0D8 !important;
        color: green;
    }
    
    .bd-holiday {
        background-color: #FDE8E8 !important;
    }
    
    .bd-selected-day {
        color: red;
        font-weight: bold;
    }
    
    .bd-goto-today {
        width: 210px;
        height: 30px;
        color: #FFF;
        background-color: #555555;
        padding-top: 5px;
        cursor: pointer;
        text-align: center;
    }




      @media (max-width: 1023px) and (min-width: 921px) {
      
      
      }
      
      @media (max-width: 1279px) and (min-width: 1024px) {
      }
      
      @media (max-width: 1439px) and (min-width: 1280px) {
      }
      
      @media (max-width: 1500px) and (min-width: 1440px) {
      }
      
      @media (max-width: 920px) and (min-width: 900px) {
      
      
      
      }
      
      @media (max-width: 899px) and (min-width: 600px) {
      header .logo { float:none; width:100%;text-align:center; }
      .container {width: 92%}
      
       }
      
      @media (max-width: 599px) {   
      
      .container {width: 92%}
      
      .item-box .picture {

        display: block;
        width: 40%;
        height: 25px !important;
        margin: 0 auto !important;

    }



    #prdoucts h4 span {

        font-size: .75em;}

        #prdoucts h4 .prev,#prdoucts h4 .next{


             font-size: .5em;
            } 

    .item-box .product-features {
        display:none;
    }
    .item-box .data {

        display: block;
        width: 100%;
        margin:0;
        padding: .5em 1em;
        height: 125px;
    }

    .item-box figure.picture {
        min-height: 130px;
    }




      }
  

      .dashboard-grids {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 1em;
        margin-bottom: 2em;
      }


      .dashboard-grids .dash-item {
        color: #664d03;
        background-color: #fff3cd;
        border-color: #ffecb5;        padding: .5em 1em;
        border-radius: 1em;
        font-size: 1.25em;
    }


    .dashboard-grids .dash-item  span{
        font-weight: bold;
        float: left;
        width: 100%;
text-align: left;
    }



    .grid-products-list {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }


    .grid-products-list  .item-box2{
        margin-bottom: 5em;
    }


       

 a.btn-white {
        color: #753eff;
        -webkit-box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .2);
        box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .2);
        border-radius: 10px;
        -webkit-transition: .15s ease;
        transition: .15s ease;
        letter-spacing: 0;
        cursor: pointer;
        text-align: center;
        background: #fff;
        color: #212841;
        padding: .4rem 1.25em;
        font-size: 16px;
        font-family: 'iranyekan';
    }

    .lightbox {
        position: fixed;
        left: 50%;
        top: 50%;
        z-index: 99999;
        max-width: 400px;
        width: 85%;
        -webkit-transform: translate(-50%, -50%) scale(.95);
        transform: translate(-50%, -50%) scale(.95);
        -webkit-transition: .2s;
        transition: .2s;
        opacity: 0;
        font-size: 16px
    }
    
    .min-h-100{
        min-height: 100px !important;
    }
    .aaa{
        display: inline-block;
        background: #fed843;
        border-radius: 1em;
        padding: .5em 1em;
        margin-top:.5em;
        font-size: .9em
    
    }
    .aaa:hover{
        background: #eee;
    }
    
    .lightbox.active {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    
    .lightbox.navigating .logo {
        width: 150px;
        -webkit-transform: translateY(140px);
        transform: translateY(140px)
    }
    
    .lightbox.navigating .logo path,
    .lightbox.navigating .logo rect {
        -webkit-transition: .3s .2s;
        transition: .3s .2s;
        fill: #dc9203
    }
    
    .lightbox.navigating .content {
        max-height: 180px!important;
        min-height: 0;
        border-radius: 36px;
        border-color: transparent
    }
    
    .lightbox.navigating .content form,
    .lightbox.navigating .content header {
        opacity: 0;
        -webkit-transition: .15s;
        transition: .15s;
        visibility: hidden
    }
    
    .lightbox .logo {
        width: 120px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 auto 1rem
    }
    
    .lightbox .logo path,
    .lightbox .logo rect {
        fill: #fff
    }
    
    .lightbox .logo span {
        font-size: 18px;
        -webkit-transition: .3s .2s;
        transition: .3s .2s;
        color: #b2b4bb;
        display: block;
        margin-top: .5rem;
        overflow: hidden;
        text-align: center
    }
    
    .lightbox .logo span a {
        display: none
    }
    
    .lightbox .logo span.hide {
        -webkit-transition: 0s;
        transition: 0s;
        opacity: 0;
        max-height: 0
    }
    
    .lightbox form,
    .lightbox header {
        -webkit-transition: .15s .15s;
        transition: .15s .15s
    }
    
    .lightbox header {
        position: relative;
        color: #dc9203;
        font-size: 20px;
        text-align: center;
        margin: -2rem;
        margin-bottom: 0;
        padding: 1.5rem 0 .5rem;
        border-radius: 12px 12px 0 0;
        font-weight: 600;
        font-family: 'iranyekan';
    }
    
    .lightbox header .btn-close {
        position: absolute;
        top: 0;
        right: 0;
        height: 60px;
        width: 60px;
        font-weight: lighter;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 16px;
        color: #66627b
    }
    
    .lightbox header .btn-close:hover {
        color: #e3342f
    }
    
    .lightbox header .btn-close i {
        margin: auto
    }
    
    .lightbox .content {
        min-height: 200px;
        border-radius: 5px;
        background: #fff;
        padding: 2rem;
        margin-top: .5rem;
        -webkit-box-shadow: 0 15px 40px -10px rgba(140, 156, 195, .5);
        box-shadow: 0 15px 40px -10px rgba(140, 156, 195, .5);
        -webkit-transition: .3s;
        transition: .3s;
        overflow: hidden
    }
    
    .lightbox .field {
        margin: 1rem 0
    }
    
    .lightbox p {
        color: #59596b;
        text-align: right
    }
    
    .lightbox form input.form-control {
        -webkit-box-shadow: 0 0 0 2px #e1e1e5;
        box-shadow: 0 0 0 2px #e1e1e5;
        background: transparent;
        width: 100%;
    }
    
    .lightbox form a:hover {
        text-decoration: underline
    }
    
    
    .lightbox .submit {
        margin: .75rem auto 0;
        background: #dc9203;
        width: 100%;
        font-family: 'Iranyekan';
        -webkit-box-shadow: none;
        box-shadow: none;
        text-decoration: none!important;
        border-radius: 5px;
        padding: 10px 12px;
        font-size: 14px;
        cursor: pointer !important;
        color: #fff;
    }

    .lightbox button:hover {
        opacity: .6;
        -webkit-filter: grayscale(.8);
        filter: grayscale(.8);
    }
.highlight{
    cursor: pointer;
    color: #dc9203
}

.highlight:hover{
    color: #333
}

   .my-4{
    font-family: 'Iranyekan';
    padding: .5em 0;
    font-size: .9em;

   }

 
   .blue.loading .text {
    opacity: 0;
    visibility: hidden;
  }
  
  .blue.loading svg.spinner {
    display: block;
  }

.blue svg.spinner {
    display: none;
  }
  svg.spinner {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
  }
  
  svg.spinner .path {
    stroke: 
    hsla(0, 0%, 100%, .75);
    stroke-linecap: round;
    -webkit-animation: dash 1.5s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite;
  }
  
  
  @-webkit-keyframes rotate {
      to {
          -webkit-transform: translate(-50%, -50%) rotate(1turn);
          transform: translate(-50%, -50%) rotate(1turn)
      }
  }
  
  @keyframes rotate {
      to {
          -webkit-transform: translate(-50%, -50%) rotate(1turn);
          transform: translate(-50%, -50%) rotate(1turn)
      }
  }
  
  @-webkit-keyframes dash {
      0% {
          stroke-dasharray: 1, 150;
          stroke-dashoffset: 0
      }
      50% {
          stroke-dasharray: 90, 150;
          stroke-dashoffset: -35
      }
      to {
          stroke-dasharray: 90, 150;
          stroke-dashoffset: -124
      }
  }
  
  @keyframes dash {
      0% {
          stroke-dasharray: 1, 150;
          stroke-dashoffset: 0
      }
      50% {
          stroke-dasharray: 90, 150;
          stroke-dashoffset: -35
      }
      to {
          stroke-dasharray: 90, 150;
          stroke-dashoffset: -124
      }
  }
  

    
    .lightbox .submit:disabled {
        pointer-events: none;
        opacity: .6;
        -webkit-filter: grayscale(.8);
        filter: grayscale(.8);
        -webkit-box-shadow: none;
        box-shadow: none
    }
    
    .lightbox .response {
        margin-top: 1rem;
    }
    
    .lightbox .response .error i {
        vertical-align: middle
    }
    
    .lightbox[data-name=prefer-login] .content {
        border-bottom: none
    }
    
    .lightbox[data-name=prefer-login] .btns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 1rem
    }
    
    .lightbox[data-name=prefer-login] .btns a {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        border-radius: 4px;
        background: none;
        color: #2c2c2f;
        text-align: center;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    
    .lightbox[data-name=prefer-login] .btns a:hover {
        border-color: transparent;
        color: #dc9203;
        background: #f5f5f5
    }
    
    .lightbox[data-name=prefer-login] .btns>span {
        color: #aaa;
        padding: 0 1rem
    }
    
    .lightbox[data-name=prefer-login] .btn.google-login {
        margin-top: 1rem
    }
    

    .lightbox .form-group label.form-label {
        position: relative;
        top: 0;
        right: 0;
        -webkit-transform: none;
        transform: none;
        text-align: right;
        display: block;
        margin-bottom: .5rem;
        font-weight: 600;
        pointer-events: auto;
        font-family: 'iranyekan';
    }
    .lightbox .form-group label {
        position: absolute;
        top: .5rem;
        right: 1.25rem;
        font-size: 15px;
        margin: 0;
            margin-bottom: 0px;
        pointer-events: none;
        color: #72727d;
        padding: 0 .5rem;
        -webkit-transition: .15s;
        transition: .15s;
        -webkit-transform-origin: top;
        transform-origin: top;
    }
    .ltr {
        direction: ltr;
    }
    .lightbox .form-group input.form-control {
        width: 100%;
        height: 40px;
        font-weight: 300;
    }
    .lightbox .form-group .form-control {
        position: relative;
        border-radius: 6px;
        -webkit-transition: .15s;
        transition: .15s;
            transition-property: all;
        -webkit-transition-property: color, border-color, background;
        transition-property: color, border-color, background;
        padding: .25rem .75rem;
        background: #f7f8fa;
        outline: none;
        border: none;
    }
    
    #dark-overlay {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: rgba(38, 39, 62, .5);
        z-index: 99998
    }
    
    
    
    .select2-container{
        box-sizing:border-box;
        display:inline-block;
        margin:0;
        position:relative;
        vertical-align:middle;
        z-index: 99999
    }
    .select2-container .select2-selection--single{
        box-sizing:border-box;
        cursor:pointer;
        display:block;
        height:28px;
        user-select:none;
        -webkit-user-select:none;
        font-size: .85em;
    }
    .select2-container .select2-selection--single .select2-selection__rendered{
        display:block;
        padding-left:8px;
        padding-right:20px;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap
    }
    .select2-container .select2-selection--single .select2-selection__clear{
        position:relative
    }
    .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{
        padding-right:8px;
        padding-left:20px
    }
    .select2-container .select2-selection--multiple{
        box-sizing:border-box;
        cursor:pointer;
        display:block;
        min-height:32px;
        user-select:none;
        -webkit-user-select:none
    }
    .select2-container .select2-selection--multiple .select2-selection__rendered{
        display:inline-block;
        overflow:hidden;
        padding-left:8px;
        text-overflow:ellipsis;
        white-space:nowrap
    }
    .select2-container .select2-search--inline{
        float:left
    }
    .select2-container .select2-search--inline .select2-search__field{
        box-sizing:border-box;
        border:none;
        font-size:100%;
        margin-top:5px;
        padding:0
    }
    .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{
        -webkit-appearance:none
    }
    .select2-dropdown{
        background-color:white;
        border:1px solid #aaa;
        border-radius:4px;
        box-sizing:border-box;
        display:block;
        position:absolute;
        left:-100000px;
        width:100%;
        z-index:1051
    }
    .select2-results{
        display:block
    }
    .select2-results__options{
        list-style:none;
        margin:0;
        padding:0
    }
    .select2-results__option{
        padding:6px;
        user-select:none;
        -webkit-user-select:none
    }
    .select2-results__option[aria-selected]{
        cursor:pointer
    }
    .select2-container--open .select2-dropdown{
        left:0;
        font-size: .85em;

    }
    .select2-container--open .select2-dropdown--above{
        border-bottom:none;
        border-bottom-left-radius:0;
        border-bottom-right-radius:0
    }
    .select2-container--open .select2-dropdown--below{
        border-top:none;
        border-top-left-radius:0;
        border-top-right-radius:0
    }
    .select2-search--dropdown{
        display:block;
        padding:4px
    }
    .select2-search--dropdown .select2-search__field{
        padding:4px;
        width:100%;
        box-sizing:border-box
    }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{
        -webkit-appearance:none
    }
    .select2-search--dropdown.select2-search--hide{
        display:none
    }
    .select2-close-mask{
        border:0;
        margin:0;
        padding:0;
        display:block;
        position:fixed;
        left:0;
        top:0;
        min-height:100%;
        min-width:100%;
        height:auto;
        width:auto;
        opacity:0;
        z-index:99;
        background-color:#fff;
        filter:alpha(opacity=0)
    }
    .select2-hidden-accessible{
        border:0 !important;
        clip:rect(0 0 0 0) !important;
        -webkit-clip-path:inset(50%) !important;
        clip-path:inset(50%) !important;
        height:1px !important;
        overflow:hidden !important;
        padding:0 !important;
        position:absolute !important;
        width:1px !important;
        white-space:nowrap !important
    }
    .select2-container--default .select2-selection--single{
        background-color:#fff;
        border:1px solid #aaa;
        border-radius:4px;

    }
    .select2-container--default .select2-selection--single .select2-selection__rendered{
        color:#444;
        line-height:28px;
        text-align:right;
    }
    .select2-container--default .select2-selection--single .select2-selection__clear{
        cursor:pointer;
        float:right;
        font-weight:bold
    }
    .select2-container--default .select2-selection--single .select2-selection__placeholder{
        color:#999;
        float:right;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow{
        height:26px;
        position:absolute;
        top:1px;
        right:1px;
        width:20px
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow b{
        border-color:#888 transparent transparent transparent;
        border-style:solid;
        border-width:5px 4px 0 4px;
        height:0;
        left:50%;
        margin-left:-4px;
        margin-top:-2px;
        position:absolute;
        top:50%;
        width:0
    }
    .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{
        float:left
    }
    .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{
        left:1px;
        right:auto
    }
    .select2-container--default.select2-container--disabled .select2-selection--single{
        background-color:#eee;
        cursor:default
    }
    .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{
        display:none
    }
    .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
        border-color:transparent transparent #888 transparent;
        border-width:0 4px 5px 4px
    }
    .select2-container--default .select2-selection--multiple{
        background-color:white;
        border:1px solid #aaa;
        border-radius:4px;
        cursor:text
    }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered{
        box-sizing:border-box;
        list-style:none;
        margin:0;
        padding:0 5px;
        width:100%;

    }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li{
        list-style:none
    }
    .select2-container--default .select2-selection--multiple .select2-selection__placeholder{
        color:#999;
        margin-top:5px;
        float:left
    }
    .select2-container--default .select2-selection--multiple .select2-selection__clear{
        cursor:pointer;
        float:right;
        font-weight:bold;
        margin-top:5px;
        margin-right:10px
    }
    .select2-container--default .select2-selection--multiple .select2-selection__choice{
        background-color:#e4e4e4;
        border:1px solid #aaa;
        border-radius:4px;
        cursor:default;
        float:left;
        margin-right:5px;
        margin-top:5px;
        padding:0 5px
    }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
        color:#999;
        cursor:pointer;
        display:inline-block;
        font-weight:bold;
        margin-right:2px
    }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{
        color:#333
    }
    .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{
        float:right
    }
    .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{
        margin-left:5px;
        margin-right:auto
    }
    .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{
        margin-left:2px;
        margin-right:auto
    }
    .select2-container--default.select2-container--focus .select2-selection--multiple{
        border:solid black 1px;
        outline:0
    }
    .select2-container--default.select2-container--disabled .select2-selection--multiple{
        background-color:#eee;
        cursor:default
    }
    .select2-container--default.select2-container--disabled .select2-selection__choice__remove{
        display:none
    }
    .select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{
        border-top-left-radius:0;
        border-top-right-radius:0
    }
    .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{
        border-bottom-left-radius:0;
        border-bottom-right-radius:0
    }
    .select2-container--default .select2-search--dropdown .select2-search__field{
        border:1px solid #aaa
    }
    .select2-container--default .select2-search--inline .select2-search__field{
        background:transparent;
        border:none;
        outline:0;
        box-shadow:none;
        -webkit-appearance:textfield
    }
    .select2-container--default .select2-results>.select2-results__options{
        max-height:200px;
        overflow-y:auto;
        text-align:right;
        direction:rtl;

    }
    .select2-container--default .select2-results__option[role=group]{
        padding:0
    }
    .select2-container--default .select2-results__option[aria-disabled=true]{
        color:#999
    }
    .select2-container--default .select2-results__option[aria-selected=true]{
        background-color:#ddd
    }
    .select2-container--default .select2-results__option .select2-results__option{
        padding-right:1em
    }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__group{
        padding-right:0
    }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option{
        margin-right:-1em;
        padding-right:2em
    }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
        margin-right:-2em;
        padding-right:3em
    }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
        margin-right:-3em;
        padding-right:4em
    }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
        margin-right:-4em;
        padding-right:5em
    }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
        margin-right:-5em;
        padding-right:6em
    }
    .select2-container--default .select2-results__option--highlighted[aria-selected]{
        background-color:#5897fb;
        color:white
    }
    .select2-container--default .select2-results__group{
        cursor:default;
        display:block;
        padding:6px
    }
    .select2-container--classic .select2-selection--single{
        background-color:#f7f7f7;
        border:1px solid #aaa;
        border-radius:4px;
        outline:0;
        background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);
        background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);
        background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);
        background-repeat:repeat-x;
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
    }
    .select2-container--classic .select2-selection--single:focus{
        border:1px solid #5897fb
    }
    .select2-container--classic .select2-selection--single .select2-selection__rendered{
        color:#444;
        line-height:28px
    }
    .select2-container--classic .select2-selection--single .select2-selection__clear{
        cursor:pointer;
        float:right;
        font-weight:bold;
        margin-right:10px
    }
    .select2-container--classic .select2-selection--single .select2-selection__placeholder{
        color:#999
    }
    .select2-container--classic .select2-selection--single .select2-selection__arrow{
        background-color:#ddd;
        border:none;
        border-left:1px solid #aaa;
        border-top-right-radius:4px;
        border-bottom-right-radius:4px;
        height:26px;
        position:absolute;
        top:1px;
        right:1px;
        width:20px;
        background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);
        background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);
        background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);
        background-repeat:repeat-x;
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
    }
    .select2-container--classic .select2-selection--single .select2-selection__arrow b{
        border-color:#888 transparent transparent transparent;
        border-style:solid;
        border-width:5px 4px 0 4px;
        height:0;
        left:50%;
        margin-left:-4px;
        margin-top:-2px;
        position:absolute;
        top:50%;
        width:0
    }
    .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{
        float:left
    }
    .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{
        border:none;
        border-right:1px solid #aaa;
        border-radius:0;
        border-top-left-radius:4px;
        border-bottom-left-radius:4px;
        left:1px;
        right:auto
    }
    .select2-container--classic.select2-container--open .select2-selection--single{
        border:1px solid #5897fb
    }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{
        background:transparent;
        border:none
    }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{
        border-color:transparent transparent #888 transparent;
        border-width:0 4px 5px 4px
    }
    .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{
        border-top:none;
        border-top-left-radius:0;
        border-top-right-radius:0;
        background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);
        background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);
        background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);
        background-repeat:repeat-x;
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
    }
    .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{
        border-bottom:none;
        border-bottom-left-radius:0;
        border-bottom-right-radius:0;
        background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);
        background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);
        background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);
        background-repeat:repeat-x;
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
    }
    .select2-container--classic .select2-selection--multiple{
        background-color:white;
        border:1px solid #aaa;
        border-radius:4px;
        cursor:text;
        outline:0
    }
    .select2-container--classic .select2-selection--multiple:focus{
        border:1px solid #5897fb
    }
    .select2-container--classic .select2-selection--multiple .select2-selection__rendered{
        list-style:none;
        margin:0;
        padding:0 5px
    }
    .select2-container--classic .select2-selection--multiple .select2-selection__clear{
        display:none
    }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice{
        background-color:#e4e4e4;
        border:1px solid #aaa;
        border-radius:4px;
        cursor:default;
        float:left;
        margin-right:5px;
        margin-top:5px;
        padding:0 5px
    }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{
        color:#888;
        cursor:pointer;
        display:inline-block;
        font-weight:bold;
        margin-right:2px
    }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{
        color:#555
    }
    .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{
        float:right
    }
    .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{
        margin-left:5px;
        margin-right:auto
    }
    .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{
        margin-left:2px;
        margin-right:auto
    }
    .select2-container--classic.select2-container--open .select2-selection--multiple{
        border:1px solid #5897fb
    }
    .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{
        border-top:none;
        border-top-left-radius:0;
        border-top-right-radius:0
    }
    .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{
        border-bottom:none;
        border-bottom-left-radius:0;
        border-bottom-right-radius:0
    }
    .select2-container--classic .select2-search--dropdown .select2-search__field{
        border:1px solid #aaa;
        outline:0;
        direction: rtl;
        text-align:right;
    }
    .select2-container--classic .select2-search--inline .select2-search__field{
        outline:0;
        box-shadow:none
    }
    .select2-container--classic .select2-dropdown{
        background-color:#fff;
        border:1px solid transparent
    }
    .select2-container--classic .select2-dropdown--above{
        border-bottom:none
    }
    .select2-container--classic .select2-dropdown--below{
        border-top:none
    }
    .select2-container--classic .select2-results>.select2-results__options{
        max-height:200px;
        overflow-y:auto
    }
    .select2-container--classic .select2-results__option[role=group]{
        padding:0
    }
    .select2-container--classic .select2-results__option[aria-disabled=true]{
        color:grey
    }
    .select2-container--classic .select2-results__option--highlighted[aria-selected]{
        background-color:#3875d7;
        color:#fff
    }
    .select2-container--classic .select2-results__group{
        cursor:default;
        display:block;
        padding:6px
    }
    .select2-container--classic.select2-container--open .select2-dropdown{
        border-color:#5897fb
    }
    
    .announcement {
        background-color: #eee;
        color: #ffecc7;

        font-size: 18px;
        font-weight: 500;
        text-align: center;
        font-family: iranyekan;
        padding: .5em 0;
    }


    .announcement h1 {
        font-size: 18px;
        font-weight: bold;
        font-size: 20px;
        color:#dc9203;
        border: 1px solid #dc9203;
        float: right;
        padding: 0 .25em;
    }

    .announcement .link {
        float: right;
        margin: 0 1em;
        color: #fff;
        background: #dc9203;
        font-size: .75em;
        padding: .25em;
        border-radius: .25em;
    }

    .announcement .text {
        float: right;
        text-align: center;
        color: #444;
        font-size: .9em;
        font-weight: bold;
        margin:.25em 1em;
    }

    .announcement button {
        position: absolute;
        left: 10%;
        font-size: 1.25em;
        line-height: 1;
        margin:.25em 0;
        background: #fff;
    }

    .announcement button:hover {
        background: #eee;
    }
    

    .display-none{
        display: none !important
    }

    .width-50px{
        width: 100%;
    }



    .menue-toggle {
        font-family: iranyekan;
        height: 100vh;
        width: 320px;
        overflow: auto;
        position: fixed;
        z-index: 1;
        top: 0;
        right: 0;
        background-color: #fff;
        overflow-x: hidden;
        -ms-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
        padding: 15px;
        box-shadow: -10px 0 10px rgba(0,0,0,0.03);
        z-index: 2000000000000000;
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        display: -ms-flexbox;
        display: box;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
      }
      .menue-toggle .social-networks .social-networks-title {
        font-size: 14px;
        display: -ms-flexbox;
        display: box;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 32px;
      }
      .menue-toggle .social-networks .social-networks-title:after {
        content: '';
        display: inline-block;
        height: 1px;
        box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        background-color: #bbb;
        max-width: 101px;
      }
      @media (max-width: 575px) {
        .menue-toggle .social-networks .social-networks-title:after {
          max-width: 100%;
          margin-right: 20px;
        }
      }
      .menue-toggle .social-networks .social-networks-items {
        display: -ms-flexbox;
        display: box;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 100%;
        -ms-flex-pack: justify;
        justify-content: space-between;
      }
      .menue-toggle .social-networks .social-networks-items .social-networks-item {
        text-align: center;
        font-size: 13px;
        letter-spacing: 0.26px;
        color: #d2d2d2;
      }
      .menue-toggle .social-networks .social-networks-items .social-networks-item svg {
        width: 19px;
        height: 19px;
        fill: #d2d2d2;
        margin-bottom: 16px;
      }
      @media (max-width: 575px) {
        .menue-toggle .social-networks .social-networks-items .social-networks-item svg {
          display: block;
          margin: 0 auto 12px;
        }
      }
      .menue-toggle .tarfand {
        border-radius: 15px;
        padding: 10px 15px;
        background-color: #0edf62;
        color: #fff !important;
        display: inline-block;
      }
      .menue-toggle .menu {
        margin-bottom: 25px;
      }
      .menue-toggle .follow-us {
        -ms-flex-pack: center;
        justify-content: center;
        height: 90px;
      }
      .menue-toggle .follow-us > a {
        margin-right: 10px;
      }
      .menue-toggle .follow-us > a:before {
        background-color: #f0f0f0;
      }
      .menue-toggle ul li {
        font-size: 15px;
        line-height: 33px;
        color: #999;
        border-bottom: 1px solid #e1e1e1;
        line-height: 50px;
      }
      .menue-toggle ul .archive {
        box-shadow: none !important;
      }
      .menue-toggle .closebtn {
        position: absolute;
        left: 1em;
        cursor: pointer;
        top: .5em;
        background-color: #c6d2dc;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.25em;
        color: #fff;
        border-radius: 5px;
        width: 2.5em;
        font-weight: bold;      
        z-index: 1;
      }

      .menue-toggle .closebtn:hover {
        background: #777;
      }
      .menue-toggle:not(.open) {
        -ms-transform: translateX(320px);
        transform: translateX(320px);
      }
      .menue-toggle .close-log-in {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: center;
        align-items: center;
      }
      .menue-toggle .close-log-in .close {
        margin-left: -20px;
      }
      .menue-toggle .close-log-in .log-in {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        white-space: nowrap;
      }
      .menue-toggle .close-log-in .log-in a {
        font-size: 16px;
      }
      .menue-toggle .off-canvas-menu-top {
        border-bottom: 1px solid #000;
        border: 0;
        position: relative;
      }
      .menue-toggle .off-canvas-menu-top a {
        color: #999;
      }
      .menue-toggle .off-canvas-menu-top > a:nth-child(2) {
        margin-right: 10px;
      }
      .menue-toggle .off-canvas-menu-top .closebtn {
        margin-right: auto;
        font-size: 22px;
        text-align: left;
        -ms-flex-order: 1;
        order: 1;
      }
      .menue-toggle .off-canvas-menu-top .logo-responsive {
        font-size: 16px;
        color: #000;
        margin-bottom: 10px;
        max-width: 200px;
        display: block;
        width: auto;
        height: auto;
      }
      

    .menue-toggle form button i {
        font-size: 1.25em;
        color: #fff
    }

      .menue-toggle .offcanvas-menu-toggleable {
        font-size: 16px;
        list-style: none;
        margin-bottom: 30px;
      }
      .menue-toggle .offcanvas-menu-toggleable > li a {
        position: relative;
        display: block;
        color: #626570;
        font-size: 15px;
        font-weight: 500;
      }
      .menue-toggle .offcanvas-menu-toggleable > li a:hover,
      .menue-toggle .offcanvas-menu-toggleable > li a:active {
        color: #ff3d3c;
      }
      .menue-toggle .offcanvas-menu-toggleable > li > ul {
        display: none;
        list-style: none;
        margin: 0;
        line-height: 41px;
        padding-right: 30px;
        margin-bottom: 10px;
      }
      .menue-toggle .offcanvas-menu-toggleable > li > ul > li:last-child {
          border:0;
      }
      .menue-toggle .offcanvas-menu-toggleable > li > ul > li {
        padding: 0;
        margin: 0;
        position: relative;
      }
      .menue-toggle .offcanvas-menu-toggleable > li > ul > li:before {
        content: '';
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: -15px;
        width: 5px;
        height: 5px;
        border-radius: 5px;
        background-color: #aeaaaa;
      }
      .menue-toggle .offcanvas-menu-toggleable > li > ul a {
        font-size: 14px;
        color: #626570;
        font-weight: 400;
        border-bottom: none;
        padding: 0;
      }
      .menue-toggle .offcanvas-menu-toggleable > li.menu-item-has-children > a:before {
        content: '+';
        position: absolute;
        top: 50%;
        margin-top: -9px;
        -ms-transform: rotate(45deg) translate(0, 0, 0);
        transform: rotate(45deg) translate(0, 0, 0);
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        left: 5px;
        width: 18px;
        height: 18px;
        border: 1px solid #7e818d;
        border-radius: 100%;
        line-height: 18px;
        text-align: center;
        font-weight: 300;
        display: inline-block;
        -ms-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
      }
      .menue-toggle .offcanvas-menu-toggleable > li.menu-item-has-children.open > a:before {
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
      }
      .menue-toggle form {
        width: 100%;
        position: relative;
        margin-bottom: 20px;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
        padding: 1em 0;      }
      .menue-toggle form input {
        width: 100%;
        border: 1px solid #d1d9e4;
        background-color: #eef2f5;
        height: 3em;
        border-radius: 8px;
        box-sizing: border-box;
      }
      .menue-toggle form button {
        position: absolute;
        left: 0;
        width: 38px;
        height: 3em;
        margin-top: 0;
        padding: 0;
        text-align: center;
        line-height: 37px;
        border: 0;
        border-radius: 5px 0 0 5px;
        background-color: #777;
      }


      .menue-toggle form button:hover {
        background-color: #dc9203;
      }
      .menue-toggle form button svg {
        margin: auto;
        fill: #fff;
      }
      .offCanvas {
        -ms-transform: translateX(-320px);
        transform: translateX(-320px);
        -ms-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
      }




      @media only screen and (max-width: 580px) {
        .headlinks{
            display: none !important;
         }
 
#navv{
    display: none !important;
}
.logo{
    float:left;
}


        }




        body.no-flow {
            overflow: hidden;
        }



        input.ltr::placeholder {  
            text-align: left; 
        } 




        

.table-thead {
    background-color: #f5f6f7 !important;font-weight: bold;
color:
#50649c;
background-color:
#eff2f9;
border-color:
#eaf0f7;
    border-bottom-color: rgb(234, 240, 247);
border-bottom: 2px solid
    #eaf0f7;
    font-size: .99em;

    padding: 1em 0;
font-family: iranyekan;
font-size: 1.1em;
font-weight: bold;
color: #585858;

}


.table-box {
    display: grid;
    grid-template-columns: 70% 30%;
    grid-gap: 1rem;
    background-color: #f5f6f7 !important;
    padding: .9em  1.25em;
    font-family: iranyekan;
    font-weight: bold;
    font-size: 1.1em
}


.table-box .searchbar{
    float:left
}

.table-grid {
    display: grid;
    grid-template-columns: 5% 10% 20% 5% 40% 20%;
    grid-gap: 1rem;
    border-top: 1px solid #dee2e6;
    font-family: iranyekan;

}

.table-grid:hover{
    background: #f3f3f3;
}
.table-grid div {
padding: 1em;
font-size: 1.05em;
}

.table-grid:nth-child(2n) {
    background: #fbfbfb;
}


.table-grid.grid-products-list {
    grid-template-columns: 5% 5% 25% 10% 20% 7.5% 7.5% 20%;
}
.grid-brands-list {
    grid-template-columns: 5% 5% 15% 15% 10% 10% 40%;
}

.grid-subwerehouse-list {
    grid-template-columns: 30% 30% 30% 10%;
    padding: .25em !important
}

.grid-subwerehouse-list div {
    padding: .25em !important
}

.grid-werehouse-list {
    grid-template-columns: 5% 25% 7.5% 7.5% 50%;
}

.grid-customers-list {
    grid-template-columns: 5% 10% 10% 10% 15% 10% 10% 20%;
}

.grid-addresses-list {
    grid-template-columns: 5% 10% 10% 7.5% 7.5% 20% 7.5% 7.5% 7.5% 10%;
}

.grid-comments-list {
    grid-template-columns: 5% 10% 20% 30% 10% 10% 10%;
}

.grid-tickets-list {
    grid-template-columns: 5% 10% 30% 10% 10% 10% 10%;
}







@media (max-width: 670px) and (min-width: 600px) {

 

}
@media (max-width: 920px) and (min-width: 700px) {
}
@media (max-width: 900px) {


.item-box2 {
width: 100% !important;
display:block;
}

  #site-header {
          padding-top: 0px  !important;
  }
.fixo{
position: relative;

}
  #site-header .headlinks ul li{
float:none;
line-height: 3em;
text-align: center;
font-size:1.1em;
}





.menu1 {
float: none;
font-size: 1.3em;
width: 100%;
margin-top:.5em;
}

.menu1 li {
float: right  !important;
width: 40%;
font-size: 1em !important;
}


  #site-header .logo{
display:block;   
margin:0;
padding:0;
text-align: center;
}

.c-header__btn-adding{
float:none;
margin-right:15%  !important;
}

ul.dropdown {
width: 100% !important;
left:0 !important;
}
.c-navi-list__basket-link span{font-size:.75em !important;}
.c-navi-list__basket-total span:first-of-type {
font-size:.85em !important;
}

.c-navi-list__basket-link { padding:0 .5em !important; margin:0  !important; }

.c-navi-list__basket-total{
font-size:1em;
}
li.search_bar {
margin:0 !important;
padding:0 !important;

}

.headlinks{
width: 100% !important;

}
.search_bar {
display:block; 

width: 100% !important;
margin-right: 0;
padding-bottom:1em;
}


.menu > li {
padding-bottom:1em;

}


.menu li {
width: 100% !important;
text-align:center;
float: none;

}

.menu li a {
text-align:center;

}
.search {
float:none;
width: 100%;
display:block; 
margin:0;
padding:0;

} 
.search input {
  float: right;
  height: 100%;
  width: 85%;
  font: 13px iranyekan;
  border: none;
  color: #fff;
}


.search button {
  float: left;
  width: 15%;
  height: 100%;
  border: 0;
  background: none;
  cursor: pointer;
}


#banners, #sliders{
  display: block !important;
  width: 100% !important;
}

#banners img{
  width: 48% !important;
  float:right;
  margin: 1em 1%;
}





.nexts2 {
  position: relative;
  bottom:4em;
  right: -10%;
font-size:5em;
color: #fff
    }

  .prevs2 {
      position: relative;
      bottom:4em;
      right: 75%;
      font-size:5em;
      color: #fff;
        }



        .nexts, .prevs {
            display:none
        }


        .modal-content {
            width: 90%;
        }

        #popup h2 {
            font-size: 2em;
        }



        .styles__wrapper___2bItS {
overflow: auto

         }
          



         #site-header .logo {
             margin-right: 1em;
             font-size: 2em
         }


         #site-header .logo img {
            margin-left: .5em;
        }





        .grid-products-list {
            grid-template-columns: repeat(1, 1fr);
        }


        .typebox {
            display: block;
            width: 100%;
            margin: 1em 0;
        }





        .c-listing__sort {
            width: 100%;
            overflow: hidden;
        }


.featurebody{
  display: block !important;

  width: 100% !important;
margin-bottom:1em  !important;
}


.max-sale .sda {
  margin: 0 !important;
  width: 100% !important;
  margin-bottom: 1em !important;

}

.swipe.shegeft {
  display: block !important;
  width: 100% !important;

}

.sizing {
  height: auto !important;
}
#navi {
display: none;
}
#brands {
overflow: hidden  !important;
}
.c-footer__links{
width: 100% !important;

flex:100%;
max-width:100%;


display: block !important;
}

.c-footer__links--col {
flex:100%;
width:100%;
margin-bottom:2em;
display: block !important;
}


.c-footer__feature-innerbox, .c-footer__middlebar{
display: block !important;

}
 } 


 .dots__item:before{
     content: '■'
 }



 .widget-sidebar{
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
  } 

  .shopbar-flyout-inner{
      font-family: Iranyekan;
  }

  .white-box {
    box-shadow: 0 1px 1px rgba(82, 99, 116, 0.13);
    background-color: #ffffff;
    border-radius: 15px;
    margin-bottom: 15px;
    overflow: hidden;
    padding: 20px;
    border: 1px solid #ccc;
}


.single-product-options {
	display: -ms-flexbox;
    display: flex;
	justify-content: space-between;
	width: 100%;
	padding: 20px;
	border-bottom: 2px solid #ebeff2;
}
.single-product-option {
	flex:1;
	border: none;
	background: transparent;
	padding: 0;
	text-align: center;
	cursor: pointer;
}
.single-product-option:hover:before {
	color: #e8a817;
}
.single-product-option+.single-product-option {
	margin-right: 10px;
}
.single-product-option:before {
	position: relative;
	font-size: 18px;
	color:#7b8591;
}
.single-product-option.btn-changes:before {
	content: "\E902";
}
.single-product-option.btncompare:before {
    font-family: 'icomoon';
	content: "\e014";
}

.single-product-option.btn-share:before {
    font-family: 'icomoon';
	content: "\e093";
}
.single-product-option.btn-barcode:before {
	content: "\E900";
}
.single-product-option.btn-wish:before {
    font-family: 'icomoon';
	content: "\e0b7";
}
.single-product-option.btn-wish.is-active:before {
	color: #e8a817;
}


.product-page-header h1 {
	color: #646e7a;
    font-family: 'iranyekan';
    text-align: center;
	font-size: 20px;
	line-height: 30px;
}
.product-page-header h1 span {
	display: block;
	color: #8b929b;
	font-family: 'dana-med';
	font-size: 13px;
	line-height: 21px;
	text-transform: uppercase;
	text-align: left;
	margin-bottom: 10px;
}
.zardkooh-product-meta {
	list-style: none;
	margin: 25px 0 10px;
}
.zardkooh-product-meta > li {
	display: -ms-flexbox;
    display: flex;
	justify-content: space-between;
	width: 100%;
	color: #646e7a;
	font-size: 13px;
	font-family: 'iranyekan';
	line-height: 28px;
}
.zardkooh-product-meta > li a {
	color: #646e7a;
	font-size: 13px;
	font-family: 'iranyekan';
	line-height: 28px;
}
.zardkooh-product-meta > li a:hover {
	color: #e8a817;
}
.zardkooh-product-meta > li .product-meta-value {
	text-align: left;
	max-width: 65%;
}
.single-attributes-anchor {
	display: block;
	text-align: center;
	padding: 5px;
	width:100%;
	background-color: #f2f7fd;
	color: #7c8794;
	font-family: 'iranyekan';
	font-size: 12px;
	line-height: 28px;
	border-radius: 5px;
	cursor: pointer;
}


.woocommerce .product-page .single-product-sticky-menu {
	flex: 1;
}
.single-sticky-menu-items {
	list-style: none;
	margin-top: 20px;
}
.single-product-sticky-menu.is-sticky .single-sticky-menu-items {
	margin-top: 0px;
}
.single-sticky-menu-items li {
    padding-right: 20px;
    border-right: 2px solid transparent;
    display: block;
    width: 100%;
	cursor: pointer;
}
.single-sticky-menu-items li:hover, .single-sticky-menu-items li.active {
    border-color: #dc9203;
}
.single-sticky-menu-items li span {
	font-family: 'iranyekan';
	font-size: 12px;
	line-height: 41px;
	color: #b8c4d2;
}
.single-sticky-menu-items li:hover span, .single-sticky-menu-items li:hover span:before {
	color: #64707e;
}
.single-sticky-menu-items li.active span, .single-sticky-menu-items li.active span:before {
	color: #64707e;
}
.single-sticky-menu-items li span:before {
	margin-left: 10px;
	font-size: 18px;
	color: #b8c4d2;
}
.single-sticky-menu-items li.sticky-images span:before {
	content: "\E944";
}
.single-sticky-menu-items li.sticky-description span:before {
	content: "\E93E";
}
.single-sticky-menu-items li.sticky-attributes span:before {
	content: "\E93A";
}
.single-sticky-menu-items li.sticky-size-guide span:before {
	content: "\E949";
}
.single-sticky-menu-items li.sticky-related span:before {
	content: "\E947";
}
.single-sticky-menu-items li.sticky-comments span:before {
	content: "\E93C";
}



/* department features */
.zardkooh-dep-features {
    display: grid;
    grid-template-columns: repeat(6, 1fr);

	-ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 1em;
    margin-top:-3em
}
.zardkooh-dep-feature {
	flex: 1;
	padding: 20px 0;
	border-radius: 15px;
}
.zardkooh-dep-feature a {
	display: -ms-flexbox;
    display: flex;
	align-items: center;
}
.zardkooh-dep-feature a img {
	margin-left: 10px;
}
.zardkooh-dep-feature-text {
	display: -ms-flexbox;
    display: flex;
	flex-direction:column;
	color: #7f8994;
	font-size: 11px;
    line-height: 21px;
    font-family: iranyekan;
}

.zardkooh-dep-feature span:first-child {
	color: #dc9203;
	font-size: 14px;
	line-height: 30px;
	font-weight: 400;
	font-family: 'iranyekan';
}
/* department features */






.side-menu-btn {
    font-family: Iranyekan !important;
    width: 100%;
    -ms-flex: 1 1;
    flex: 1 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
  }
  
  .side-menu-btn>button {
    border-radius: 0 10px 10px 0!important;
  }
  
  .side-menu-btn>span {
    width: 100%;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .side-menu-btn .side-menu-text {
    font-size: .75rem;
    font-family: iranyekan;
  }
  
  .side-menu-btn .side-menu-text.loading {
    padding: 5px;
  }
  
  .footer-menu {
    width: 100%;
    max-width: 480px;
    color: #666;
    position: fixed;
    bottom: 8px;
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px 2px #dae1e8;
    box-shadow: 0 0 10px 2px #dae1e8;
    z-index: 1300;
    border-bottom: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  .footer-menu svg {
    fill: #666;
  }
  
  .footer-menu button {
    min-width: 50px;
    padding-right: 0;
    padding-left: 0;
    font-size: 12px;
    height: 56px;
    border-radius: 0;
  }
  
  .footer-menu button:last-child {
    border-radius: 10px 0 0 10px!important;
  }
  
  .footer-menu button span:first-child,.footer-menu button span:first-child:hover {
    -o-transition: .4s;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .footer-menu button span:first-child:hover {
    color: #444;
  }
  
  .footer-menu #cart-footer-btn {
    -ms-flex: 1 1;
    flex: 1 1;
    padding-left: 12px;
    padding-right: 12px;
  }
  
  .footer-menu #cart-footer-btn .cart-footer-cycle {
    position: relative;
    top: -30px;
    width: 80px;
    margin: 0 auto;
    height: 80px;
    border-radius: 55px;
    cursor: pointer;
    -o-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s;
    -webkit-box-shadow: 0 0 20px 4px #9cdecf;
    box-shadow: 0 0 20px 4px #9cdecf;
    color: #fff;
    background: #e8e8e8 -webkit-linear-gradient(250deg,#7ee82f,#1a9249);
    background: #e8e8e8 -o-linear-gradient(250deg,#7ee82f,#1a9249);
    background: #e8e8e8 linear-gradient(200deg,#7ee82f,#1a9249);
    font-size: 17px;
  }
  
  .footer-menu #cart-footer-btn .cart-footer-cycle,.footer-menu #cart-footer-btn .cart-footer-cycle>span {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .footer-menu #cart-footer-btn .cart-footer-cycle svg {
    fill: #fff;
  }
  
  .footer-menu #cart-footer-btn .cart-footer-cycle.cart-btn {
    -webkit-animation: 2s pulse infinite;
    animation: 2s pulse infinite;
  }
  
  .footer-menu #cart-footer-btn .cart-footer-cycle.addedCart {
    -webkit-animation: 2s changeScale;
    animation: 2s changeScale;
  }
  
  .footer-menu #cart-footer-btn .cart-footer-cycle:hover {
    -webkit-box-shadow: 0 0 20px 4px #9cdecf,inset 0 0 9px 0 #777;
    box-shadow: 0 0 20px 4px #9cdecf,inset 0 0 9px 0 #777;
    -webkit-animation: none;
    animation: none;
  }
  
  .footer-menu #cart-footer-btn .cart-footer-cycle:active {
    -webkit-box-shadow: 0 0 20px 4px #9cdecf,inset 0 0 19px 0 #696868;
    box-shadow: 0 0 20px 4px #9cdecf,inset 0 0 19px 0 #696868;
    -webkit-animation: none;
    animation: none;
  }
  
  @-webkit-keyframes changeScale {
    0% {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
    }
  
    to {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
  
  @keyframes changeScale {
    0% {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
    }
  
    to {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
  
  .footer-menu .footer-cart-badge>span {
    top: -15px;
    right: -30px;
  }
  
  @-webkit-keyframes pulse {
    0% {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44,.8),0 0 20px 4px #9cdecf;
      box-shadow: 0 0 0 0 rgba(204,169,44,.8),0 0 20px 4px #9cdecf;
    }
  
    70% {
      -webkit-box-shadow: 0 0 0 15px rgba(204,169,44,0),0 0 20px 4px #9cdecf;
      box-shadow: 0 0 0 15px rgba(204,169,44,0),0 0 20px 4px #9cdecf;
    }
  
    to {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44,0),0 0 20px 4px #9cdecf;
      box-shadow: 0 0 0 0 rgba(204,169,44,0),0 0 20px 4px #9cdecf;
    }
  }
  
  @keyframes pulse {
    0% {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44,.8),0 0 20px 4px #9cdecf;
      box-shadow: 0 0 0 0 rgba(204,169,44,.8),0 0 20px 4px #9cdecf;
    }
  
    70% {
      -webkit-box-shadow: 0 0 0 15px rgba(204,169,44,0),0 0 20px 4px #9cdecf;
      box-shadow: 0 0 0 15px rgba(204,169,44,0),0 0 20px 4px #9cdecf;
    }
  
    to {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44,0),0 0 20px 4px #9cdecf;
      box-shadow: 0 0 0 0 rgba(204,169,44,0),0 0 20px 4px #9cdecf;
    }
  }
  
  @-webkit-keyframes pulse-shahadat {
    0% {
      -webkit-box-shadow: 0 0 0 0 rgba(168,0,10,.8),0 0 4px #444;
      box-shadow: 0 0 0 0 rgba(168,0,10,.8),0 0 4px #444;
    }
  
    70% {
      -webkit-box-shadow: 0 0 0 15px rgba(204,169,44,0),0 0 4px #444;
      box-shadow: 0 0 0 15px rgba(204,169,44,0),0 0 4px #444;
    }
  
    to {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44,0),0 0 4px #444;
      box-shadow: 0 0 0 0 rgba(204,169,44,0),0 0 4px #444;
    }
  }
  
  @keyframes pulse-shahadat {
    0% {
      -webkit-box-shadow: 0 0 0 0 rgba(168,0,10,.8),0 0 4px #444;
      box-shadow: 0 0 0 0 rgba(168,0,10,.8),0 0 4px #444;
    }
  
    70% {
      -webkit-box-shadow: 0 0 0 15px rgba(204,169,44,0),0 0 4px #444;
      box-shadow: 0 0 0 15px rgba(204,169,44,0),0 0 4px #444;
    }
  
    to {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44,0),0 0 4px #444;
      box-shadow: 0 0 0 0 rgba(204,169,44,0),0 0 4px #444;
    }
  }
  
  @-webkit-keyframes fadeIn {
    0% {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
  }
  
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
  }
  
  .btn-location:hover {
    text-decoration: none;
    background-color: rgba(0,0,0,.08);
  }
  
  .link2 {
    cursor: pointer;
    color: #2196f3;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #2196f3;
    font-weight: 500;
    padding: 2px 5px;
    margin: 0 10px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .link2 .fa {
    margin: 0 2px;
  }
  
  button {
    font-family: iranyekan,sans-serif!important;
  }
  
  @-webkit-keyframes slide-up {
    0% {
      bottom: 60px;
      opacity: 0;
    }
  
    to {
      bottom: 0;
      opacity: 1;
    }
  }
  
  @keyframes slide-up {
    0% {
      bottom: 60px;
      opacity: 0;
    }
  
    to {
      bottom: 0;
      opacity: 1;
    }
  }
  
  .action-btn-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .action-btn-text .only-main-text {
    font-size: 20px;
    font-family:iranyekan
  }
  
  @media (max-width:480px) {
    .footer-menu {
      max-width: 100%;
      border-radius: 0;
      bottom: 0;
    }
  }
  
  .hidden {
    display: none;
  }
  
  body {
    overflow-x: hidden;
  }
  
  @-webkit-keyframes change-left {
    0%, 20%, 50%, 80%, to {
      -webkit-transform: translateX(0);
    }
  
    40% {
      -webkit-transform: translateX(-30px);
    }
  
    60% {
      -webkit-transform: translateX(-15px);
    }
  }
  
  @keyframes change-left {
    0%, 20%, 50%, 80%, to {
      -webkit-transform: translateX(0);
    }
  
    40% {
      -webkit-transform: translateX(-30px);
    }
  
    60% {
      -webkit-transform: translateX(-15px);
    }
  }
  
  @-webkit-keyframes shake-logo {
    0%, 2%, 5%, 8%, 10% {
      top: 3px;
    }
  
    4% {
      top: -10px;
    }
  
    6% {
      top: -5px;
    }
  }
  
  @keyframes shake-logo {
    0%, 2%, 5%, 8%, 10% {
      top: 3px;
    }
  
    4% {
      top: -10px;
    }
  
    6% {
      top: -5px;
    }
  }
  

  
  .jss111 {
    height: 56px;
    display: flex;
    justify-content: center;
    background-color: #fff;
  }
  
  .jss151 {
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1199;
    position: fixed;
  }
  
  .jss152 {
    right: auto;
  }
  
  .jss153 {
    left: auto;
    right: 0;
  }
  
  .jss154 {
    right: 0;
    bottom: auto;
  }
  
  .jss155 {
    top: auto;
    right: 0;
    bottom: 0;
  }
  
  .jss144 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0;
    position: absolute;
    overflow: hidden;
    border-radius: inherit;
    pointer-events: none;
  }
  
  .jss145 {
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    opacity: 0;
    position: absolute;
  }
  
  .jss146 {
    opacity: 0.3;
    transform: scale(1);
    animation: mui-ripple-enter 550ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  .jss147 {
    animation-duration: 200ms;
  }
  
  .jss148 {
    width: 100%;
    height: 100%;
    opacity: 1;
    display: block;
    border-radius: 50%;
    background-color: currentColor;
  }
  
  .jss149 {
    opacity: 0;
    animation: mui-ripple-exit 550ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  .jss150 {
    top: 0;
    left: 0;
    position: absolute;
    animation: mui-ripple-pulsate 2500ms cubic-bezier(0.4, 0, 0.2, 1) 200ms infinite;
  }
  
  @-moz-keyframes mui-ripple-enter {
    0% {
      opacity: 0.1;
      transform: scale(0);
    }
  
    100% {
      opacity: 0.3;
      transform: scale(1);
    }
  }
  
  @-moz-keyframes mui-ripple-exit {
    0% {
      opacity: 1;
    }
  
    100% {
      opacity: 0;
    }
  }
  
  @-moz-keyframes mui-ripple-pulsate {
    0% {
      transform: scale(1);
    }
  
    50% {
      transform: scale(0.92);
    }
  
    100% {
      transform: scale(1);
    }
  }
  
  .jss84 {
    color: inherit;
    border: 0;
    margin: 0;
    cursor: pointer;
    display: inline-flex;
    outline: none;
    padding: 0;
    position: relative;
    align-items: center;
    border-radius: 0;
    vertical-align: middle;
    justify-content: center;
    -moz-appearance: none;
    text-decoration: none;
    background-color: transparent;
    -moz-user-select: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
  }
  
  .jss84::-moz-focus-inner {
    border-style: none;
  }
  
  .jss84.jss85 {
    cursor: default;
    pointer-events: none;
  }
  
  .jss112 {
    color: rgba(0, 0, 0, 0.87);
    cursor: pointer;
    padding: 8px 8px;
    font-size: 0.875rem;
    min-width: 64px;
    direction: rtl;
    box-sizing: border-box;
    min-height: 36px;
    transition: box-shadow 0.15s ease, transform 0.15s ease, -webkit-box-shadow 0.15s ease, -webkit-transform 0.15s ease;
    font-family: main,tahome,serif;
    font-weight: 500;
    line-height: 1.5;
    will-change: box-shadow, transform;
    align-items: center;
    text-transform: uppercase;
    text-decoration: none;
    webkit-box-pack: center;
    justify-content: center;
    webkit-box-align: center;
    webkit-transition: -webkit-box-shadow 0.15s ease, -webkit-transform 0.15s ease;
  }
  
  .jss112:hover {
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.08);
  }
  
  .jss112.jss132 {
    color: rgba(0, 0, 0, 0.26);
  }
  
  @media (hover: none) {
    .jss112:hover {
      background-color: transparent;
    }
  }
  
  .jss112:hover.jss132 {
    background-color: transparent;
  }
  
  .jss113 {
    width: 100%;
    display: inherit;
    align-items: inherit;
    justify-content: inherit;
  }
  
  .jss115 {
    color: #3f51b5;
  }
  
  .jss115:hover {
    background-color: rgba(63, 81, 181, 0.08);
  }
  
  @media (hover: none) {
    .jss115:hover {
      background-color: transparent;
    }
  }
  
  .jss116 {
    color: #f50057;
  }
  
  .jss116:hover {
    background-color: rgba(245, 0, 87, 0.08);
  }
  
  @media (hover: none) {
    .jss116:hover {
      background-color: transparent;
    }
  }
  
  .jss120 {
    border: 1px solid rgba(0, 0, 0, 0.23);
  }
  
  .jss121 {
    color: #3f51b5;
    border: 1px solid rgba(63, 81, 181, 0.5);
  }
  
  .jss121:hover {
    border: 1px solid #3f51b5;
    background-color: rgba(63, 81, 181, 0.08);
  }
  
  .jss121.jss132 {
    border: 1px solid rgba(0, 0, 0, 0.26);
  }
  
  @media (hover: none) {
    .jss121:hover {
      background-color: transparent;
    }
  }
  
  .jss122 {
    color: #f50057;
    border: 1px solid rgba(245, 0, 87, 0.5);
  }
  
  .jss122:hover {
    border: 1px solid #f50057;
    background-color: rgba(245, 0, 87, 0.08);
  }
  
  .jss122.jss132 {
    border: 1px solid rgba(0, 0, 0, 0.26);
  }
  
  @media (hover: none) {
    .jss122:hover {
      background-color: transparent;
    }
  }
  
  .jss123 {
    color: rgba(0, 0, 0, 0.87);
    margin: 5px 5px 15px;
    box-shadow: 0 7px 14px -3px rgba(45,35,66,0.3), 0 2px 4px 0 rgba(45,35,66,0.4), inset 0 -2px 0 0 #cfd1e3;
    background: linear-gradient(#fff, #e4e4e9);
    background-color: #e0e0e0;
  }
  
  .jss123.jss131 {
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  }
  
  .jss123:active {
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  }
  
  .jss123.jss132 {
    color: rgba(0, 0, 0, 0.26);
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0.12);
  }
  
  .jss123:hover {
    transform: translateY(-2px);
    box-shadow: 0 11px 16px -3px rgba(45,35,66,0.3), 0 4px 5px 0 rgba(45,35,66,0.4), inset 0 -2px 0 0 #a8a8a8;
    background-color: #d5d5d5;
  }
  
  @media (hover: none) {
    .jss123:hover {
      background-color: #e0e0e0;
    }
  }
  
  .jss123:hover.jss132 {
    background-color: rgba(0, 0, 0, 0.12);
  }
  
  .jss124 {
    color: #fff;
    background: linear-gradient(#aeb7ff, #5468ff);
    box-shadow: 0 7px 13px -3px rgba(45,35,66,0.3), 0 2px 4px 0 rgba(45,35,66,0.4), inset 0 -2px 0 0 #4b58ba;
    text-shadow: 0 1px 0 #4b5ef0;
    background-color: #3f51b5;
  }
  
  .jss124:hover {
    transform: translateY(-2px);
    box-shadow: 0 11px 16px -3px rgba(45,35,66,0.3), 0 4px 5px 0 rgba(45,35,66,0.4), inset 0 -2px 0 0 #4b58ba;
    background-color: #303f9f;
  }
  
  @media (hover: none) {
    .jss124:hover {
      background-color: #3f51b5;
    }
  }
  
  .jss125 {
    color: #fff;
    box-shadow: 0 7px 14px -3px rgba(66, 35, 59, 0.3), 0 2px 4px 0 rgba(66, 35, 59, 0.4), inset 0 -2px 0 0 #1a5e24;
    background: linear-gradient(#65ce1b, #19821c);
    text-shadow: 0 1px 0 #1a5e24;
    background-color: #308f25;
  }
  
  .jss125:hover {
    transform: translateY(-2px);
    box-shadow: 0 11px 16px -3px rgba(45,35,66,0.3), 0 4px 5px 0 rgba(45,35,66,0.4), inset 0 -2px 0 0 #185627;
    background-color: #c51162;
  }
  
  @media (hover: none) {
    .jss125:hover {
      background-color: #f50057;
    }
  }
  
  .jss129 {
    width: 56px;
    height: 56px;
    padding: 0;
    min-width: 0;
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12);
    border-radius: 50%;
  }
  
  .jss129:active {
    box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  }
  
  .jss130 {
    width: auto;
    height: 48px;
    padding: 0 16px;
    min-width: 48px;
    border-radius: 24px;
  }
  
  .jss132 {
    cursor: not-allowed;
    background: rgba(0, 0, 0, 0.12);
    text-shadow: 0 0 1px transparent;
  }
  
  .jss133 {
    color: inherit;
  }
  
  .jss134 {
    width: 40px;
    height: 40px;
  }
  
  .jss135 {
    padding: 7px 8px;
    min-width: 64px;
    font-size: 0.8125rem;
    min-height: 32px;
  }
  
  .jss136 {
    padding: 8px 24px;
    min-width: 112px;
    font-size: 0.9375rem;
    min-height: 40px;
  }
  
  .jss137 {
    width: 100%;
  }
  
  .jss90 {
    fill: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    font-size: 24px;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    flex-shrink: 0;
    -moz-user-select: none;
  }
  
  .jss91 {
    color: #3f51b5;
  }
  
  .jss92 {
    color: #f50057;
  }
  
  .jss93 {
    color: rgba(0, 0, 0, 0.54);
  }
  
  .jss94 {
    color: #f44336;
  }
  
  .jss95 {
    color: rgba(0, 0, 0, 0.26);
  }
  
  .jss96 {
    font-size: inherit;
  }
  
  .jss97 {
    font-size: 20px;
  }
  
  .jss98 {
    font-size: 35px;
  }
  
  .jss138 {
    display: inline-flex;
    position: relative;
    vertical-align: middle;
  }
  
  .jss139 {
    top: -11px;
    right: -11px;
    width: 22px;
    height: 22px;
    display: flex;
    z-index: 1;
    position: absolute;
    flex-wrap: wrap;
    font-size: 0.75rem;
    transform: scale(1);
    transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    align-items: center;
    font-family: main,tahome,serif;
    align-content: center;
    border-radius: 50%;
    flex-direction: row;
    justify-content: center;
  }
  
  .jss140 {
    color: #fff;
    background-color: #3f51b5;
  }
  
  .jss141 {
    color: #fff;
    background-color: #f50057;
  }
  
  .jss142 {
    color: #fff;
    background-color: #f44336;
  }
  
  .jss143 {
    transform: scale(0);
    transition: transform 195ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  }


  

header.tophead {
    width: 100%;
    position: relative;
    margin-top:
}

header .logo {
    float: right;
    margin: 0px 0 0 20px;
}

header .logo h1,
header .logo .site_title {
    display: block;
    font: 13px iransans;
    color: #657076;
    padding-right: 6px;
}

.english {
    position: absolute;
    left: 15%;
    font-size: 12.25px;
    top: 0;
    color: #657076;
    color: #657076;
    background-color: #E9EDEF;
    padding: 0 20px;
    -webkit-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
}

.arabic{
	    position: absolute;
    left: 20%;
    font-size: 12.25px;
    top: 0;
    color: #657076;
    background-color: #E9EDEF;
    padding: 0 20px;
    -webkit-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
}


/* Header : Navigation
----------------------- */

.intro {
    float: left;
}

.intro ul li {
    float: right;
    border-right: 1px solid rgba(0,0,0,.2);
    padding: 0px 5px;
    font-family: iranyekan;
}

.intro ul li a.link {
    font: 16px iranyekan;
    text-align: center;
    float: right;
    line-height: 1.4;
    padding: 17px 19px 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.intro ul li small {
    display: block;
    padding-top: .2em;
    padding-bottom: .1em;
    color:#333
}

.intro ul li span {
    color:#fff
}

.intro ul li a:hover small,.intro ul li a:hover span  {
    color: #657076;
}





.intro ul li:hover a.link {
    background-color: #F6F7F8;
}

.intro ul li:last-child {
    border-left: 1px solid rgba(0,0,0,.2);
}

.featured-nav {
    float: right;
    width: calc(100% - 270px);
    margin-top: 1.5em;
}

.featured-nav ul li a {
    font: 14px iranyekan;
    color: #657076;
    padding: 4px 18px;
    padding: .5em 1.5em;
    margin-left: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.featured-nav > ul > li > a {
    background-color: #E9EDEF;
    position: relative;
}

.featured-nav > ul > li:hover > a {
    background-color: #707D83;
    color: #fff;
}

.hidden {
    display:none !important
}

/* Header : Search
----------------------- */

.search {
    float: left;
    margin-top: 1em;
    background: #E6EBED;
    height: 32px;
    width: 270px;
    border-radius: 2px;
}

.search input {
    float: right;
    height: 100%;
    width: 90%;
    font: 13px iranyekan, mweb;
    color: #727272;
    padding: 0 10px;
    border: 0;
    background: none;
}

.search button {
    float: left;
    width: 10%;
    height: 100%;
    border: 0;
    background: none;
    cursor: pointer;
}

.search input.text {
    width: 124px;
    background: none;
    border: 0;
    outline: none;
    text-align: right;
    direction: rtl;
    color: #fff;
}


.single-product {
    display: -ms-flexbox;
    display: flex;
}


.cart-sidebar {
    flex: 2;
    margin-left: 20px;
}


.sidebar-right {
    float:right;
    width: 20%;
    margin-left: 5%;
    background: #fff;
    margin-bottom: 30px;
    padding: 2em;
    transition: .5s;
    border: 0;
    border-radius: .55rem;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
    border-radius: 10px;
box-shadow: 0 1px 20px hsla(0,0%,64.7%,.3);
margin-bottom: 50px;
background: #6f42c1;
color: #fff
}

.sidebar-main {
    float: left;
    width: 75%;
    font-family: Iranyekan;
}



header.hadi img {
    width: 100%;
  
  }
  
  header.hadi {
    /* fallback for old browsers */
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow:hidden;
  }
  
    
      
    #slider4 li {
      height: 100%;
    }
    
    
    
    #slider4 li img {
    
      background: no-repeat center;
      background-size:100% 100%;
    
  
    }
    
   
   
    
    
    #pagenavi{
  
      position: relative;
      top:-10em;
      text-align: left;
      margin-left:1em;
      
  
      
        }
  
  
        #pagenavi a {
          background-color: #000;
          border-radius: 30px;
          display: inline-block;
          height: 8px;
          overflow: hidden;
          text-indent: -999em;
          width: 8px;
          position: relative;
          z-index: 99;
          -webkit-transition: all .5s linear 0s;
          transition: all .5s linear 0s;
          background: #fff;
          opacity: .5
  
        }
  
        #pagenavi a:hover {
          opacity: 1
  
        }
        #pagenavi a.active {
          opacity: 1;
          width: 24px !important
  
        }
  
        
        .zzza{
          z-index: 3 !important;
          width: 100%;
          position: absolute;
          top:0;
          left:0;
          }
  
        #slider4   
        {
        direction: ltr !important;
      }
      
      .zc{
          float:right;
          height: 0 !important;
      }


svg {
	overflow: visible;
	vertical-align: middle
}

.site-slider ul li {
	width: 626px;
	height: 351px;
	position: relative
}

.site-slider ul li img {
	width: 626px;
	height: 351px
}


.site-header.is-home:not(.sticky) .menu .menu__item ul {
	background: rgba(255, 255, 255, .9)
}

.site-header.is-home:not(.sticky) .menu .menu__item ul li {
	border-bottom: 1px solid #fff
}

.site-header.is-home:not(.sticky) .menu .menu__item ul li:hover {
	background: #fff
}

.site-header.is-home:not(.sticky) .menu .menu__item ul li a {
	color: #323232!important
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}


.shadow-box {
	padding: 20px;
	background: #fff;
	border-radius: 7px;
	box-shadow: 0 2px 2px #e6ecf3
}

@keyframes dash {
	from {
		stroke-dashoffset: 0
	}
	to {
		stroke-dashoffset: 1000
	}
}

.waves {
	position: relative;
	width: 100%;
	height: 40px;
	margin-top: -100px;
	z-index: 99;
	overflow: hidden
}

.parallax>use {
	animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite
}

.parallax>use:nth-child(1) {
	animation-delay: -2s;
	animation-duration: 7s
}

.parallax>use:nth-child(2) {
	animation-delay: -3s;
	animation-duration: 10s
}

.parallax>use:nth-child(3) {
	animation-delay: -4s;
	animation-duration: 13s
}

.parallax>use:nth-child(4) {
	animation-delay: -5s;
	animation-duration: 20s
}

@keyframes move-forever {
	0% {
		transform: translate3d(-90px, 0, 0)
	}
	100% {
		transform: translate3d(85px, 0, 0)
	}
}


.zardkooh-dep-features{
    overflow: hidden !important;

}



.boxPosts {
    margin-bottom: 50px;
    position: relative;
  }

  .boxPosts:before {
    content: '';
    display: block;
    position: absolute;
    width: calc(100% + 30px);
    height: 138px;
    border-radius: 20px;
    background-color: #ededed;
    background-image: linear-gradient(-173deg, #abf258 0%, #71e5e2 100%);
    right: -15px;
    bottom: 50px;
  }

  .boxPosts.popular:before {
    background-image: linear-gradient(69deg, #47abdd 0%, #6028ed 100%);
}

  .boxPosts__header {
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 20px;
  }
  .boxPosts__item {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    z-index: 99;
  }
  .boxPosts__itemCover {
    width: 100%;
    height: 100% !important;
    background-size: 100% 100%;
  }
 
  .boxPosts__itemFront {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
    top: 0;
    width: 100%;
    height: 100%;
    right: 0;
    padding: 20em 20px 0;
    transition: all 0.3s ease-in-out;
  }
  .boxPosts__itemFront:hover {
    padding: 30px 20px 0;
    background-color: rgba(0, 0, 0, 0.8);
  }
  .boxPosts__itemFront:hover .boxPosts__itemMore {
    opacity: 1;
  }
  .boxPosts__itemFront:hover .boxPosts__itemCategory {
    background-color: #ffffff;
    color: #000000;
  }
  .boxPosts__itemCategory {
    color: #000000;
    font-size: 11px;
    font-weight: 500;
    line-height: 18px;
    background-color: #e6d950;
    padding: 0 3px;
    border-radius: 18px;
    transition: all 0.3s ease-in-out;
  }
  .boxPosts__itemRating {
    margin-top: 5px;
    float: left;
  }
  .boxPosts__itemRating i {
    color: #e6d950;
  }
  .boxPosts__itemRating i:before {
    font-size: 11px;
  }
  .boxPosts__itemHeader {
    margin-top: 15px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    line-height: 29px;
  }
  .boxPosts__itemContent {
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    margin-top: 30px;
    line-height: 29px;
  }
  .boxPosts__itemMore {
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
    position: absolute;
    left: 20px;
    bottom: 20px;
    transition: all 0.3s ease-in-out;
    opacity: 0;
  }
  .boxPosts__itemMore i {
    width: 14px;
    height: 14px;
    color: #e6d950;
    margin-right: 10px;
  }
  .boxPosts__itemMore i:before {
    font-size: 14px;
  }

.boxPosts__item {
    font-family:iranyekan;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  z-index: 99;
  width: 100%;

}
.boxPosts__itemCover {
  width: 100%;
  height: auto;
}


.boxPosts__itemCover .slide {
  width: 100%;
}


.boxPosts__itemCover .slide2 {
  width: 100%;
  direction:ltr !important;

}

#brad3 img {
    width: 90%;
    border-radius: 1em;
    margin: 1%;
        margin-bottom: 1%;
    margin-bottom: 2em;
    cursor: pointer;
}

#brad3 img:hover {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all 150ms ease-in-out;
}

.offer-box {
    position: relative
}





.siteFooter {
    background-color:#3a4453;
    background-repeat:no-repeat,no-repeat;
    background-position:bottom right,center left
   }
   .siteFooter--hometheme {
    overflow:hidden;
    padding-top:100px;
    position:relative
   }
   .siteFooter--hometheme::before {
    content:'';
    background-color:#dc9203;

    width:13520px;
    height:13570px;
    border-radius:15000px;
    display:block;
    position:absolute;
    top:-13500px;
    right:-6000px;
    pointer-events:none
   }
   .siteFooter--hometheme::after {
    content:'';
    background-color:#f8fbff;
    width:13520px;
    height:13570px;
    border-radius:15000px;
    display:block;
    position:absolute;
    top:-13495px;
    transform:rotate(225deg);
    pointer-events:none;
    right:-5910px
   }
   .siteFooter__top {
    padding:60px 0
   }
   .siteFooter__topSlider {
    padding:60px 0;
    text-align:center
   }
   .siteFooter__topSlider img {
    display:inline
   }
   .siteFooter__infoHeader {
    position:relative;
    margin-bottom:25px
   }
   .siteFooter__infoHeader:before {
    position:absolute;
    width:100%;
    content:'';
    height:1px;
    background-color:#2a3340;
    background-image:linear-gradient(to right,#3a4453 0%,#4c596d 100%);
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto
   }
   .siteFooter__infoHeader__title {
    color: #dc9203;
    position:relative;
    font-size:21px;
    background-color:#3a4453;
    padding:0 0 0 20px;
    display:inline-block;
    letter-spacing:-1px;


vertical-align: middle !important;
   }


   .siteFooter__infoHeader__title span {
   }


.siteFooter__infoHeader__title img {
    width: 2em;
    vertical-align: middle;
}

   .siteFooter__infoContent {
    color:#a8b6ca;
    font-size:12px;
    font-weight:400;
    line-height:31px;
    text-align:justify
   }
   .siteFooter__topBox ul li {
    color:#a8b6ca;
    font-size:12px;
    font-weight:400;
    line-height:31px;
    transition:all .3s ease-in-out;
    position:relative
   }
   .siteFooter__topBox ul li:before {
    content:'';
    display:block;
    width:5px;
    height:5px;
    background-color:#fff;
    position:absolute;
    border-radius:5px;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    opacity:0;
    transition:all .3s ease-in-out
   }
   .siteFooter__topBox ul li:hover {
    color:#fff;
    padding-right:15px
   }
   .siteFooter__topBox ul li:hover:before {
    opacity:1
   }

footer{
    font-family:iranyekan;

}

   .siteFooter__topBox__header {
       font-family:iranyekan;
    color:#a8b6ca;
    font-size:15px;
    font-weight:500;
    line-height:28px;
    margin-bottom:25px
   }
   .siteFooter__topBox__social {
    height:75px;
    box-shadow:0 2px 4px rgba(0,0,0,0.4);
    background-image:linear-gradient(79deg,#11d7ee 0%,#0030ff 100%);
    width:100%;
    color:rgba(255,255,255,0.7);
    font-size:11px;
    font-weight:400;
    line-height:31px;
    margin-bottom:12px;
    float:right;
    border-radius:10px;
    transition:all .3s ease-in-out;
    margin-top:8px
   }
   .siteFooter__topBox__social:hover {
    border-radius:15px;
    box-shadow:0 2px 24px rgba(0,0,0,0.4)
   }
   .siteFooter__topBox__social.siteFooter__topBox__social--instagram {
    background-color:#e73535;
    background-image:linear-gradient(-266deg,#f77e2a 0%,#e7375e 100%)
   }
   .siteFooter__topBox__social:after {
    content:'';
    display:table;
    clear:both
   }
   .siteFooter__topBox__social i {
    width:75px;
    height:75px;
    text-align:center;
    line-height:75px;
    float:right;
    font-size:18px
   }
   .siteFooter__topBox__social i:before {
    color:#fff
   }
   .siteFooter__topBox__social b {
    padding-top:18px;
    color:#fff;
    font-size:15px;
    font-weight:500;
    line-height:15px;
    display:block
   }
   .siteFooter__bot {
    padding:35px 0;
    box-shadow:0 0 50px 0 rgba(0,0,0,0.2)
   }
   .siteFooter__bot:after {
    content:'';
    display:table;
    clear:both
   }
   .siteFooter__botCopyright {
    color:#586375;
    font-size:11px;
    font-weight:400;
    line-height:20px
   }
   .siteFooter__botCopyright:hover img {
    transform:scale(1.1)
   }
   .siteFooter__botCopyright:hover a {
    color:#fff
   }
   .siteFooter__botCopyright a {
    transition:all .3s ease-in-out
   }
   .siteFooter__botCopyright img {
    margin-left:25px;
    padding:7px 0;
    float:right;
    transition:all .3s ease-in-out
   }
   .siteFooter__botSocial {
    float:left
   }
   .siteFooter__botSocial a i {
    float:right;
    width:20px;
    height:20px;
    font-size:20px;
    line-height:20px;
    margin-right:30px;
    margin-top:10px
   }
   .siteFooter__botSocial a i:before {
    color:#758091;
    transition:all .3s ease-in-out
   }
   .siteFooter__botSocial a i:hover:before {
    color:#a7b1c1
   }








   
.boxPosts {
    margin: 50px 0;
    width: 100%;
    position: relative;
  }


  .boxPosts.blog {
    margin:  0 !important;
  }


  .boxPosts:before {
    content: '';
    display: block;
    position: absolute;
    width: calc(100% + 30px);
    height: 138px;
    border-radius: 20px;
    background-color: #ededed;
    background-image: linear-gradient(-173deg, #abf258 0%, #71e5e2 100%);
    
    right: -15px;
    bottom: 50px;
  }
  .boxPosts__header {
      font-family:iranyekan;
    color: #000000;
    font-size: 1.5em;
    font-weight: 500;
    margin-bottom: 20px;
  }

  .blog .boxPosts__item {

    height: 27em;
  }


.boxVideos__item{
    height: 27em;

}

  .boxPosts__item {
      font-family:iranyekan;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    z-index: 99;
    width: 100%;

  }
  .boxPosts__itemCover {
    width: 100%;
    height: auto;
  }

  
  .boxPosts__itemCover .slide {
    width: 100%;
  }


  .boxPosts__itemCover .slide2 {
    width: 100%;
    direction:ltr !important;

  }

  
  .w60 {
      float: right;
      width: 55%;

  }

  .w40 {
    float: left;
    width: 40%;

}

.blogga {
    margin-top: 2em;
    display: block;
}

.blogitem {
    float:right;
    width: 30%;
    margin: 0 1.5%;
}

.boxVideos {
    width: 100%;
    position: relative;
  }
  .boxVideos:before {
    content: '';
    display: block;
    position: absolute;
    width: calc(100% + 30px);
    height: 138px;
    border-radius: 20px;
    background-color: #ededed;
    background-image: linear-gradient(-173deg, #abf258 0%, #71e5e2 100%);
    right: -15px;
    top: 90px;
  }
  .boxVideos__header {
      font-family: iranyekan;
    color: #000000;
    font-size: 1.5em;
    font-weight: 500;
    margin-bottom: 20px;
  }
  .boxVideos__header i {
    float: left;
    width: 26px;
    height: 18px;
    color: #6df0d3;
    margin-left: 15px;
  }
  .boxVideos__header i:before {
    font-size: 26px;
  }
  .boxVideos__item {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    z-index: 99;
  }
  .boxVideos__itemCover img {
    width: 100%;
  }
  .boxVideos__itemHeader {
      font-family: iranyekan;
    text-shadow: 0 3px 2px rgba(0, 0, 0, 0.05);
    color: #ffffff;
    font-size: 1.25em;
    font-weight: 500;
    position: absolute;
    height: 149px;
    bottom: 0;
    width: 100%;
    right: 0;
    background-image: url(../images/videoPostHeader.png);
    background-repeat: no-repeat;
    background-size: cover;
    line-height: 200px;
    background-position: bottom center;
    padding: 0 35px;
  }
  .boxVideos__itemHeader i {
    height: 27px;
    text-shadow: 0 3px 2px rgba(0, 0, 0, 0.05);
    color: #ffffff;
    margin-left: 15px;
    float: right;
    margin-top: -3px;
  }
  .boxVideos__itemHeader i:before {
    font-size: 27px;
  }
  .imgg-banner {
    width: 100%;
    border-radius: 1em;
    margin: 1em 0;
}


.page-header.blg {
    border-bottom-left-radius: 45%;
    border-bottom-right-radius: 45%;
    height: 12em;
    background: #3A4453;
    margin-bottom: 2em;
}
.page-header {
}



#site-header .headlinks {
    float: left;
   }

#site-header .headlinks ul li {
   float: right;
   padding: 0px .5em;
   line-height: 65px;
}


#site-header {
    width:100%;
    padding:0;

    min-height:13em;
    box-shadow:none;
}

.fixo{
border:none;
position:fixed;
top:0;
right:0;
z-index:11;
}



 #site-header .logo {
        padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
    line-height: 65px;
}

#site-header .logo  img {
vertical-align: middle;
}

.header-content {
    z-index: 3 !important;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}


.magnify{
    border-radius: 50%;
    border: 2px solid black;
    position: absolute;
    z-index: 20;
    background-repeat: no-repeat;
    background-color: white;
    box-shadow: inset 0 0 20px rgba(0,0,0,.5);
    display: none;
    cursor: none;
  }



  .c-product__seller-price-info {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #b4b4b4;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.c-product__seller-price-prev {
    text-decoration: line-through;
    font-size: 16px;
    color: #a1a3a8;
    margin-left: 6px;
}

.c-product__seller-price-off {
    padding: 3px .7rem 1px;
    font-weight: 700;
    background: #fb3449;
    border-radius: 1rem;
    color: #fff;
    font-size: 1.1rem;
}


.c-product__mini-seller-price-real, .c-product__seller-price-real {
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: left;
    margin: 0;
}
.c-product__seller-price-real {
    color: #424750;
    font-weight: 800;
    font-size: 12px;
    font-size: .857rem;
    line-height: 21px;
}

.c-product__seller-price-pure {
    display: inline;
    color: #030a16;
    font-weight: 700;
    font-size: 24px;
    font-size: 1.714rem;
    line-height: 41px;
}


#shopbar-flyout-basket {
    position: fixed;
    top: auto;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 35px 0 30px;
    max-width: 100%;
    min-height: 85%;
    text-align: center;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}


#shopbar-flyout-basket .close-flyout-compare:hover a {
    color: #fff;
}



#shopbar-flyout-basket .close-flyout-compare:hover {
    background-color: #EF4056;
    color: #fff;
}




#shopbar-flyout-basket .close-flyout-compare {
    position: absolute;
    top: -26px;
    right: 3%;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: #fff;
    box-shadow: 0 0 6px rgba(0,0,0,.1);
    text-align: center;
    cursor: pointer;
    font-size: 1.5em;
}



.cart-title{
    text-align:center;
    font-family:iranyekan;
    font-size:28px;
    padding-bottom:0;
    margin-bottom:0.5em;
  
  }

  .cart-box {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    max-width: 60%;
    -webkit-animation: fade_in .3s;
    animation: fade_in .3s;
    height: 30vh;
    position: relative;
    overflow-y: scroll;
    max-height: 350px;
    
  }
  
  .cart-box .title {
    padding: 16px;
    font-size: 16px;
    color: #4a4a4a;
    -webkit-box-shadow: 1px 1px 7px #e8e8e8;
    box-shadow: 1px 1px 7px #e8e8e8;
    z-index: 2;
    position: relative;
    background: #fff;
    margin: 0;
  }
  
  .cart-box .page-title {
    margin: -15px -26px 15px;
    text-align: right;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 16px;
  }
  
  .cart-box .page-title .left-content {
    color: #777;
    font-size: .7rem;
  }
  
  .cart-box .bg {
    height: 60%;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: -1;
  }
  
  .cart-box .bg.bg-pic {
    background: #fff no-repeat 0 100%;
    background-size: contain;
    max-width: 25%;
  }
  
  @-webkit-keyframes fadeIn {
    0% {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
  }
  
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
  }
  

.cart-products {
    width: 100%;
    border-collapse: collapse;
    font-family:iranyekan;
  }
  
  .cart-products .cart-product-new .prd-img {
    width: 64px;
    margin: 0 auto;
    border-radius: 1em;
  }
  
  .cart-products .cart-product-new td {
    border-bottom: 1px solid #f2f2f2;
    border-collapse: collapse;
    padding: 10px 0;
    line-height: 2;
  }
  
  .cart-products .cart-product-new td:nth-child(2) {
    text-align: right;
  }
  
  .cart-products .cart-product-new .image {
    padding: 5px;
    text-align:center;
    width:20% !important;
  }
  .for-tomorrow{
    width:50% !important;
  }
  .sdf{
    width:30% !important;
  }

  .cart-product-new, .product-box{
    font-family:iranyekan;
  }

  .cart-products .cart-product-new .detail {
    position: relative;
  }
  
  .cart-products .cart-product-new .detail .name {
    margin: 0;
    display: inline-block;
    font-size: 1.2em;
  }
  
  .cart-products .cart-product-new .buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
  }
  
  .cart-products .cart-product-new .buttons>div {
    padding: 5px;
  }
  
  .cart-products .cart-product-new .buttons .action-btn {
    border: none;
    width: 38px;
    height: 25px;
    border-radius: 10px;
    background-color: #eee;
    cursor: pointer;
  }
  
  .cart-products .cart-product-new .cart-over-follow {
    font-family:iranyekan;
    background-color: #ffd04c;
    padding: 2px 10px;
    position: relative;
    border-radius: 15px;
    font-size:.8em;
  }
  
  .table-total-price {
    width: 70%!important;
    margin: 0 auto;
  }
  
  .label-gray {
    padding: 2px 6px;
    font-size: .9em;
    color: #000;
    background-color: #d8d8d8;
    border-radius: 5px;
    margin-left: 5px;
    font-weight: 400;
  }

  .total-price-cart {
      font-family: Iranyekan;
    margin: 0 auto;
    font-size: 14px;
    font-weight: 700;
    width: 70%;
    max-width: 260px;
    padding: 10px 0;
    border-radius: 0 0 10px 10px;
    -webkit-box-shadow: 0 3px 5px 0 #dae1e8;
    box-shadow: 0 3px 5px 0 #dae1e8;
    padding: 1em
  }
  
  .total-price-cart .text {
    font-weight: 400;
    color: #737373;
  }
  
  .total-price-cart .price {
    font-size: 16px;
  }

  .but364 {
    background: #f50057;
    color: #fff;
    border-radius: .25em;
    padding: .5em;
    display: block;
    margin-top: .5em;
  }


  .but364:hover {
    background: #eee;
    color: #333;
  }


  .navbar2 {
    float: left;
}.menuu {
    float: right;
}


.menuu li.text a {
    border: 1px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff !important;
    padding: .5em .75em;
}

#newslaterForm {
    background: #fff;
    padding: 1em;
    border-radius: 1em;
}

.footer-top-info {
    color: #fff
}

.textwidget {
    color: #fff
}

#productimages {
    margin: 0 auto;
    text-align: center;
}

.head2 img {
    width: 11em !important; 
}

.personal_data_box {
    background-color: #fff;
    padding: 15px;
    border-radius: 20px;
    box-shadow: 0 0 20px rgba(219, 230, 236, 0.37);
    margin-bottom: 14px;
    border: 1px solid rgba(225, 235, 240, 0.72);
  }

  .imge_box {
    width: 100%;
    height: 160px;
    overflow: hidden;
    border-radius: 20px;
  }

  .imge_box img {
    -o-object-fit: cover;
    object-fit: cover;
    height: auto;
    width: 100%;
  }

  .personal_data_details {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    text-align: right;
    flex-direction: row;
    list-style-type: none;
    position: relative;
  }

  .personal_data_image {
    width: 150px;
    height: 150px;
    border-radius: 20px;
    box-shadow: 0 0 20px rgba(219, 230, 236, 0.37);
    overflow: hidden;
    background-color: #fff;
    margin-top: -70px;
    position: relative;
    border: 1px solid #c7d7dd;
  }

  .personal_data_image_row {
    width: 33.3%;
    display: flex;
    justify-content: center;
    justify-items: center;
    align-items: center;
  }

  .personal_data_image img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: auto;
  }

  .personal_data_text {
    width: 49.5%;
  }

  .personal_data_text h5 {
    margin: 20px 0;
  }


  .upload_box {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 20px;
    left: -13px;
    bottom: -19px;
    background-color: #f56060;
  }

  .upload_box img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 18px;
    height: 18px;
    margin: 10px;
    cursor: pointer;
  }

  #file-upload {
    display: none;
  }

  .phone_number_row {
    padding: 30px 25px;
  }

  .phone_number_row .back {
    margin: 0;
  }

  .phone_number_row .row {
    padding: 0;
  }

  .phone_number_row .personal_data_item {
    width: 100px;
    font-size: 12px;
  }

  .phone_number {
    text-align: left;
    margin: 7px 0;
    font-size: 12px;
  }

  .phone_number_row .line {
    margin: 15px 0;
    opacity: 0.3;
  }

  .phone_number_row span {
    margin-left: 8px;
  }

  .credit_card_row p {
    margin: 6px 0;
  }

  .credit_card_row {
    margin-bottom: 54px;
  }

  @media (max-width: 1000px) and (min-width: 750px) {
    #credit_card_row {
      height: 660px;
    }
  }


  .credit_cart {
    margin: 21px 0 !important;
  }

  .credit_cart_box_row {
    padding: 10px;
  }

  .credit_cart_box {
    height: auto;
    width: 100%;
    border-radius: 20px;
    box-shadow: 0 0 20px rgba(219, 230, 236, 0.37);
    padding: 20px 15px;
    border: 1px solid #d7e8ee;
    position: relative;
    background-color: #fff;
  }


  .credit_cart_details {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: column;
    text-align: left;
    direction: ltr;
  }


  .credit_cart_details h5 {
    font-family: yekanBakh;
  }

  .credit_cart_details .card_number {
    width: 100% !important;
    text-align: center;
  }


  .bank_name {
    height: auto;
    width: auto;
    border-radius: 20px 0 0 20px;
    padding: 10px 15px 8px 30px;
    background-color: #f2f8f8;
    margin: 10px 0;
    position: absolute;
    right: 0;
    top: 0;
  }

  .bank_logo_row {
    display: flex;
    justify-content: start;
    align-items: center;
    align-content: center;
    flex-direction: row;
    text-align: left;
    direction: ltr;
    margin-bottom: 20px;
  }

  .bank_logo_row img {
    height: 35px;
    width: 35px;
    margin: 0 5px;
  }

  .personal_data_item_Completion img {
    height: 14px;
    width: 14px;
  }

  #refresh {
    background-color: #f2b658;
  }

  #close {
    background-color: #f56060;
  }

  #close img {
    height: 15px;
    width: 15px;
  }

  .upload_row {
    display: flex;
    justify-content: start;
    align-items: center;
    align-content: center;
    flex-direction: row;
    text-align: left;
    direction: ltr;
    position: relative;
  }

  .upload_row div {
    margin-right: 10px;
  }

  .upload_main_row .credit_cart_box {
    margin: 14px 0;
  }

  .selfish {
    margin: 20px auto;
  }

  .download_row {
    position: relative;
    width: 100%;
    padding: 15px 15px;
    background-color: #f38f8f;
    border-radius: 15px;
    color: #fff;
  }

  .download_row_box {
    background-color: #c86e6e;
    border-radius: 30px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    display: flex;
    justify-items: center;
    justify-content: center;
    align-content: center;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    padding: 7px 15px 5px 15px;
    font-size: 12px;
    font-family: yekanBakh;
    color: #fff;
    cursor: pointer;
    width: auto;
  }

  .personal_row {
    margin-bottom: 14px;
  }

  .transaction {
    background-color: #00f5d1;
    color: #473d81;
  }


.addres {
    text-align: right;
}

.profile_heading {
    font-size: 16px;
    margin: 15px 0;
  }

  #profile_heading {
    margin: 5px 0;
  }

.variations-label {
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    display: block;
    font-size: 1.25em
}

.variations-label::before {
    width: 30px;
}

.variations-label::after {
    background-color: #e8ebf0;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 100%;
}

.variations-label label {
    padding: 0 10px;
    font-weight: 400;
}

.single-sticky {
    list-style: none;
    margin-top: 20px;
    position: sticky;
    top: 20px;
}

#blogindex .title-lg {
    background: #eee;
    padding: 1em;
    font-family: iranyekan;
    margin-bottom: 2em;
    border-radius: 1em;
}

.title-lg h2{
    float: right;
    font-size: 1.5em;
    background-color: #fff;
    padding: .2em 3em
}

.searchbar{
    float: left;
    padding: .25em;
    background: #fff;
}

.blog-search {
    background: #fff;
    font-size: 1.2em
}


.filters {
    background: #fff;
    padding: 1em;
    border-radius: 1em;
    font-family: iranyekan;
    font-size: 1.25em;
    box-shadow: 2px 5px 5px #e6ecf3;
    margin-bottom: 1em;
    
}

.lightbox .response {
    font-family: Iranyekan;
}


.blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 3em;

}


.blog-grid article {
    background: #fff;
    padding: 1em;
    border-radius: .5em;
    margin: 2em 0;
}

.blog-grid article {
    border-radius:15px 15px 15px 15px;
    background:#fff;
    padding:12px;
    display:block;
    padding-bottom:0;
    -webkit-box-shadow:0px 6px 20px 0 rgba(0,0,0,0.071);
    box-shadow:0px 6px 20px 0 rgba(0,0,0,0.071);
    -webkit-transition:all 0.2s ease-in-out 0.01s;
    transition:all 0.2s ease-in-out 0.01s
   }
   .blog-grid article .img-box {
    border-radius:30px 30px 5px 30px;
    width:100%;
    overflow:hidden;
    text-align:center;
    height:200px;
    margin-top:-33px;
    -webkit-transform:rotate(-2deg) scale(0.96);
    transform:rotate(-2deg) scale(0.96);
    -webkit-transition:all 0.3s ease-in-out 0.01s;
    transition:all 0.3s ease-in-out 0.01s
   }
   .blog-grid article .img-box img {
    width:100%;
    height:auto;
    min-height:100%;
    position:absolute;
    right:50%;
    -webkit-transform:translateX(50%);
    transform:translateX(50%)
   }
   .blog-grid article .img-box .img-dis-cover {
    width:110px;
    top:60%;
    -webkit-transform:translate(50%, -50%);
    transform:translate(50%, -50%)
   }
   .blog-grid article .text-item {
    height:80px;
    background:#fff;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    overflow:hidden;
    -webkit-transition:all 0.1s ease-in-out 0.01s;
    transition:all 0.1s ease-in-out 0.01s;
    font-size: .9em;
   }
   .blog-grid article .text-item h5 {
    margin:0;
    width:100%;
    text-align:right;
    line-height:1.7;
    text-align:center;
    color:#464856;
    font-size: 1.5em;
        font-weight:bold;
    -webkit-transition:all 0.1s ease-in-out 0.01s;
    transition:all 0.1s ease-in-out 0.01s;
    font-family: Iranyekan;
   }
   .blog-grid article:hover {
    -webkit-box-shadow:0px 6px 35px 0 rgba(0,0,0,0.329);
    box-shadow:0px 6px 35px 0 rgba(0,0,0,0.329);
    z-index:2
   }
   .blog-grid article:hover .img-box {
    -webkit-transform:scale(1) rotate(0deg);
    transform:scale(1) rotate(0deg)
   }
   





.sidebar-main table {
    width: 100%
}

.sidebar-main th {
    background: #fff;
    margin: 1em;
    padding: .5em;
    border: 1px solid #ccc
}

.sidebar-main tr {
    padding: 1em;
    font-size: 1.2em;
    text-align: center;
}

.sidebar-main tr td {
    padding: 1em;
}

.sidebar-main tr:nth-child(even) {
    background: #eee;
}

.personal_data_image_row {
    width: 33.3%;
    display: flex;
    justify-content: center;
    justify-items: center;
    align-items: center;
}
.personal_data_image {
    width: 150px;
    height: 150px;
    border-radius: 20px;
    box-shadow: 0 0 20px rgba(219, 230, 236, 0.37);
    overflow: hidden;
    background-color: #fff;
    margin-top: -70px;
    position: relative;
    border: 1px solid #c7d7dd;
}

.affleft {
    float:left;
    width: 48%;
    padding-right: 2%;
}

.affright {
    float:right;
    width: 50%;
}

.phone_number_row .line {
    margin: 15px 0;
    opacity: 0.3;
}
.line {
    height: 2px;
    background-color: #c7d7dd;
    margin: 20px auto;
    border-radius: 15px;
    opacity: 0.5;
    width: 100%;
}

.credit_cart_details h5 {
    font-family: yekanBakh;
}
.credit_cart_details .card_number {
    width: 100% !important;
    text-align: center;
}

.credit_cart_details h5 {
    font-family: yekanBakh;
}

.Sheba_number {
    color: #a5b7bd;
    border: 1px solid #a5b7bd;
    padding: 2px 8px;
    border-radius: 8px;
    font-family: yekanBakh;
}

.credit_cart_details h5 {
    font-family: yekanBakh;
    font-size: 18px;
    display: block;
}

.personal_data_item_Completion {
    background-color: #00f5d1;
    color: #51468c;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}


.editbtn{
    border: 1px solid #333;
    float: left;
    padding: .25em;
    border-radius: .5em;
    cursor: pointer;
}



.editbtn:hover{
    background: #eee;
}

#aff_cardsheba{
    float: right;
    margin-left: .5em;
}

#aff_cardname, #card_number {
    font-family: Iranyekan
}

#aff_cardname {
    margin-bottom: .5em
}


.sendproductyime {
    font-family: Iranyekan;
    background: #eee;
    padding: 1em 1.5em;
    margin-bottom: 1em;
    font-size: 1.15em;
}


.section-blog h2 {
    text-align: center;
background-color: #dc9203;
border-radius: 11px;
padding: 10px 30px;
margin-bottom: 1em;
color: #fff;
        font-family: Iranyekan;
}


.section-blog h2 span {
    text-align: center;
background-color: #fff;
padding: 0 30px;
color: #dc9203;
        font-family: Iranyekan;
        font-size: 1.5em;

}

.section-blog .content {
        font-family: Iranyekan;
        margin:0 2em;
        font-size: 1.25em;
}

.section-blog .content p, .section-blog .content p span {
    font-family: Iranyekan !important;
    font-size: 1.1em;
    text-align: justify;
    line-height: 2.5;
}





.c-checkout-contact__content{
    font-family: Iranyekan;
font-size: 1.25em;
padding-bottom: 1em;
}


.discountcheckout{
    font-family: Iranyekan;

}

.discountcheckout button {
    float: left;
    font-size: .9em;
}

.discountcheckout input {
    padding: .25em 2em !important;
}




       
  #box-add {
	display: none; 
	position: fixed;
    left: 50%;
    top: 50%;
    z-index: 999;
    width: 95%;
    -webkit-transform: translate(-50%,-50%) scale(.95);
    transform: translate(-50%,-50%) scale(.95);
    -webkit-transition: .2s;
    transition: .2s;
    font-size: 16px;
    z-index: 99999;
}

#box-add h2 {
	font-size: 1.35em;
	float:right;
	width: 70%

}

.box-add {

	display: none; 
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	
	overflow: auto;
  z-index:999;
   
	
}



.c-header__profile-dropdown {
    display: none;
    position: absolute;
    bottom: calc(100% + 20px);
    right: 10px;
    width: 200px;
    -webkit-box-shadow: 0 3px 8px 0 rgba(0,0,0,.3);
    box-shadow: 0 3px 8px 0 rgba(0,0,0,.3);
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
}



.c-header__profile-dropdown-user-img {
    width: 32px;
    height: 32px;
    border: 1px solid #424750;
    border-radius: 50%;
    background: #fff;
        background-size: auto;
    background-size: contain;
}


.c-header__profile-dropdown-user-info {
    margin-right: 8px;
}

.c-header__profile-dropdown-user-name {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
}

.c-header__profile-dropdown-user-profile-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #19bfd3;
    font-size: 10px;
    font-size: .714rem;
    line-height: 2.2;
}

.c-header__profile-dropdown-account::before {
    content: "";
    display: block;
    width: 1px;
    height: 15px;
    background: #c0c2c5;
    position: absolute;
    right: 28px;
    top: -18px;
}


.c-header__profile-dropdown-account {
    display: block;
    position: relative;
    padding-right: 52px;
    padding-left: 16px;
    padding-top: 2px;
}


.c-header__profile-dropdown-account-item::after {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #c0c2c5;
    position: absolute;
    right: -27px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.c-header__profile-dropdown-account-item::before {
    content: "";
    display: block;
    width: 1px;
    height: 33px;
    background: #c0c2c5;
    position: absolute;
    right: -24px;
    top: -23px;
}

.c-header__profile-dropdown-account-item {
    font-size: 10px;
    font-size: .714rem;
    line-height: 2.2;
    position: relative;
    color: #81858b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}


.c-header__profile-dropdown-account-item:not(:last-child) {
    margin-bottom: 12px;
}

.c-header__profile-dropdown-action-container {
    position: relative;
}

.c-header__profile-dropdown-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    padding: 10px 20px;
    cursor: pointer;
    color: #424750;
}

.c-header__profile-dropdown-user-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.c-header__profile-dropdown-action {
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    cursor: pointer;
    color: #424750;
}

.c-header__profile-dropdown-user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 12px;
    position: relative;
    z-index: 1;
}

.c-header__profile-dropdown-actions, .c-header__profile-dropdown-account-container {
font-family: Iranyekan;
}

.c-header__profile-dropdown-account-container {
    padding: 1em 0;
cursor: pointer;}

.c-header__profile-dropdown-action:hover,.c-header__profile-dropdown-account-container:hover {
    background: #eee;
}

.tracking-page p{
    font-family: Iranyekan;
    font-size: 1.2em;
}

.tracking-page .box{
    margin: 1em;
    font-family: Iranyekan;
    font-size: 1.1em;
}


.message {
    margin: 1em;
    font-family: Iranyekan;
    font-size: 1.1em;
    background: rgb(255, 247, 132);
}

#mobile-marketing {
    float: left;
    width: 30em;
    margin: 0 auto;
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
}

.form-affiliate button {
    display: block;
    width: 100%;
    font-size: 1.5em;
    padding: .15em 0;
    background: rgb(255, 11, 85);
    color: #fff;
    font-size: 1.5em;
}

.form-affiliate button:hover {
    background: #eee;
    color: #333;
}

.form-affiliate{
    float: right;
    width: 100%;
    background: #fff;
    padding: 1em;
    border-radius: 1em;
    margin-bottom: 1em;
}

.tabssection .stylstep {
    cursor: pointer;
}
.form-g .field {
	position: relative;
    padding: 0 .5rem;
    margin-bottom: 1.25em;
}

.form-g input.form-control {
	width: 100%;
	height: 40px;
	font-weight: 300;
	font-family: iranyekan
}

.form-g textarea.form-control {
	width: 100%;
	resize: vertical;
	min-height: 200px
}

.form-g textarea.form-control+label {
	top: .75rem
}

.form-g .form-control {
	position: relative;
	border-radius: 6px;
	-webkit-transition: .15s;
	transition: .15s;
	-webkit-transition-property: color, border-color, background;
	transition-property: color, border-color, background;
	padding: .25rem .75rem;
	background: #f7f8fa;
	outline: none;
    border: none;
    border: 1px solid #ddd;
}

.form-g .form-control:valid {
	-webkit-box-shadow: 0 0 0 1px #dadce0;
	box-shadow: 0 0 0 1px #dadce0;
	background: transparent
}

.form-g .form-control:disabled {
	-webkit-box-shadow: 0 0 0 1px #dadce0;
	box-shadow: 0 0 0 1px #dadce0;
	background: transparent
}


.form-g .form-control.invalid {
	background: transparent;
	-webkit-box-shadow: 0 0 0 2px rgba(251, 98, 98, 0.7);
    box-shadow: 0 0 0 2px rgba(251, 98, 98, 0.7);
    border: 1px solid #fb6262;
}

.form-g .form-control:focus {
	background: transparent;
	-webkit-box-shadow: 0 0 0 2px rgba(99, 98, 251, .7);
    box-shadow: 0 0 0 2px rgba(99, 98, 251, .7);
    border: 1px solid #6362fb;
}

.form-g .form-control:focus+label {
	color: #6362fb
}
.form-g .form-control:focus {
	border-color: #6362fb !important
}


.form-g .form-control:focus+label,
.form-g .form-control:disabled+label,
.form-g .form-control:valid+label {
	pointer-events: all;
	-webkit-transform: translate(8px, -100%) scale(.9);
	transform: translate(8px, -100%) scale(.9);
	background: #fff
}

input[disabled].form-control+label {
	pointer-events: all;
	-webkit-transform: translate(8px, -100%) scale(.9);
	transform: translate(8px, -100%) scale(.9);
	background: #fff
}

.form-g .box-white .form-control:focus+label,
.form-g .box-white .form-control:disabled+label,
.form-g .box-white .form-control:valid+label {
	background: #fff
}


.form-g input:focus:placeholder-shown {
	color: transparent;
  }
  .form-g input:focus:placeholder-shown {
	color: #333
  }


  .form-g label {
	position: absolute;
	top: .5rem;
	right: 1.25rem;
	font-size: 15px;
	margin: 0;
	pointer-events: none;
	color: #72727d;
	padding: 0 .5rem;
	-webkit-transition: .15s;
	transition: .15s;
	-webkit-transform-origin: top;
	transform-origin: top
}

.form-g label.form-label {
	position: relative;
	top: 0;
	right: 0;
	-webkit-transform: none;
	transform: none;
	text-align: right;
	display: block;
	margin-bottom: .5rem;
	font-weight: 600;
	pointer-events: auto
}

body{
    width:100%;
    overflow-x: hidden
  }
    
nav ul,
nav li {
list-style: none;
padding: 0;
margin: 0;
}
nav a {
display: block;
text-decoration: none;
}
nav a:hover,
nav a:visited {
text-decoration: none;
}
.menu-bar {
display: flex;
}

.menu-bar > li > a {
    color: #fff !important;
    font-size: 1.25em;
    margin-left: 1em;
    padding:0 1em !important;
    border-radius: 1em;
}



.menu-bar > li > a  {
background: rgba(0, 0, 0, 0.6);
}



.menu-bar.open > li > a {
    color: #333 !important;
    background-color: #eee
}
.menu-link {
font-family: iranyekan;
color: #ffffff;

transition: background 0.2s, color 0.2s;
position: relative;
z-index: 1;
}
.menu-link[aria-haspopup="true"] {
padding-left: 2em !important;
}
.menu-link[aria-haspopup="true"]:after {
content: "";
background-image: url('../images/arrowRight.svg#accent');
background-size: 14px;
width: 14px;
height: 14px;
font-size: 12px;
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
}
.mega-menu-header {
font-size: 1.2em;
text-transform: uppercase;
font-weight: bold;
color: #136a73;


}
.mega-menu {
background: #ffffff;
z-index: 10;
}
.mega-menu--multiLevel {
flex-direction: column;
}
@media all and (min-width: 951px) {
.nav > nav {
margin: 0 auto;
}
.menu [aria-haspopup="true"] ~ ul {
display: none;
}
.menu-bar {
position: relative;
}
.menu-bar > li > [aria-haspopup="true"]:after {
background-image: url('../images/arrowBottom.svg#accent');
}
.menu-bar > li > [aria-haspopup="true"]:hover:after {
background-image: url('../images/arrowBottom.svg#light');
}
.menu-bar > li > [aria-haspopup="true"]:focus ~ ul {
display: flex;
transform-origin: top;
animation: dropdown 0.2s ease-out;
}
.menu-bar > li > [aria-haspopup="true"] ~ ul:hover {
display: flex;
}
.menu-bar > li:focus-within > [aria-haspopup="true"] ~ ul {
display: flex;
}
.menu-bar > li > [aria-haspopup="true"]:focus,
.menu-bar > li:focus-within > [aria-haspopup="true"],
.menu-bar > li:hover > a {
background: #177E89;
color: #ffffff;
}
.menu-bar > li > [aria-haspopup="true"]:focus:after,
.menu-bar > li:focus-within > [aria-haspopup="true"]:after,
.menu-bar > li:hover > a:after {
background-image: url('../images/arrowTop.svg#light');
}
.mega-menu {
position: absolute;
top: 3em;
width: 100%;
width: 15em;
border-radius: 1em;
padding: 1em;
z-index: 10;
}
.mega-menu:hover {
display: flex;
}
.mega-menu a:hover {
background: #dceced;
color: #136a73;
}
.mega-menu--multiLevel > li {
width: 33.33333333%;
}
.mega-menu--multiLevel > li > [aria-haspopup="true"] ~ ul {
right: 33.33333333%;
width: 33.33333333%;
}
.mega-menu--multiLevel > li > [aria-haspopup="true"] ~ ul ul {
width: 100%;
right: 100%;
}
.mega-menu--multiLevel li:hover > [aria-haspopup="true"] ~ ul {
display: block;
transform-origin: right;
animation: flyout 0.2s ease-out;
}
.mega-menu--multiLevel li:focus-within > [aria-haspopup="true"] ~ ul {
display: block;
}
.mega-menu--multiLevel li:hover > [aria-haspopup="true"],
.mega-menu--multiLevel li:focus-within > [aria-haspopup="true"],
.mega-menu--multiLevel li:hover > a,
.mega-menu--multiLevel li:focus-within > a {
background: #dceced;
color: #136a73;
}
.mega-menu--multiLevel [aria-haspopup="true"] ~ ul,
.mega-menu--multiLevel [aria-haspopup="true"] {
border-right: 1px solid #f0f0f0;
}
.mega-menu--multiLevel [aria-haspopup="true"] ~ ul:hover,
.mega-menu--multiLevel [aria-haspopup="true"]:hover {
display: block;
}
.mega-menu--multiLevel [aria-haspopup="true"] ~ ul {
position: absolute;
top: 0;
height: 100%;
}
.mega-menu--flat > * {
flex: 1;
}
.mobile-menu-trigger,
.mobile-menu-header,
.mobile-menu-back-item {
display: none;
}
}
@media all and (max-width: 950px) {

.menu-bar {
    display: none;
}


.nav {
padding: 20px;
}
.mobile-menu-trigger,
.mobile-menu-header,
.mobile-menu-back-item {
display: block;
}
.mobile-menu-header {
    order: -1;
    background: #dc9203;
    font-family: Iranyekan;
}
.mobile-menu-header a {
padding: 20px 25px;
color: #ffffff;
visibility: visible;
}
}
@keyframes dropdown {
0% {
opacity: 0;
transform: scaleY(0);
}
50% {
opacity: 1;
}
100% {
transform: scaleY(1);
}
}
@keyframes flyout {
0% {
opacity: 0;
transform: scaleX(0);
}
100% {
opacity: 1;
transform: scaleX(1);
}
}


.menu-bar li a{
    color: #333
}


.form-sendcomment {
    padding: 1em
}






ul.breadcrumb3 {
    list-style: none;
    font-family: Iranyekan;
  }
  
  ul.breadcrumb3 li {
    display: inline;
    font-size: 18px;
  }
  
  ul.breadcrumb3 li+li:before {
    padding: 8px;
    color: black;
    content: "\2190";
  }
  
  ul.breadcrumb3 li a {
    color: #0275d8;
    text-decoration: none;
    font-size: .8em;
  }
  
  ul.breadcrumb3 li a:hover {
    color: #01447e;
    text-decoration: underline;
  } 



  .support {
    position: relative;
    margin-bottom: 2em;
    font-family: Iranyekan;
}


  .support__bg {
    position: absolute;
    top: 50%;
    height: 161px;
    width: 100%;
    transform: translate(0, -50%);
    background-color: #c59425;
}


  .support__bg::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    -ms-transform: matrix(1, -0.02, 0, 1, 0, 0);
    transform: matrix(1, -0.02, 0, 1, 0, 0);
    z-index: 2;
    background-color: #3b414d;
}



  .support__main {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 3;
}

.support__title {
    color: #ffffff;
    font-size: 24px;
    font-weight: 700;
}

.support__description-main {
    display: flex;
    align-items: center;
}


.support__description {
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
}


.support__btn {
    color: #ffffff;
    font-size: 17px;
    font-weight: 700;
    display: flex;
    align-items: center;
    padding: 14px 24px 11px 27px;
    background-color: #444c5c;
    border-radius: 100px;
    margin-right: 40px;
    transition: .3s;
}

.support__btn i {
    font-size: 12px;
    margin-right: 40px;
}

[data-aos^="fade"][data-aos^="fade"].aos-animate {
    opacity: 1;
    transform: translateZ(0);
}
[data-aos][data-aos][data-aos-easing="ease"], body[data-aos-easing="ease"] [data-aos] {
    transition-timing-function: ease;
}
[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s;
}
[data-aos^="fade"][data-aos^="fade"] {
    opacity: 0;
    transition-property: opacity,transform;
}
.support__img {
    margin-right: auto;
    position: relative;
}

.img-have-blur {
    position: relative;
    z-index: 3;
}

.img-blur {
    position: absolute;
    top: 50px;
    left: 0;
    filter: blur(34px);
    height: 84%;
    width: 95%;
}












.site-footer {
    font-family: Iranyekan;
    background-image: url(../images/bg-footer2.svg);
    background-position: calc(100% + 510px) -40px;
    background-repeat: no-repeat;
  }
  .site-footer__top {
    background-image: url(../images/bg-footer1.svg);
    background-position: -515px 0;
    background-repeat: no-repeat;
    margin-bottom: 32px;
    padding-top: 5em;
  }
  .site-footer__top-head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 51px;
    margin-right: 70px;
  }
  .site-footer__about-main {
    position: relative;
  }
  .site-footer__logo-big {
    position: absolute;
    right: -206px;
  }
  .site-footer__about-title {
    display: flex;
    align-items: center;
    margin-bottom: 36px;
  }
  .site-footer__about-title figure {
    width: 106px;
    margin-left: 13px;
  }
  .site-footer__about-title h2 {
    color: #0d1834;
    font-size: 16px;
    font-weight: 700;
  }
  .site-footer__about-content {
    color: #0d1834;
    font-size: 15px;
    font-weight: 700;
    max-width: 405px;
    line-height: 34px;
    text-align: justify;
  }
  .site-footer__item-main:last-of-type {
    margin-right: 10px;
  }
  .site-footer__item-main:last-of-type .site-footer__item-title {
    margin-right: 9px;
  }
  .site-footer__item-title {
    display: inline-block;
    margin-bottom: 2em;
    margin-top: 1em;
    color: #3b414d;
    font-size: 16px;
    font-weight: 400;
  }
  .site-footer__item li {
    color: #0d1834;
    font-size: 15px;
    font-weight: 700;
    line-height: 34px;
    margin-bottom: 2px;
  }
  .site-footer__item li a {
    transition: 0.3s;
  }
  .site-footer__item li a:hover {
    color: #c59425;
  }
  .site-footer__item-symbol {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .site-footer__item-symbol li {
    margin-right: 16px;
    margin-bottom: 5px;
  }
  .site-footer__item-symbol li:first-of-type {
    margin-right: 0;
  }
  .site-footer__item-symbol li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 85px;
    height: 117px;
    box-shadow: 0 3px 3px rgba(171, 193, 204, 0.15);
    background-color: #ffffff;
    border-radius: 10px;
  }
  .site-footer__item-symbol li a span {
    display: flex;
    align-items: center;
    text-align: center;
    color: #0d1834;
    font-size: 13px;
    font-weight: 700;
    margin-top: 0;
    opacity: 0;
    visibility: hidden;
    filter: blur(3px);
    transition: 0.3s;
    height: 0;
  }
  .site-footer__item-symbol li a span i {
    margin-right: 6px;
    font-size: 10px;
  }
  .site-footer__item-symbol li a:hover span {
    margin-top: 16px;
    opacity: 1;
    visibility: visible;
    filter: blur(0);
    height: 15px;
  }
  .site-footer__top-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .site-footer__info {
    display: flex;
    align-items: center;
    margin-right: 20px;
  }
  .site-footer__info li {
    display: flex;
    color: #0d1834;
    font-size: 16px;
    font-weight: 700;
    margin-left: 61px;
  }
  .site-footer__info li:last-of-type {
    margin-left: 0;
  }
  .site-footer__info li i {
    color: #c59425;
    margin-left: 22px;
  }
  .site-footer__info--email {
    font-size: 15px;
  }
  .site-footer__info--mobile {
    font-size: 17px;
  }
  .site-footer__info--location {
    font-size: 19px;
  }
  .site-footer__partners-imgs {
    display: flex;
  }
  .site-footer__partners-imgs li {
    margin-left: 41px;
  }
  .site-footer__partners-imgs li:last-of-type {
    margin-left: 0;
  }
  .site-footer__partners-imgs li figure {
    opacity: 0.7;
  }
  .site-footer__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 50px;
  }
  .site-footer__copy-right {
    display: flex;
    align-items: center;
  }
  .site-footer__copy-right i {
    background-color: #ff4342;
    color: #ffffff;
    padding: 5px 13px;
    font-size: 25px;
  }
  .site-footer__copy-right-text {
    display: flex;
    flex-direction: column;
    color: #3b414d;
    font-size: 13px;
    font-weight: 400;
    margin-right: 26px;
  }
  .site-footer__social {
    display: flex;
    align-items: center;
  }
  .site-footer__social li {
    margin-left: 31px;
  }
  .site-footer__social li a {
    display: flex;
    align-items: center;
  }
  .site-footer__social li:last-of-type {
    margin-left: 0;
  }
  .site-footer__social-icon {
    font-size: 19px;
    color: #a4adb2;
    transition: 0.3s;
  }
  .site-footer__social-text {
    color: #3b414d;
    font-weight: 700;
    margin-left: 0;
    margin-right: 0;
    transition: 0.3s;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    width: 0;
    font-size: 13px;
  }
  .site-footer__social-arrow {
    color: #3b414d;
    transition: 0.3s;
    overflow: hidden;
    width: 0;
    font-size: 9px;
  }
  .site-footer .active .site-footer__social-text {
    width: 52px;
    margin-left: 15px;
    margin-right: 12px;
  }
  .site-footer .active .site-footer__social-arrow {
    width: 9px;
  }
  .site-footer .active .site-footer__social-icon {
    color: #3b414d;
  }




  .video-sec-index {
    margin-bottom: 56px;
    transition: .3s;
    overflow: hidden; }
  .video-sec-index .plyr--video {
      overflow: hidden;
      border-radius: 25px 0 0 25px; }
  .video-sec-index .plyr > .plyr__control--overlaid {
      opacity: 0; }
  .video-sec-index .plyr.plyr--init-hide-controls .plyr__controls {
      opacity: 0; }
  .video-sec-index .plyr.plyr--stopped .plyr__controls {
      opacity: 0; }
  .video-sec-index__d-nn {
      display: flex; }
  .video-sec-index__d-nnn {
      position: relative;
      height: 20em; 
      width: 60%;
      float: left !important
    }


  .video-sec-index__cont-rad {
      border-radius: 25px;
      overflow: hidden; }
  .video-sec-index.playing .video-sec-index__parent {
      opacity: 0;
      visibility: hidden; }
  .video-sec-index__video {
      position: absolute;
      height: auto;
      box-shadow: 0 6px 19px -5px #d4d3d2;
      left: 0;
      right: 0;
      bottom: 0; }
  .video-sec-index__itms-sec {
      box-shadow: 0 6px 19px -5px rgba(130, 130, 130, 0.3); }
  .video-sec-index__videos {
      background-color: rgba(118, 118, 118, 0.88);
      position: relative;
      float: left;
      width: calc(50% - 2em);
      border-radius: 1em;
}
  .video-sec-index__logo {
    padding: 1.5em;
      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
      line-height: 0; }

  .video-sec-index__logo h2 {
        background: url("../images/videos.png") no-repeat;
        width: 119px;
        height: 30px;
        display: inline-block; }

        .video-sec-index__videos-list{
            float: right; 
            width: 40%
        }
        
  .video-sec-index__videos-list li {
      padding: 15px 27px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
      color: rgba(255, 255, 255, 0.6);
      transition: 0.3s;
      cursor: pointer; }
  .video-sec-index__videos-list li figure {
      float: right;
        margin-left: 20px; }
  .video-sec-index__videos-list li figure img {
      height: 3em;
          margin: 0 auto;
          border-radius: 5px;
          max-width: none; }
  .video-sec-index__caption {
      overflow: hidden;
      text-overflow: ellipsis; }
  .video-sec-index__caption h2 {
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        font-size: 14px;
        margin-bottom: 8px; }
  .video-sec-index__duration-view-count span {
      font-size: 12px; }
  .video-sec-index__duration-view-count span:first-child {
        margin-left: 30px; }

.video-sec-index__more {
    
    width: 40%;
    float: right;
}
.video-sec-index__more a {
    font-size: 14px;
    background: #fff;
    color: #333;
    padding: .25em .5em;
    border-radius: 1em;
    margin: 1em auto;
    display: table;
}

}
  .video-sec-index__more i {
        font-size: 13px;
        color: #fff;
        transition: 0.3s; }
  .video-sec-index__more:hover a {
        color: #0095da;
        transition: 0.3s; }
  .video-sec-index__more:hover i {
        color: #0095da;
        transition: 0.3s; }
  .video-sec-index__play-video-icon {
      display: block;
      margin: 0 auto;
      position: relative; }
  .video-sec-index__play-video-icon:before {
        content: '';
        border: 1px solid #e3e3e3;
        border-radius: 50%;
        position: absolute;
        width: 179px;
        height: 179px;
        top: -22px;
        left: -22px;
        transition: 0.3s;
        -webkit-animation: fade 2s infinite;
                animation: fade 2s infinite;
        opacity: 0; }
  .video-sec-index__play-video-icon:after {
        content: '';
        width: 225px;
        height: 225px;
        border: 1px solid #e3e3e3;
        border-radius: 50%;
        position: absolute;
        top: -44px;
        left: -44px;
        -webkit-animation: fade2 2s .2s infinite;
                animation: fade2 2s .2s infinite;
        opacity: 0;
        transition: 0.3s; }
  .video-sec-index__play-video-icon i {
        font-size: 54px;
        background: #fa4545;
        width: 100px;
        height: 100px;
        border-radius: 50%;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        align-self: center;
        margin-bottom: 63px;
        cursor: pointer;
        padding-left: 11px;
        z-index: 9;
        position: relative; }
  @-webkit-keyframes fade {
    0% {
      opacity: 0; }
    50% {
      opacity: .1; }
    100% {
      opacity: 0; } }
  @keyframes fade {
    0% {
      opacity: 0; }
    50% {
      opacity: .1; }
    100% {
      opacity: 0; } }
  @-webkit-keyframes fade2 {
    0% {
      opacity: 0; }
    50% {
      opacity: .05; }
    100% {
      opacity: 0; } }
  @keyframes fade2 {
    0% {
      opacity: 0; }
    50% {
      opacity: .05; }
    100% {
      opacity: 0; } }
  .video-sec-index__play-video-txt {
      font-size: 23px;
      text-align: center;
      color: #fff;
      text-shadow: 0 3px 5px rgba(0, 0, 0, 0.26); }
  .video-sec-index__parent {
      border-right: 1px solid rgba(255, 255, 255, 0.2);
      background-color: rgba(118, 118, 118, 0.88);
      z-index: 99;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0; }
  


.blog-articles {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1em;
    width: 50%;
float: right;
}

  .blog-tpay {
      font-family: Iranyekan;
    margin-bottom: 106px; }
    .blog-tpay__title-main {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 28px; }
    .blog-tpay__title {
      color: #0d1834;
      font-size: 30px;
      font-weight: 700; }
    .blog-tpay__btn {
      display: flex;
      align-items: center;
      color: #0d1834;
      font-size: 15px;
      font-weight: 700; }
      .blog-tpay__btn i {
        margin-right: 20px;
        font-size: 14px;
        transition: .3s; }
      .blog-tpay__btn:hover i {
        margin-right: 10px; }
    .blog-tpay__item {
      box-shadow: 0 20px 32px rgba(29, 46, 54, 0.08);
      background-color: #ffffff;
      padding: 14px 26px 33px 27px;
      display: flex;
      flex-direction: column;
      border-radius: 10px;
      transition: .3s;
      height: 100%; }
      .blog-tpay__item:hover {
        box-shadow: 0 20px 32px rgba(29, 46, 54, 0);
        background-color: #f6f8f9; }
        .blog-tpay__item:hover .blog-tpay__item-title {
          color: #a17513; }
        .blog-tpay__item:hover .blog-tpay__item-btn i {
          background-color: #3b414d; }
    .blog-tpay__img {
      max-width: 220px;
      width: 100%;
      height: 130px;
      border-radius: 10px;
      overflow: hidden;
      margin: 0 auto 21px; }
      .blog-tpay__img img {
        width: 100%; }
    .blog-tpay__item-title {
      color: #3c3d4f;
      font-size: 18px;
      font-weight: 700;
      line-height: 35px;
      margin-bottom: 11px;
      text-align: justify;
      transition: .3s; }
    .blog-tpay__item-excerpt {
      color: #3c3d4f;
      font-size: 14px;
      font-weight: 500;
      line-height: 29px;
      margin-bottom: 19px;
      text-align: justify; }
    .blog-tpay__footer {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: auto; }
    .blog-tpay__time {
      color: #3c3d4f;
      font-size: 13px;
      font-weight: 500; }
    .blog-tpay__item-btn {
      color: #3c3d4f;
      font-size: 15px;
      font-weight: 500;
      display: flex;
      align-items: center; }
      .blog-tpay__item-btn i {
        padding: 6px 8px 6px 8px;
        color: #ffffff;
        background-color: #c59425;
        font-size: 10px;
        border-radius: 9px;
        margin-right: 13px;
        transition: .3s;
        margin-top: -4px; }








        .features-tpay {
            font-family: iranyekan;
            margin-bottom: 75px;
            background-image: url(../images/bg-slider.svg);
            background-repeat: no-repeat;
            background-position: -288px 0;
            padding-top: .5em;
            position: relative; }
            .features-tpay:before {
              content: "";
              position: absolute;
              right: 0;
              top: 0;
              bottom: 0;
              width: 31%;
              background-color: #ffffff;
              box-shadow: -7px 0 30px -35px #000; }
            .features-tpay__title-main {
                float:right;

                width: 25%;
              position: relative;
              z-index: 3; }


              .features-slider {
                  position: relative;
                  float:left;
                  left: -10%;
                width: 70%;
             }


            .features-tpay__title {
              color: #3b414d;
              font-size: 2em;
              font-weight: 700;
              margin-bottom: 19px; }


              .features-tpay__title a {
                font-size: .8em;
              }

            .features-tpay__description {
              color: #3b414d;
              font-size: 16px;
              font-weight: 500;
              line-height: 35px;
              text-align: justify;
              display: inline-block;
              margin-bottom: 30px; }
            .features-tpay__btn {
              display: flex;
              color: #ffffff;
              font-size: 16px;
              font-weight: 700;
              padding: 12px 23px;
              background-color: #3b414d;
              border-radius: 50px;
              align-items: center;
              max-width: 158px;
              transition: .3s;
              border: 1px solid #3b414d; }
              .features-tpay__btn:hover {
                color: #3b414d;
                background-color: #ffffff; }
              .features-tpay__btn i {
                margin-right: 44px;
                font-size: 12px; }
            .features-tpay__slider {
              overflow: visible; }
            .features-tpay__slide-main {
              padding: 38px 33px 29px;
              box-shadow: 0 20px 32px -2px rgba(29, 46, 54, 0.08);
              background-color: #ffffff;
              border-radius: 10px; }
            .features-tpay__slide-title {
              color: #232830;
              font-size: 20px;
              font-weight: 700;
              margin-bottom: 11px; }
            .features-tpay__slide-description {
              color: #2c313c;
              font-size: 15px;
              font-weight: 500;
              line-height: 35px;
              text-align: justify; }





              .earn-money__main {
                  font-family: iranyekan;
                  margin-top:1em;
                  float: right;
                  width: 100%;
                background-color: #f6f8f9;
                padding: 51px 50px 44px 58px;
                border-radius: 20px;
            }


            .earn-money__title {
                color: #0d1834 !important;
                font-size: 24px !important;
                font-weight: 700 !important;
                margin-bottom: 20px !important;
            }


            .earn-money__content {
                display: flex;
                align-items: center;
            }


.nav {
    float: right;
    width: 100%;
    margin-top: 1em
}

.discounted-section__countdown {
    color: #fff
}



@media (min-width: 700px) and (max-width: 1200px){
  .grid-products-list {
      grid-template-columns: repeat(3, 1fr);
  }
}


@media (max-width:768px) {

#site-header .logo img {

display: block !important;
margin 0 auto !important;
}


.page-header.blg {
     height: 6em !important
}
.nav {
display: none;
}

.affright {
    float: none !important;
    width: 100% !important;
}

.affleft {
    float: left !important;
    width: 100% !important;
    padding-right: 0
}

.sidebar-main {
overflow:hidden
}


.page-contact  {
overflow:hidden
}

.phone-pic, .contactform {
float: none !important;
width: 100% !important;

}
.floata {
    width: 100%;}

    .item-box2 .buttons {
        opacity:1;
    }
    .site-footer__bottom{
        display: block;
        padding-bottom: 8em;
    }


.support__btn {
margin-right: 0;
font-size: .8em !important;
}

.support__bg {
    height: 100%;
}

  .blog-grid {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      grid-gap: 1em;
  }


.blog-articles, .video-sec-index__videos,.video-sec-index__videos-list,.video-sec-index__d-nnn{
    width: 100%
}
.form-aff {
    width: 100% !important;
}

.term-grid {
    grid-template-columns: 1fr  !important;
    grid-gap: 0.5em !important;
}

#benchtitle {
	height: auto
}
.fav-list, .star-list{
grid-template-columns: repeat(3, 1fr) !important;
}
.site-footer__top {
background: #f0f0f0
}
.item-box {
padding-top: 0
}

.item-box .prices {
  height: 5em;
  float: right;
  width: 100%
}
.discounted-section__countdown {
width: 100%;
float: right;
position: static

}

.item-box .name {
text-align: center
}
.item-box figure.picture {
width: 100%
}

.features-tpay {
    background-color: #dc9203;
}

    .form-affiliate{
        width: 100% !important

    }
.sidebar-right, .sidebar-main{
    display: block;
    float: none;;
    width: 100%

}
    .features-tpay__title-main{
        display: block;
        float: none;;
        width: 100%
    }
	.waves {
		height: 30px;
		margin-top: -90px
	}
    .support__description-main {
        flex-direction: column;
    }
    .intro {
        display: none
    }

    .announcement h1 {
        font-size: .8em;
    }

    .announcement .text {
        font-size: .6em;
    }
    
    .blog-articles{
        grid-template-columns: repeat(1, 1fr) !important;
    }
    #site-header .logo{
        margin: 0 auto;
width: 180px;
line-height: 0 !important;
padding-top: 0 !important;
    }
    .announcement button {
        left: 5%
    }

    .zardkooh-dep-feature a img {
        width: 45px
    }
    .zardkooh-dep-features {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    
}

.site-footer__top-head {
    display: block;
}

.support__title {
    font-size: 1.2em;
}

.support__btn {
    font-size: 1em;
    padding: .5em;
}

.support__description {
    font-size: 1em;
}
.earn-money__text{
    width: 100%;
}
.site-footer__info {
    display: block !important;
}

.site-footer__about-main{
    width: 100% !important;
    float: none !important;
    margin-bottom: 1em

}

 .site-footer__item-main {
    width: 100% !important;
    float: none !important;
    margin-bottom: 1em
 }

   .w60, .w40 { 
     width: 100% !important;
     float: none !important;
     margin-bottom: 1em
   } 
   
.widget-sidebar {
    position: static;
}

.styyle {
    font-size: 30px;
}

.stitle {
    font-size: .8em;
}
.stylstep {
    max-width: 23%;
}


.stylstep .styleline {
    width: 0;
}


.searchindex {
    display: none;
}



.features-slider {
    width: 100%;
    left:0;
}




.features-tpay::before {
    position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 100%;
background:none;
box-shadow: -7px 0 30px -35px 
}

.features-tpay__description {
    display: none
}

.item-box .discounted-section__countdown.pull-right {
    bottom:0
}

}








.faqitems .answer {
    border-top: 1px solid #ccc;
    padding-top: .5em
  }
  
  
  .faqitems li {
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 3px 9px 0 rgba(0,0,0,.03);
    color: #424242;
    margin-bottom: 20px;
    font-family: iranyekan;
    padding-right: 5em;
    cursor: pointer
}
  
  
  
    .faqitems .answer {
    display:none
  }
  
   .faqitems li.active .answer {
    display:block
  }


  .section-main {
    background-color: #f2f3f5;
    border-radius: 10px;
    padding: 2em
  }
  
.staticpage h2 {
background: linear-gradient(135.45deg,#21274e,#2b4a83);
border-radius: 20px;
text-align: center;
  padding: 1em 0;
  color: #fff;
  font-family: Iranyekan;
  font-weight: bold;
  margin-bottom: 2em
}
  

  .page-contact{
        padding: 80px 57px;
        background: #fff 0 0 no-repeat padding-box;
        border: 1px solid #c3c6cd;
        border-radius: 10px;
    } 

    .page-contact h2 {
        font-size: 24px;
        background: #fff;
        position: absolute;
        margin-top: -20px;
        margin-right: -1px;
        height: 63px;
        padding-left: 25px;
        padding-right: 47px;
        font-family: Iranyekan;
    }

    .contactform {
        float: left;
        width: 70%;
    }
  
    .phone-pic {
        width: 30%;
        height: 305px;
        background-image: url(../images/phone.svg);
        background-repeat: no-repeat;
        position: relative;
        float: right;
        margin-left: 2em;
    }
  
  .plus-minus-toggle {
  cursor: pointer;
  position: relative;
  width: 21px;
    cursor: pointer
}
.plus-minus-toggle:before,
.plus-minus-toggle:after {
  background: #000;
  content: '';
  height: 5px;
  left: 3em;
position: absolute;
bottom: .5em;
  width: 21px;
  transition: transform 500ms ease;
}
.plus-minus-toggle:after {
  transform-origin: center;
}
.plus-minus-toggle.collapsed:after {
  transform: rotate(90deg);
}
.plus-minus-toggle.collapsed:before {
  transform: rotate(180deg);
}





.golden-button {
    background: transparent linear-gradient(270deg,#ffd900,#ffe422) 0 0 no-repeat padding-box;
    color: #413805;
    cursor: pointer;
    float: left;
    padding: .25em .5em;
    font-size: 1.1em;
}

.golden-button:hover {
    background: #ccc;
    color: #413805;
}
.modal-content  {
    font-family: Iranyekan;
}


.modal-content h2 {
    display: block;
    font-family: Iranyekan;
}

.box-header {
    margin-bottom: 1em;
}

.expanded {
    -webkit-box-flex: 1;
    -ms-flex: 1;
	flex: 1;
}

.form-group .form-row {
	position: relative;
	margin: 0 -.5rem 1.25rem
}



.form-group .field {
	position: relative;
    padding: 0 .5rem;
    margin-bottom: 1.25em;
}

.form-group input.form-control {
	width: 100%;
	height: 40px;
	font-weight: 300;
	font-family: iranyekan
}

.form-group textarea.form-control {
	width: 100%;
	resize: vertical;
	min-height: 200px
}

.form-group textarea.form-control+label {
	top: .75rem
}

.form-group .form-control {
	position: relative;
	border-radius: 6px;
	-webkit-transition: .15s;
	transition: .15s;
	-webkit-transition-property: color, border-color, background;
	transition-property: color, border-color, background;
	padding: .25rem .75rem;
	background: #f7f8fa;
	outline: none;
    border: none;
    border: 1px solid #ddd;
}

.form-group .form-control:valid {
	-webkit-box-shadow: 0 0 0 1px #dadce0;
	box-shadow: 0 0 0 1px #dadce0;
	background: transparent
}


.form-group .form-control.invalid {
	background: transparent;
	-webkit-box-shadow: 0 0 0 2px rgba(251, 98, 98, 0.7);
    box-shadow: 0 0 0 2px rgba(251, 98, 98, 0.7);
    border: 1px solid #fb6262;
}

.form-group .form-control:focus {
	background: transparent;
	-webkit-box-shadow: 0 0 0 2px rgba(99, 98, 251, .7);
    box-shadow: 0 0 0 2px rgba(99, 98, 251, .7);
    border: 1px solid #6362fb;
}

.form-group .form-control:focus+label {
	color: #6362fb
}
.form-group .form-control:focus {
	border-color: #6362fb !important
}


.form-group .form-control:focus+label,
.form-group .form-control:valid+label {
	pointer-events: all;
	-webkit-transform: translate(8px, -100%) scale(.9);
	transform: translate(8px, -100%) scale(.9);
	background: #fff
}

.form-group.box-white .form-control:focus+label,
.form-group.box-white .form-control:valid+label {
	background: #fff
}


.form-group input:focus:placeholder-shown {
	color: transparent;
  }
  .form-group input:focus:placeholder-shown {
	color: #333
  }


.form-group label {
	position: absolute;
	top: .5rem;
	right: 1.25rem;
	font-size: 15px;
	margin: 0;
	pointer-events: none;
	color: #72727d;
	padding: 0 .5rem;
	-webkit-transition: .15s;
	transition: .15s;
	-webkit-transform-origin: top;
	transform-origin: top
}

.form-group label.form-label {
	position: relative;
	top: 0;
	right: 0;
	-webkit-transform: none;
	transform: none;
	text-align: right;
	display: block;
	margin-bottom: .5rem;
	font-weight: 600;
	pointer-events: auto
}






.maindata{
	float: right;
	width: 100%;
	display: block;
}
/* Set up a grid for each row  */
.term-grid {
	max-width: 100%;
	margin: auto;
	display: grid;
	grid-template-columns: 1fr 4fr 1fr;
	grid-gap: 2em;
	color: #222;
	border-bottom: 1px solid #ddd;
	padding: 1em 2em;
	font-size: .9em
}
  
  .term-grid label {
	font-weight: 800;
  }
  .term-grid label:first-child {
	text-align: right;
  }
  
  .grid-header {
	border-bottom: unset; 
	color: rgb(90, 95, 125);
background: rgb(248, 249, 251) none repeat scroll 0% 0%;
border-top: 1px solid rgb(241, 242, 246);
border-bottom: 1px solid rgb(241, 242, 246);
border-radius: 10px;
border-bottom: 1px solid #e0e0e0;
border-collapse: collapse;
  }
  
  

  .grid-admin-orders{
	grid-template-columns: 2% 10% 10% 7.5% 7.5% 10% 10% 10% 20%;
  }



  .grid-accounts-orders{
	grid-template-columns: 5% 10% 10% 10% 10% 15% 30%;
  }




  .fromdate span, .fromdate input,  .todate span, .todate input {
	float: right;
}


.order-locate {
	display: block;
	font-size: .8em;
}

.order-number {
	display: block;
	font-size: .8em;
	background: #eee;
}

  .badge-disabled, .badge-enabled{
	padding: 0 .6em;
	text-transform: capitalize;
	color: #fff;
	display: inline;
	border-radius: .5em;
  }


  .label-view, .label-type, .label-edit, .label-delete,.label-warehouse {
	color: #0081FF;
	background-color: rgba(0,129,255,.1);
	padding: 0 .5em;
	border-radius: .5em;
	cursor: pointer;
	float: right;
	margin-left: .5em;
  }

  .label-view:hover, .label-type:hover, .label-edit:hover, .label-delete:hover {
	 opacity: .7;
  }



  .label-cancel, .label-awaiting, .label-paid, .label-preparation, .label-send, .label-delivery {
	color: #0081FF;
	background-color: rgba(0,129,255,.1);
	padding: 0 .5em;
	border-radius: .5em;
  }


  .label-cancel {
    color: #f1416c;
    background-color: #fff5f8;  }

  .label-awaiting {
  color: #ffc700;
background-color: #fff8dd;
  }

  .alert-pay {
    color: #333;
    background-color: #fff8dd;
    padding: 1em;
    font-size: 1.1em;
  }

  .deposit-alert{
    background-color: #eee;
    padding: 1em;
    font-size: 1em;
    border-radius: 1em;
}

  .deposit-alert span{
      margin-bottom: 1em;
      display: block;
      font-size: 1em
  }

  .alert-pay .btn-pay {
    color: #fff;
    background-color: #50cd89;
    font-size: 1.25em;
    width: 10em;
    display: block;
    margin: 0 auto;
  }

  
  .alert-pay .btn-pay:hover {
      background: #fff;
    color: #333;
  }
  .label-paid {
    color: #50cd89;
    background-color: #e8fff3;     }
  
    .label-send {
        color: #0081FF;
        background-color: rgba(0,129,255,.1);
            }

        .label-delivery {
            color: #50cd89;
            background-color: #e8fff3;            }
  .affiliatecover {
      position: relative
  }

  .btn-invoice {
    font-size: .75em;
    background: #fff;
    padding: 0 .5em;
    margin-right: .5em;
    box-shadow: 0px 0px 30px rgba(126, 130, 153, 0.15);
    float: left;
    margin-top: .25em;
  }

  

  .order-ministatus {
      display: inline;
      font-size: .6em;
  }

  .order-ministatus div {
      display: inline;
  }
  .btn-eye {
    font-size: .8em;
  }
  .coin {
      position: absolute;
      left: 1em;
      top: 1em;
      background: #fff;
      border-radius: 1em;
      padding: .5em 1em;
  }


  .ranking {
    position: absolute;
    left: 1em;
    bottom: 1em;
    background: #fff;
    border-radius: 1em;
    padding: .5em 1em;
}

.userstatus {
    position: absolute;
    right: : 1em;
    top: 1em;
    background: #fff;
    border-radius: 1em;
    padding: .5em 1em;
}

  
.grid-account-deposit-list {
    grid-template-columns: 10% 5% 15% 20% 10% 10% 10% 10%;
}


.grid-account-transaction-list {
    grid-template-columns: 10% 10% 10% 10% 10% 10% 40%;
}





   .ghabli {
    float: right;
background: #fed12e;
color: #333;
padding: .5em 1em;
border-radius: 1em;
cursor: pointer;
}

.section-content{
    display: none;
    background: #ededed;
    border-radius: 1em;
}

.section-content.current{
    display: inherit;
}

.form-aff{
    float: right;
    width: calc(100% - 30em);
}


   
   .baddi {
    float: left;
    background: #fed12e;
    color: #333;
    padding: .5em 1em;
    border-radius: 1em;
    cursor: pointer;

      }

      .ghabli:hover, .baddi:hover {
        background: #ccc;
      }


      .btn-final{
          float: left;
        background: #fed12e;
        cursor: pointer;
padding: .5em 1em
      }

      .btn-final:hover {
        background: #ccc;
      }


      .styleactive .stitle {
        color: #333;
        font-weight: bold;
    }
    

    
.fav-list, .star-list {
	display: grid;
    grid-template-columns: repeat(6, 1fr);
	grid-gap: 1.5rem;
}

.fav-list .fav-item , .star-list .star-item  {
    padding: 1em;
    border:  .25em solid #eee;
    border-radius: 1em;
    position: relative;
    margin-bottom: 1em
}

.fav-list .fav-item img , .star-list .star-item img{
    width: 5em;
    display: block;
    margin:0 auto;
    border-radius: 1em;
    background: #eee;
}

.fav-list .fav-name, .star-list .star-name {
    text-align: center;
}

.fav-list .fav-item .btn-action, .star-list .star-item .btn-action {
    display: block;
    position: absolute;
    top: .5em;
    left: .5em;
}

.fav-list .fav-item .btn-action:hover, .star-list .star-item .btn-action:hover {
    background: #f50057;
    color: #fff
}
.star-list .star-item .rating {
    float:none !important;
    margin: 0 auto !important;
    display: block;
}




.commentbox {
    display: block;
    position: relative;
    padding: 1em 1.5em;
    background: #FFFFFF;
    border: 1px solid #dcdcdc;
        border-right-color: rgb(220, 220, 220);
        border-right-style: solid;
        border-right-width: 1px;
    border-right: .4em solid #dc9203;
    margin-bottom: 1em;
    font-family: iranyekan;
    border-radius: 1em;
}

.commentbox img {
    
    width: 6em;
    border-radius: 1em;
    margin-left: 1em
}

.commentbox .button {
    position: absolute;
    top:0;
    left:0;
}

.commentbox .button a {
    background: #eee;
    margin-left: 1em;
    border-radius: .5em;
    padding: 0 1em;
    margin-top: .5em
}


.commentbox .button .time {

}

.commentbox .button .status {
}

@-webkit-keyframes plyr-progress{to{background-position:25px 0}}
@keyframes plyr-progress{to{background-position:25px 0}}
@-webkit-keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@-webkit-keyframes plyr-fade-in{from{opacity:0}to{opacity:1}}
@keyframes plyr-fade-in{from{opacity:0}to{opacity:1}}
.plyr{-moz-osx-font-smoothing:auto;-webkit-font-smoothing:subpixel-antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:Avenir,"Avenir Next","Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:500;height:100%;line-height:1.7;max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}
.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}
.plyr button{font:inherit;line-height:inherit;width:auto}
.plyr:focus{outline:0}
.plyr--full-ui{box-sizing:border-box}
.plyr--full-ui *,.plyr--full-ui ::after,.plyr--full-ui ::before{box-sizing:inherit}
.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}
.plyr__badge{background:#4a5764;border-radius:2px;color:#fff;font-size:9px;line-height:1;padding:3px 4px}
.plyr--full-ui ::-webkit-media-text-track-container{display:none}
.plyr__captions{-webkit-animation:plyr-fade-in .3s ease;animation:plyr-fade-in .3s ease;bottom:0;color:#fff;display:none;font-size:14px;left:0;padding:10px;position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}
.plyr__captions .plyr__caption{background:rgba(0,0,0,.8);border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;line-height:185%;padding:.2em .5em;white-space:pre-wrap}
.plyr__captions .plyr__caption div{display:inline}
.plyr__captions span:empty{display:none}
@media (min-width:480px){.plyr__captions{font-size:16px;padding:20px}}
@media (min-width:768px){.plyr__captions{font-size:18px}}
.plyr--captions-active .plyr__captions{display:block}
.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px)}
.plyr__control{background:0 0;border:0;border-radius:3px;color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;position:relative;transition:all .3s ease}
.plyr__control svg{display:block;fill:currentColor;height:18px;pointer-events:none;width:18px}
.plyr__control:focus{outline:0}
.plyr__control.plyr__tab-focus{box-shadow:0 0 0 5px rgba(0,179,255,.5);outline:0}
a.plyr__control{text-decoration:none}
a.plyr__control::after,a.plyr__control::before{display:none}
.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed{display:none}
.plyr--full-ui ::-webkit-media-controls{display:none}
.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}
.plyr__controls .plyr__progress__container{flex:1;min-width:0}
.plyr__controls .plyr__controls__item{margin-left:2.5px}
.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}
.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px}
.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px}
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}
.plyr__controls:empty{display:none}
.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip]{display:none}
.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}
.plyr__menu{display:flex;position:relative}
.plyr__menu .plyr__control svg{transition:transform .3s ease}
.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}
.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}
.plyr__menu__container{-webkit-animation:plyr-popup .2s ease;animation:plyr-popup .2s ease;background:rgba(255,255,255,.9);border-radius:4px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);color:#4a5764;font-size:16px;margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}
.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}
.plyr__menu__container::after{border:4px solid transparent;border-top-color:rgba(255,255,255,.9);content:'';height:0;position:absolute;right:15px;top:100%;width:0}
.plyr__menu__container [role=menu]{padding:7px}
.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}
.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}
.plyr__menu__container .plyr__control{align-items:center;color:#4a5764;display:flex;font-size:14px;padding:4px 11px;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none;width:100%}
.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}
.plyr__menu__container .plyr__control::after{border:4px solid transparent;content:'';position:absolute;top:50%;transform:translateY(-50%)}
.plyr__menu__container .plyr__control--forward{padding-right:28px}
.plyr__menu__container .plyr__control--forward::after{border-left-color:rgba(74,87,100,.8);right:5px}
.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,.plyr__menu__container .plyr__control--forward:hover::after{border-left-color:currentColor}
.plyr__menu__container .plyr__control--back{font-weight:500;margin:7px;margin-bottom:3px;padding-left:28px;position:relative;width:calc(100% - 14px)}
.plyr__menu__container .plyr__control--back::after{border-right-color:rgba(74,87,100,.8);left:7px}
.plyr__menu__container .plyr__control--back::before{background:rgba(114,133,151,.2);box-shadow:0 1px 0 #fff;content:'';height:1px;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%}
.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,.plyr__menu__container .plyr__control--back:hover::after{border-right-color:currentColor}
.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px}
.plyr__menu__container .plyr__control[role=menuitemradio]::after,.plyr__menu__container .plyr__control[role=menuitemradio]::before{border-radius:100%}
.plyr__menu__container .plyr__control[role=menuitemradio]::before{background:rgba(0,0,0,.1);content:'';display:block;flex-shrink:0;height:16px;margin-right:10px;transition:all .3s ease;width:16px}
.plyr__menu__container .plyr__control[role=menuitemradio]::after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before{background:#00b3ff}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after{opacity:1;transform:translateY(-50%) scale(1)}
.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before{background:rgba(0,0,0,.1)}
.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:-5px;overflow:hidden;padding-left:25px;pointer-events:none}
.plyr--full-ui input[type=range]{-webkit-appearance:none;background:0 0;border:0;border-radius:26px;color:#00b3ff;display:block;height:19px;margin:0;padding:0;transition:box-shadow .3s ease;width:100%}
.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;border-radius:2.5px;height:5px;-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none;background-image:linear-gradient(to right,currentColor 0,transparent 0);background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0))}
.plyr--full-ui input[type=range]::-webkit-slider-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2);height:13px;position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;-webkit-appearance:none;margin-top:-4px}
.plyr--full-ui input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:2.5px;height:5px;-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-moz-user-select:none;user-select:none}
.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2);height:13px;position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px}
.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;height:5px}
.plyr--full-ui input[type=range]::-ms-track{background:0 0;border:0;border-radius:2.5px;height:5px;-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;color:transparent}
.plyr--full-ui input[type=range]::-ms-fill-upper{background:0 0;border:0;border-radius:2.5px;height:5px;-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none}
.plyr--full-ui input[type=range]::-ms-fill-lower{background:0 0;border:0;border-radius:2.5px;height:5px;-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;background:currentColor}
.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2);height:13px;position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;margin-top:0}
.plyr--full-ui input[type=range]::-ms-tooltip{display:none}
.plyr--full-ui input[type=range]:focus{outline:0}
.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}
.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{box-shadow:0 0 0 5px rgba(0,179,255,.5);outline:0}
.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{box-shadow:0 0 0 5px rgba(0,179,255,.5);outline:0}
.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{box-shadow:0 0 0 5px rgba(0,179,255,.5);outline:0}
.plyr__poster{background-color:#000;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}
.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}
.plyr__time{font-size:14px}
.plyr__time+.plyr__time::before{content:'\2044';margin-right:10px}
@media (max-width:767px){.plyr__time+.plyr__time{display:none}}
.plyr__tooltip{background:rgba(255,255,255,.9);border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);color:#4a5764;font-size:14px;font-weight:500;left:50%;line-height:1.3;margin-bottom:10px;opacity:0;padding:5px 7.5px;pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;white-space:nowrap;z-index:2}
.plyr__tooltip::before{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(255,255,255,.9);bottom:-4px;content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%,0) scale(1)}
.plyr .plyr__control:hover .plyr__tooltip{z-index:3}
.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translate(0,10px) scale(.8);transform-origin:0 100%}
.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before{left:16px}
.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translate(0,10px) scale(.8);transform-origin:100% 100%}
.plyr__controls>.plyr__control:last-child .plyr__tooltip::before{left:auto;right:16px;transform:translateX(50%)}
.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0,0) scale(1)}
.plyr__progress{left:6.5px;margin-right:13px;position:relative}
.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-right:-6.5px;width:calc(100% + 13px)}
.plyr__progress input[type=range]{position:relative;z-index:2}
.plyr__progress .plyr__tooltip{font-size:14px;left:0}
.plyr__progress__buffer{-webkit-appearance:none;background:0 0;border:0;border-radius:100px;height:5px;left:0;margin-top:-2.5px;padding:0;position:absolute;top:50%}
.plyr__progress__buffer::-webkit-progress-bar{background:0 0}
.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;-webkit-transition:width .2s ease;transition:width .2s ease}
.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;-moz-transition:width .2s ease;transition:width .2s ease}
.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}
.plyr--loading .plyr__progress__buffer{-webkit-animation:plyr-progress 1s linear infinite;animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(35,41,47,.6) 25%,transparent 25%,transparent 50%,rgba(35,41,47,.6) 50%,rgba(35,41,47,.6) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;color:transparent}
.plyr--video.plyr--loading .plyr__progress__buffer{background-color:rgba(255,255,255,.25)}
.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(193,201,209,.66)}
.plyr__volume{align-items:center;display:flex;max-width:110px;min-width:80px;position:relative;width:20%}
.plyr__volume input[type=range]{margin-left:5px;margin-right:5px;position:relative;z-index:2}
.plyr--is-ios .plyr__volume{min-width:0;width:auto}
.plyr--audio{display:block}
.plyr--audio .plyr__controls{background:#fff;border-radius:inherit;color:#4a5764;padding:10px}
.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b3ff;color:#fff}
.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(193,201,209,.66)}
.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(193,201,209,.66)}
.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(193,201,209,.66)}
.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(0,0,0,.1)}
.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(0,0,0,.1)}
.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(0,0,0,.1)}
.plyr--audio .plyr__progress__buffer{color:rgba(193,201,209,.66)}
.plyr--video{background:#000;overflow:hidden}
.plyr--video.plyr--menu-open{overflow:visible}
.plyr__video-wrapper{background:#000;height:100%;margin:auto;overflow:hidden;width:100%}
.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%}
.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;left:0;position:absolute;top:0}
.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}
.plyr--video .plyr__controls{background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.7));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;left:0;padding:20px 5px 5px;position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}
@media (min-width:480px){.plyr--video .plyr__controls{padding:35px 10px 10px}}
.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}
.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b3ff;color:#fff}
.plyr__control--overlaid{background:rgba(0,179,255,.8);border:0;border-radius:100%;color:#fff;display:none;left:50%;padding:15px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}
.plyr__control--overlaid svg{left:2px;position:relative}
.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{background:#00b3ff}
.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}
.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}
.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:rgba(255,255,255,.25)}
.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:rgba(255,255,255,.25)}
.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:rgba(255,255,255,.25)}
.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(255,255,255,.5)}
.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(255,255,255,.5)}
.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(255,255,255,.5)}
.plyr--video .plyr__progress__buffer{color:rgba(255,255,255,.25)}
.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}
.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}
.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}
.plyr:-webkit-full-screen video{height:100%}
.plyr:-ms-fullscreen video{height:100%}
.plyr:fullscreen video{height:100%}
.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}
.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}
.plyr:fullscreen .plyr__video-wrapper{height:100%;position:static}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}
.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}
.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}
.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}
.plyr:fullscreen.plyr--hide-controls{cursor:none}
@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px}.plyr:-ms-fullscreen .plyr__captions{font-size:21px}.plyr:fullscreen .plyr__captions{font-size:21px}}
.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}
.plyr:-webkit-full-screen video{height:100%}
.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}
.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}
@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px}}
.plyr:-moz-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}
.plyr:-moz-full-screen video{height:100%}
.plyr:-moz-full-screen .plyr__video-wrapper{height:100%;position:static}
.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{display:block}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}
.plyr:-moz-full-screen.plyr--hide-controls{cursor:none}
@media (min-width:1024px){.plyr:-moz-full-screen .plyr__captions{font-size:21px}}
.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}
.plyr:-ms-fullscreen video{height:100%}
.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}
.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}
@media (min-width:1024px){.plyr:-ms-fullscreen .plyr__captions{font-size:21px}}
.plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;margin:0;width:100%;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:10000000}
.plyr--fullscreen-fallback video{height:100%}
.plyr--fullscreen-fallback .plyr__video-wrapper{height:100%;position:static}
.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}
.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}
@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px}}
.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}
.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}
.plyr__ads::after{background:rgba(35,41,47,.8);border-radius:2px;bottom:10px;color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;z-index:3}
.plyr__ads::after:empty{display:none}
.plyr__cues{background:currentColor;display:block;height:5px;left:0;margin:-2.5px 0 0;opacity:.8;position:absolute;top:50%;width:3px;z-index:3}
.plyr__preview-thumb{background-color:rgba(255,255,255,.9);border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);margin-bottom:10px;opacity:0;padding:3px;pointer-events:none;position:absolute;transform:translate(0,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;z-index:2}
.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0,0) scale(1)}
.plyr__preview-thumb::before{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(255,255,255,.9);bottom:-4px;content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}
.plyr__preview-thumb__image-container{background:#c1c9d1;border-radius:2px;overflow:hidden;position:relative;z-index:0}
.plyr__preview-thumb__image-container img{height:100%;left:0;max-height:none;max-width:none;position:absolute;top:0;width:100%}
.plyr__preview-thumb__time-container{bottom:6px;left:0;position:absolute;right:0;white-space:nowrap;z-index:3}
.plyr__preview-thumb__time-container span{background-color:rgba(0,0,0,.55);border-radius:2px;color:#fff;font-size:14px;padding:3px 6px}
.plyr__preview-scrubbing{bottom:0;-webkit-filter:blur(1px);filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}
.plyr__preview-scrubbing--is-shown{opacity:1}
.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;-o-object-fit:contain;object-fit:contain;position:absolute;top:0;width:100%}
.plyr--no-transition{transition:none!important}
.plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;border:0!important;height:1px!important;padding:0!important;position:absolute!important;width:1px!important}
.plyr [hidden]{display:none!important}


.hover-li {
    color: #fff !important;
    border-left: 1px solid #fff;
    background-color: rgba(255, 255, 255, 0.05); }
  

    
    .inprogress img {
        width: 20em;
        margin: 0 auto;
        display: block;
    }
    .inprogress h4 {
        font-family: Iranyekan;
        text-align: center;
        font-size: 1.5em;
    }

    .tosbox {
        border: 1px solid #333;
        background: #eee;
        border-radius: 1em;
        margin-bottom: 1em;
        padding: .5em;
        margin-top: 1em;    }

    .form-control.ltr {
        direction: ltr;
    }

    .selphytxt {
        text-align: center;
        font-weight: bold;
    }

    .alert-address {
    background: #eee;
    border-radius: 1em;
    padding: 1em;
    font-family: Iranyekan;
    text-align: center;
    margin-bottom: 1em;
}


    .alert-address a {
      background: #dc9203;
      color: #fff;
      padding: 0 1em;
      border-radius: 1em;
      cursor: pointer;
	}



.alert-free-shipping {
text-align: center;
    background: #FFFFE0;
    border-radius: 1em;
    padding: 1em;
    font-family: Iranyekan;
margin-bottom: 2em
}


.site-footer__bottom-sec{
width: 100%;
overflow-x: hidden
}



.showmore {
    display: block;
    width: 10em;
    margin: 1em auto;
    cursor: pointer;
    background: #eee;
    border: 1px solid #333;
    text-align: center;
    margin-bottom: 1em;
    font-family: Iranyekan;
    font-size: 1.2em;
    border-radius: 1em;
    background: #dc9203;
    color: #fff;
}

.showmore:hover {
opacity: .7;
}

.blogimg {
margin: 0 auto;
text-align: center;
display: block;
border-radius: 1em;
width: 30em;
}


.field-icon {
  float: right;
  margin-right: .5em;
  margin-top: -2em;
  position: relative;
  z-index: 2;
  width: 1.5em;
  height: 1.5em;
  cursor: pointer;
}


.r70 {
width: 65%;
float: right;
}

.l30 {
width: 30%;
float: left;
}

.affform{
float:right;
width: 100%;
margin-bottom: .5em
}