@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: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    margin-right: 10px;
    color: #ffffff;
    background-color: #999;
}

.soc-icon-last{
    margin:0 !important;
}

.soc-pinterest {
    background-color: #c92619;
}
.soc-pinterest:before {
    content:'\e043';
}
.soc-twitter {
    background-color: #4da7de;
}
.soc-twitter:before {
    content:'\e040';
}
.soc-instagram {
    background-color: #405de6;
}
.soc-instagram:before {
    content:'\e057';
}
.soc-whatsapp {
    background-color: #20B038;
}
.soc-whatsapp:before {
    content:'\e01b';
}
.soc-telegram {
    background-color: #0088cc;
}
.soc-telegram:before {
    content:'\e06e';
}
.soc-facebook {
    background-color: #3e5b98;
}
.soc-facebook:before {
    content:'\e041';
}
.soc-googleplus {
    background-color: #dd4b39;
}
.soc-googleplus:before {
    content:'\e042';
}
.soc-linkedin {
    background-color: #3371b7;
}
.soc-linkedin:before {
    content:'\e049';
}



@font-face{font-family:'yekan';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: 'yekan'; margin: 0 auto;
  text-align: center; background:#f3f3f3; overflow-x:hidden}
  
  
   #ileft{float:left; width:42%; height:auto}
 #ileft img{width:100%; height:auto}
 #iright{width:52%; float:right; height:auto} 
  
  
  
  nav { width: 100%; max-width:1100px }

.nav_wrapper {
  position:relative;
  z-index:1000;

  width: 100%; max-width:1100px;
  margin:auto;
 
  background: #0060a2;
}


.nav_wra{
  position:relative;
  z-index:1000;

  width: 100%; max-width:1100px;
  margin:auto;
 
  background: #0060a2;
}

.btn {
  padding: 10px 1%;
  margin: 5px;
  color: #fff;
  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: #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:#0060a2}
.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: #0060a2;
  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: 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;
}

.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}
a.topbrand img{width:100px; height:100px}
a.topbrand img:hover{ border-radius:30%; -moz-box-shadow: 0 0 10px #0080FF; -webkit-box-shadow: 0 0 10px #0080FF; box-shadow: 0 0 10px #0080FF;   opacity: 1.7;
  transition: .5s ease;
  background-color: #008CBA; color:#333; width:100px; height:100px}



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;
		margin:15px auto;
		font-family:Myarial;
		
  }

    .slick-slide {
      margin: 0px 20px; text-align:center;  line-height:30px
    }

    .slick-slide img {
      width: 100%;  border-radius:70%; border:3px solid #CCC
    }

    .slick-prev:before,
    .slick-next:before {
        color:#B7B7B7;
    }
  
  
  .gallerydiv{width:28%; float:left !important; margin:20px 2.5%; border:1px solid #CCC;}
  
  	.zoom {
			display:inline-block;
			position: relative;
		}
		
		/* magnifying glass icon */
		.zoom:after {
			content:'';
			display:block; 
			width:33px; 
			height:33px; 
			position:absolute; 
			top:0;
			right:0;
			background:url(icon.png);
		}

		.zoom img {
			display: block;
		}

		.zoom img::selection { background-color: transparent; }

		#ex2 img:hover { cursor: url(grab.cur), default; }
		#ex2 img:active { cursor: url(grabbed.cur), default; }
  
  
  
  span{color:#777; font-size:13px }
  .rspan{color:#555; font-size:12px; font-weight:100}
  form{direction:rtl;}
  ul{list-style:none;}

  h1{font-size:14px; direction:rtl; color:#0060a2}
  h2{font-size:13px; direction:rtl; color:#0060a2;}
  h3{direction:rtl; color:#666; font-size:11px;}
  h4{text-align:right; border-bottom:1px dotted #CCC; font-family:Tahoma; color:#F33; font-size:14px; padding:7px 0; font-weight:100}
  p{direction:rtl; text-align:justify;}
  .pmaster{padding:5px 3%; line-height:20px;}
  img{width:100%; height:auto;}
.wide{width:100%;} 
.red{color:#FFF; font-size:13px; background:#333}
.sidebar{width:99%; height:35px; background:#5a5a5a; text-align:center; color:#FFFFFF; font-size:11px; margin-top:3px;}
.tsidebar{width:99%; background:#CCC; text-align:center; color:#333; font-size:16px; padding:10px 0; max-width:1100px; margin:auto}
.blackdiv{width:96%; max-width:1100px; margin:8px auto; background:#000; height:auto; overflow:hidden; color:#ffc80f; padding:5px 2%; border-radius:2px; text-align:right}
.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;} 


.middlethree{width:26%; float:left; margin:15px 2.5% 15px 2.5%; padding:8px 1%; min-height:200px; background:#FFF;}
.middlethree p{line-height:20px; padding:5px 2%}




.orange-button{max-width:100%; height:100%; background:#f8c805; color:#000; text-align:center; font-family:'yekan'; font-size:13px; padding:4px 40px;}
.gray-button{max-width:100%; height:100%; background:#333; color:#f8c805; text-align:center; font-family:'yekan';  font-size:13px; padding:4px 46px}
a{color:#666; text-decoration:none; font-size:13px;}
a:link, a:visited{color:#FFF; font-size:11px; text-decoration:none}
a:hover{color:#666}

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

a.jadval:link, a.jadval:visited{background:#fcc604; width:100%; text-align:center; color:#333; font-size:13px; padding:5px 36%;}
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:'yekan'; 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:'yekan'; text-decoration:none;}
a.fa-lan:hover{color:#000;}

a.red:link , a.red:visited{color:#FFF; text-decoration:none; font-size:12px; font-weight:100; padding:4px 10px; border-radius:2px; font-family:Myarial}
a.red:hover{color:#000;}

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:#333; text-decoration:none; font-size:12px; font-weight:100; font-family:Myarial}
a.gray:hover{color:#F33;}

a.pgray:link , a.pgray:visited{color:#666; text-decoration:none; font-size:13px;}
a.pgray:hover{color:#FFF;}

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:13px; 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% 30px 22%;}
a.white:link, a.white:visited{color:#FFF; text-decoration:none;}
a.white:hover{color:#000;}

a.cart:link, a.cart:visited{color:#ffc80f; text-decoration:none; width:100%;  background:url(bcart.gif) right; height:30px; padding:6px 18%; font-size:13px; border-radius:2px}
a.cart:hover{color:#FFF}

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

a.botton:link , a.botton:visited{background:#F4F4F4; border:1px solid #CCC; padding:3px 10px; border-radius:5px; color:#666; text-decoration:none; font-size:13px; font-weight:200}
a.botton:hover{background:#CCC}

#topline{width:98%; height:50px; font-size:12px;  margin:auto; max-width:1100px; height:38px; font-weight:bold}

#socialnet{width:30%; float:left; margin-top:4px; color:#999;}
#contact-info{width:60%; float:right; color:#333; margin-top:5px; text-align:left; }
.white{color:#FFF; font-size:12px;}
#top-info{width:100%; height:auto; min-height:66px; overflow:hidden; background:#FFF }
#top-in-content{width:100%; max-width:1100px; margin:auto; height:auto; overflow:hidden}
#logo{width:25%; float:right; min-width:180px; height:100%; }
#logo img{width:auto; height:auto; max-height:80px; max-width:100%;}
#mainlink{width:44%; float:left; margin:0 0 0 5%;}
#linklist{height:30px; float:right; width:100%; border:1px solid #000 }
#linklist li{display:inline; padding:3px 3%; border-right:1px dotted #CCC;}
a.catyellow:link, a.catyellow:visited{color:#777;font-size:12px; text-decoration:none;}
a.catyellow:hover{color:#f9d138;}
a.clink:link, a.clink:visited{color:#fdc035 !important; text-decoration:none; line-height:30px; padding-bottom:4px;}
a.clink:hover{color:#000;}

#basket{width:20%; float:left; margin:22px 0 0 0; text-align:center; margin-left:2%}
#basket li{list-style:none; display:inline; width:55px !important}
#basket img{width:auto; float:left; padding:0 10px !important}
a.yellow:link , a.yellow:visited{color:#e59f00; font-size:11px; 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:bold;}
a.basket:hover{color:#000;}
#search{width:22%; float:left; margin:0 0 0 5%;}

#rottary{width:100%;  margin:0 auto 15px auto; position:relative; z-index:20}
#sprolinks{width:100%; height:40px; background:#0060a2;}
#spb{width:98%; max-width:1100px; margin:0 auto;}
#blogo{width:22%; float:left; min-width:180px; height:100%; }
#sharlink{width:75%; float:left; margin-left:2%;}
#blogo img{width:100%; height:40px; margin-bottom:0px; vertical-align:bottom}



.divall{width:98%; margin:auto; max-width:1100px; overflow:hidden; background:#FFF; padding:10px 0;}
#organic{width:100%; margin:auto; max-width:1100px; overflow:hidden; border-bottom:3px solid #C1C1C1}
#footorganic{display:none}
#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:47%; float:left; margin:10px 0 10px 3%; min-height:150px; background:#EDEDED; border-bottom:3px solid #F33}
.mainfour img{width:50%; height:auto; float:right; max-height:150px;}
.mainfour p{font-size:13px; line-height:20px;}


a.compblue:link,a.compblue:visited{text-decoration:none;color:#4F4F4F; }
a.compblue div{width:26%; margin:30px 0 0 5%; height:auto; overflow:hidden;  float:left; font-family:'yekan'  }
a.compblue img{border-radius:50%; padding:2px; border:3px solid #EDEDED}
a.compblue img:hover{
  transition: .5s ease;
  border:11px solid #CCC;}
a.compblue div:hover div{background:#FFF;}

a.press:link,a.press:visited{text-decoration:none;color:#4F4F4F; }
a.press div{width:18%; margin:30px 0 0 5%; height:auto; overflow:hidden;  float:left; font-family:'yekan'  }
a.press img{border-radius:5%; padding:2px; border:3px solid #EDEDED}
a.press img:hover{
  transition: .5s ease;
  border:11px solid #CCC;}
a.press div:hover div{background:#FFF;}


.comp_picture{width:40% !important; float:left; margin-left:3% !important; }


.comp_portfo{width:53% !important; float:left; margin-left:2% }
.comp_portfo p{font-size:11px; color:#666; line-height:18px}
.comp_portfo ul{width:93%; margin:5px auto 0 auto; direction:rtl; text-align:right}
.comp_portfo ul li{display:block; margin:0 0 0 5%;}
.comp_portfo ul li img{width:15% !important; height:auto; margin:0; padding:0; border:1px solid #CCC;}
.comp_portfo div{color:#333; background:#fcc604 !important; padding:5px 0px; float:left; width:80% !important}



a.thecompblue:link,a.thecompblue:visited{text-decoration:none;color:#4F4F4F;}
a.thecompblue div{width:27%; background:#F3F3F3; margin:3px 0 0 3%; height:auto; overflow:hidden;  float:left; }
a.thecompblue div.border{ border-bottom:3px solid #CCC; margin-bottom:20px}
a.thecompblue div:hover{background:#FFF;}
a.thecompblue div:hover div{background:#FFF;}
.thecomp_picture{width:40% !important; float:left; margin-left:3% !important; }
.thecomp_portfo{width:53% !important; float:left; margin-left:2%;  }
.thecomp_portfo p{font-size:11px; color:#666; line-height:18px}
.thecomp_portfo div{color:#333; background:#fcc604 !important; padding:5px 0px; float:left; width:80% !important}


a.machinery:link,a.machinery:visited{text-decoration:none;color:#FFF !important;  font-size:13px; }
a.machinery div{width:17.5%; min-width:140px; border:1px solid #DDE; margin:20px 1%; height:auto; overflow:hidden; float:left; padding:0 0 8px 0; background:#d8020a; color:#FFF !important}
a.machinery div:hover{background:#CCC; !important;}
a.machinery div:hover div{background:#CCC !important;}
a.machinery img{height:auto;max-height:160px}


.imainfour{width:20%; float:left; margin:15px 0 25px 1%; line-height:27px}
.imainfour p{font-family:Tahoma; line-height:28px; color:#FFF}
.prointro{width:77%; float:left; margin:10px 1% 0 0;}
.imainfour ul{  list-style:none; width:100%;}
.imainfour li{display:block; border-bottom:1px solid #CCC; font-size:11px; padding-bottom:5px; font-weight:bold; }
.imainfour a{color:#333; font-size:11px; font-weight:bold}


.timainfour{width:20%; float:left; margin:15px 0 25px 1%; line-height:27px}
.timainfour p{font-family:Tahoma; line-height:28px}
.prointro{width:77%; float:left; margin:10px 1% 0 0;}
.timainfour ul{  list-style:none; width:100%;}
.timainfour li{display:block; border-bottom:1px solid #CCC; font-size:11px; padding-bottom:5px; font-weight:bold; }
.timainfour a{color:#333; font-size:11px; font-weight:bold}


#testimonials-slider {
	overflow: hidden;
	height:150px;
	width:100%;
	max-width:220px;
	float: left;
background: rgba(black, 0.5);
	
	
	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: 70px;
	overflow: hidden;
	
	margin:6px 0;
}

#testimonials-slider li img {
	float: left;
	margin: 0 0;
	width:100% !important;
	height:auto;
	background: rgba(black, 0.5);
}
#testimonials-slider ul {
	list-style: none;
	position: absolute;
	top: 0;
	left: 0
}









.imainfour img{width:100%; height:auto}
.tmainfour{width:29%; float:right; margin:15px 0 25px 2%; color:#FFF}


#news{width:28%; float:left; min-height:250px;  margin-top:30px;}
#news ul{list-style:none; font-size:11px; line-height:20px; text-align:right;}
#news li{padding:5px 0; border-bottom:1px dotted #CCC;}
#latestpro{width:68%; float:right; min-height:260px; margin-top:30px;}
.profour{width:10%; height:140px; float:left; margin:15px 1.2%; background:#CCC}
.profour img{width:100%;}

a.profour:link,a.profour:visited{text-decoration:none;}
a.profour:hover{border:1px solid #0060a2}
a.profour div{width:100%;}
a.profour p{padding:0 5px; font-size:13px; text-align:right; color:#666;}




.newprofour{width:100%; height:240px; border:1px solid #D8D8D8; float:left; margin:15px 1.5%;}
.newprofour img{width:100%; height:auto;}

a.newprofour:link,a.newprofour:visited{text-decoration:none;}
a.newprofour:hover{border:1px solid #F90}
a.newprofour div{width:100%;}
a.newprofour p{padding:0 5px; font-size:13px; text-align:right; color:#666;}






#comfooter{width:100%; height:auto; overflow:hidden;  background:#0060a2; padding:10px 0;}
#afooter{width:100%; height:auto; overflow:hidden; max-width:1100px; margin:auto;}
#afooter ul{list-style:none;}
#afooter li{text-align:right; padding:2px 2%; border-bottom:1px dotted #999; color:#FFF;}
#bfooter{width:100%; background:#000; color:#fdc606; text-align:center; padding:4px 0; max-width:1100px; margin:auto; font-family:Arial;}
.justcontent{width:96%; max-width:1100px; padding:5px 0; margin:auto; font-family:'yekan'; color:#CCC}
.contactinfo{text-align:left; color:#FFF; font-size:13px !important;  line-height:28px !important; font-family:'yekan';}


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


a.stro:hover div{border:3px solid #F33}
.stro p{padding:5px; font-size:13px;}
.stro img{width:23%; float:left; height:auto; padding:5px; border-right:1px dotted #CCC;}
.stro div{width:93%; margin:4px auto; height:auto; overflow:hidden; background:#FFF; border:1px solid #CCC; border:3px solid #CCC}



a.rigging:hover div{background:#FBD22F}
.rigging p{padding:5px; font-size:13px;}
.rigging img{width:16%; float:left; height:auto; padding:5px; }
.rigging div{width:100%; margin:13px auto; height:auto; overflow:hidden; background:#FFF; }






#brands{width:100%; height:auto; min-height:90px; background:#DEDEDE; overflow:hidden}
#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 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;}


#latepro{width:100%; height:auto; min-height:90px; background:#a7a9ac; overflow:hidden}
#lateprocon{width:96%; max-width:1100px; 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: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:21%; height:auto; float:left; margin-left:4%; min-width:150px; margin-top:7px; background:#CCC; margin-top:60px; color:#333}
a.onethird:link{color:#0060a2; text-decoration:none}
a.onethird:hover{background:#0060a2; color:#FFF}
.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 #000; margin-top:30px;}
#prosief input {width:100%;}
#offertable{width:100%; font-size:13px; 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: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; background:#0060a2}
.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:21%; 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:13px; text-align:right; color:#666;}



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

a.theprofive:link,a.theprofive:visited{text-decoration:none;  color:#666}
a.theprofive:hover{border:1px solid #a7a9ac}
a.theprofive div{width:100%;}
a.theprofive p{padding:0 5px; font-size:13px; text-align:right; color:#666;}



#price-table{width:98%; margin:10px auto; border-spacing:1px;  direction:ltr !important}
#price-table td{padding:3px 2px; font-family:Tahoma; color:#333 }



/*  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:1100px; background:#FFFFFF; height:auto; margin:auto; padding:0px 1% 0px 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:13px;}
.thethree img{width:100%; height:auto; padding:0 auto 15px auto;}

.theeach{width:29%; float:left; margin:3px 2%; font-size:13px; 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:1100px; 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:1100px; 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: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 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:1100px; 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: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 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: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;}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */




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

#construction_whatsapp{display:none}

.snetwork{padding:0; text-align:left; float:right;}
.snetwork li{display:inline; padding:0 15px; border-right:1px solid #CCC; font-family:Arial; color:#333}

.rnetwork{margin:22px auto auto auto}
.rnetwork li{display:inline; padding:5px 15px; font-family:'yekan'; color:#333}
.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;}



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

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

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

.menu,
.menu > ul ul {
  overflow: hidden;
  max-height: 0;
  background-color: #39484d;
}

.menu > li > ul.sub-menu {
  padding: 0px;
  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: 0.8em;
  position: relative;
}

.menu li.has-submenu > a:after {
  content: '+';
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  font-size: 1em;
  padding: 0.55em 0.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) {
	#construction_whatsapp{display:block !important; position:fixed; bottom:20px !important; left:10px !important;}
#construction_whatsapp img{width:auto; height:auto}
	#ninja-slider
{
    width:100%;
    margin-top:400px; /*center aligned*/
    background:#222;
}
.tmainfour{display:none;}
.timainfour{display:none;}
.imainfour{width:96%; margin:10px auto; float:none; height:auto; overflow:hidden;}
.imainfour table{width:100%}
#testimonials-slider {
	overflow: hidden !important;
	height:250px !important;
	width:100%;
	max-width:430px;
	float: left;

	
	
	position:absolute;
}


 #ileft{float:none; width:95%; height:auto; margin:auto}
 #ileft img{width:100%; height:auto}
 #iright{width:95%; float:none; height:auto; margin:auto}


.github {
    display: none;
  }
img{max-width:480px;}

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

.middlethree{width:96%; float:none; margin:15px auto; padding:8px 0%; min-height:150px; background:#FFF;}

#organic{display:none}
#footorganic{width:100%; margin:auto; max-width:1100px; overflow:hidden; display:block}

#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%; height:auto; overflow:hidden; min-height:20px}
#resul{width:98%}
#resul li{list-style:none;display:inline;text-align:center;width:30%; padding:3px 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}
#motto{font-size:12px;}
.mainfour{width:94%; float:left; margin:auto; float:none}
#thesearch_table{WIDTH:96%; margin:auto}
#thesearch_table img{width:auto; height:auto}
#news{display:none;}
#latestpro{width:98%; float:none;margin:20px auto;}
.profour{width:45%; height:220px; 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; width:98% !important; text-align:center}#thepro_table img{width:90% !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:13px; text-align:right; color:#666;}



.theprofive{width:46%; height:350px; 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:13px; text-align:right; color:#666;}




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

a.press:link,a.press:visited{text-decoration:none;color:#4F4F4F;}
a.press div{width:40% !important;  margin:15px 4%; height:auto; overflow:hidden;  float:left !important; }
a.press div.border{ border-bottom:3px solid #fcc604; margin-bottom:20px}
a.press div:hover{background:#FFF;}
a.press div:hover div{background:#FFF;}


	.mobelements{display:block; width:100%;}
	.onethird{width:98%; margin:auto; float:none;}
	.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;}

#pro-top-link{list-style:none; width:94%; margin:auto}
#pro-top-link li{background:#FFF; padding:2px 5%; text-align:right; margin:3px 0;}
#pro-top-link a{color:#666; font-size:11px}
#pro-top-link a:hover{color:#F33}

a.compblue:link,a.compblue:visited{text-decoration:none;color:#4F4F4F;}
a.compblue div{width:85%;  margin:15px auto; height:auto; overflow:hidden;  float:none; font-size:13px !important }
a.compblue div.border{ border-bottom:3px solid #fcc604; margin-bottom:20px}
a.compblue div:hover{background:#FFF;}
a.compblue div:hover div{background:#FFF;}
.comp_picture{width:35% !important; float:left;  }
.comp_portfo{width:58% !important; float:right !important; }
.comp_portfo p{font-size:13px; color:#666; line-height:18px}
.comp_portfo ul{width:93%; margin:5px auto 0 auto; direction:rtl; text-align:right}
.comp_portfo ul li{display:block; margin:0 0 0 5%;}
.comp_portfo ul li img{width:15% !important; height:auto; margin:0; padding:0; border:1px solid #CCC;}
.comp_portfo div{color:#333; background:#fcc604 !important; padding:5px 0px; float:left;}








a.thecompblue:link,a.thecompblue:visited{text-decoration:none;color:#4F4F4F;}
a.thecompblue div{width:98%; background:#F3F3F3; margin:auto; height:auto; overflow:hidden;  float:none; }
a.thecompblue div.border{ border-bottom:3px solid #CCC; margin-bottom:20px}
a.thecompblue div:hover{background:#FFF;}
a.thecompblue div:hover div{background:#FFF;}
.thecomp_picture{width:35% !important; float:left;  }
.thecomp_portfo{width:58% !important; float:right !important; }
.thecomp_portfo p{font-size:13px !important; color:#666; line-height:18px}
.thecomp_portfo div{color:#333; background:#fcc604 !important; padding:5px 0px; float:left;}


.gallerydiv{width:94%; float:none; margin:20px auto; border:1px solid #CCC;}


a.machinery img{height:auto;max-height:140px}
}