@charset "utf-8";

/* CSS Document https://perfecticons.com */

* { 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;

    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: 22px;

    height: 22px;

    line-height: 22px;

    font-size: 14px;

    -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:Arial;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: Arial; font-size:15px !important;

	src: local("Arial");

    unicode-range: U+30-39;

	unicode-range: U+0025-00FF

}







body { font-size: 13px; color:#333; font-family: Arial; margin: 0 auto;

  text-align: center; overflow-x:hidden}

  

  



  span{color:#666; font-size:12px; direction:ltr !important }

  span.white{font-size:12px; color:#FFF;  text-shadow: 2px 2px #666;}

  form{direction:ltr;}



  ul{list-style:none;}







  h1{font-size:13px; direction:ltr; color:#F33; }



  h2{font-size:13px; direction:ltr; color:#444; }



  h3{direction:ltr; color:#F33; font-size:12px;}



  h4{text-align:left; border-bottom:1px dotted #CCC; font-family:Arial;}



  p{direction:ltr; text-align:justify; }



  img{width:100%; height:auto; padding:5px; border-radius:10px}



.wide{width:100%;} 



.red{color:#F33; font-size:13px;}



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



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



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



.orange-button{width:100%; height:30px; background:#F24F00; color:#FFFFFF; text-align:center; font-family:Arial; font-size:11px;}



.gray-button{width:100%; height:100%; background:#5a5a5a; color:#FFFFFF; text-align:center; font-family:Arial;  font-size:11px;}



a{color:#666; text-decoration:none; font-size:13px;}







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:Arial; 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:Arial; 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:Arial; 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:#F33;}



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% 30px 22%;}







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



a.tlan:hover{color:#000000;}















#topline{width:100%; height:32px; background:#FFF; font-family:Arial !important; font-size:13px;}



#topline-cont{width:96%; margin:auto; max-width:1280px; 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:left; margin-right:3%}



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



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

#topcontent{width:98%; max-width:1280px; margin:10px auto 2px auto; background:#e40613; border-radius:15px 15px 0 0; height:auto; overflow:hidden}



#logo{width:21%; float:left; min-width:180px; margin-top:30px}



#logo img{width:auto; 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:#CACACA;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 0;}



#basket img{width:70%; float:right;}



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



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


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


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:#999; padding:3px 10px;}

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





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



a.basket:hover{color:#FFF;}



#logosearch{width:22%; float:left; margin:0 0 0 5%;}



#organic{width:100%; margin:auto; max-width:1280px; overflow:hidden;}

#footorganic{display:none}

#page_dark{width:100%; margin:5px auto; position:relative; background:#303644; border-radius:0 0 20px 20px; max-width:1280px; padding: 20px 0; height:auto; overflow:hidden}
.dark_each{width:30%; float:left; margin-left:3%; height:auto; overflow:hidden}
.each_left{width:45%; float:left; height:auto}
.each_left img{width:100%; height:auto; border-radius:12px}
.each_right{width:50%; float:left; margin-left:5%}
.each_right li{border-bottom:1px dashed #B4B4B4}

a.darkpage:link , a.darkpage:visited{font-size:12px; color:#ADADAD; text-decoration:none}
a.darkpage:hover{color:#F33}

#page_light{width:100%; margin:20px auto; position:relative; background:#4d586a; border-radius: 20px; max-width:1280px; padding: 20px 0; height:auto; overflow:hidden}
#light_left{width:55%; float:left; height:auto; overflow:hidden; color:#EDEDED; margin-left:5%}
#light_picture{float:left; width:40%; margin-top:20px}
#light_picture img{width:100%; height:auto; border-radius:10px}
#light_text{width:55%; float:left; margin-left:5%; margin-top:20px}
#light_right{width:30%; float:left; margin-left:5%}
#light_right img{width:90%; height:auto; border-radius:20px; float:right}

#rottary{width:100%; margin:auto; position:relative; z-index:20; border-bottom:10px solid #FFF; max-width:1280px;}

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



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

#sprolinks{width:100%; margin:3px auto; height:40px; max-width:1280px;}

  nav { width: 100%; max-width:1280px;   border-bottom:2px solid #909090;
 }



.nav_wrapper {

  position:relative;

  z-index:1000;



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

  margin:auto;



}





.nav_wra{

  position:relative;

  z-index:1000;



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

  margin:auto;

 

  background:#B4B4B4;


}



.btn {

  padding: 10px 1%;

  margin: 5px;

  color: #666;

  text-decoration: none;

  font-family: sans-serif;

  transition: all 0.1s ease;

}



.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: #666;

  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: #FFF;

  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: #222;

  font-size: 13px;
  

}



.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;
  color:#CCC;

}



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

}













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

	width:100% !important;

	height:auto;

}

#testimonials-slider ul {

	list-style: none;

	position: absolute;

	top: 0;

	left: 0

}





.tsidebar{width:99%; background:#DFDFDF; text-align:center; color:#000; font-size:12px; padding:6px 0; max-width:1280px; margin:0 auto 5px auto; border-radius:6px}








#thesearch_table{width:90%; margin:auto; min-width:340px !important}




#mainpropic{width:40%; float:left; hight:auto; padding:15px}





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



#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:21%; float:left; margin:15px 1% 25px 1%; min-height:400px; font-size:12px !important}



.mainfour img{width:100%; height:auto; border-radius:10px}



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



.imainfour{width:27%; float:left; margin:15px 0 25px 4%;}



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







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



#afooter ul{list-style:none;}



#afooter li{text-align:left; 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:1280px; padding:5px 0; margin:auto;}



.contactinfo{text-align:left; color:#CCC !important; 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 #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 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: 0px 5px 5px #f33;max-width:1080px; margin:5px auto;border-radius: 6px;direction:ltr; padding:6px 2%; text-align:left; direction:ltr; min-height:40px}

#fiftyleft{width:52%; float:left; height:auto; overflow:hidden}

#fiftyright{width:44%; float:right; height:auto; overflow:hidden; margin-top:10px}

.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:#7B7B7B; border-radius:8px; height:200px; margin:5px 1.5%; padding:5px 2%; line-height:20px; color:#FFF}

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



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

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





#brands{width:100%; max-width:1280px; margin:12px auto; height:auto; min-height:90px;  overflow:hidden}

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



.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:1280px; padding:10px 0; max-height:200px; margin:0 auto 0 auto}



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



















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



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



.normal{width:96%; margin:auto; height:auto; max-width:1280px;  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:1280px; 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:left; 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:left; color:#666;}















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



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















/*  Number select stuff */



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



}



/* -- number select */























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



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



#telemail td{padding:20px 1%;}



.whitecontent{width:96%; max-width:1280px; background:#FFFFFF; height:auto; margin:auto; padding:0px 1% 0px 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 auto;}







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



.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:130; float:left; line-height:16px; vertical-align:bottom;}



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



#graychoice{width:98%; max-width:1280px; margin:10px auto 0px auto; background:#EDEDED; height:auto; padding:1%; overflow:auto;}



.graydiv{width:30%; min-width:240px; height:auto; float:left; margin:5px 1% 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:#FFFFFF; height:auto; overflow:auto; margin:auto; padding:0px 1% 0px 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 auto;}



.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:0px 1% 0px 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 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;



}



ul#tt{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: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;}















#pad {height:140px;}















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



/*! http://responsiveslides.com v1.54 by @viljamis */







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



  }







.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; /* Fix for IE6-9 */



  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: 0.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.0;



  }







.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 #f33; box-shadow: 0 0 10px #f33;   opacity: 1.7;

  transition: .5s ease;

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







footer {

  width: 100%;

  background: #0099cc;

  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:Arial;

		

  }



    .slick-slide {

      margin: 0px 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;

}

  

  

  

  

  

  

  

  

  

  

  

  







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

.dark_each{float:none; margin:20px 5%; width:90%;}

#light_left{width:90%; float:none; height:auto; overflow:hidden; color:#EDEDED; margin:auto}
#light_picture{float:none; width:90%; margin:auto}
#light_text{width:90%; float:none; margin:auto}
#light_right{width:90%; float:none; margin:auto !important}

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



#search { padding: 10px; }



.spinner-master * {

  transition: all 0.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: 12px;
  background:#444 !important;

}



a.menu-link:hover { color: #666; }



a.menu-link:after {

  content: "\2630";

  font-weight: normal;

}



a.menu-link.active:after { content: "\2715"; }



.menu {

  clear: both;

  min-width: inherit;

  float: none;
  background:#444 !important;

}

.menu ul{background:#444 !important}

.menu,

.menu > ul ul {

  overflow: hidden;

  max-height: 0;

  background-color: #39484d;

}



.menu > li > ul.sub-menu {

  padding: 0px;

  border: none;
  background:#444 !important;

}



.menu.active,

.menu > ul ul.active { max-height: 55em; }



.menu ul { display: inline; }



.menu li,

.menu > ul > li { display: block;; background:#444 !important; }

.menu > li > ul.sub_menu {

  min-width: 10em;

  padding: 4px 0;

  background-color: #555;

  border: 1px solid #fff;

}



.menu > ul > li:last-of-type a { border: none; }



.menu li a {

  color: #fff !important;

  display: block;

  padding: 0.8em;

  position: relative;
  font-size:12px !important;

}



.menu li.has-submenu > a:after {

  content: '+';

  position: absolute;

  top: 0;

  right: 0;

  display: block;

  font-size: 12px !important;

  padding: 0.55em 0.5em;

}



.menu li.has-submenu > a.active:after { content: "-"; }



.menu ul ul > li a {

  background-color: #39484d;
  
  color:#CCC;

  padding: 10px 18px 10px 30px;
  
  font-size:12px;

}



.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) {
	
	.menu {

  width: 100%;

  height: auto;

  background: #444 !important;

  transition: all 0.3s ease;



}

	#htwo{float:none;width:96%;margin:auto}
#thelinks{float:none;width:96%;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; /*center aligned*/



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



#resul{width:98%}



#resul li{list-style:none;display:inline;text-align:center;width:20%;padding:0px 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:Arial}



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







#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}#thepro_table td{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}











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















.imainfour{display:none}



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



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



#prolinks{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 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 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 auto;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;}

#organic{display:none}

#footorganic{width:100%; margin:auto; max-width:1280px; 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 1%; 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:left;}



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



#mainpropic{width:90%; float:none; hight:auto; margin:auto 15px;}


}