@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:400;font-style:normal}
@font-face{font-family:si;src:url(social/socicon.svg) format("svg")}
.soc{overflow:hidden;margin:0;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:#fff;background-color:#999}
.soc-icon-last{margin:0!important}
.soc-pinterest{background-color:#c92619}
.soc-pinterest:before{content:'\e043'}
.soc-instagram{background-color:#405de6}
.soc-instagram:before{content:'\e057'}
.soc-whatsapp{background-color:#20B038}
.soc-whatsapp:before{content:'\e01b'}
.soc-telegram{background-color:#08c}
.soc-telegram:before{content:'\e06e'}
.soc-facebook{background-color:#3e5b98}
.soc-facebook:before{content:'\e041'}
.soc-linkedin{background-color:#3371b7}
.soc-linkedin:before{content:'\e049'}
.leftpic img{padding:5px;width:90%;max-width:500px;float:left}
@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:11px;color:#666;font-family:Myarial;margin:0 auto;text-align:center;overflow-x:hidden;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
#pro_description_left{width:50%;float:left;height:auto;overflow:hidden}
#pro_picture_right{width:45%;float:right;height:auto;overflow:hidden}
#pro_picture_right img{width:100%;height:auto}
span{color:#666;font-size:12px;direction:ltr!important}
span.white{font-size:16px;color:#FFF;text-shadow:2px 2px #666}
form{direction:rtl}
ul{list-style:none}
li{text-align:right;color:#333}
.brandicon{width:12%;float:left;height:auto;max-height:100%;margin:7px 1%}
h1{font-size:13px;direction:rtl;color:#0076EC}
h2{font-size:12px;direction:rtl;color:#444}
h3{direction:rtl;color:#666;font-size:13px}
h4{text-align:right;border-bottom:1px dotted #CCC}
a.ddwide:link,a.ddwide:visited{color:#FFF !important; font-size:14px; background:#3366FF; padding:10px 30%; border-radius:10px}
a.ddwide:hover{background:#666666}
p{direction:rtl;text-align:justify}
p a:link{color:#0080FF!important}
img{width:100%;height:auto}
#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}
.midlist{width:96%;margin:auto;list-style:none}
.midlist li{border-bottom:1px dotted #666;padding:6px 0}
a.prosheet:link , a.prosheet:visited{color:#FFF !important; background:#0080FF; padding:5px 12px !important; margin:10px auto !important; text-decoration:none}
a.prosheet:hover{background:#666}
.wide{width:100%}
.red{color:#F33;font-size:13px}
.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}
.orange-button{width:100%;height:30px;background:#F24F00;color:#FFF;text-align:center;font-family:Myarial;font-size:11px}
.gray-button{width:100%;height:100%;background:#5a5a5a;color:#FFF;text-align:center;font-family:Myarial;font-size:11px}
a{color:#0080FF!important;text-decoration:none;font-size:11px}
a.blink:link,a.blink:visited{color:#333;text-decoration:none}
a.blink:hover{color:#F33}
a.jadval:link,a.jadval:visited{background:#f2cb04;width:100%;text-align:center;color:#FFF;font-size:13px;padding:5px 20%}
a.jadval:hover{background:#333}
a.dlink:link,a.dlink:visited{color:#F33;text-decoration:none}
a.dlink:hover{color:#F33}
a.en-dyellow:link,a.en-dyellow:visited{color:#B7B700;text-decoration:none;font-family:Arial;font-size:13px}
a.en-dyellow:hover{color:#000}
a.fa-dyellow:link,a.fa-dyellow:visited{color:#B7B700;text-decoration:none;font-family:Myarial;font-size:11px}
a.fa-dyellow:hover{color:#000}
a.lan:link,a.lan:visited{color:#008040;font-family:Arial;text-decoration:none;font-size:12px}
a.lan:hover{color:#000}
a.fa-lan:link,a.fa-lan:visited{color:#008040;font-family:Myarial;text-decoration:none}
a.fa-lan:hover{color:#000}
a.red:link,a.red:visited{color:#F33;text-decoration:none;font-family:Tahoma}
a.red:hover{color:#F33}
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:#D5D500;font-size:12px;text-decoration:none}
a.lblue:hover{color:#FFF}
a.gray:link,a.gray:visited{color:#666;text-decoration:none;font-family:Arial;font-size:13px}
a.gray:hover{color:#f2cb04}
a.pgray:link,a.pgray:visited{color:#999;text-decoration:none;font-family:Myarial;font-size:11px}
a.pgray:hover{color:#000}
a.error:link,a.error:visited{font-family:Arial;font-size:13px;color:#777;text-decoration:none}
a.error:hover{color:#000}
a.dgray:link,a.dgray:visited{width:100%;font-size:10px;width:100%;text-decoration:none;color:#666}
a.dgray:hover{color:#F8BC07}
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}
.leftpart{width:67%;float:left;height:auto;overflow:hidden;margin-top:20px}
a.rigging p{padding:5px;font-size:10px;color:#8E8E8E;background:#EDEDED}
a.rigging:hover div{background:#FBD22F}
.rigging img{width:25%;float:left;height:auto;padding:5px}
.rigging div{width:100%;margin:13px auto;height:auto;overflow:hidden;background:#FFF}
#grayer{width:94%;padding:10px 2%;background:#DEF;color:#333;margin:0 1%}
.leftleft{width:60%;float:left}
.leftright{width:33%;float:right}
.leftright img{width:100%;height:auto}
.rightpart{width:26%;float:right;height:auto;overflow:hidden;margin-top:20px;margin-right:2%}
.rightpart ul{list-style:none}
.rightpart li{text-align:left;padding:6px;margin-top:4px;background:#EDEDED;text-align:left;direction:ltr}
.allyellow{width:100%;color:#666;border-bottom:3px solid #005EBB}
#topline{width:100%;height:48px;background:#000;font-family:Arial!important;font-size:13px}
#topline-cont{width:96%;margin:auto;max-width:1100px;height:48px}
#socialnet{width:35%;float:left;margin-top:10px;color:#999}
#contact-info{width:50%;float:right;color:#999;max-width:450px;font-family:Tahoma;margin-top:15px;direction:ltr;text-align:right;margin-right:3%}
.white{color:#FFF;font-size:12px}
#top-info{width:100%;margin:auto;height:auto;min-height:95px;background:#03468d}
#topcontent{width:98%;max-width:1100px;margin:auto}
#logo{width:21%;float:left;min-width:180px;margin-top:30px;color:#FFF}
#logo img{width:100%;height:auto}
#mainlink{width:40%;float:left;margin:30px 0 0 5%}
#linklist{height:40px;float:right;width:100%}
#linklist li{display:inline;padding:3px 2%}
a.catyellow:link,a.catyellow:visited{color:#999!important;font-size:12px;text-decoration:none}
a.catyellow:hover{color:#000}
a.clink:link,a.clink:visited{color:#FFF!important;text-decoration:none;line-height:30px;padding-bottom:4px}
a.clink:hover{color:#000}
#basket{width:6%;float:left;margin:30px 0 0}
#basket img{width:70%;float:right}
a.yellow:link,a.yellow:visited{color:#F33;font-size:12px;text-decoration:none}
a.yellow:hover{color:#666}
a.membership:link,a.membership:hover{background:#000;color:#f2cb04!important;padding:3px 10px;border-radius:5px;border:2px solid #FFF}
a.membership:hover{background:#FFF;color:#000}
a.enteradmin:link,a.enteradmin:hover{color:#F33;padding:3px 10px}
a.enteradmin:hover{color:#FFF}
a.basket:link,a.basket:visited{color:#000;font-size:14px;text-decoration:none;font-family:Arial;font-weight:700}
a.basket:hover{color:#FFF}
#logosearch{width:22%;float:left;margin:0 0 0 5%}
#organic{width:100%;margin:auto;max-width:1100px;overflow:hidden;border-bottom:5px solid #CCC}
#footorganic{display:none}
#rottary{width:100%;border-top:4px solid #f2cb04;margin:auto;position:relative;z-index:20;border-bottom:4px solid #CCC}
.marger{width:100%;height:auto;margin:35px 0;overflow:hidden}
#leftyellow{width:56%;height:auto;overflow:hidden;padding:20px 2%;background:#f2cb04;min-height:150px;float:left}
#lypic{width:15%;float:right;min-width:220px;background:#FFF;min-height:100px;height:auto;overflow:hidden;padding:10px 1% 0;box-shadow:3px 3px #CCC}
#lypic img{width:100%;height:auto}
#lytext{color:#333;width:37%;min-width:300px;float:right;margin-right:2%;max-width:380px;font-size:11px;text-align:right}
#righttoit{width:39%;float:right;padding:15px 0;min-height:150px}
#toitcontent{color:#333;width:50%;min-width:260px;float:left;max-width:300px;font-size:11px;text-align:right}
#sprolinks{width:100%;margin:3px auto;height:40px;background:#000}
nav{width:100%;max-width:1100px}
.nav_wrapper{position:relative;z-index:1000;width:100%;max-width:1100px;margin:auto;background:#000}
.nav_wra{position:relative;z-index:1000;width:100%;max-width:1100px;margin:auto;background:#000}
.btn{padding:10px 1%;margin:5px;color:#fff;text-decoration:none;font-family:sans-serif;transition:all .1s ease}
.btn:hover{transition:all .1s ease}
main{max-width:800px;margin:0 auto}
#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 .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 .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:#000;transition:all .3s ease}
.menu ul{padding:0;margin:0;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:0}
.menu > ul > li{display:inline-block}
.menu ul li a{display:block;text-decoration:none;color:#fff!important;font-size:11px}
.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!important}
.menu ul ul ul{position:absolute;left:100%;top:0}
#hero{width:100%;height:auto;background:#e8ebf0;margin:70px 0 20px}
#hero img{width:100%;height:auto}
#testimonials-slider{overflow:hidden!important;min-height:350px;width:100%;max-width:300px;margin:auto;position:absolute}
.ie6 #testimonials-slider{margin:6px 0 0 5px}
.ie7 #testimonials-slider{margin:2px 0 0 14px}
.ie8 #testimonials-slider{margin-left:15px}
#testimonials-slider li{font:14px Verdana,serif;color:#6F6F6F;overflow:hidden;display:block;height:170px;overflow:hidden;margin:6px 0}
#testimonials-slider li img{float:left;margin:0;width:100%!important;height:auto}
#testimonials-slider ul{list-style:none;position:absolute;top:0;left:0}
.tsidebar{width:99%;background:#CCC;text-align:center;color:#000;font-size:12px;padding:6px 0;max-width:1280px;margin:0 auto 5px;border-radius:6px}
.tbsidebar{width:99%;background:#03468d;text-align:center;color:#FFF;font-size:12px;padding:6px 0;max-width:1280px;margin:0 auto 5px;border-radius:6px}
.widepro{width:98%;margin:20px auto;max-width:1100px;overflow:hidden;padding:5px;background:#EBEBEB}
.wide-left{width:62%;float:left;height:auto;overflow:hidden}
.wide-right{width:30%;float:right;margin-right:2%}
.wide-right img{width:100%;height:auto}
.centerwidepro{width:98%;margin:10px auto;max-width:1100px;overflow:hidden;padding:5px;background:#EBEBEB}
.centerwide-left{width:82%;float:left;height:auto;overflow:hidden}
.centerwide-right{width:10%;float:right;margin-right:2%}
.centerwide-right img{width:100%;height:auto}
#specpro{float:left;width:40%;height:auto;padding-right:2%;padding-bottom:20px}
.divall{width:98%;margin:auto;max-width:1100px;overflow:hidden;padding:20px 5px}
.divall ul{list-style:none;text-align:right}
.divall li{text-align:right;padding:5px 0}
.grayer{width:98%;margin:auto;max-width:1100px;overflow:hidden;padding:20px 5px;background:#D8D8D8;color:#00007D}
.grayerrighti{width:55%;float:right}
.grayerlefti{width:40%;float:left}
.grayerlefti img{width:100%;height:auto}
#motto{width:98%;margin:10px auto;padding:15px 0;border-bottom:1px solid #EDEDED;font-size:16px;color:#333;text-align:center;max-width:1100px;background:#EDEDED}
.mainfour{width:30%;float:left;margin:15px 1% 25px;min-height:150px}
.mainfour img{width:100%;height:auto;padding-bottom:7px}
.mainfour p{font-size:11px;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:100%;float:left;min-height:150px}
#news ul{list-style:none;font-size:11px;line-height:20px;text-align:right;width:100%}
#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:160px;border:1px solid #D8D8D8;float:left;margin:15px 1.5%}
.profour img{width:100%;height:120px}
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%;background:#373737;padding:10px 0;height:auto;overflow:hidden;max-width:1100px;margin:auto;border-top:3px solid #F33}
#afooter ul{list-style:none}
#afooter li{text-align:right;padding:2px 2%;border-bottom:1px dotted #999;color:#CCC}
#bfooter{width:100%;background:#000;color:#CCC;text-align:center;padding:4px 0}
.justcontent{width:96%;max-width:1100px;padding:5px 0;margin:auto}
.contactinfo{text-align:right;color:#CCC!important;font-size:12px!important;font-family:Myarial;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 #f2cb04}
.stro p{padding:5px;font-size:10px}
.stro img{width:24%;float:right;height:auto;padding:5px;border-left:1px dotted #CCC}
.stro div{width:93%;margin:8px auto;height:auto;overflow:hidden;background:#FFF;border:1px solid #CCC;border:6px solid #EDEDED}
a.rigging:hover div{background:#FBD22F}
.rigging{height:auto;overflow:hidden}
.rigging p{padding:5px;font-size:10px}
.rigging img{width:30%;float:left;height:auto;padding:5px}
.rigging div{width:100%;margin:13px auto;height:auto;overflow:hidden;background:#FFF}
#newsfeed{width:92%;height:auto;background-color:#EDEDED;box-shadow:0 5px 5px #ffc400;max-width:1080px;margin:5px auto;border-radius:6px;direction:rtl;padding:6px 2%;text-align:right;direction:rtl;min-height:40px}
#fiftyleft{width:52%;float:left;height:auto;overflow:hidden}
#fiftyright{width:44%;float:right;height:auto;overflow:hidden;background:#DBDBDB}
.allside{width:44%;height:auto;overflow:hidden;margin:15px 3%;float:left}
.tbox{width:29.5%;float:left;min-width:80px;max-width:140px;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}
#brands{width:100%;max-width:1100px;margin:auto;height:auto;min-height:120px;background:#EDEDED;overflow:hidden;padding:10px 0}
.thumbnail{position:relative;width:120px;height:120px;overflow:hidden}
.thumbnail img{position:absolute;left:50%;top:50%;height:100%;width:auto;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.thumbnail img.portrait{width:100%;height:auto}
#brandscon{width:96%;max-width:1100px;padding:10px 0;margin:10px auto}
.brandicon{width:20%;float:left;height:auto;max-height:100%;margin-left:4%}
#abox{width:28%;float:left;margin: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}
.allyellow{width:100%;color:#666;border-bottom:3px solid #ffc301}
#allblack{width:100%;color:#000;border-bottom:3px solid #666}
#ulblack{width:100%;color:#999;border-bottom:1px solid #EDEDED}
.newsul{list-style:disc}
.newsul li{border-bottom:1px dotted #CCC;color:#999;padding:3px 1%}
#latepro{width:100%;height:auto;min-height:90px;background:#EDEDED;overflow:hidden}
#lateprocon{width:96%;max-width:1100px;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:1100px}
.thecontent{width:96%;height:auto!important;background:#FFF;margin:20px auto;max-width:1080px;overflow:hidden}
#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}
a.onethird:hover{background:#f2cb04}
.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}
.normal{width:96%;margin:auto;height:auto;max-width:1100px;margin:15px auto 15px auto;overflow:hidden}
.catlist{width:100%}
.catlist li{list-style:none;border-bottom:1px dotted #CCC;margin:3px 0;padding:2px 3px}
.protophead{width:100%;height:35px;background:#EDEDED;max-width:1100px;margin-top:25px}
.thetophead{width:100%;height:45px;border-bottom:1px solid #CCC;background:#FFF;vertical-align:bottom}
.profive{width:18%;min-height:400px;border:1px solid #D8D8D8;float:left;margin:15px 1.5%;height:auto;direction:ltr!important}
.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%;direction:ltr!important}
a.profive p{padding:0 5px;font-size:10px;text-align:right;color:#666;direction:ltr!important}
.theprofive{width:21%;height:380px;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}
#price-table{width:98%;margin:auto;border-spacing:1px;direction:ltr!important}
#price-table td{padding:3px 2px}
#foot_num{max-width:600px;width:90%;border-top:#C1C1C1 1px dotted;height:60px;margin-top:30px}
#leadingnum{font-family:Arial,Helvetica,sans-serif;color:#373737;font-size:12px;background:#EDEDED;margin:20px auto;width:auto}
#leadingnum td{border:#E1E1E1 solid 1px;background:#FFF;padding:3px 5px;width:10%!important;max-width:20px!important}
#leadingnum a:link{color:#595959;text-decoration:none;font-family:Arial,Helvetica,sans-serif;font-size:12px}
#leadingnum a:visited{color:#ACACAC;text-decoration:none;font-family:Arial,Helvetica,sans-serif;font-size:12px}
#leadingnum a:hover{color:#FFF;text-decoration:none;font-family:Arial,Helvetica,sans-serif;background:#838383;font-size:12px}
#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:96%;max-width:1100px;background:#FFF;height:auto;margin:auto;padding:0 1%}
#shadower{width:98%;height:auto;max-width:1100px;margin:30px auto}
#newspro{width:98%;height:auto;max-width:1100px;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:98%;max-width:1100px;margin:10px auto 0;background:#EDEDED;height:auto;padding:1%;overflow:auto}
.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:1100px;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:1100px;margin:auto}
#yellower{width:98%;max-width:1100px;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:1100px;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:1100px;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}
ul#tt{background:transparent;height:20px;margin:0;padding:0;float:left;font-size:9px;list-style-type:none;float:right;margin-right:20px}
ul#tt li{float:right;padding-left:15px;display:list-item}
ul#tt a{height:20px;display:block;border:none;text-decoration:none}
a.dex{background:url(farsi.gif) 0 0 no-repeat;width:30px}
a.dex:hover{background:url(farsi.gif) 0 -20px no-repeat;width:30px}
a.deb{background:url(english.gif) 0 0 no-repeat;width:30px}
a.deb:hover{background:url(english.gif) 0 -20px no-repeat;width:30px}
#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}
#pad{height:140px}
.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%;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}
#nav a,#subMenusContainer a{text-decoration:none;display:block;padding:10px 20px;background-color:#fafafa;-moz-border-radius:7px;-webkit-border-radius:7px;color:#999;font-size:14px;text-align:left}
#nav a{margin:0}
#subMenusContainer a,#nav li li a{text-align:left}
#nav a:hover,#nav a:focus,#subMenusContainer a:hover,#subMenusContainer a:focus,#nav a.mainMenuParentBtnFocused,#subMenusContainer a.subMenuParentBtnFocused{background-color:#F6C739;color:#FFF}
#subMenusContainer a:hover,#subMenusContainer a:focus,#nav a.mainMenuParentBtnFocused,#subMenusContainer a.subMenuParentBtnFocused,#nav li a:hover,#nav li a:focus{background-color:#F6C739;color:#FFF}
#nav a.chet:link,#nav a.chet:visited{color:#C00;text-decoration:none}
#nav a.chet:hover{color:#000}
#nav ol,#nav ul,#subMenusContainer ul,#subMenusContainer ol{-moz-border-radius:8px;-webkit-border-radius:8px;border:1px solid #C3D46A;left:0}
#nav,#nav ul,#nav ol,#subMenusContainer ul,#subMenusContainer ol{margin:auto;list-style:none;line-height:1em}
#nav li{display:block;list-style:none;position:relative;border-bottom:1px dotted #CCC}
#subMenusContainer li{list-style:none}
#nav{display:block;position:relative;list-style:none;margin:auto;width:96%;z-index:5;text-align:right;display:block;z-index:1000}
#subMenusContainer{display:block;position:absolute;top:0;left:0;width:100%;height:0;overflow:visible;z-index:1000000000}
#nav li li{float:none}
#nav li li a{position:relative;float:none}
#nav li ul{position:absolute;width:10em;margin-left:-1000em}
#nav li ul ul{margin:-1em 0 0 -1000em}
#nav li:hover ul ul{margin-left:-1000em}
#nav li:hover ul{margin-left:120px;margin-top:-2.5em}
.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}
.snetwork{padding:0;text-align:left;float:right}
.snetwork li{display:inline;padding:0 15px;width:24px;border:1px solid ##4a4a4c}
.facebook{background:#43609C;border-radius:9%;height:22px;position:absolute;text-decoration:none;width:22px}
.facebook:after{color:#FFF;content:"f";font-family:Facebook Letter Faces,Arial;font-size:20px;font-weight:700;margin:6% 0 0 36%}
.facebook:hover{background:#000;cursor:pointer}
.googleplus{background:#F33;border-radius:100%;height:24px;position:absolute;width:24px;text-decoration:none}
.googleplus:after{color:#FFF;content:"+G";font-family:Arial;font-size:13px;font-weight:700;margin:32% 0 0 12%}
.googleplus:hover{background:#000;cursor:pointer}
#mobilelink{display:none}
#rescat{display:none}
a.topbrand:link,a.topbrand:visited{text-decoration:none;color:#666}
a.topbrand img{width:120px;height:90px}
a.topbrand img:hover{border-radius:10%;-moz-box-shadow:0 0 10px #0080FF;-webkit-box-shadow:0 0 10px #f2cb04;box-shadow:0 0 10px #f2cb04;opacity:1.7;transition:.5s ease;background-color:#008CBA;color:#333;width:120px;height:90px}
footer{width:100%;background:#09c;padding:10px;color:#fff;margin-top:40px}
footer a{color:#fff;text-decoration:none}
*{box-sizing:border-box}
.slider{width:90%;max-width:1040px!important;margin:15px auto;font-family:Myarial}
.slick-slide{margin:0 10px;text-align:center;line-height:30px}
.slick-slide img{width:100%;border-radius:10%;border:2px solid #FFF;height:55px!important}
.slick-prev:before,.slick-next:before{color:#f2cb04;background:#000;font-size:20px}
.number_ltr{direction:ltr!important;unicode-bidi:embed}
.bluedivall{width:96%;max-width:1100px;margin:15px auto;background:#29458f;padding-top:10px!important;height:auto;overflow:hidden;color:#FFF;border-radius:15px}
.bdlefti{width:60%;float:left;margin-left:5%;padding:15px 0;text-align:right}
.bdlefti p{margin-top:30px;line-height:29px}
.bdrighti{float:right;width:22%;margin-right:2%}
.bdrighti img{width:100%;height:auto}
#hoist{width:96%;padding:10px 1.8%;margin-top:15px;border:1px solid #CCC;border-radius:7px}
#news{width:96%;float:right;height:auto;overflow:hidden;padding:15px 2%}
#news ul{list-style:none;width:100%}
#news li{padding:4px 2%;text-align:right;background:#EDEDED;border-radius:5px;margin-top:3px}
#news p{text-align:right;font-size:11px}
.nthebox{width:30.5%;float:left;min-width:80px;height:160px;margin:10px 1%;padding:15px 1%}
.nthebox img{width:100%;min-width:100px!important;height:100px!important;border-radius:10px;border:2px solid #999}
a.nthebox:link,a.thebox:visited{color:#666;text-decoration:none;font-family:tahoma;font-size:9px}
a.nthebox:hover{color:#333;opacity:.6}
a.compblue:link,a.compblue:visited{text-decoration:none;color:#4F4F4F;background:#EDEDED}
a.compblue div{width:98%;background:#d7eefb;margin:2px 0;height:auto;overflow:hidden;float:left;margin-left:2%}
a.compblue div:hover{background:#CCC}
a.compblue div:hover div{background:#CCC!important}
a.compgray:link,a.compgray:visited{text-decoration:none;color:#4F4F4F;background:#EDEDED}
a.compgray div{width:98%;background:#EDEDED;margin:2px 0;height:auto;overflow:hidden;float:left;margin-left:2%}
a.compgray div:hover{background:#CCC}
a.compgray div:hover div{background:#CCC!important}
.comp_picture{width:29%!important;float:left;margin-left:3%!important}
.comp_portfo{width:64%!important;float:left;margin-left:2%}
.comp_portfo p{font-size:9px!important;color:#666}
.blueliner{width:100%;padding:5px 0;border-bottom:3px solid #0076b3;color:#666;font-size:12px}
.rtar{width:33%;float:left;height:auto;overflow:hidden!important;margin-left:1%}
.rrtar{width:32%;float:left;height:auto;overflow:hidden!important;margin-left:3%}
.srtar{width:27%;float:left;height:auto;overflow:hidden!important;margin-left:3%}
.lightblue{width:95%;padding:5px 2%;background:#d7eefb;border:2px solid #e2ecf2;color:#000;font-size:10px!important}
.halfleft{width:55%;float:left;height:auto;overflow:hidden;margin-left:1%}
.halfright{width:41%;float:left;margin-left:2%;height:auto;min-height:100px;background:#EAEAEA;overflow:hidden}
.thalfright{width:48%;float:left;margin-left:2%;height:auto;min-height:100px;overflow:hidden}
.thalfleft{width:48%;float:left;height:auto;overflow:hidden;margin-left:1%}
@media all and (max-width: 768px) {
.brandicon{width:30%!important;height:auto;margin:15px 1%;float:left}
.leftpic img{float:none;width:90%;margin:10px auto}
.wide-left{width:98%;float:none;height:auto;overflow:hidden}
.wide-right{width:98%;float:none;margin-right:15px auto}
.centerwide-left{width:98%;float:none;height:auto;overflow:hidden}
.centerwide-right{width:98%;float:none;margin-right:15px auto}
.rtar{width:98%;float:none;height:auto;overflow:hidden;margin:auto}
.rrtar{width:98%;float:none;height:auto;overflow:hidden;margin:auto}
.srtar{width:98%;float:none;height:auto;overflow:hidden;margin:auto}
.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) {
#specpro{width:98%;float:none;margin:15px auto;height:auto}
.grayerrighti{width:98%;float:none;height:auto;overflow:hidden;margin:auto}
.grayerlefti{width:98%;float:none;height:auto;overflow:hidden;margin:auto}
.leftpart{width:98%;float:none;height:auto;overflow:hidden;margin:auto}
.leftleft{width:98%;float:none;margin:auto}
.leftright{width:98%;float:none;margin:auto}
.rightpart{width:98%;float:none;height:auto;overflow:hidden;margin:auto}
#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}
#ninja-slider{width:100%;margin-top:400px;background:#222}
.github{display:none}
img{max-width:480px}
#topline{display:none}
#top-info{display:none}
#mobilelink{display:block;width:98%;margin:auto}
#reslogo{width:100%;height:auto}
#reslinks{height:auto;width:98%;margin:20px}
#resul{width:98%}
#resul li{list-style:none;display:inline;text-align:center;width:20%;padding:0 2.5%;color:#FFF;border-right:1px solid #CCC}
#ressearch{width:100%;height:auto;background:#FFF;margin:5px 0}
#thesearch_submit{font-size:9px;font-family:Myarial}
#catagories{display:none}
#rescat{display:block;width:98%;margin:auto;height:auto;margin:7px 0}
#motto{font-size:12px}
.mainfour{width:94%;float:left;margin:auto;float:none}
.tmainfour{width:94%;float:left;margin:auto;float: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;text-align:center}
#thepro_table img{width:90%!important;height:auto!important;margin:auto;float:none;padding:10px 0}
.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}
#htwo{float:none;width:96%;margin:auto}
#thelinks{float:none;width:96%;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:350px;border:1px solid #D8D8D8;float:left;margin:15px 1.5%;direction:ltr}
.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%;direction:ltr}
a.theprofive p{padding:0 5px;font-size:10px;text-align:right;color:#666;direction:ltr}
.imainfour{width:96%;float:none;margin:15px auto}
.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}
#prolinks{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}
#abox{width:98%;margin:auto;background:#CCC}
#bbox{width:98%;margin:auto}
#cbox{width:98%;margin:auto;background:#CCC}
#ntop{display:none}
#testimonials-slider{height:400px!important}
.mobelements{display:block;width:100%}
.onethird{width:96%;margin:20px auto;float:none;background:#EDEDED}
a.onethird:hover{background:#f2cb04}
.onethird img{height:180px;width:auto;max-width:90%!important;margin:auto;border:5px solid #EDEDED}
.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}
#pro_description_left{float:none;width:96%;margin:15px auto}
#pro_picture_right{float:none;width:96%;margin:15px auto}
#descmap{display:none}
#mobmap{width:95%;height:400px;margin:auto;display:block}
#organic{display:none}
#footorganic{width:100%;margin:auto;max-width:1100px;overflow:hidden;display:block}
#leftyellow{width:96%;height:auto;overflow:hidden;padding:10px 2%;background:#f2cb04;min-height:150px;float:none}
#lypic{width:40%;float:right;min-width:100px;background:#FFF;height:auto;overflow:hidden;padding:10px 1% 0;box-shadow:3px 3px #CCC}
#lypic img{width:100%;height:auto}
#lytext{color:#333;width:30%;float:left;margin-right:2%;max-width:380px;font-size:11px;text-align:right}
#righttoit{width:96%;float:none;padding:15px 0;min-height:150px}
#toitcontent{color:#333;width:100%;min-width:260px;float:none;max-width:300px;font-size:11px;text-align:right}
.bdrighti{float:none;margin:auto;width:98%}
.bdlefti{float:none;margin:auto;width:98%}
}