@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}
.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:10px !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:13px; color:#1C8DFF; text-decoration:none}
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}


.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:#ffd700; font-size:23px;  text-shadow: 2px 2px #666; letter-spacing:3px; background:#FFF}
a:link,a:visited{color:purple;font-size:13px;text-decoration:none}
a:hover{color:#666}
#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}
.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}
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}
#comp_contact_table{width:95%}
.comp_contact_td{background:#EBEBEB;color:#54005B;font-size:16px;text-align:right}
.comp_lead_contact{width:15%;min-width:100px;text-align:right;background:#E0E0E0;color:#5A5A5A;font-size:16px}
#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;}
.allgray{width:98%; background:#EDEDED; border:1px solid #CCC; text-align:center; padding:4px 0;}
.topmargin{background:#EDEDED; border:#CCC; padding:2px; text-align:center; font-size:14px; color:#333; max-width:1180px; margin-top:40px; margin-bottom:20px}
#videobanner{width:100%; height:auto; overflow:hidden; padding:20px 0; background:#6a0f5a; border-radius:5px; margin:3px 0; text-align:center}
a.boldwhite:link, a.boldwhite:visited{color:#FFF; font-size:16px; text-decoration:none}
a.boldwhite:hover{color:#333}
#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;}
#language{width:18%; margin:5px 0 0 2%; float:left; font-family:Arial; font-size:15px; 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;}
#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}

.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:15px}
a.zbox:hover{background:#FFF; color:#0080FF;}
#allgray{width:100%;background:#f2f2f2;}
#maincontent{width:98%; max-width:1180px; margin:auto; overflow:visible;}
.standardpic{width:auto; height:auto; float:left;}
.thethree{width:30.7%; min-width:100px; float:left; height:auto; margin:15px 1% 0 1%; color:#666; text-align:center; min-height:200px !important}
.thethree p{text-align:center;}
#myfooter{width:100%; height:auto; background:#1c1c1c; border-top:6px solid #663366;}
.graycont{width:99%; background:#F3F3F3; margin-top:15px;}
.graycont p{padding:7px; color:#666; font-size:13px; text-align:justify;}
.graycont a:link,a:visited{color:#0080FF;}
.graycont a:hover{color:#202020;}
/* 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:12px 0; }
a.compdiv div:hover{background:#FFF !important;}
a.compdiv div:hover div{background:#FFF !important;}

.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;}
.comp_portfo{width:50% !important; float:left; margin-left:1.5% !important; }
.comp_portfo p{font-size:13px;}
.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; height:40px}
#flippage li{display:inline; background:#EDEDED; padding:1px 9px; color:#333; border:1px solid #CCC; direction:ltr; margin:0 20px;}
/* end of products page */


.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}

#mobsubheader{display:none;}
#mobsubarticle{display:none;}

.grayc{display:none}
@media screen and (max-width: 740px) {
	
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; }
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;}	
#masterlink{width:98%;}
#catagory{display:none;}
#primary-link{display:none;}
#primary-stuff{width:98%;}
#compadd{width:98%;}
#news{width:98%; margin:auto;}
#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) {
.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;min-height:360px!important}
.mobile_contact table{width:80%; margin:auto; text-align:center}
.mobile_contact img{width:auto;height:auto}
.comp_picture{display:none}
.comp_picture img{width:100%; height:auto; min-width:200px}
.comp_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;}
#set_gist{width:95%; padding:2%;}
#news_article{width:98%;}
#article_picture{width:96%; max-width:500px; margin:auto;}
#myfooter{display:block !important;}
.standardpic{width:auto; height:auto; float:left; max-width:100%;}
*{direction:rtl}
html{font-size:75%}
main{max-width:800px;margin:0 auto}
.graycont ul{display:block !important; list-style:none}
}