@charset "utf-8";
/* CSS Document */

#page-wrap{ max-width:1366px; margin:0 auto; height:auto;}

.small-ban{ width:100%; height:80px; background-image:url(../images/small-ban.jpg); margin-top: 40px; }
.small-ban h1{color:#fff; font-size:25px; font-weight:bold;  margin-top:0px; padding-top:25px;font-family:Arial, Helvetica, sans-serif;}
.aboutus{ width:100%; height:auto;   margin-bottom:50px; margin-top:30px;}




.main{ width:88%; height:auto; margin:0 auto; }
.gap{ width:100%; height:300px; background-color:#fff;}

.prod{ width:100%; height:250px; margin-bottom:40px; }
.prod1{ width:20.73%; height:250px;  float:left;}
.prod1a{ width:100%; height:210px;}
.prod1b{ width:100%; height:40px; background-color:#128a86; border-bottom:4px solid #ccc;}
.prod1b h1{ color:#fff; font-size:15px; padding-top:6px; text-align:center; line-height:24px;}
.prod2{ width:20.73%; height:210px;  float:left; margin-left:65px;}


/*.gap-bot{ width:100%; height:60px; background-color:#fff;}*/







.box{ width:14%; height:50px; background:#312f86; float:left;}
.box1{ width:20%; height:50px; background:#312f86; float:left;}

.client{ width:100%; height:125px; margin-bottom:30px;}

.client1{ width:25%; height:125px; background-color:#eee; float:left; border:3px solid #4c4a96; box-shadow:4px 4px #ccc; }
.client2{ width:25%; height:125px; background-color:#eee; float:left; margin-left:50px; box-shadow:4px 4px #ccc;  border:3px solid #4c4a96;}

.pacman {
  width: 0px;
  height: 0px;
  border-right: 40px solid transparent;
  border-top: 25px solid #312f86;
  border-left: 25px solid #312f86;
  border-bottom: 25px solid #312f86;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px; float:left;
}





.client{ width:100%; height:150px;  margin-bottom:40px;}
.client51{ width:16%; height:155px; border:3px solid #ddd; float:left; margin-left:0px;}
.client52{ width:16%; height:155px;   border:3px solid #ddd; float:left; margin-left:70px;}
.client53{ width:16%; height:155px; border:3px solid #ddd;float:left; margin-left:70px;}

.client61{ width:15%; height:150px; background-color:#eee;  border:3px solid #ddd; float:left; margin-left:0px;}
.client62{ width:15%; height:150px; background-color:#eee;  border:3px solid #ddd; float:left; margin-left:35px;}
.client63{ width:15%; height:150px; background-color:#eee;  border:3px solid #ddd; float:left; margin-left:560px;}





.contact-box{ width:25%; height:230px; background-color:#f8f8f8;  float:left;}
.phone-call h1{ font-size:18px; color:#fff; font-weight:bold; text-align:center; padding-top:10px; }
.contact-box p{ font-size:14px; color:#128a86; text-align:center; padding-top:30px; }
.contact-box1{ width:25%; height:230px; background-color:#f8f8f8; float:left; margin-left:50px;}

.contact-box1 p{ font-size:14px; color:#128a86; text-align:center; padding-top:30px; }
.phone-call{ width:45%; height:40px; background-color:#128a86; border-radius:0px 20px 0px 20px;}
.contact11{ width:100%; height:250px;}

.map{ width:50%; height:230px; background-color:#f8f8f8; margin-top:0px;}


.about-con{ width:70%; height:auto;  float:left;}
.about-vis{ width:20%; height:auto;  float:left;  margin-left:90px;  }
.about-vis h1{ color:#005b58; text-align:center; font-size:18px; font-weight:600; font-family:Arial, Helvetica, sans-serif; padding-bottom:10px;}
.about-vis-img{ width:238px; height:100px; }
.about-vis p{  font-size:14px; color:#333; font-family:Arial, Helvetica, sans-serif; padding-top:8px; text-align:justify;}
.about-vis1{ width:78.2%; height:auto; float:left; margin-left:20px; margin-top:12px;}
.about-vis1 h1{ color:#005b58; text-align:center; font-size:18px; font-weight:600; font-family:Arial, Helvetica, sans-serif; padding-bottom:10px;}

.about-vis2{ width:20%; height:auto;  float:left;  margin-left:0px;  }
.about-vis2 h1{ color:#005b58; text-align:center; font-size:18px; font-weight:600; font-family:Arial, Helvetica, sans-serif; padding-bottom:10px;}



.text7
{
font-size:15px;
font-family:tahoma;
}
.names p
{
display: block;
	padding: 40px 0 2px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; 	margin-left:0px;
	}
	.names1 p
{
display: block;
	/*font-weight: bold;*/
	padding: 40px 0 2px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-left:0px;
	}
	.txtbox
{	
    font: 14px; margin-left:0px;
	width: 580px;
	height:40px;

	padding: 9px;
	color: #666666;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	}
	.txtbox2
{ margin-left:0px;
    font: 14px;
	width: 580px;
	height:120px;
	padding: 9px;
	color: #666666;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	}
	.txtbox1

{ margin-left:0px;
    font: 14px;
	width: 580px;
	height:120px;
	padding: 9px;
	color: #666666;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	}
.txtarea
{
margin-top:-45px;
margin-left:590px;

}

.txtarea p
{
color:#ff0000;
font-size:12px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
}
.txtarea1
{
margin-top:-140px;
margin-left:630px;
}
.txtarea1 p
{
color: #0780C0;
font-size:12px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
}
.submit
{
border: 1px solid #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width:100px;
height:40px; margin-left:0px;
margin-top:45px;
text-align:center;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
background:#006c6a;
padding:4px 3px;
color:#FFFFFF;
margin-bottom:40px;
margin-left:20px;
}

ul.sigFreeClassic li.sigFreeThumb {
    float: left;
   /* background: #fff!important;*/
    margin: 0 1px 1px 0;
    padding: 0;
    list-style: none!important;
}



@media (max-width: 767px) {

.client{ width:100%; height:150px;  margin-bottom:40px;}
.client51{ width:90%; height:155px; border:3px solid #ddd; float:left; margin-left:0px; margin-top:20px;}
.client52{ width:90%; height:155px;   border:3px solid #ddd; float:left; margin-left:0px; margin-top:20px; }
.client53{ width:90%; height:155px; border:3px solid #ddd;float:left; margin-left:0px; margin-top:20px;   }


.clients{ width:100%; height:auto;  }
.client1{ width:100%; height:auto; background:#fff; float:none; border:3px solid #ddd;}
.client2{ width:100%; height:auto; background:#fff; float:none; margin-left:0px;  border:3px solid #ddd;}


.about-con{ width:100%; height:auto; background-color:#fff; float:none;}
.about-vis{ width:100%; height:auto; background-color:#fff; float:none; margin-left:0px; }
.about-vis-img{ width:100%; height:auto; background-color:#ccc;}
.about-vis p{  font-size:13.4px; color:#333; font-family:Arial, Helvetica, sans-serif; padding-top:8px; text-align:justify;}
.about-vis1{ width:100%; height:auto; background-color:#fff; float:none; margin-left:0px; }
.about-vis2{ width:80%; height:auto; background-color:#fff; float:none; margin-left:0px; margin:0 auto; }
.about-vis2{ width:100%;}
.about-vis-img{ width:90%; height:auto; background-color:#fff; margin:0 auto;}
.about-vis-img img{ width:100%; height:auto; background-color:#fff;}
p{
	position:relative;
	line-height:1.6em;
	font-size:13.4px; color:#333;
	font-family:Arial, Helvetica, sans-serif; padding:20px;
}


.phone-call{ width:45%; height:45px; background-color:#128a86; border-radius:0px 20px 0px 20px;}
.contact11{ width:100%; height:auto; margin-top:50px;}


.vision5{ width:100%; height:auto; margin-bottom:70px;}
.vision5a{ width:100%; height:auto; float:none; }
.vision5a img{ width:100%;}

.certified{ width:100%; height:auto; background-color:#fff; }
.certified-left{ width:100%; height:auto; background-color:#fff; float:none; }
.certified-right{ width:80%; height:auto; background-color:#fff; float:none; margin:0 auto; }
.contact-box{ width:100%; height:auto; background-color:#eee;  float:none;}

/*.contact-box p{ font-size:14px; color:#333; text-align:center; }*/
.contact-box1{ width:100%; height:auto; background-color:#eee;  float:none; margin-left:0px;}
/*
.phone-call h1{ font-size:18px; color:#333399; font-weight:bold; text-align:center; padding:5px; }
.contact-box1 p{ font-size:13px; color:#333; text-align:center; }*/


.small-ban{ width:100%; height:50px; margin-top: 200px; }
.small-ban img{ width:100%}
.small-ban h1{color:#fff; font-size:22px; font-weight:bold; text-align:center; margin-top:5px;}
.aboutus{ width:100%; height:auto;   margin-bottom:30px; margin-top:30px;}


.about-left{ width:100%; height:auto;float:none; margin-bottom:30px;}
.about-left h1{ color: #312f86; font-size:15px;     font-family:Arial, Helvetica, sans-serif;}
.about-right{ width:100%; height:auto; float:none; margin-bottom:30px;}


.about-right1{ width:100%; height:50px; background-color:#4c4a96; border-radius:5px; margin-top:-20px;}
.about-right1 h1{color:#fff; font-size:20px; font-weight:bold; text-align:center; padding-top:16px;}
.about-right2{ width:100%; height:42px;    background: url(../images/bg-cta-header.png) repeat-x 0 0; border-bottom:1px solid #bbb;}
.about-right2 p{ color:#312f86; text-align:left; padding-left:15px; font-size:13.6px; padding-top:6px; font-weight:600;}
.main{ width:95%; height:auto; margin:0 auto; }


.prod{ width:100%; height:auto; margin-bottom:35px; }
.prod1{ width:100%; height:auto; float:none; margin-top:20px; }
.prod1a img{ width:100%;}
.prod1a{ width:100%; height:auto; background-color:#eee;}
.prod1a{ width:100%; height:auto; background-color:#eee;}
.prod1b{ width:100%; height:40px; background-color:#128a86; border-bottom:4px solid #ccc;}
.prod1b h1{ color:#fff; font-size:15px; padding-top:6px; text-align:center; line-height:24px;}
.prod2{ width:100%; height:auto;  float:none; margin-left:0px; margin-top:20px;}





.box{ width:74%; height:50px; background:#312f86; float:left; margin-left:9px;}
.box1{ width:74%; height:50px; background:#312f86; float:left; margin-left:9px;}

.client{ width:100%; height:auto; margin-bottom:30px;}

.client1{ width:100%; height:auto; background-color:#fff; float:none; border:3px solid #4c4a96; box-shadow:4px 4px #ccc; }
.client2{ width:100%; height:auto; background-color:#fff; float:none; margin-left:0px; box-shadow:4px 4px #ccc;  border:3px solid #4c4a96; margin-top:30px;}

.pacman {
  width: 0px;
  height: 0px;
  border-right: 40px solid transparent;
  border-top: 25px solid #312f86;
  border-left: 25px solid #312f86;
  border-bottom: 25px solid #312f86;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px; float:left;
}




.text7
{
font-size:15px;
font-family:tahoma;
}
.names p
{
display: block;
	padding: 20px 0 2px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; 	margin-left:20px;
	}
	.names1 p
{
display: block;
	/*font-weight: bold;*/
	padding: 20px 0 2px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-left:20px;
	}
	.txtbox
{	
    font: 14px; margin-left:20px;
	width: 80%;
	height:40px;

	padding: 9px;
	color: #666666;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	}
	.txtbox2
{ margin-left:20px;
    font: 14px;
	width: 80%;
	height:120px;
	padding: 9px;
	color: #666666;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	}
	.txtbox1

{ margin-left:20px;
    font: 14px;
	width: 80%;
	height:120px;
	padding: 9px;
	color: #666666;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	}
.txtarea
{
margin-top:2px;
margin-left:20px;

}

.txtarea p
{
color:#ff0000;
font-size:13px;
font-weight:normal;
font-family: "Times New Roman", Times, serif;
}
.txtarea1
{
margin-top:-140px;
margin-left:630px;
}
.txtarea1 p
{
color: #0780C0;
font-size:13px;
font-weight:normal;
font-family: "Times New Roman", Times, serif;
}
.submit
{
border: 1px solid #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width:100px;
height:40px; margin-left:20px;
margin-top:45px;
text-align:center;
font-size:16px;
font-family: "Times New Roman", Times, serif;
background:#006c6a;
padding:4px 3px;
color:#FFFFFF;
margin-bottom:40px;
margin-left:20px;
}

}