@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}
.bluespan{font-size:14px;direction:rtl; font-family:'yekan'; color:#0080FF}
.boldred{color:#FF0000; font-size:19px; font-weight:bold;  font-family:'yekan'}
.updatered{color:#FF0000; font-size:15px; font-weight:bold;  font-family:'yekan'}
.grayline{background:#EDEDED; border:#CCC; padding:2px; text-align:center; font-size:14px; color:#333; max-width:1180px; margin:5px auto;}
.pricediv{width:18%; float:left; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); min-width:170px; max-width:240px; margin:15px 1% 15px 1%; text-align:center;  }
a.pricediv:link,a.onefifth:visited{text-decoration:none;color:#4F4F4F}
a.pricediv:hover{background:#CACACA;}
a.pricediv div{width:96%; background:#EBEBF5; margin:4px auto; min-height:365px }
.pricediv img{width:100%; height:auto;}
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}
.perspan{font-size:14px;direction:ltr;font-family:'yekan'; color:#0066CC}
.phonenum{font-size:15px;direction:ltr;font-family:arial; color:#FFF; background-color: #693877; padding: 2px 3px; border-radius: 4px}


p{direction:rtl;text-align:right; padding:10px 0 !important}
a:link,a:visited{color:purple;font-size:11px;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:11px;color:#666}
a.white:link,a.white:visited{color:#FFF;text-decoration:none;padding:5px 2%!important;font-size:100%}
a.white:hover{background:#3e3e3e}
#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:14px;text-align:right}
.comp_lead_contact{width:15%;min-width:100px;text-align:right;background:#E0E0E0;color:#5A5A5A;font-size:14px}
#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}
.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}
.allgray{width:98%;background:#EDEDED;border:1px solid #CCC;text-align:center;padding:4px 0}
a.arialblue:link,a.arialblue:visited{color:#06F;text-decoration:none;font-family:Arial;font-size:12px}
a.arialblue:hover{color:#000}
#mastt li{display:inline;padding:0 2%;border-left:1px solid #CCC;float:right}
#login{width:20%;min-width:260px;float:left;text-align:left;padding:4px 0 6px;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}
.info_table{width:98%; border:1px solid #666}
.info_table td{font-family:Tahoma, Geneva, sans-serif !important; color:#333; font-size:13px !important; text-align:center; padding:5px 0; border:1px dotted #666} 
#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:11px}
a.purple:hover{color:#8F8F8F}
#thegray{width:100%;background:#666}
#compgray{width:100%;background:#666}
#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:11px;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:150px;height:280px;margin:15px 1%;font-family:'yekan';font-weight:700;padding:5px 0;text-align:center!important;line-height:20px}
.thebox img{width:150px;height:150px;padding-bottom:6px;border-radius:50%}
#search_banner{position:relative;text-align:center;color:#fff;min-height:210px!important}
#search_bottom_left{position:absolute;bottom:8px;left:0;color:#FFF;background:purple;padding:3px 6px}
.bannerint{font-family:Arial!important;font-size:13px; color:#FFF}
#allgray{width:100%;background:#f2f2f2}
#maincontent{width:98%;max-width:1180px;margin:auto;overflow:visible}
.standardpic{width:auto;height:auto;float:left}
.bann{width:30.7%;min-width:100px;float:left;margin:15px 1% 0;color:#666;text-align:center}
.thethree{width:30.7%;min-width:100px;float:left;margin:15px 1% 0;color:#666;text-align:center;min-height:200px!important}
.thethree p{text-align:center}
.toptwo{width:47%;min-width:240px;float:left;margin:15px 1% 0;color:#666;text-align:center}
.stoptwo{width:47%;min-width:240px;float:left;margin:15px 1% 0;color:#666;text-align:center}
#suspend{display:inline-block}
#compadd{width:75%;float:left;margin-top:20px;margin-left:2%}
.newsstores{width:98%;border:1px solid #CCC;border-radius:5px;box-shadow:1px 3px 3px purple;background:#F5F5F5;padding:.5%;font-size:10px}
#storediv{width:100%;background:#FFF}
.thecomp{width:21%;padding:1%;border:1px dotted #CCC;float:left;margin:25px 0 0 1%;background:#FFF;max-width:220px;min-width:130px;min-height:300px}
.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;border-bottom:3px solid #CCC}
#latest-update{width:98%;max-width:1180px;margin:0 auto;background:#FFF;border:1px solid #EDEDED}
#onesub td{font-family:Tahoma;background:#EDEDED;color:#000}
#onesub th{border:1px solid #CCC;padding:1%}
#myfooter{width:100%;height:auto;background:#1c1c1c;border-top:6px solid #636}
.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:11px;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}
#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;border-bottom:2px solid #484848}
#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}
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 .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;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}
#mobsubheader{display:none}
#mobsubarticle{display:none}
.grayc{display:none}
#video_box{width:96%;max-width:800px;margin:15px auto;height:auto}
#liner_box{width:100%;height:30px;padding:7px 0;background:#CCC;margin:10px 0}

@media screen and (max-width: 740px) {
div{float:none;margin:auto}
#login{width:80%;margin:0 auto;text-align:center}
#welcome{width:98%;margin:15px auto 10px;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}
#masterlink{width:98%}
#catagory{display:none}
#primary-link{display:none}
.thethree{min-width:100px}
#latestpro{width:98%;margin:auto}
#compadd{width:98%}
#news{width:98%;margin:auto}
nav{display:none}
#ex_tabdil{display:none}
}
@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}
.pricediv{width:45% !important;}
.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}
.comp_portfo{width:98%!important}
.comp_portfo ul li img{width:17%!important}
.thethree{min-width:120px}
nav{display:block}
#myfooter{display:none}
#nav{position:fixed;top:auto;width:100%;max-width:1100px;display:block}
.bann{width:98%;margin:10px auto;float:none}
.graycont ul{display:block!important;list-style:none}
.thebox{width:15.5%;float:left;min-width:150px;max-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;border-radius:50%}
}