@font-face {
    font-family: Myriad Pro;
    src: url(font/MyriadPro-Regular.woff);
}



a{color: #82bf40; text-decoration:none;}


.mid{
	width:80%;
	margin: auto;
}
header {

		position:relative;
		width:100%;

}
header:after{
	content:'';
	display:block;
	clear:both;
}
.top-header{
	width:78%;
	background:#FFFFFF;
	padding: 20px ;
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin: auto;
	transition:.5s;
	z-index:6;
	
}
.top-header-fix{
	position:fixed;
	width:100%;
	padding:15px 0;

}
.top-header-fix .nav{

}
.mid-fix-ok{
	width:98%;
	margin: auto;
}
.top-header:after{
	content:'';
	display:block;
	clear:both;
}
.logo{
	float:left;

	
}
.nav{
	float:right;
	overflow:hidden;
	margin-top:22px;
}

.nav:after{
	content:'';
	display:block;
	clear:both;
}
.nav ul{
	list-style:none;
	padding-left:0;

}
.nav ul li{
	float:left;

}

.nav ul li a{
	display:block;
	padding:10px 15px;
	text-decoration:none;
	color:#82bf40;
	font-size:14px;
	font-family:Myriad Pro;
	font-weight:bold;
	position:relative;
	border-radius:5px;
	transition:.5s;
	
}
.nav ul li:hover a{
	background:#82bf40;
	color:#fff;
}

.nav ul ul li{
	float:none;
	display:block;
	background:#90C44F;
	margin-bottom:3px;
	border-radius:5px;
	transition:.5s;
}
.nav ul ul li:hover{
	width:110%;
	
}
.nav ul ul{
	position:absolute;
	display:none;
	transition:.5s;
}


.nav ul li:hover ul{
	display:block;
	padding-left: 0;
  padding-top: 5px;
}


.menu-res {
	display:none;
}
/* slider style start hear */
.slider{
	width:100%;
	height:auto;
}
.slider img{
	width:100%;
	height:auto;
}
.slider-content{
	width:78%;
	position:absolute;
	margin: auto;
	top:50%;
	left:0;
	right:0;

}


.cont-box{
	background:rgba(55, 143, 189, .5);
	width:40%;
	padding:20px;
	display:block;
	
}
.cont-box p{
	font-size:26px;
	color:#fff;
		font-family:Myriad Pro;

}
.cont-box p span{
	font-weight:bold;
	font-family:Myriad Pro;
}
/*slider style end hear */
/* content section style start hear */
.content-sec{
	background:#F3EEEA;
	padding:30px 0;
	z-index:2;
}


.port{
	padding: 30px 0;
}
.port:after{
	content:'';
	display:block;
	clear:both;
}
.port-box{
	width:32%;
	float:left;
	overflow:hidden;
	margin-right:2%;
	position:relative;
	
}
.port-box img{
	width:100%;
	height:auto;
}
.port-box:last-child{
	margin-right:0;
}
.hover-box{
	background:#82bf40;
	width:266px;
	position:absolute;
	bottom:-100%;
	right:0;
	transition:.5s;
}
.hover-box h2{
	margin:0;
	color:#fff;
	font-weight:bold;
	font-size:18px;
	font-family:Myriad Pro;
	cursor:pointer;
}
.hover-box span{
	color:#fff;
	cursor:pointer;
}
.text{
	padding:15px;
	
}
.port-box:hover .hover-box{
	bottom:0px;
}
.cont{
		font-family:Myriad Pro;
		margin-top:50px;
		padding:50px 0;
}
.cont:after{
	content:'';
	display:block;
	clear:both;
}
.cont-img{
	float:left;
	overflow:hidden;
	width:30%;
}
.cont-img img{
	width:100%;
	height:auto;
}
.about-img{
	float:left;
	overflow:hidden;
	width:50%;
}
.about-text{
	width:50%;
	float:left;
	overflow:hidden;
}
.about-text h2{
		color:#358FC3;
}
.about-text p{
	font-family:Myriad Pro;
	text-align:justify;
	padding-left:20px;
	color:#525252;
	font-size:15px;
	margin:7px 0;
}
.about-text a{
	text-decoration:none;
	color:#82bf40;
	padding:20px;
}
.cont-text{
	float:left;
	overflow:hidden;
	width:70%;
}
.cont-text h2{
		color:#358FC3;
}
.cont-text p{
	font-family:Myriad Pro;
	text-align:justify;
	padding-left:20px;
	color:#525252;
	font-size:15px;
	margin:7px 0;
}
.cont-text a{
	text-decoration:none;
	color:#82bf40;
	padding:20px;
}
/* content section style end hear */
/* footer style start hear */

footer{
	background:#525252;
	width:100;

}
footer:after{
	content:'';
	display:block;
	clear:both;
}
.blr{
	background:url('images/footer.png');

	width:100%;
	height:100%;
}
.footer-top{
	padding: 20px 0;
	border-bottom: 1px solid #6B6B6B;
}
.footer-top:after{
	content:'';
	display:block;
	clear:both;
}
.footer-top-logo{
	float:left;
	overflow:hidden;
	width:100px;
}
.footer-top-logo img{
	width:100%;
}
.footer-top-text{
	float:right;
	overflow:hidden;
	width:280px;
}

.footer-top-text p{
	color:#F2EEEB;
	font-family:Myriad Pro;
	font-size:15px;
	margin:0;
}
.footer-top-text a{
	display:block;
	text-decoration:none;
	padding:10px 20px;
	background:#82bf40;
	color:#F2EEEB;
	text-align:center;
	font-family:Myriad Pro;
	font-weight:bold;
	border-radius:5px;
}
.footer-bottom{
	padding:15px 0;
}
.footer-bottom:after{
	content:'';
	display:block;
	clear:both;
}
.social {
	float:left;
	overflow:hidden;
}
.social ul{
	list-style:none;
	margin:0;
}
.social ul li{
	width:35px;
	height:35px;
	float:left;
	margin-right:10px;
	display:block;
	border-radius:3px;
	transition:.5s;
	border: 1px solid #989898;
}
.social ul li i{
	font-size:24px;
	color:#fff;
	padding:5px;
}
.social ul li:hover{
	background:#fff;
	
}
.social ul li:hover i{
	color:#525252;
}
.copyright{
	margin-left:30px;
	float:left;
	overflow:hidden;
	font-family:Myriad Pro;
	font-size:13px;
	color:#989898;
	margin-top:10px;
}
/* contact us */
.contact-left{
	float:left;
	overflow:hidden;
	width:50%;
}
.contact-forms input{
	display:block;
	width:60%;
	padding: 5px 15px;
	font-size:18px;
	border-radius:5px;

}
.contact-forms textarea{
	display:block;
	width:60%;
	padding: 5px 15px;
	font-size:18px;
	border-radius:5px;
}
.contact-forms input[type="submit"]{
	width:200px;
	background: none repeat scroll 0 0 #90c44f;
    border: medium none;
    margin: 15px 0;
    width: 138px;
	color:#fff;
	border-radius:5px;
}
.contact-forms label{
	margin:5px 0;
	display:block;
}
.contact-info{
	margin-top:100px;
}
.contact-info img {
	width:15px;
	margin-right:15px;
}
.contact-info h3{
	margin:10px  0;
	font-size:18px;
	font-weight:normal;
}
.contact-info i{
	font-size:20px;
	width: 30px;
}
.contact-right{
	float:left;
	overflow:hidden;
	width:50%;
}
.cad-img{
	width:100%;
	
}
.cad-img img{
	width:100%;
	
}
.lab-img {
	display:table;
	margin:auto;
}
.faq-box {
	width:100%;
	border-radius:10px;
	padding:10px 20px;
	margin-bottom:20px;
	background:#fff;
}
.faq-box p {
	margin-left:20px;
}
.product-page img{
	float:right;
	overflow:hidden;
	margin-top:-285px;
	height:250px;
	margin-right:25px;
}
.mmm{
	margin-bottom:100px;
}

.logo_p{float: left;
  width: 162px;
  text-align: center;
  margin: 0;
  margin-left: 10px;
  margin-top: 28px;
  color: #ADADAD;}