@charset "utf-8";



*{margin:0;padding:0}



html{overflow-y:scroll}



@font-face {



    font-family: 'si';



    src: url('social/socicon.eot');



    src: url('social/socicon.eot?#iefix') format('embedded-opentype'),



         url('social/socicon.woff') format('woff'),



         url('social/socicon.ttf') format('truetype'),



         url('social/socicon.svg#icomoonregular') format('svg');



		 



    font-weight: normal;



    font-style: normal;







}







@media screen and (-webkit-min-device-pixel-ratio:0) {



    @font-face {



        font-family:si;



        src: url(social/socicon.svg) format(svg);



    }



}







.soc {



    overflow:hidden;



    padding:0;



    list-style:none;



	



}







.soc li {



    display:inline-block;



    *display:inline;



    zoom:1;



	border-bottom:none !important;



}







.soc li a {



     font-family:si!important;



    font-style:normal;



    font-weight:400;



    -webkit-font-smoothing:antialiased;



    -moz-osx-font-smoothing:grayscale;



    -webkit-box-sizing:border-box;



    -moz-box-sizing:border-box;



    -ms-box-sizing:border-box;



    -o-box-sizing:border-box;



    box-sizing:border-box;



    overflow:hidden;



    text-decoration:none;



    text-align:center;



    display:block;



    position: relative;



    z-index: 1;



    width: 30px;



    height: 30px;



    line-height: 30px;



    font-size: 16px;



    -webkit-border-radius: 24px;



    -moz-border-radius: 24px;



    border-radius: 24px;



    margin-right: 10px;



    color: #ffffff;



    background-color: #999;



}







.soc-icon-last{



    margin:0 !important;



}







.soc-pinterest {



    background-color: #c92619;



}



.soc-pinterest:before {



    content:'\e043';



}



.soc-twitter {



    background-color: #4da7de;



}



.soc-twitter:before {



    content:'\e040';



}



.soc-instagram {



    background-color: #405de6;



}



.soc-instagram:before {



    content:'\e057';



}



.soc-whatsapp {



    background-color: #20B038;



}



.soc-whatsapp:before {



    content:'\e01b';



}



.soc-telegram {



    background-color: #0088cc;



}



.soc-telegram:before {



    content:'\e06e';



}



.soc-facebook {



    background-color: #3e5b98;



}



.soc-facebook:before {



    content:'\e041';



}



.soc-googleplus {



    background-color: #dd4b39;



}



.soc-googleplus:before {



    content:'\e042';



}



.soc-linkedin {



    background-color: #3371b7;



}



.soc-linkedin:before {



    content:'\e049';



}















