@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';

}












  

  

body{font-size:13px;color:#666;font-family:Arial;margin:0 auto;text-align:center;-webkit-font-smoothing:antialiased;direction:ltr;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}



.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:left; 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:10x 0 }



.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:left;  padding:3px; margin-top:4px; background:#EDEDED; text-align:left; direction:ltr;}

#cbox ul{list-style:none;}

#cbox li{text-align:left; 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%}


.sixtyfive{
	width:69%; float:left; height:auto; overflow:hidden}
	#intropic{width:40%; float:left}
	#intropic img{width:100%; margin-top:20px}
	#introtext{width:55%; float:right}
	#subleft{width:55%; float:left; margin-top:15px}
	#subright{width:40%; float:right; margin-top:15px}
.thirty{width:27%; float:right; height:auto; overflow:hidden}
.thirty div{margin:20px 0}
.thirty img{width:94%; margin:10px auto; height:auto}
	.thirtyccc{width:92%; float:right; height:auto; overflow:hidden; padding: 10px 2%; border-right:5px solid #F33; background:#CCC}
	.thirtyed{width:92%; float:right; height:auto; overflow:hidden; padding: 10px 2%; border-right:5px solid #F33; background:#EDEDED}


#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:ltr}

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

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

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

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

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

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

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

انواع فیلتر{direction:ltr;color:#00D700;font-size:12px; direction:ltr; text-align:left; margin-right:2%}

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



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

p.white{direction:ltr;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:left}

.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:Arial;font-size:11px}

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

.protitleh{color:#G1G1G1; font-size:13px; direction:ltr; 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:Arial}

#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:left;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:Arial; 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:Arial; 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:28%;float:left;margin:35px 2% 40px 3%;min-height:150px}

.mainfour img{width:100%;height:auto; padding-bottom:15px}

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

#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:left;color:#666}

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

#afooter ul{list-style:none}

#afooter li{text-align:left;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:left;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:ltr;text-align:left}

.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:ltr;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:left;direction:ltr}

.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:left!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:left;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:left;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:left;direction:ltr;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:left;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:left;margin-right:1%}

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

#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:#666; font-size:12px}

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:ltr !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}

@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) {
	
.sixtyfive{width:98%; float:none; margin:auto !important}
.thirty{width:98%; float:none; margin:auto !important}	

.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:left;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:left;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:left}

#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:left}

#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;}

	#intropic{display:none !important}
	#introtext{width:96%; float:none; margin:auto}
	#subleft{width:96%; float:none; margin:auto}
	#subright{width:96%; float:none; margin:auto}




}