@charset "utf-8"; *{margin:0;padding:0} html{overflow-y:scroll} @font-face{font-family:'yekan';src:url(https://www.nanotejarat.com/admin/images/fonts/yekan.eot?#) format("eot"),url(https://www.nanotejarat.com/admin/images/fonts/yekan.woff) format("woff"),url(https://www.nanotejarat.com/admin/images/fonts/yekan.ttf) format("truetype")} body{font-size:14px;color:#444;font-family:'yekan';margin:0 auto;text-align:right;-webkit-font-smoothing:antialiased;background:#fafafb;direction:rtl;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} img{width:100%;height:auto} div,table{height:auto;overflow:auto} #construction_whatsapp{display:none} nav{overflow:auto} table{direction:ltr;width:100%} span{font-family:Arial;font-size:14px} h1{font-size:16px;direction:rtl; font-family:'yekan'; color:#800040} h2{font-size:15px;direction:rtl; font-family:'yekan'; color:#0080FF} h3,h4,h5{font-size:15px;direction:rtl; color:#662483; padding:5px 0} b{font-size:16px; font-style:italic; font-weight:bold; color:#0000A0} .mob_vip{display:none} .pc_vip{position:fixed !important; top:150px; right:15%; z-index:1000; height:auto; overflow:hidden; width:500px} a.vip_contact:link,a.vip_contact:visited{color:#FFF; font-family:'yekan'; font-size:14px; background:#951b81; padding:10px 70px !important; border-radius:6px; text-decoration:blink} a.vip_contact:hover{background:#444} .pervideo{width:22%;height:auto;float:left;margin-left:3%;min-width:180px;margin-top:7px;background:#EDEDED;margin-top:60px; color:#a22921; min-height:300px} a.pervideo:hover{background:#CCC} .pervideo img{width:100%; height:auto} .majordiv{width:96%; margin-top:20px; background:#ddddf0;} .majordiv img{width:96%; height:auto; padding:5px 1% 10px 1% !important} .majordiv p{font-size:13px !important} .words ul{list-style:none; margin-top:30px} .words li{text-align:right; padding:10px 5px; border-bottom:1px dotted #8C8C8C; width:94%; max-width:900px; margin:5px auto; background:#EDEDED} .thewords ul{list-style:disc; margin-top:30px; direction:rtl;} .thewords li{text-align:right; padding:10px 5px; width:94%; max-width:980px; margin:5px auto; color:#000000; border-bottom:1px dotted #666} .divbanner{width:98%; max-width:1100px; margin:10px auto 3px auto; border-bottom:3px solid #640064;} .germany,.italy,.france,.turkey,.china,.japan,.canada,.sweden,.india,.euro,.united-states-of-america,.unitedstatesofamerica,.unitedaraberimates,.great-britain,.korea,.iran,.united-arab-erimates,.tel,.fax,.skype,.exporter,.manufacturer,.vip,.location,.listview,.allview,.email{object-fit: none;width:35px !important;height:23px !important;} .countred{font-family:Tahoma; font-size:13px; color:#F33 !important;} a.cellphone:link , a.cellphone:visited{font-family:Tahoma; font-size:14px; color:#1C8DFF; text-decoration:none; letter-spacing:1px} a.cellphone:hover{color:#800080} .mainfour{width:28%;float:left;margin:35px 2% 40px 3%;min-height:150px; background:#EDEDED} .mainfour img{width:100%;height:auto; padding-bottom:15px} .mainfour p{font-size:10px;line-height:20px} .video_traslate{width:50%; float:left; height:auto; overflow:hidden; padding:15px; color:#996633; font-size:15px} .small_video{width:45%; float:right; height:auto; overflow:hidden; margin-top:45px} .germany{object-position:0 -24px;}.italy{object-position:-36px -24px;}.france{object-position:-216px -24px;}.turkey{object-position:-108px -24px;}.china{object-position:-180px 0;}.iran{object-position:-108px 0;}.united-states-of-america{object-position:-180px -24px;}.unitedstatesofamerica{object-position:-180px -24px;}.great-britain{object-position:-72px 0;}.india{object-position:-252px 0;}.canada{object-position:0 0;}.euro{object-position:-36px 0;}.japan{object-position:-144px 0;}.sweden{object-position:-216px 0;}.korea{object-position:-72px -24px;}.united-arab-erimates{object-position:-144px -24px;}.unitedaraberimates{object-position:-144px -24px;}.exporter{object-position:0 -48px;}.manufacturer{object-position:-36px -48px;}.vip{object-position:-72px -48px;}.tel{object-position:-108px -48px;}.fax{object-position:-180px -48px;}.skype{object-position:-144px -48px;}.location{object-position:-216px -48px;}.email{object-position:-252px -48px;}.listview{object-position:0 -80px;}.allview{object-position:-36px -80px;}.lateprotd{max-height:60px; overflow:hidden;}.latepicture{width:30%; max-height:60px; overflow:hidden;} .perspan{font-size:14px;direction:ltr;font-family:'yekan'} p{direction:rtl;text-align:right; padding:10px 0 !important} .red{color:#F33; font-family:'yekan'; font-size:14px} .arialred{color:#F33; font-family:'yekan'; font-size:14px} .goldspan{color:#0099cc; font-size:20px; font-family:'yekan'; padding:25px auto;} a:link,a:visited{color:purple;font-size:13px;text-decoration:none} a:hover{color:#666} a.bluebold:link, a.bluebold:visited{color:#4848FF; font-size:13px; font-weight:bold;} a.bluebold:hover{color:#000;} a.lightblue:link, a.lightblue:visited{color:#6FB7FF; font-size:13px;} a.lightblue:hover{color:#FFF;} #theTicker{padding:0 15px} #solouki{display:none} a.siteNavigation:link{font-family:'yekan';text-decoration:none;color:#777} a.siteNavigation:hover{color:#A4A4A4} #thesearch_table{width:100%;height:40px;margin-top:10px;color:#666;direction:rtl!important;border-spacing:0;padding:0} #thesearch_table input{width:99%;height:35px;border:1px solid #CCC;font-family:'yekan'} #thesearch_table select{width:99%;height:37px;border:1px solid #CCC;font-family:'yekan';font-size:10px} #thesearch_submit{background:#EDEDED;height:38px;width:100%;font-family:'yekan';font-size:13px;color:#666} a.white:link,a.white:visited{color:#EDEDED;text-decoration:none;padding:5px 2%!important;font-size:100%} a.white:hover{background:#3e3e3e} a.hwhite:link,a.hwhite:visited{color:#EDEDED;text-decoration:none;padding:5px 2%!important;font-size:100%;background:#3e3e3e} a.hwhite:hover{background:#000} #catagory{width:20%;margin-left:2%;float:left;background:#3e3e3e;height:100%;padding:5px 0;color:#EDEDED;text-align:center} #masterlink{width:78%;float:left} #primary-stuff{width:78%;float:left} #primary-rottary{width:69%;float:left;margin-left:2%;margin-top:10px} #primary-banner{width:29%;float:left} #mobile_banner{display:none;} #primary-banner div{width:98%;margin-top:2px} #primary-link{width:20%;margin-left:2%;float:left;height:100%;padding:5px 0;border-top:3px solid purple;background:#FFF;overflow:visible} .toptwo table{font-size:13px;text-align:right} #adservice{width:100%;text-align:right} #comp_contact_table{width:95%} .comp_contact_td{background:#EBEBEB;color:#54005B;font-size:14px;text-align:right} .comp_lead_contact{width:15%;min-width:100px;text-align:right;background:#E0E0E0;color:#5A5A5A;font-size:14px} #vertical-nav{width:100%;overflow:visible;font-family:'yekan';font-size:14px;direction:rtl;text-align:right;z-index:1000} #vertical-nav ul{margin:0;padding:0;*border-top:1px #333 solid} ul.vertical-top-level{background-color:#fff} #vertical-nav li{list-style:none} ul.vertical-top-level li{border-bottom:#CCC dotted 1px;padding:2px 0} #vertical-nav a{color:#666;display:block;height:25px;line-height:25px;text-decoration:none;width:100%;padding-right:20px} #vertical-nav a:hover{_background-color:#636;_display:block} #vertical-nav li:hover{background-color:#D5D5EA;position:relative;z-index:100} ul.vertical-sub-level{display:none} li:hover .vertical-sub-level{background-color:#666;border:#fff solid 1px;display:block;position:absolute;right:100%;top:0} ul.vertical-sub-level li{border-bottom:1px dotted #fff;float:right;width:250px;*background-color:#EDEDED} #vertical-nav .vertical-sub-level{background-color:#CCC} #vertical-nav .vertical-sub-level .vertical-sub-level{background-color:#666} li:hover .vertical-sub-level .vertical-sub-level{display:none} .vertical-sub-level li:hover .vertical-sub-level{display:block;*left:0} #thin-topper{width:100%; height:auto; border-bottom:1px solid #CCC; box-shadow: 2px 2px 2px #E3E3E3; } .thin-content{width:98%; max-width:1180px; margin:auto; } .divall{width:98%; max-width:1180px; margin:10px auto 3px auto;} .divvisable{width:98%; max-width:1180px; margin:10px auto 3px auto; overflow:visible !important;} .allgray{width:98%; background:#EDEDED; border:1px solid #CCC; text-align:center; padding:4px 0;} .capital{font-family:Arial; font-size:22px; font-weight:bold; color:#640064; text-align:left; letter-spacing:2px;} .profilio{color:#606; padding-bottom:20px;} a.arialblue:link , a.arialblue:visited{color:#06F; text-decoration:none; font-family:Arial; font-size:14px;} a.arialblue:hover{color:#000;} .bottomline{width:100%; border-bottom:1px solid #CCC; padding:10px 0;} .bottomline p{padding:15px 0;} .purplebox{width:100%; margin-top:15px; background:#F1F1F8;}ne .purplebox p{padding:4px 10px; font-size:13px; text-align:justify;} .grayline{background:#EDEDED; border:#CCC; padding:2px; text-align:center; font-size:14px; color:#333; max-width:1180px;} .topmargin{background:#EDEDED; border:#CCC; padding:2px; text-align:center; font-size:14px; color:#333; max-width:1180px; margin-top:40px; margin-bottom:20px;} .lefti{width:48%; float:left; min-width:320px;} .righti{width:48%; float:left; margin-left:2%; min-width:320px;} .onefifth{width:18%; float:left; min-width:130px; margin:15px 0 5px 1.5%; text-align:center; } a.onefifth:link,a.onefifth:visited{text-decoration:none;color:#4F4F4F} a.onefifth:hover{background:#CACACA;} a.onefifth div{width:100%; background:#EBEBF5; margin:14px 0; min-height:280px } .onefifth img{width:100%; height:auto;} #mastt li{display:inline; padding:0px 2% 0px 2%; border-left:1px solid #CCC; float:right; } #login{width:20%; min-width:260px; float:left; text-align:left; padding:4px 0px 6px 0px; position:relative; z-index:150;} #welcome{width:40%; float:right; min-width:240px;} a.butt:link,a.butt:visited{color:#000; text-decoration:none; background:#EDEDED; padding:2px 8%; border-radius: 5px; border:1px solid #CCC; font-size:10px;} a.butt:hover{background:#D6D6D6;} #logo{width:20%; min-width:160px; float:left; text-align:left; } #logo img{max-height:130px; width:auto; height:auto; max-width:100%; float:left;} #mysearch{width:54%; margin-left:2%; float:left;} #mysearch li{display:inline; padding:0 10px; color:#666; font-size:15px;} #mysearch img{width:auto; height:auto;} #mysearch span{color:#7D007D; font-size:15px;} #searchoffer{padding:5px;} #cellsearch{display:none;} #language{width:18%; margin:5px 0 0 2%; float:left; font-family:Arial; font-size:13px; line-height:21px;} a.purple:link,a.purple:visited{color:#6C006C; text-decoration:none; font-size:13px;} a.purple:hover{color:#8F8F8F;} a.blue:link, a.blue:visited{color:#1C8DFF; font-size:13px; text-decoration:none;} a.blue:hover{color:#400040;} #thegray{width:100%; background:#666666;} #compgray{width:100%; background:#666666;} #cellsearch_table{width:100%; height:40px; margin-top:10px; color:#666; direction:rtl;} #thirtyfive{width:99%; height:35px; border:1px solid #5E005E;} #thirtyeight{background:#EDEDED; height:38px; font-family:'yekan'; font-size:13px; color:#666; } #guidelink{width:98%; padding:5px 3px; float:left; height:25px; overflow:hidden; } #guidelink li{display:inline;} #guidelink li ul{position:relative;} #guidelink li ul li{display:block;} #guidelink img{width:25px; height:25px} #contact_table{width:90%; margin:auto; border-spacing:5px;} #contact_table input, #contact_table textarea{width:100%; font-size:10px; color:#333; padding:5px 3px;} .thebox{width:15.5%; float:left; min-width:100px; max-width:170px; height:280px; margin:15px 1%; font-family:'yekan'; font-weight:bold; padding:5px 0; text-align:center !important; line-height:20px} .thebox img{width:150px; height:150px; padding-bottom:6px;} a.thebox:link, a.thebox:visited{color:#666; text-decoration:none; font-family:tahoma; font-size:13px} a.thebox:hover{background:#FFF; color:#0080FF;} .widepro{width:98%;margin:20px auto;max-width:1100px;overflow:hidden;padding:5px;background:#EBEBEB} .wide-left{width:62%;float:left;height:auto;overflow:hidden} .wide-right{width:30%;float:right;margin-right:2%} .wide-right img{width:100%;height:auto} .zbox{width:90%; float:none; min-width:100px; max-width:250px; height:280px; margin:35px auto; font-family:'yekan'; font-weight:bold; padding:5px 0; text-align:center !important; line-height:20px} .zbox div{margin-top:30px} .zbox img{width:85%; height:auto; padding-bottom:6px; border-radius:50%} .zbox div{margin-top:30px} a.zbox:link, a.zbox:visited{color:#666; text-decoration:none; font-family:tahoma; font-size:13px} a.zbox:hover{background:#FFF; color:#0080FF;} #search_banner {position: relative;text-align: center;color: white;} #search_bottom_left {position: absolute;bottom: 8px;left: 0; color:#FFF; background:#800080; padding:3px 6px} .bannerint{font-family:Arial !important; font-size:13px} .piconly{width:30%; min-width:150px; float:left; margin:15px 1% 0 1%; color:#666; text-align:center; background:#EBEBEB; border:1px solid #CCC; text-align:center;} .piconly img{width:90%; margin:auto;} #allgray{width:100%;background:#f2f2f2;} #maincontent{width:98%; max-width:1180px; margin:auto; overflow:visible;} .standardpic{width:auto; height:auto; float:left;} #engineer-view{height:70px; background:#EDEDED; color:#800080; width:100%; text-align:center; overflow:hidden} #temporary{width:90%; margin:auto; font-size:10px;} #temporary td{padding:3px 3px; text-align:right; border-bottom:1px dotted #EDEDED;} #sales{width:99%;margin:auto;} .bann{width:30.7%; min-width:100px; float:left; margin:15px 1% 0 1%; color:#666; text-align:center;} .thethree{width:30.7%; min-width:100px; float:left; height:auto; margin:15px 1% 0 1%; color:#666; text-align:center; min-height:240px !important} .thethree p{text-align:center;} .thethreegray{width:30%; min-width:320px; float:left; margin:15px 1% 0 1%; color:#666; text-align:center; background:#EBEBEB; border:1px solid #CCC;} .thefivegray{width:17%; min-width:130px; float:left; margin:15px 1% 0 1%; color:#666; text-align:center; background:#EBEBEB; border:1px solid #CCC;} .thethreegray img{width:90%; padding:10px 4%;} .toptwo{width:47%; min-width:240px; float:left; margin:15px 1% 0 1%; color:#666; text-align:center;} .stoptwo{width:47%; min-width:240px; float:left; margin:15px 1% 0 1%; color:#666; text-align:center;} #suspend{display:inline-block;} #compadd{width:75%; float:left; margin-top:20px; margin-left:2%;} #latestpro{width:22.7%; float:left; padding:5px 0px 5px 0px; background:#FFFFFF; margin-top:20px; border-radius:3px; border:1px solid #CCC;} #latest_td{background:#EDEDED; text-align:center; color:#800080; font-size:13px;} #latestpro table{width:95%; margin:auto; border-spacing:8px; font-size:10px;} #latestpro img{width:100%; height:auto;} #latestpro td{border-bottom:1px dotted #CCC;} .newsstores{width:98%; border:1px solid #CCC; border-radius:5px; box-shadow: 1px 3px 3px #800080; background:#F5F5F5; padding:0.5%; font-size:10px;} #storediv{width:100%; background:#FFFFFF;} .thecomp{width:21%; padding:1%; border:1px dotted #CCC; float:left; margin:25px 0 0 1%; background:#FFF; max-width:220px; min-width:140px; min-height:320px;} .right-sieve{width:95%; padding:1%; border:1px dotted #CCC; float:left; margin:25px 0;} .thecomp img{width:100%;} #berooz{width:98%; max-width:1180px; margin:30px auto 0 auto; border-bottom:3px solid #CCC;} #latest-update{width:98%; max-width:1180px; margin:0px auto 0 auto; background:#FFF; border:1px solid #EDEDED;} #onesub{width:30%; min-width:240px; float:left; margin:10px 10px; background:#E4E4E4; overflow:hidden} #onesub img{width:98%; height:auto; margin:8px auto; border:1px solid #666;} #onesub table{width:96%; margin:2px auto 2px auto; background:#FBFBFB; font-size:13px; font-weight:100; border-spacing:2px; border-collapse:separate; text-align:center;} #onesub td{font-family:Tahoma; background:#EDEDED; color:#000;} #onesub th{border:1px solid #CCC; padding:1%;} #five-updated{width:63%; float:left; margin:10px 0 0 2%; } #five-updated div{width:18%; margin:15px 1.5% 14px 1.5%; border-right:1px solid #EDEDED; float:left; padding:1.5%; min-width:140px; min-height:220px} #five-updated img{width:90%; margin:auto;} #news-exhibition{width:98%; max-width:1180px; margin:20px auto 15px auto; } #iso-ce{width:47%; float:left; } .trans{width:96%; border:3px solid #FFF; box-shadow: 1px 3px 3px #999; margin-bottom:15px; padding:1%; font-size:15px; font-weight:bold} .transo{width:98%; margin-bottom:15px; padding:1%;} .iso{width:98%; margin-bottom:15px;} #news{width:29%; float:left; margin-left:1.5%; background:#FFF; padding:0.5%;} #news table{width:98%; margin:auto;} #news th{background:#EDEDED; text-align:center; color:#800080; height:35px;} #news td{border-bottom:1px dotted #CCC; color:#800080; font-size:13px; padding:7px 0;} #exhibition{width:18%; float:left; margin-left:1.5%; border:3px solid #FFF; box-shadow: 1px 3px 3px #999; padding:0.5%; } #myfooter{width:100%; height:auto; background:#1c1c1c; border-top:6px solid #663366;} .commerce{width:90%; margin:auto;} .commerce li{border-bottom:1px dotted #CCC; text-align:right; margin-right:10px;} nav{display:none;} .graycont{width:99%; background:#F3F3F3; margin-top:15px;} .graycont p{padding:7px; color:#666; font-size:10px; text-align:justify;} .graycont a:link,a:visited{color:#0080FF;} .graycont a:hover{color:#202020;} .websample{width:40%; float:left; min-width:240px;} .webdescription{width:55%; float:left; margin-left:3%; min-width:240px;} /* products page */ #pro_articles{width:18%; float:left;} #pro_comp{width:64%; float:left; margin-left:1.5%; } #pro_brands{width:14%; float:left; margin-left:1.5%;} #pro_guide{width:100%; margin:10px auto 3px auto; border-bottom:2px solid #484848;} #pro_countries{ list-style-type: none; } #pro_countries li{display:inline-block; width:10%; line-height:15px;} #pro_countries img{width:auto; height:auto; padding:3px 0 0 3%;} #pro_countries a{color:#0080FF; text-decoration:none; font-size:10px;} #pro_countries a:hover{color:#800080;} #sief{width:100%; border-bottom:1px solid #CCC; background:#EDEDED;} #sief table{width:97%; margin:auto; text-align:center;} #sief img{width:auto; height:auto; display:inline;} #sief select{width:60%;} #company_all{width:100%; min-width:320px; margin:10px auto 3px auto;} a.compdiv:link,a.compdiv:visited{text-decoration:none;color:#4F4F4F} a.compdiv div{width:100%; background:#EBEBF5; margin:14px 0; } a.compdiv div:hover{background:#FFF !important;} a.compdiv div:hover div{background:#FFF !important;} a.complink:link,a.complink:visited{text-decoration:none;color:#4F4F4F} a.complink div{width:90%; background:#CCC; margin:14px auto; border-radius:8px; text-align:center} a.complink div:hover{background:#EBEBF5 !important;} a.complink div:hover div{background:#EBEBF5 !important;} .comp_pic{width:12% !important; float:left; margin-left:1.5% !important; border-radius:5px} .comp_pic img{float:right} .comp_contact{width:23% !important; float:left; border-right:1px solid #CCC; padding:0 0.9%;} .mobile_contact{display:none;} .comp_contact img{width:auto; height:auto;} .dcomp_portfo{width:70% !important; float:left; margin-left:1.5% !important; } .dcomp_portfo p{font-size:14px;} .comp_portfo{width:50% !important; float:left; margin-left:1.5% !important; } .comp_portfo p{font-size:10px;} .comp_portfo ul{width:80%; margin:15px auto 0 auto; direction:ltr;} .comp_portfo ul li{display:inline !important; margin:0 0 0 5%;} .comp_portfo ul li img{width:15% !important; height:auto; margin:0; padding:0; border:1px solid #CCC;} .comp_picture{width:21% !important; float:left; margin-left:1.5% !important; } #flippage{margin:7px auto;} #flippage li{display:inline; background:#EDEDED; padding:1px 9px; color:#333; border:1px solid #CCC; direction:ltr; margin:0 5px;} /* end of products page */ /* company page */ #comp_sample{width:31%; float:left;} #comp_rotary{width:45.5%; float:left; margin-left:1.5%;} #comp_article{width:19.8%; float:left; margin-left:1.8%; background:#FFF;} #comp_article img{width:96%; border:1px solid #CCC; margin:auto; float:none;} .article_img{width:auto !important; height:auto !important; max-width:240px !important;} #news_article{width:75%; float:left; border:1px dotted #999;} #news_article p{padding:2%;} #news_article img{width:auto; max-width:50%; min-width:240px; padding:2%; float:left;} #comp_article ul{padding:0 1%;} #comp_article li{border-bottom:1px dotted #CCC; padding:8px 0;} .illustrate{width:96%; margin:auto;} .illustrate li{display:inline; margin-left:1.5%;} .illustrate li img{width:31%; height:auto; padding:0; border:1px solid #CCC;} #comp_subsidiary{width:78%; margin:auto;} #comp_subsidiary a:link{font-family:Arial; text-decoration:none;} .article_single{padding:8px; vertical-align:text-top;} .article_single img{padding:15px; float:left; width:auto; height:auto; max-width:240px;} #allwhite{width:98%; background:#FFF; margin:20px 0; max-width:1180px; border:1px solid #CCC;} #set_contact{width:21%; float:left; background:#EAEAEA; padding:1%;} #set_contact img{width:auto; height:auto;} #set_gist{width:43%; float:left; border:1px dotted #666; margin-left:1.5%; padding:1%;} #set_picture{width:28%; float:left; margin-left:1.5%; min-height:300px} #set_picture img{width:auto; max-width:96%; height:auto; border:2px solid #CCC;} #mobset_contact{width:21%; float:left; background:#EAEAEA; padding:1%;} #mobset_contact img{width:auto; height:auto;} #mobset_gist{width:43%; float:left; border:1px dotted #666; margin-left:1.5%; padding:1%;} #mobset_picture{width:28%; float:left; margin-left:1.5%;} #mobset_picture img{width:auto; max-width:96%; height:auto; border:2px solid #CCC;} #mob_picture{display:none;} #mobsearch{display:none;} /* end of company page */ /*currency*/ #currency_rate{width:48%; float:left; text-align:center; margin-top:30px;} #currency_rate tr{background:#FFF;} #currency_rate img{width:auto;} #currency_exchange{width:50%; float:left; margin-left:1.5%; margin-top:30px;} #currency_exchange table{text-align:center;} #currency_exchange input{border:1px solid #666; width:100%;} #currency_exchange select{border:1px solid #666; padding:0 4px; width:100%;} .rateplus{color:#0C3; font-family:Arial; border-left:3px solid #0C3; padding:0 2px;} .ratelow{color:#F33; border-left:3px solid #F33; font-family:Arial; padding:0 2px;} .ratestd{color:#DFDF00; border-left:3px solid #DFDF00; font-family:Arial; padding:0 2px;} .ratesteady{color:#CC6; border-left:3px solid #FF0; font-family:Arial; padding:0 2px;} #afterchange{border-bottom:1px solid #606; border-top:1px solid #606; padding:5px 0; text-align:center; width:100%; color:#606; margin:10px 0;} #currency_info{width:100%; border-spacing:0;} #ex_tabdil{width:98%; max-width:1100px; margin:auto; font-family:Arial; margin-top:50px; border-top:1px solid #636;} #ex_tabdil img{width:auto; float:inherit;} #article_picture{width:50%; max-width:500px; float:left; padding:15px;} .rslides{margin:0 auto} .rslides{position:relative;list-style:none;overflow:hidden;width:100%;max-width:1100px;margin-top:10px} .rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0} .rslides li:first-child{position:relative;display:block;float:left} .rslides img{display:block;height:auto;float:left;width:100%;border:0} .rslides_container{position:relative;float:left;width:100%} .rslides1_nav{position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;z-index:99;opacity:.7;text-indent:-9999px;overflow:hidden;text-decoration:none;height:40px;width:25px;background:transparent url(themes.gif) no-repeat left top;margin-top:-45px} .rslides1_nav:active{opacity:1} .rslides1_nav.next{left:auto;background-position:right top;right:0} .rslides2_nav{position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;left:0;display:block;background:#fff;opacity:0;filter:alpha(opacity=1);width:48%;text-indent:-9999px;overflow:hidden;height:91%} .rslides2_nav.next{left:auto;right:0} .rslides3_nav{position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:.6;text-indent:-9999px;overflow:hidden;top:0;bottom:0;left:0;background:#000 url(themes.gif) no-repeat left 50%;width:25px} .rslides3_nav:active{opacity:1} .rslides3_nav.next{left:auto;background-position:right 50%;right:0} .rslides1_nav:focus,.rslides2_nav:focus,.rslides3_nav:focus{outline:none} .rslides_tabs{margin-top:10px;text-align:center} .rslides_tabs li{display:inline;float:none;_float:left;*float:left;margin-right:5px} .rslides_tabs a{text-indent:-9999px;overflow:hidden;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;background:#ccc;background:rgba(0,0,0,.2);display:inline-block;_display:block;*display:block;-webkit-box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);width:9px;height:9px} .rslides_tabs .rslides_here a{background:#222;background:rgba(0,0,0,.8)} .caption{position:absolute;display:block;bottom:0;left:0;right:0;padding:5px;text-align:center;background:#000;background:rgba(0,0,0,.8);color:#fff} p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sup,sub,tt,var,b,u,i,center,ul,ol,li,dl,dt,dd,form,fieldset,legend,input,button,textarea,select,label,applet,object,iframe,audio,video,canvas,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{font-family:inherit;font-weight:inherit;font-style:inherit;line-height:inherit;vertical-align:baseline;border:0;outline:0;padding:0;margin:0} ul,ol{list-style:none} #nav{display:none} #nav > a{display:none} #nav li{position:relative} #nav li a{color:#fff;display:block} #nav li a:active{background-color:#c00!important} #nav span:after{width:0;height:0;border:.313em solid transparent;border-bottom:none;border-top-color:#efa585;content:'';vertical-align:middle;display:inline-block;position:relative;right:-.313em} #nav > ul{height:3.75em;background-color:#636} #nav > ul > li{width:25%;height:100%;float:left} #nav > ul > li > a{height:100%;font-size:1em;line-height:2.5em;text-align:center} #nav > ul > li:not( :last-child ) > a{border-right:1px solid #999;text-align:center} #nav > ul > li:hover > a,#nav > ul:not( :hover ) > li.active > a{background-color:#999} #nav li ul{background-color:#999;display:none;position:absolute;top:100%} #nav li:hover ul{display:block;left:0;right:0} #nav li:not( :first-child ):hover ul{left:-1px} #nav li ul a{font-size:1em;border-top:1px solid #636;padding:.75em;text-align:center} #nav li ul li a:hover,#nav li ul:not( :hover ) li.active a{background-color:#636} #mobsubheader{display:none;} #mobsubarticle{display:none;} #dsolouki{width:auto} .snetwork{padding:0; text-align:left; float:right; margin-top:6px;} .snetwork li{display:inline; padding:0 2px; width:35px;} .snetwork img{width:35px; height:35px} .facebook{background:#43609C;border-radius:9%;height:22px;position:absolute;text-decoration:none;width:22px}.facebook:after{color:#FFF;content:"f";font-family:Facebook Letter Faces,Arial;font-size:20px;font-weight:700;margin:6% 0 0 36%}.facebook:hover{background:#000;cursor:pointer}.googleplus{background:#F33;border-radius:100%;height:24px;position:absolute;width:24px;text-decoration:none}.googleplus:after{color:#FFF;content:"+G";font-family:Arial;font-size:13px;font-weight:700;margin:28% 0 0 12%}.googleplus:hover{background:#000;cursor:pointer} .grayc{display:none} @media screen and (max-width: 740px) { .pervideo{width:98%;margin:auto;float:none} .newsstores{min-height:70px} .pc_vip{display:none} .mob_vip{position:fixed; top:180px !important; width:94%; z-index:1000; display:block !important; height:150px} .video_traslate{width:95%; float:none; height:auto; overflow:hidden; margin:auto; color:#996633; font-size:14px} .small_video{width:98%; float:none; height:auto; overflow:hidden; margin:15px auto; padding:0 !important} a.vip_cell:link,a.vip_cell:visited{color:#FFF; font-family:'yekan'; font-size:13px; background:#951b81; padding:8px 30px; border-radius:6px; border:2px solid #FFF} a.vip_cell:hover{background:#444} a.vip_whatsapp:link,a.vip_whatsapp:visited{color:#FFF; font-family:'yekan'; font-size:13px; background:#01ee01; padding:8px 30px; border-radius:6px; border:2px solid #FFF} a.vip_whatsapp:hover{background:#444} div{float:none; margin:auto;} #login{width:80%; margin:0px auto 0 auto; text-align:center; } #welcome{width:98%; margin:15px auto 10px auto; background:#EDEDED; } .toptwo{width:98%;} .stoptwo{float:none; width:96%; margin:auto;} a.butt:link,a.butt:visited{color:#000; text-decoration:none; background:#EDEDED; p1180ing:2px 15%; border-radius: 5px; font-size:10px;} a.butt:hover{background:#D6D6D6;} #logo{width:98%;} #mysearch{width:98%; margin:auto;} #mobsearch{width:98%; height:auto; padding:10px 0; margin:auto;} #cellsearch{width:98%; margin:auto; display:block;} #language{width:96%; margin:10px autp 10px auto; text-align:center;} #language img{width:30px; height:30px} #primary-banner{display:none;} #primary-rottary{width:96%;} #masterlink{width:98%;} #catagory{display:none;} #primary-link{display:none;} #primary-stuff{width:98%;} #latestpro{width:98%; margin:auto} #compadd{width:98%;} #five-updated{width:60%; margin:10px auto 0 auto; float:left; } #iso-ce{width:98%; margin:auto;} #news{width:98%; margin:auto;} #exhibition{width:98%; margin:auto;} nav{display:none;} #ex_tabdil{display:none;} #mobsubheader{display:block; width:96%; margin:20px auto; height:auto;} #mobsubarticle{display:block; width:96%; margin:20px auto; height:auto;} } @media screen and (max-width: 520px) { .mainfour{width:94%;float:left;margin:auto;float:none} #construction_whatsapp{display:block !important; position:fixed; bottom:20px !important; left:10px !important;} #construction_whatsapp img{width:auto; height:auto} .wide-left{width:98%;float:none;height:auto;overflow:hidden} .wide-right{width:98%;float:none;margin-right:15px auto} .grayc{display:block} #pro_articles{display:none;} #pro_brands{display:none;} #pro_comp{width:98%;} .comp_contact{display:none;} .mobile_contact{width:90%; display:block;} .mobile_contact img{width:auto; height:auto;} .comp_picture{width:100%; height:auto; overflow:hidden; min-width:200px} .comp_picture img{width:100%; height:auto; min-width:200px} .comp_pic{width:100%; height:auto; overflow:hidden; min-width:220px} .comp_pic img{width:100%; height:auto; min-width:220px} .comp_portfo{width:98% !important;} .dcomp_portfo{width:98% !important;} .comp_portfo ul li img{width:17% !important;} #pro_countries li{display:inline-block; width:18%; line-height:15px;} #pro_countries img{width:60%; height:auto; padding:3px 0 0 3%;} #sief{display:none;} #suspend{display:none;} #latestpro{min-width:275px;} #five-updated{width:98%; margin:10px auto 0 auto; } #five-updated div{min-width:170px !important} nav{display:block;} .thecomp{min-width:170px; max-width:220px; margin-left:3% !important; min-height:350px;} #onesub{width:92%;} #compgray{display:none;} #comp_sample{width:98%;} #comp_rotary{width:98%} #comp_article{width:98%; background:#FFF;} #mob_picture{display:block; width:98%; margin:auto; min-height:450px} #set_picture{display:none;} #set_contact{display:none;} #mobset_contact{margin:auto; float:none; width:98%;} #set_gist{width:95%; padding:2%;} #news_article{width:98%;} #currency_rate{width:98%;} #currency_exchange{width:98%;} #ex_tabdil{display:none;} #article_picture{width:96%; max-width:500px; margin:auto;} #myfooter{display:block !important;} .standardpic{width:auto; height:auto; float:left; max-width:100%;} .github{display:none} *{direction:rtl} html{font-size:75%} #nav{position:fixed;top:auto;width:100%;max-width:1100px; display:block} .nav_wrapper{position:relative;z-index:1000;width:100%;max-width:1100px;margin:auto;background:#760176} .nav_wra{position:relative;z-index:1000;width:100%;max-width:1100px;margin:auto;background:#760176} .btn{padding:10px 1%;margin:5px;color:#fff;text-decoration:none;font-family:sans-serif;transition:all .1s ease} .btn:hover{transition:all .1s ease} main{max-width:800px;margin:0 auto} #invoice_table{width:100%; border-collapse:separate; text-align:right; direction:ltr; text-align:center;} a.menu-link{display:block;color:#fff;float:left;text-decoration:none;padding:10px 16px;font-size:1em} a.menu-link:hover{color:#666} a.menu-link:after{content:"\2630";font-weight:400} a.menu-link.active:after{content:"\2715"} .menu{clear:both;min-width:inherit;float:none} .menu,.menu > ul ul{overflow:hidden;max-height:0;background-color:#39484d} .menu > li > ul.sub-menu{padding:0;border:none} .menu.active,.menu > ul ul.active{max-height:55em} .menu ul{display:inline} .menu li,.menu > ul > li{display:block} .menu > ul > li:last-of-type a{border:none} .menu li a{color:#fff;display:block;padding:.8em;position:relative} .menu li.has-submenu > a:after{content:'+';position:absolute;top:0;right:0;display:block;font-size:1em;padding:.55em .5em} .menu li.has-submenu > a.active:after{content:"-"} .menu ul ul > li a{background-color:#39484d;padding:10px 18px 10px 30px} .menu ul li a:hover{background:#4b5f65;color:#fff} .menu ul li.hover > a{background:#4b5f65;color:#fff} .menu ul ul,.menu ul ul ul{display:inherit;position:relative;left:auto;top:auto;border:none} .search_box{position:absolute;top:60px;left:0;z-index:10} .search_box input{width:70%} .search_box input.search_icon{width:17%} .spinner-master *{transition:all .3s;box-sizing:border-box} .spinner-master{position:relative;margin:15px;height:30px;width:30px;float:left} .spinner-master label{cursor:pointer;position:absolute;z-index:99;height:100%;width:100%;top:5px;left:0} .spinner-master .spinner{position:absolute;height:4px;width:100%;padding:0;background-color:#fff} .spinner-master .diagonal.part-1{position:relative;float:left} .spinner-master .horizontal{position:relative;float:left;margin-top:4px} .spinner-master .diagonal.part-2{position:relative;float:left;margin-top:4px} .spinner-master input[type=checkbox]:checked ~ .spinner-spin > .horizontal{opacity:0 !important} .spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-1{transform:rotate(135deg);-webkit-transform:rotate(135deg);margin-top:10px} .spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-2{transform:rotate(-135deg);-webkit-transform:rotate(-135deg);margin-top:-14px} #solouki{display:block; width:96%; margin:15px auto} #solouki img{width:100%; height:auto} #dsolouki{display:none} #nav > a{width:3.125em;height:3.125em;text-align:center;text-indent:-9999px;background-color:#636;position:relative} #nav > a:before,#nav > a:after{position:absolute;border:2px solid #fff;top:35%;left:25%;right:25%;content:''} #nav > a:after{top:60%} #nav:not( :target ) > a:first-of-type,#nav:target > a:last-of-type{display:block} #nav > ul{height:auto;display:none;position:absolute;left:0;right:0;text-align:center} #nav:target > ul{display:block;text-align:center} #nav > ul > li{text-align:right;width:100%;float:none} #nav > ul > li > a{text-align:center;height:auto;padding:0 .833em} #nav > ul > li:not( :last-child ) > a{border-right:none;border-bottom:1px solid #999} #nav li ul{position:static;padding:1.25em;padding-top:0} #mobile_banner{width:90%; margin:10px auto; display:block;} .bann{width:98%; margin:10px auto; float:none;} .snetwork{float:none; margin:auto;} .graycont ul{display:block !important; list-style:none} .thebox{width:15.5%; float:left; min-width:180px; height:260px; margin:15px 2%; padding:5px 0; text-align:center !important; line-height:20px} .thebox img{width:100%; height:auto; padding-bottom:6px;} }