@font-face{font-family:Myarial;unicode-range: U+0-2f, U+40-10FFFF;src:url(fonts/yekan.eot?#) format("eot"),url(fonts/yekan.woff) format("woff"),url(fonts/yekan.ttf) format("truetype")}



@font-face {



    font-family: Myarial; font-size:15px !important;



	src: local("Arial");



    unicode-range: U+30-39;



	unicode-range: U+0025-00FF



}











  



  



body{font-size:13px;color:#666;font-family:Myarial;margin:0 auto;text-align:center;-webkit-font-smoothing:antialiased;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}

a.normalcolor:link,a.normalcolor:visited,a.normalcolor:hover{color:#333; font-size:12px; text-decoration:none; font-style:normal !important}


#construction_whatsapp{display:block !important; position:fixed; bottom:20px !important; left:10px !important;}
#construction_whatsapp img{width:auto; height:auto}


.aftercheck{width:418px}



.middlediv{margin:0 auto; max-width:1200px;}







#topline-cont{width:100%; margin:auto; height:45px; background:#000; font-family:Arial !important; font-size:13px;}



#socialnet{width:20%; float:left; margin-top:5px; color:#999;}



#contact-info{width:50%; float:right; color:#FFF; max-width:450px; font-family:Tahoma; margin-top:11px; direction:ltr; text-align:right; margin-left:3%}







.lefti{width:51%; float:left; height:auto; overflow:hidden; margin:5px 0% 10px 2%;}



.righti{width:41%; float:right; height:auto; overflow:hidden; margin:5px 2% 10px 0}



.ilust{width:100%; height:auto; margin:7px 0 20px 0; overflow:hidden;}



.ilustleft{width:30%; float:left; line-height:20px}



.ilustleft image{width:100%; height:auto;}



.ilustright{width:60%; float:right}







.tbox{width:32.5%; float:left; min-width:80px; max-width:160px; background:#FFF; border:1px solid #CCC; height:200px; margin:5px 1.5%; padding:5px 2%; line-height:20px}



.tbox img{width:100%; height:auto; max-height:130px;}







a.tbox:link, a.tbox:visited{color:#777; text-decoration:none; font-family:tahoma;}



a.tbox:hover{border:1px solid #0060a2; color:#333;}







.abox{width:32%; float:left; margin:10px 1% 10px 0; }



.abox p{line-height:20px; font-size:10px;}



.ccc{width:100%; padding:3px 0%; background:#f10000; color:#FFF; min-height:162px; border-radius:35px 10px 20px 5px; margin:10px auto; max-width:1280px}
.ccc a:link{color:#CCC !important}
.ccc ul{list-style:circle; margin:20px}
.ccc li{color:#EDEDED; font-style:italic; padding:11px; font-size:13px}



.ccd{width:100%; padding:3px 0%; background:#666; color:#FFF; min-height:162px; border-radius:35px 10px 20px 5px; margin:10px auto; max-width:1280px}
.ccd a:link{color:#CCC !important}
.ccd ul{list-style:circle; margin:20px}
.ccd li{color:#EDEDED; font-style:italic; padding:11px; font-size:13px}


.ddd{width:100%; margin:3px 0}



.ddd img{margin-top:12px !important; border-radius:5px 20px 30px 10px}







#abox{width:28%; float:left; margin:20px 0 20px 0; }



#bbox{width:27%; float:left; margin:20px 0 20px 5%; margin-bottom:10px;}



#bbox ul{list-style:none;}



#bbox li{text-align:right;  padding:3px; margin-top:4px; background:#EDEDED; text-align:right; direction:rtl;}



#cbox ul{list-style:none;}



#cbox li{text-align:right; border-bottom:1px dotted #999; padding:3px}



#cbox{width:34%; float:left; margin:20px 0 20px 5% ; background:#FFF }



#allblack{width:100%;  color:#000; border-bottom:3px solid #666;}



a.rigging:hover div{background:#EDEDED}



.rigging p{padding:5px; font-size:10px;}



.rigging img{width:28%; float:left; height:auto; padding:5px; }



.rigging div{width:100%; margin:13px auto; height:auto; overflow:hidden; background:#FFF; }



#specpro{float:left; width:40%; height:auto; padding-right:2%}











#fiftyleft{width:44%; float:left; height:auto; overflow:hidden; background:#DBDBDB}



#fiftyright{width:53%; float:right; height:auto; overflow:hidden; }



.allside{width:44%; height:auto; overflow:hidden; margin:15px 3%; float:left}







span{color:#413aa5;font-size:12px}



span.my{color:#1A8CFF;font-size:12px}



form{direction:rtl}



#finaltable{width:85%; margin:30px auto; max-width:850px}



#finaltable td{padding:5px 10px; text-align:right; color:#333; font-size:11px}



#finaltable img{width:auto; height:auto}



ul{list-style:circle; direction:rtl}



li{ margin-top:3px; text-align:right; font-size:11px}



h1{font-size:14px;direction:rtl;color:#444;text-align:right;margin:5px 2%}



h2{font-size:13px;direction:rtl;color:#f10000;text-align:right;margin:10px 2%; border-bottom:3px solid #EDEDED; padding:0 0 4px 0}



h3{direction:rtl;color:#666;font-size:13px; direction:rtl; text-align:right; margin-right:2%}



h4{direction:rtl;color:#666;font-size:12px; direction:rtl; text-align:right; margin-right:2%}







p{direction:rtl;text-align:justify;padding:0 2%; font-size:11px !important; color:#333}



p.white{direction:rtl;text-align:justify;padding:0 2%; font-size:11px !important; color:#FFF}



img{width:100%;height:auto}



.wide{width:100%}



.sidebar{width:99%;height:35px;background:#5a5a5a;text-align:center;color:#FFF;font-size:11px;margin-top:3px}



.sidelab{width:99%;height:auto;max-height:1000px;overflow:hidden;margin-top:7px;background:#FFF}



.sidesample{width:99%;height:auto;overflow:hidden;margin-top:7px}



a{color:#008040;text-decoration:none;font-size:12px; font-style:italic}



a.blink:link,a.blink:visited{color:#333;text-decoration:none}



a.blink:hover{color:#F33}



.describe{width:100%; margin:auto}



.describe img{width:100%; height:auto;}



.describe ul{list-style:circle}



.describe li{margin:8px 2%; font-size:10px; line-height:15px; text-align:right}



.offerpro{width:46%; margin:20px 2%; margin:10px 2%; background:#8cc641; float:left; min-height:700px}



.offerpro img{width:100%; height:auto}



.offerpro ul{list-style:decimal}



.offerpro li{margin:6px 2%; font-size:10px; color:#FFF}



a.force div{color:#333}



a.force div:hover{color:#06C}



a.blue:link,a.blue:visited{color:#0093D9;font-size:12px;text-decoration:none}



a.blue:hover{color:#000}



a.lblue:link,a.lblue:visited{color:#000;font-size:10px;text-decoration:none}



a.lblue:hover{color:#FFF}



a.gray:link,a.gray:visited{color:#666;text-decoration:none;font-family:Myarial;font-size:11px}



a.gray:hover{color:#29458f}



.protitleh{color:#G1G1G1; font-size:13px; direction:rtl; background:#EDEDED}



.finalpic{width:75% !important; height:auto !important; margin:auto; float:right;}



a.dgray:link,a.dgray:visited{width:100%;font-size:10px;width:100%;text-decoration:none;color:#666}



a.dgray:hover{color:#a22921}



a.hgray:link,a.hgray:visited{width:100%;font-size:12px;height:85px;width:100%;text-decoration:none;color:#666}



a.hgray:hover{border-bottom:4px solid #0080C0;padding:30px 22%}



a.tlan:link,a.tlan:visited{color:#03F;font-family:Tahoma;font-size:10px;text-decoration:none}



a.tlan:hover{color:#000}







.white{color:#FFF;font-size:12px; font-family:Myarial}



#top-info{width:100%;margin:auto;height:auto;min-height:90px;background:#454545;}



#top-tcont{width:98%; margin:auto; max-width:1200px}



#logo{width:21%;float:right;min-width:180px}



#logo img{width:100%;height:auto}



#mainlink{width:74%;float:left;}



.greenliner{width:94%; margin:20px auto; max-width:1040px; height:35px; background:#29458f; color:#FFF; font-size:14px; padding:5px 2%; border-radius:5px;}



.linktop{width:100%;height:35px;margin-top:15px;font-family:Arial;font-size:12px}



.toplefti{width:25%;float:left;text-align:right;vertical-align:bottom; margin-top:17px}



.toprighti{width:70%;float:right;font-size:14px; color:#413aa5; letter-spacing:1px; margin-top:8px}



#grayc{width:96%;max-width:1280px;margin:5px auto;background:#CCC;height:43px !important}



.gleft{width:77%;float:left}



.gright{width:20%;float:right;background:#29458f;height:20px;padding:10px 0}



#linklist{height:40px; float:right; width:100%; }







#linklist li{display:inline; padding:3px 2%;}







a.catyellow:link, a.catyellow:visited{color:#999;font-size:12px; text-decoration:none; font-family:Myarial; font-style:normal}







a.catyellow:hover{color:#000;}







a.clink:link, a.clink:visited{color:#FFF !important; text-decoration:none; line-height:30px; padding-bottom:4px; font-family:Myarial; font-style:normal}







a.clink:hover{color:#000;}



a.enteradmin:link , a.enteradmin:visited{ Color:#F33; padding:3px 10px;}



a.enteradmin:hover{background:#FFF; color:#333; }



a.ddk:link, a.ddk:visited{color:#333; font-size:13px; text-decoration:none}



a.ddk:hover{color:#0080FF}



#basket{width:80%;background:#56443a;float:left;border-left:4px solid #29458f;color:#FFF;text-align:center;padding:3px;font-size:12px;line-height:25px;font-family:'yekan'}



#basket img{width:auto;float:right}



a.yellow:link,a.yellow:visited{color:#8dc73f;font-size:12px;text-decoration:none}



a.yellow:hover{color:#000}



a.basket:link,a.basket:visited{color:#ffbf00;font-size:14px;text-decoration:none;font-family:Arial;font-weight:700}



a.basket:hover{color:#000}



#search{width:22%;float:left;margin:30px 0 0 5%}



#rottary{width:100%;max-width:1280px; margin:-5px auto 0 auto;position:relative;z-index:20;}



#rottary img{border-top:3px solid #F33; border-bottom:3px solid #CCC}



#holder{width:94%; margin:15px auto; max-width:1200px; border-radius:5px; padding:8px 2%; height:auto; overflow:hidden; background:#EDEDED; border-bottom:2px solid #F33; direction:ltr !important}



.eachbrand{width:9%; float:left; min-width:120px; height:130px; margin-left:2%; text-align:center}



.eachbrand img{width:80%; margin:auto; padding-bottom:8px; height:auto}



.eachbrand a{font-size:9px !important; color:#f33 !important}



#motto{width:98%;margin:10px auto;padding:15px 0;border-bottom:1px solid #EDEDED;font-size:16px;color:#333;text-align:center;max-width:1280px;background:#EDEDED}



.mainfour{width:20%;float:left;margin:15px 1% 25px;min-height:150px}



.mainfour img{width:100%;height:auto;max-height:150px}



.mainfour p{font-size:10px;line-height:20px}



.imainfour{width:31%;float:left;margin:15px 0 25px 3%}



.tmainfour{width:29%;float:left;margin:15px 0 25px 2%}



#news{width:28%;float:left;min-height:250px;margin-top:30px}



#news ul{list-style:none;font-size:11px;line-height:20px;text-align:right}



#news li{padding:5px 0;border-bottom:1px dotted #CCC}



#latestpro{width:68%;float:right;min-height:260px;margin-top:30px}



.profour{width:13.3%;height:180px;border:1px solid #D8D8D8;float:left;margin:15px 1.5%}



.profour img{width:100%;height:140px}



a.profour:link,a.profour:visited{text-decoration:none}



a.profour:hover{border:1px solid #F90}



a.profour div{width:100%}



a.profour p{padding:0 5px;font-size:10px;text-align:right;color:#666}



#afooter{width:100%;max-width:1280px;margin:auto;background:#444;padding:10px 0;height:auto;overflow:hidden; border-top:4px solid #413aa5}



#afooter ul{list-style:none}



#afooter li{text-align:right;padding:2px 2%;border-bottom:1px dotted #999;color:#CCC}



#bfooter{width:100%;background:#333;color:#FFF;text-align:center;padding:4px 0;max-width:1280px;margin:auto}



.justcontent{width:96%;max-width:1280px;padding:5px 0;margin:auto}



.contactinfo{text-align:right;color:#CCC;font-size:12px!important;font-family:Arial;line-height:24px!important}



#descmap{width:37%;float:left;min-width:300px;padding:30px 3%}



#mobmap{display:none}



a.stro:hover div{border:6px solid #29458f}



.stro p{padding:5px;font-size:10px}



.stro img{width:24%;float:left;height:auto;padding:5px;border-right:1px dotted #CCC}



.stro div{width:93%;margin:8px auto;height:auto;overflow:hidden;background:#FFF;border:1px solid #CCC;border:6px solid #EDEDED}







#brands{width:100%;height:auto;min-height:90px;background:#FFF;overflow:hidden;max-width:1280px;margin:auto;border-bottom:2px solid #2c276f;border-top:2px solid #29458f}



.brandicon{width:12%;float:left;height:auto;max-height:100%;margin:7px 1%}



.mainleft{width:23%;float:left;min-height:200px;height:auto;overflow:hidden}



.maincenter{width:44%;float:left;min-height:200px;height:auto;overflow:hidden;margin-left:3%}



.mainright{width:27%;float:left;min-height:200px;height:auto;overflow:hidden;margin-left:3%}



.blacklable{width:100%;height:40px;background:#333;border-radius:5px 5px 0 0;text-align:center;color:#FFF;line-height:40px}



.greenlable{width:100%;height:40px;background:#29458f;border-radius:5px 5px 0 0;text-align:center;color:#FFF;line-height:40px}



.graylable{width:100%;height:40px;background:#E4E4E4;border-radius:5px 5px 0 0;text-align:center;color:#444;line-height:40px}



.greenlable{width:100%;height:40px;background:#29458f;border-radius:5px 5px 0 0;text-align:center;color:#FFF;line-height:40px}



.darklable{width:100%;height:40px;background:#777;border-radius:5px 5px 0 0;text-align:center;color:#FFF;line-height:40px;margin-top:30px}



a.compdiv:link,a.compdiv:visited{text-decoration:none;color:#4F4F4F;background:#FFF}



a.compdiv div{width:100%;background:#FFF;margin:5px 0;height:auto;overflow:hidden}



a.compdiv div:hover{background:#EDEDED}



a.compdiv div:hover div{background:#EDEDED!important}



a.compdiv li{line-height:20px; padding:0; color:#444; font-size:9px}



.comp_portfo{width:48%!important;float:left;margin-left:2%}



.comp_portfo p{font-size:10px;color:#666}



.comp_portfo ul{width:93%;margin:5px auto 0;direction:rtl;text-align:right}



.comp_portfo ul li{display:block;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:37%!important;float:left;margin-left:4%!important}



a.comppurple:link,a.comppurple:visited{text-decoration:none;color:#4F4F4F;background:#c6edff}



a.comppurple div{width:100%;background:#FFF;margin:0 0 20px;height:auto;overflow:hidden;text-align:center}



a.comppurple div:hover{background:#EDEDED}



a.comppurple div:hover div{background:#EDEDED!important}



.thecomp_portfo{width:98%;margin:auto}



.thecomp_portfo p{font-size:10px;color:#666}



.thecomp_portfo ul{width:93%;margin:5px auto 0;direction:rtl;text-align:center}



.thecomp_portfo ul li{display:block;margin:0 0 0 5%}



.thecomp_portfo ul li img{width:15%!important;height:auto;margin:0;padding:0;border:1px solid #CCC}



.thecomp_picture{width:100%!important;float:left;margin-left:3%!important}



.bbder{list-style:none}



.bbder li{border-bottom:1px solid #CCC;text-align:right;direction:rtl}



.allyellow{width:100%;color:#666;border-bottom:3px solid #413aa5}



#allblack{width:100%;color:#000;border-bottom:3px solid #666}



#latepro{width:100%;height:auto;min-height:90px;background:#EDEDED;overflow:hidden}



#lateprocon{width:96%;max-width:1280px;padding:10px 0;max-height:200px;margin:0 auto}



.lateproicon{width:20%;float:left;height:auto;max-height:100%;margin-left:4%}



#productspage{width:96%;margin:40px auto;max-width:1280px}



#proelements{width:80%;margin:auto;background:#FFF;padding:10px 0}



.thesix{width:15%;min-width:70px;height:auto;padding:0;margin-left:1.5%;float:left;text-align:center;vertical-align:text-top}



.mobelements{display:none}



.onethird{width:22%;height:auto;float:left;margin-left:3%;min-width:150px;margin-top:7px;background:#EDEDED;margin-top:60px; color:#a22921}



a.onethird:hover{background:#CCC}



.onethird img{height:180px;width:auto;max-width:100%;margin:auto}



.thethree{width:30%;min-width:180px;height:auto;padding:0;border-right:1px solid #CCC;margin-left:3%;float:left;text-align:center;vertical-align:text-top}



#prosetleft{width:76%;float:left}



#prosetright{width:20%;float:left;margin-left:3%;background:#EDEDED;border-top:3px solid #DD0;margin-top:30px}



#prosief input{width:100%}



#offertable{width:100%;font-size:10px;line-height:16px}



.offertd{width:65%;border-bottom:1px solid #CCC;padding:0 10px}



.per_pro{width:180px;height:340px;float:left;border:1px solid #999;margin:5px 11px;text-align:center;direction:ltr;line-height:17px;line-height:22px}



#thepro_table{width:90%;max-width:950px;margin:auto;text-align:right!important;direction:ltr!important}

#thepro_table td{max-width:96% !important}

#thepro_table tr{max-width:96% !important}

.normal{width:96%;margin:auto;height:auto;max-width:1280px;margin:25px auto 20px auto;overflow:hidden}



.thecontent{width:96%;height:auto;background:#FFF;margin:20px auto !important;max-width:1280px;overflow:hidden;padding:10px 2%;}



#htwo{width:56%; float:left; height:auto; overflow:hidden; background:#FFF; padding:10px 2%; margin-top:20px !important }



#thelinks{width:35%; float:right; height:auto; overflow:hidden; background:#EDEDED; margin-top:45px !important}



#thesearch_table{width:96%; margin:auto}



#thesearch_table img{width:auto; height:auto}



.divall{width:98%;margin:auto;max-width:1280px;overflow:hidden; background:#FFF}



.catlist{width:100%}



.catlist li{list-style:none;border-bottom:1px dotted #CCC;margin:3px 0;padding:2px 3px}



.protophead{width:100%;height:35px;max-width:1280px;margin-top:25px}



.thetophead{width:100%;height:45px;border-bottom:1px solid #CCC;background:#FFF;vertical-align:bottom}



.profive{width:18%;height:400px;border:1px solid #D8D8D8;float:left;margin:15px 1.5%}



.profive img{width:95%;height:auto}



a.profive:link,a.profive:visited{text-decoration:none}



a.profive:hover{border:1px solid #F90}



a.profive div{width:100%}



a.profive p{padding:0 5px;font-size:10px;text-align:right;color:#666}



.theprofive{width:21%;height:330px;border:1px solid #D8D8D8;float:left;margin:15px 1.5%; color:#666}



.theprofive img{width:100%;height:auto}



a.theprofive:link,a.theprofive:visited{text-decoration:none}



a.theprofive:hover{border:1px solid #F90}



a.theprofive div{width:100%}



a.theprofive p{padding:0 5px;font-size:10px;text-align:right;color:#666}



#price-table{width:98%;margin:auto;border-spacing:1px;direction:ltr!important}



#price-table td{padding:3px 2px}



#telemail{width:50%;margin-left:18%;float:left}



#telemail table{float:right;width:85%;font-weight:700;font-family:Arial;font-size:11px}



#telemail td{padding:20px 1%}



.whitecontent{width:98%;max-width:1280px;background:#FFF;height:auto;margin:auto;padding:0 1%}



#shadower{width:98%;height:auto;max-width:1280px;margin:30px auto}



#newspro{width:98%;height:auto;max-width:1280px;margin:auto;color:#FFF}



.thethree{width:29%;min-width:260px;float:left;margin:0 2%;font-size:10px}



.thethree img{width:100%;height:auto;padding:0 auto 15px}



.theeach{width:29%;float:left;margin:3px 2%;font-size:10px;height:200px}



.theeach img{width:100%;height:auto;max-height:140px;padding:3px auto 10px}



.orange{width:auto;background:#ffc301;border-radius:5px;padding:2px 2%}



.thebox{width:36%;height:270px;min-width:240px;float:left;margin:1% 0 1% 2.5%}



.linkbox{width:18%;height:270px;margin:1% 0 1% 2.5%;float:left}



.theschetch{width:36%;height:270px;min-width:230px;float:left;margin:1% 0 1% 2%}



.theschetch img{height:100%;width:auto}



.fourpro{width:28%;margin:2%;border:1px solid #CCC;height:130px;float:left;line-height:16px;vertical-align:bottom}



#masterlinks{width:100%;height:94px}



#graychoice{width:100%;max-width:1280px;background:#CCC;height:auto;padding:15px 2%;overflow:hidden}



#graychoice ul{list-style:none}



#graychoice li{border-bottom:1px dotted #FFF}



.graydiv{width:30%;min-width:240px;height:auto;float:left;margin:5px 1%;height:auto;border:1px solid #CCC}



.graydiv img{width:100%;height:auto}



#flink{width:80%;float:right;background:#fafafa;height:90px;margin-top:-18px;border-bottom:1px solid #EDEDED}



#flink td{border-right:1px solid #EDEDED}



#prolinks{width:100%;height:40px;background:#333}



#pro-info{width:56%;height:auto;overflow:auto;float:left}



#pro-picture{width:40%;min-width:280px;height:auto;border:1px solid #EDEDED;float:right}



#theninja{width:96%;max-width:1280px;background:#FFF;height:auto;overflow:auto;margin:auto;padding:0 1%}



#manual{width:20%;float:left;height:auto;overflow:auto}



#samplepro{width:78%;float:right;height:auto;overflow:auto}



#abstract{font-size:11px;text-align:right;direction:rtl;padding-right:4%}



#theerror{width:98%;max-width:1280px;margin:auto}



#yellower{width:98%;max-width:1280px;margin:auto;background:url(yellowbg.jpg) repeat;font-size:15px;color:#FFF}



#yellower p{text-align:right;padding:10px 3%}



#boldlink{width:100%;height:auto;overflow:auto}



#boldlink li{height:34px;background:url(brand.gif) repeat-x;text-align:left;padding-left:10px}



#allinfo{width:100%;height:auto;overflow:auto;margin-top:35px}



#brando{width:48%;min-width:240px;height:auto;overflow:auto;float:left}



#onesample{width:99%;height:auto;overflow:auto;background:#EDEDED;border:1px solid #CCC}



#compinfo{width:48%;min-width:240px;height:auto;overflow:auto;float:left;margin-left:2%}



#showbrand{width:98%;margin:20px auto 10px}



.showb{width:45%;min-width:240px;float:left;margin:2px 2% 1px 1%;border:1px solid #CCC;height:auto}



.showb img{width:100%;height:auto}



#threefields{width:100%;height:auto}



.threepic{width:30%;height:auto;float:left;margin-left:2%}



.threepic img{width:100%;height:auto}



#footer{width:96%;max-width:1280px;background:#333;height:auto;overflow:auto;margin:auto;padding:0 1%;border-top:10px solid #fafafb;color:#CCC;font-size:12px;border-top:4px solid #000}



#mobtop{display:none}



#mobfooter{display:none}



.thefour{width:24%;min-width:230px;height:220px;float:left;margin-left:1%}



#pro-main{width:98%;max-width:1280px;margin:auto;height:auto;overflow:auto;padding:1%}



#prodcontent{width:100%;margin:auto}



.pro-id{width:96%;min-width:240px;max-width:1000px;height:auto;box-shadow:5px 5px 5px #999;margin:15px auto;overflow:auto;background:#EDEDED}



.picpro-id{width:30%;height:auto;float:left;min-width:250px;border:1px solid #EDEDED}



.picpro-id img{width:100%;height:auto}



.textpro-id{width:60%;float:left;margin-left:4%;height:auto}



#footer-left{width:30%;float:left;font-family:Arial;line-height:25px;font-size:13px;text-align:left}



#footer-right{width:62%;float:right;text-align:right;margin-right:1%}



#newstab{width:96%;float:none;margin-left:10px auto;color:#333;text-align:right}



#newstab ul{list-style:none}



#newstab li{border-bottom:1px dotted #666;padding:3px 0}



.perper{width:16%;float:left;min-width:130px;margin-left:3%;border:1px dotted #CCC;height:230px}



.rslides{position:relative;list-style:none;overflow:hidden;width:100%;max-width:1280px;margin:auto}



.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{margin:0 auto}



.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:61px;width:38px;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:38px}



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



#mobilelink{display:none}



#rescat{display:none}



nav{width:100%;max-width:1280px}



#sprolinks{width:100%; margin:-2px auto 0 auto; height:40px; background:#CCC; max-width:1280px;}



  nav { width: 100%; max-width:1100px }







.nav_wrapper {



  position:relative;



  z-index:1000;







  width: 100%; max-width:1100px;



  margin:auto;



 



  background: #f10000;



}











.nav_wra{



  position:relative;



  z-index:1000;







  width: 100%; max-width:1100px;



  margin:auto;



 



  background: #f10000;



}







.btn {



  padding: 10px 1%;



  margin: 5px;



  color: #fff;



  text-decoration: none;



  font-family: sans-serif;



  transition: all 0.1s ease;



  font-style:normal !important



}







.btn:hover { transition: all 0.1s ease; }







main {



  max-width: 800px;



  margin: 0 auto;



}







main p {  1.2em;



}







#search {



  float: right;



  font-size: 30px;



  padding: 2px 15px;



  line-height: 35px;



  color: #fff;



  margin: 0;



  font-weight: 700;



  -webkit-transform: rotate(181deg);



  -moz-transform: rotate(181deg);



  -ms-transform: rotate(181deg);



  -o-transform: rotate(181deg);



  transform: rotate(181deg);



}







#search:hover { color: #666; }







.search_box {



  clear: both;



  width: 100%;



  background: #e8ebf0;



  padding: 0;



  margin: 0;



  height: 0;



  overflow: hidden;



  transition: all 0.1s ease-in-out;



}







.search_box.active {



  height: auto;



  padding: 15px 0;



}







.search_box input {



  width: 80%;



  font-size: 13px;



  margin: 0 0 0 15px;



  padding: 10px;



  border: none;



  background: #fff;



}







.search_box input:focus { outline: none; }







.search_box input.search_icon {



  clear: both;



  width: 10%;



  height: auto;



  padding: 10px;



  margin: 0;



  margin-left: -5px;



  border: none;



  color: #fff;



  cursor: pointer;



  background: #8c949d;



  opacity: 1;



  transition: all 0.1s ease;



}



a:link , a:visited{color:#F33; font-size:13px}



a:hover{color:#000}



.search_box input.search_icon:hover { background: #666; }







.menu-link { display: none; }







.spinner-master input[type=checkbox] { display: none; }







.menu {



  width: 100%;



  height: auto;



  background: #f10000;



  transition: all 0.3s ease;







}







.menu ul {



  padding: 0px;



  margin: 0px;



  list-style: none;



  position: relative;



  display: inline-block;



}







.menu > li > ul.sub_menu {



  min-width: 10em;



  padding: 4px 0;



  background-color: #f4f4f4;



  border: 1px solid #fff;



}







.menu ul li { padding: 0px; }







.menu > ul > li { display: inline-block; }







.menu ul li a {



  display: block;



  text-decoration: none;



  color: #fff;



  font-size: 12px;



  font-style:normal !important;



}







.menu ul li a:hover {



  background: #666;



  color: #fff;



}







.menu ul li.hover > a {



  background: #666;



  color: #fff;



}







.menu ul li > a { padding: 8px 15px; }







.menu ul ul {



  display: none;



  position: absolute;



  top: 100%;



  min-width: 200px;



  background: #39484d;



}







.menu ul li:hover > ul { display: block; }







.menu ul ul > li { position: relative; }







.menu ul ul > li a {



  padding: 10px 15px;



  height: auto;



  background: #39484d;



}







.menu ul ul > li a:hover {



  background: #666;



  color: #fff;



}







.menu ul ul ul {



  position: absolute;



  left: 100%;



  top: 0;



}



















#hero {



  width: 100%;



  height: auto;



  background: #e8ebf0;



  margin: 70px 0 20px 0;



}







#hero img {



  width: 100%;



  height: auto;



}











a.topbrand:link,a.topbrand:visited{text-decoration:none;  color:#666; font-size:9px; width:9%; float:left; margin-left:3%; direction:rtl !important}



a.topbrand img{min-width:100px; height:auto; border-radius:50px; border:3px solid #CCC}



a.topbrand img:hover{ border-radius:50%; -moz-box-shadow: 0 0 10px #0080FF; -webkit-box-shadow: 0 0 10px #0080FF; box-shadow: 0 0 10px #F33;   opacity: 1.7;



  transition: .5s ease;



  background-color: #008CBA; color:#333; width:100px; height:100px}











footer{width:100%;background:#09c;padding:10px;color:#fff;margin-top:40px}



footer a{color:#fff;text-decoration:none}



*{box-sizing:border-box}



.details{color:#333; background:#EDEDED; direction:ltr !important}



.details th{background:#CCC}



.details td{border:1px solid #FFF}



.iiimage{width:30%; max-width:200px; float:left; padding:10px 20px}

p a:link{color:#F33 !important}
p a:hover{color:#000 !important}



@media all and (max-width: 768px) {



a.topbrand:link,a.topbrand:visited{min-width:90px; min-height:160px; margin-left:6%}



.example-header .container{width:100%}



#search{padding:10px}



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



.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:-12px}



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



#hero{height:200px}



}



@media screen and (max-width: 480px) {



.abox{width:98%; margin:auto; background:#CCC;}



#abox{width:98%; margin:auto; background:#CCC;}



.ccc{margin-top:10px !important}



#bbox{width:98%; margin:auto; }







#cbox{width:98%; margin:auto; background:#CCC;}



#specpro{width:98%; float:none; margin:15px auto; height:auto}



#ntop{display:none;}



.righti{width:98%; margin:auto; float:none; background:#EDEDED}



.lefti{width:98%; margin:auto; float:none}	



.mainleft{display:none}



.maincenter{width:98%; margin:auto; float:none}



.mainright{width:98%; margin:auto; float:none}



.offerpro{width:96%; margin:auto; float:none}



.github{display:none}



#contact-info{display:none}



#socialnet{width:90%; float:left}



img{max-width:480px}



#topline{display:none}



#top-info{display:none}



#mobilelink{display:block;width:98%;margin:auto}



#reslogo{width:100%;height:auto}



#reslinks{background:#666;height:auto;width:100%}



#resul{width:98%}



#resul li{list-style:none;display:inline;text-align:center;width:30%;padding:0 6%;color:#FFF;border-right:1px solid #fff}



#ressearch{width:100%;height:auto;background:#FFF;margin:5px 0}



#thesearch_submit{font-size:9px;font-family:'yekan'}



#catagories{display:none}



#rescat{display:block;width:98%;margin:auto;height:auto;margin:7px 0}



#sprolinks{display:none}



#motto{font-size:12px}



.mainfour{width:94%;float:left;margin:auto;float:none}



.tmainfour{width:94%;float:left;margin:auto;float:none}



#news{display:none}



#latestpro{width:98%;float:none;margin:20px auto}



.profour{width:45%;height:200px;border:1px solid #D8D8D8;float:left;margin:15px 1.5%}



.profour img{width:100%;height:auto}



.per_pro{width:96%;height:auto;margin:10px auto 0;border:1px solid #999;text-align:center}



.per_pro img{width:90%!important;height:auto!important}



.thepro_table{display:none}



#gmap{width:98%;float:none;height:400px;margin:auto}



#contactdetail{width:98%;float:none;margin:auto}



.galdiv{width:98%;min-width:260px;box-shadow:5px 5px 5px #666;float:none;margin-top:10px;margin-bottom:10px}



#prosetright{display:none}



#prosetleft{width:98%;float:none;margin:auto}



#thepro_table td{display:block; max-width:96% !important; padding:1% !important}

#thepro_table p{max-width:330px; float:right; margin:5px; font-size:10px}



#thepro_table img{width:96%!important;height:auto!important;margin:auto}



.thethree{width:41.5%!important;height:auto;padding:0;border-right:1px solid #CCC;margin-left:3%;float:left;text-align:center;vertical-align:text-top;min-width:140px}



#proelements{display:none}



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



#pictureslide{width:98%;margin:auto}



.profive{width:46%;height:350px;border:1px solid #D8D8D8;float:left;margin:15px 1.5%}



.profive img{width:100%;height:140px}



a.profive:link,a.profive:visited{text-decoration:none}



a.profive:hover{border:1px solid #F90}



a.profive div{width:100%}



a.profive p{padding:0 5px;font-size:10px;text-align:right;color:#666}



.theprofive{width:46%;height:280px;border:1px solid #D8D8D8;float:left;margin:15px 1.5%}



.theprofive img{width:100%;height:140px}



a.theprofive:link,a.theprofive:visited{text-decoration:none}



a.theprofive:hover{border:1px solid #F90}



a.theprofive div{width:100%}



a.theprofive p{padding:0 5px;font-size:10px;text-align:right;color:#666}



.imainfour{width:96%;float:none;margin:15px auto}



.brandicon{width:30%;height:auto;margin:15px 1%; float:left}



.mainfour{margin:20px auto}



#newstab{width:96%;float:none;margin-left:10px auto;color:#333;text-align:right}



#newstab ul{list-style:none}



#newstab li{border-bottom:1px dotted #666;padding:3px 0}



#thefixed{display:none}



#thetopper{display:none}



#footer-left{display:none}



#footer-right{width:98%;margin:auto;text-align:right}



#mobtop{width:98%;margin:auto;height:auto;overflow:auto;display:block}



#pro-info{width:98%;height:auto;overflow:auto;margin:auto}



#pro-picture{width:98%;min-width:280px;height:auto;border:1px solid #EDEDED;margin:auto}



.thebox{width:96%;margin:auto;height:400px;min-width:240px;float:left;margin:1% 0 1% 2.5%;border:1px solid #CCC}



.thefour{width:24%;min-width:240px;height:220px;margin-left:1%}



.fourpro{width:43%;margin:2%;border:1px solid #CCC;height:115px;float:left}



.linkbox{width:96%;margin:auto;height:270px;border:1px solid #CCC;float:left}



#mobfooter{display:block;width:96%;height:100px;border-top:1px solid #CCC;background:#333;margin:auto;color:#CCC;text-align:center}



#manual{display:none}



#samplepro{width:98%;margin:auto;height:auto;overflow:auto}



#procontent{width:98%;margin:0 auto auto}



.theschetch{width:96%;height:270px;min-width:230px;float:left;margin:auto}



#brando{width:98%;min-width:240px;height:auto;overflow:auto;margin:auto}



#compinfo{width:98%;min-width:240px;height:auto;overflow:auto;margin:auto}



#onesample{display:none}



#threefields{width:96%;height:auto;margin:10px auto}



.picpro-id{width:98%;height:auto;border:1px solid #EDEDED}



.textpro-id{width:96%;height:auto}







#ntop{display:none}



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



.onethird{width:98%;margin:auto;float:none}



.per_pro{width:96%;height:auto;margin:10px auto 0;border:1px solid #999;text-align:center}



.per_pro img{width:90%!important;height:auto!important}



.thepro_table{display:none}



#descmap{display:none}



#mobmap{width:95%;height:400px;margin:auto;display:block}



#htwo{float:none; width:96%; margin:auto}



#thelinks{float:none; width:96%; margin:auto}



.iiimage{float:none; margin:20px auto; width:96%; max-width:500px}





.aftercheck{width:96% !important; padding:1.5%}







	#fiftyleft{width:98%; margin:auto; float:none}



#fiftyright{width:98%; margin:auto; float:none}



.allside{float:none; width:98%; margin:auto;}



.tbox{width:46%; margin:auto; height:200px; max-width:280px; float:left; margin:1% 0 1% 2.5%; border:1px solid #CCC;}







}