/* Copyright yotaab.com */ @font-face { font-family: "yekan"; src: url(fonts/Yekan.eot); src: url(fonts/Yekan.eot?#iefix) format("embedded-opentype"), url(fonts/Yekan.woff2) format("woff2"),url(fonts/Yekan.woff) format("woff"), url(fonts/Yekan.ttf) format("truetype"), url(fonts/Yekan.svg#BYekan) format("svg"); font-weight: normal;font-size: .9em; font-style: normal } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: "yekan"; src: url(fonts/Yekan.svg#BYekan) format("svg"); } } .navwrap{position:fixed; left:0; top:0; width:100%; height:100%;background-color: #c1c1c1; background-color:rgba(0, 0, 0, 0.75); display:none; overflow:hidden; z-index:9} nav{width:260px;height:100%;background-color:#FFF;  list-style:none; direction:rtl; text-align:right; position:absolute; top:0 ; right:-20%; overflow-y:auto; padding-top:30px; transition:webkit-transition: all  ease 0.5s;     -moz-transition: all  ease 0.5s;     -o-transition: all  ease 0.5s;     transition: all  ease 0.5s;  opacity:0;border-left: 1px solid #c5c5c5; } nav ul{list-style: none; padding:0} nav ul li:hover{background-color:#eeeeee} .has-sub{position:relative} .has-sub::after{content:' ';position:absolute; left:20px; top: 13px; transition:webkit-transition: background  ease 0.3s;     -moz-transition: background  ease 0.3s;     -o-transition: background  ease 0.3s;     transition: background  ease 0.3s; } .has-sub:hover::after{left:15px;background-position: -28px -26px;} .subli{padding:0} .nohover:hover{background-color:#FFF;} nav a{font-family:yekan,Byekan; font-size:.9em; text-decoration:none; display:block;padding:.5em 1em; color:#000  } nav a:hover{color:#F44336;} .show{display:block !important} .hide{display:none} .back{background-color:#f5f5f5;text-align:center; position:relative} .back::after{content:' ';position:absolute; right:5%; top:7px;  width:30px; height:30px; background-position:4px -45px;} .mnubtn{ background-color:#FFF; display:block !important; padding:.5em .5em 0.25em .5em; position:absolute; top:25px; right:1em; border-radius:2px; cursor:pointer} .mnubtn:hover{background-color:#e0e0e0} .mnubtn span{width:21px; height:3px; margin-bottom:.25em; background-color: #000; display: block;} .mnuanim{right:0;  opacity:1;} .navanim{opacity:0} .icon,.has-sub::after, .back::after{background-image:url("http://yotaab.com/images/icons.png"); background-image:url("http://yotaab.com/images/icons.svg")} .clsmnu, .cpsclose{position:absolute; z-index:99999; top:0; left:0;height:30px; background-color:#FFF;  } .cls, .cpsclose{width:30px; height:30px; background-position:0px 4px;    margin: 3px 1em; float:left; cursor:pointer} .cls:hover{background-position:-25px 4px} .has-sub::after{width:20px; height:20px;background-position: -4px -26px;} .subact::after{background-position: -28px -26px; transform:rotateZ(-90deg)} .subact:hover::after{background-position: -28px -26px;left:20px} .mnutag{background-color:#eeeeee; display:block;flex-grow:1;position:relative; margin:.2em .5em; font-size: .8em; height: 17px;    line-height: 16px;    border-radius: 0 5px 5px 0;} .mnutag:hover{ background-color: #e8e8e8;} .mnutag:hover::after{     border-right-color: #e8e8e8;} .mnutag::before{    background: #fbfbfb;    border-radius: 10px;    box-shadow: inset 0 1px rgba(0,0,0,0.25);    content: '';    height: 8px;    left: 2px;    position: absolute;    width: 8px;    z-index: 9;    top: 11px;} .mnutag::after{ background: #fbfbfb; border-bottom: 15px solid white; border-right: 13px solid #eee; border-top: 15px solid white; content: ''; position: absolute; left: -8px; top: 0;} .spc{border-top-color: #ffffff; width: 95%; margin: .6em auto;} .tagbox{padding:1em .5em; display:flex;flex-wrap: wrap;margin-bottom:3em} .tagbox p{margin: auto; display: block; color: red;font-size: .85em;} nav::-webkit-scrollbar { width: 5px; float:right; } nav::-webkit-scrollbar-thumb { background: gray; } /*yotaab ads start*/ .cpsads{ margin: 8px auto; width: 300px;} .mobcps{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #FFF;background-color:rgba(255, 255, 255, 0.9); margin: 0; text-align: center; padding: 30% 0;z-index:999} .cpsclose{ position: fixed; border: 1px solid #d2d2d2; background-position: 2px 2px;display:none; top:8px; left:-8px} .scbnr{ width:300px; height:300px;    overflow:hidden; position:relative; direction: ltr; margin:auto} .bnrimg{position:relative; width:200%;height:100%; left:0; top:0;} .bnr2{left: -300px } .pr{width:200px; height:298px; background-color:#f6f6f6; margin-right:5px; float:left;     border: 1px solid #d6d6d6; border-radius: 5px;    overflow: hidden;    text-decoration: none;} .bnrrow{width:1200px;height:300px; position: absolute;left:50px} .next, .prev{background-color:#FFF;background-color: rgba(255, 255, 255, 0.6);position:absolute; top:50%;z-index:1; border-radius:50px; cursor:pointer; height: 33px; width: 33px; text-align: center;line-height: 32px;} .next{ right:8px; z-index:1} .prev{ left:8px; } .next:hover, .prev:hover{background-color:#FFF} .primg{width:200px; height:210px; overflow:hidden; border-bottom:1px dashed #BDBDBD;    background-color: #FFF;} .primg img{max-height:210px; min-height:210px} .prtxt{padding:.5em; text-align:center;} .prtxt, .prprice{font-family:yekan, byekan; text-align:center; color:#696969; } .prprice{color:#F44336; direction:rtl;line-height: 1;    font-size: .8em;} .prnum{font-size: 2.2em;    display: inline;    padding: .2em; line-height:1} /*yotaab ads end*/