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

body{margin:0px; padding:0px;   font-family: 'open_sansregular'; /*background:url(../images/patren.png);*/ background:#fff;}
*{margin:0px; padding:0px;}
ul, li { list-style:none;}
p {
font-family: 'open_sansregular';
color: #888888;
line-height:34px;
font-size:18px;
}
@font-face {
	font-family: 'Font Awesome';
	src: url('../fonts/fontawesome-webfont.eot');
	src: url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/fontawesome-webfont.woff') format('woff'),
		url('../fonts/fontawesome-webfont.ttf') format('truetype'),
		url('../fonts/fontawesome-webfont.svg#svgFontName') format('svg');
}

p.lead {
font-size: 16px;
}

h1,h2,h3,h4,h5 {
font-family: 'open_sansregular';
font-weight: bold;
color:#333333;
}

h1 {
font-size: 30px;
line-height: 34px;
}

h2 {
font-size: 26px;
line-height: 30px;
text-transform:none;
}

h3 {
font-size: 26px;
line-height: 24px;
color:#333333;
}

h4 {
font-size: 20px;
margin-bottom: 10px;
}

h5 {
font-size: 18px
}

h6 {
font-size: 16px
}

a {
text-decoration: none;
font-family:'open_sansregular';

}

h2.white{ color:#FFFFFF;}

img {
max-width: 100%;
height: auto;
}
div{margin:0px; padding:0px;}

a, a img{	  border:none; transition:2s;}

span{color:#43b312;}
.clearfix{width:100%; float:left; margin:20px 0px;}

@font-face {
font-family: 'open_sansregular';
src: url('../fonts/opensans-regular-webfont.eot');
src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/opensans-regular-webfont.woff') format('woff'),
url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
font-weight: normal;
font-style: normal;

}
@font-face {
font-family: 'bebas_neueregular';
src: url('../fonts/bebasneue-webfont.eot');
src: url('../fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/bebasneue-webfont.woff') format('woff'),
url('../fonts/bebasneue-webfont.ttf') format('truetype'),
url('../fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg');
font-weight: normal;
}
@font-face {
    font-family: 'bell_mtbold';
    src: url('../fonts/bellb-webfont.eot');
    src: url('../fonts/bellb-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bellb-webfont.woff2') format('woff2'),
         url('../fonts/bellb-webfont.woff') format('woff'),
         url('../fonts/bellb-webfont.ttf') format('truetype'),
         url('../fonts/bellb-webfont.svg#bell_mtbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
.clr{ clear:both;}
.header_wrapper{ width:100%; float:left;}
.header{ width:100%; float:left; border-top:2px solid #0c349c; }
.top_main{ width:1140px; margin:auto; margin-top:1%;}
.top_main .inner_top{ width:100%; float:left;}
.inner_top .logo{ float:left;}
.inner_top .phone{ padding-top: 3%;font-family: 'open_sansregular'; font-size:20px; font-weight:bold; color:#43b312; float:right;}
.search_main_outer{  float:right; }
.logo_text { float: left; width: 70%;}
.logo_text h1 {font-size: 70px;margin-left: -0%; margin-top: 11%; color:#0c349c; font-family: 'bell_mtbold';}
.logo_text h1 span { color:#43b312; font-size:35px;}
.logo_text p {
  font-size: 16px;
  font-style: italic;
  word-spacing: 2px;
  color: #666;
  margin-left: -2px;
  margin-top: -2px; float:left;
}







.inner_top .phone_span a{ font-weight:bold;font-family: 'open_sansregular'; font-size:16px; color:#2c2c2c;}
.search_main{  margin-right: -1%;
margin-top: -22%;width:197px; height:37px; float:right; background:#fff; border:1px solid#e0e0e0;}
.search_main_input{ width:31%; padding:10px; float:left; border:none; color:#2c2c2c;font-family: 'open_sansregular'; font-size:12px;}
.search_icon{ float:right;margin-top: 4px;
padding: 13px;}
.navi_top{ width:100%; float:left; /*background:url(../images/nav.png);*/ background:#43b312;  margin-top:1%;}
.inner_navi_top{ width:1140px; margin:auto;}
.inner_navi_top_left{
width:100%; float:left;}

.toggleMenu{ display:none;}
.nav ul { float:left; width:100%; text-align:center;}
.nav ul li { display:inline-block; margin:0px 35px;}
.nav ul li a { color:#fff; transition:0.3s; padding:10px 25px; display:inline-block;}
.nav ul li a:hover { background:#0c349c;}
.menu_active{background:#0c349c;}
.nav_right_icon{ float:left;  width:23%;}
.nav_right_icon_stay_in{font-family: 'open_sansregular'; font-size:14px; color:#fff; float:left;}
.social_icon_main{  float:left; margin-left: 18%;
margin-top: 2%;
width:47%;}
.social_icon_main_pic{ float:left; margin-left:5px;}
/*banner start here*/


/*container start here*/
.conatiner{ width:100%; float:left; margin-top:5%}
.inner_container{ width:1140px; margin:auto;}
.inner_container_top_hadd{ width:100%; text-align:center;font-family: 'open_sansregular'; font-size:30px; font-weight:600; color:#030206;}
.inner_container_top_text{ width:100%; text-align:center;font-family: 'open_sansregular'; font-size:16px; color:#000; margin-top:2%; line-height:26px;opacity: 1;}
 .our_service_bg{ float: left;width: 100%; margin: 5% 0px;}
.our_serv_hadd{ padding:15px 0px;  font-size:30px; font-weight:bold; color:#fff; text-align:center; width:100%; background:#43b312; text-transform:uppercase;}
.product_main{ width:100%; float:left; border:1px solid #000; margin-top:5%;}
.product_main_left{ width:267px; float:left; margin-bottom:20px;  margin-left:16px;}
.product_main_left .inner_pic_sub{ width:267px;box-shadow: 2px 2px 5px #ccc; float:left; background:#fff;}
.inner_pic_sub .top_bg_blac{ width:267px; background:#000; height:30px; float:left;}
.top_bg_blac_hadd{font-family: 'open_sansregular'; font-size:14px; color:#fff; margin-left:5px; }
.top_bg_blac_pic{ float:left; padding:10px;}
.text_box_main{ width:267px; background:#fff;box-shadow: 2px 2px 5px #ccc; float:left;  margin-top:10px;}
.text_box_main_text{ width:88%; float:left;font-family: 'open_sansregular'; font-size:13px; color:#393939; margin-left: 5%;
margin-top: 2%; line-height:20px; text-align:justify;}
.red_more_button{ width:77px; height:35px; margin-bottom:10px; border-radius:4px; background:#43b312; float:right; margin-right:8%; margin-top:4%}
.red_more_button_text{float:left;font-family: 'open_sansregular'; font-size:12px; color:#fff; width:100%; text-align:center;}
.red_more_button_text a{float:left;font-family: 'open_sansregular'; font-size:12px; color:#fff; width:100%; text-align:center;}

.product_main_read{ float:left; width:100%; text-align:center; margin:2% 0px;}
.product_main_read a {border-radius:4px; background:#43b312; font-size:15px; display:inline-block; color:#fff; padding:10px 25px;}

.service_main{ width:1140px; background:#fff; float:left;}
.service_main_tp_bg{ width:100%; background:#000;  height:30px;}
.service_main_tp_bg_etxt{font-family: 'bebas_neueregular'; font-size:24px; color:#fff; font-weight:normal; margin-left:10px; }
.service_main_tp_bg_etxt2{font-family: 'open_sansregular'; text-align:justify; font-size:18px; color:#515151; width:99%; margin-left:10px; line-height:24px; margin-top:10px;}
.link_main{ width:100%; float:left;}
.left_link_main{ width:64%; float:left;  margin-left:10px; margin-top:5%;}
.left_link_main_inner_one{width:306px; float:left; margin-left:30px;}
.left_link_main_inner{width:256px; float:left;}
.left_link_main_inner ul{ margin:0px; padding:0px;}
.left_link_main_inner li{     background: url("../images/sape2.png") no-repeat scroll 0 5px rgba(0, 0, 0, 0);
list-style: none outside none;
padding-left: 20px;}
.left_link_main_inner li a{ font-size:12px; line-height:23px; color:#515151; text-decoration:none;font-family: 'open_sansregular'; text-decoration:none;}
.left_link_main_inner li a:hover{ color:#be0101;}

.right_call{ width:34%; float:left;  margin-left:-39px; margin-top:5%;}
.right_call_top_hadd{font-family: 'open_sansregular'; font-size:24px; color:#515151; font-weight:normal;}
.right_call_top_hadd_text{ width:395px; float:left;font-family: 'open_sansregular'; font-size:15px; color:#515151; text-align:justify; line-height:27px;}



/* footer*/
.footer_main{ width:100%; float:left; /*background:url(../images/nav.png); margin-top:2%;*/ background:#61aa41; margin-top:50px;}
.footer_main_inner{ width:1140px; margin:auto; margin-top:45px;}
.footer_main_inner_left{ width:283px; float:left; margin-left:28px; }
.footer_main_inner_left .top_news_hadd{ font-size:20px; color:#fff; font-variant:normal; margin-bottom:10px;}
 .footer_text{ float:left;font-family: 'open_sansregular'; font-size:12px; color:#fff; line-height:18px; margin-top:10px;}
 .mnewsleter_main{ width:283px; float:left; margin-top:10px;}
 .mnewsleter_main_input{ width:184px; height:35px; float:left; background:#fff; border:none;}
 .mnewsleter_main_input .button{ float:right;}
 .footer_link{ width:100%;283px; float:left;}
 .footer_link_left{ float:left; margin-left:5px;}
 .footer_sapn{ float:left;font-family: 'open_sansregular'; font-size:16px; font-weight:bold; margin-bottom:8px; color:#000000; }
 .footer_main_inner_left2{ width:150px; float:left; margin-left:5%; }
 .top_news_hadd3{ font-size:24px; color:#fff; font-variant:normal; margin-bottom:12px;}
 .footer_bootm{ width:100%; height:30px; background:#17280f; margin-top:40px; margin-bottom:0px;}
 .footer_bootm_text{ width:100%; text-align:center; color:#fff;font-family: 'open_sansregular'; font-size:14px; padding-top:10px;}
  .footer_bootm_text a{width:100%; text-align:center; color:#fff;font-family: 'open_sansregular'; font-size:14px; padding-top:10px;}
 
 .footer_main_inner_left ul li{ margin-bottom:8px; float:left; width:100%;}
.left_addr {font-size:16px; font-weight:bold; color:#393939; float:left; width:25%;}
.right_addr{ font-size:16px; color:#fff; width:70%; float:right;}
.left_addr_usa{font-size:16px; font-weight:bold; color:#393939; float:left; width:100%;}
  
  
.slider{width:100%; float:left; position:relative;}
.slider img{width:100%;}
.caption {
	background: #003580;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	font-family: 'Raleway', sans-serif;
}
.carousel {
	position: relative;
	overflow: hidden;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.carousel ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.carousel li {
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: 0.4s linear;
	transition: 0.4s linear;
}
.carousel li:first-child {
	opacity: 1;
	filter: alpha(opacity=100);
}
.carousel li.current {
	opacity: 1;
	filter: alpha(opacity=100);
}
.carousel img {
	display: block;
	width: 100%;
	height: auto;
	border: none;
	vertical-align: bottom;
}
.caption {
	opacity: 0;
	-webkit-transform: translate3d(30px, 0, 0);
	transform: translate3d(30px, 0, 0);
	position: absolute;
	right: 0;
	bottom: 10px;
	width: 50%;
	padding: 20px 30px;
	font-size: 30px;
	-webkit-transition: 0.6s 0.8s;
	transition: 0.6s 0.8s;
}

.caption span {
	display: block;
	opacity: 0;
	-webkit-transform: translate3d(0, -5px, 0);
	transform: translate3d(0, -5px, 0);
	-webkit-transition: 0.6s 1.2s;
	transition: 0.6s 1.2s;
}
.current .caption,
.current .caption span {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.mobile .controls {
	display: none;
}
.carousel:hover .prev,
.carousel:hover .next {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.carousel:hover .prev:hover,
.carousel:hover .next:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.prev {
	opacity: 1;
	filter: alpha(opacity=0);
	position: absolute;
	left: 10px;
	top: 50%;
	line-height: 1;
	margin-top: -35px;
	font-size: 70px;
	text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
	cursor: pointer;
	-webkit-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0);
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.prev:before {
	display: block;
	color: #fff;
	font-family: Font Awesome, sans-serif;
	content: "\f104";
}
.next {
	opacity: 1;
	filter: alpha(opacity=0);
	position: absolute;
	right: 10px;
	top: 50%;
	line-height: 1;
	margin-top: -35px;
	font-size: 70px;
	text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
	cursor: pointer;
	-webkit-transform: translate3d(10px, 0, 0);
	transform: translate3d(10px, 0, 0);
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.next:before {
	display: block;
	color: #fff;
	font-family: Font Awesome, sans-serif;
	content: "\f105";
}


/*================================== COMPANY PROFILE PAGE CSS START =======================*/

.inner_banner { float:left; width:100%;}
.inner_banner img { width:100%;}
.company_pages { float:left; width:100%;}
.top_center_text { text-align:center;}
.company_pages h2 {width: 100%;text-align: center;font-family: 'open_sansregular';font-size: 30px;font-weight: 600; color: #030206;}
.company_pages p { margin-bottom:10px;  width: 100%;
  font-family: 'open_sansregular';
  font-size: 16px;
  color: #000;
  margin-top: 2%;
  line-height: 26px;
  opacity: 1;
}
.vision { float:left; width:100%; background-image:url(../images/vison_bg.jpg); padding:90px 0px; background-size:100% auto; background-position:left center; background-attachment:fixed; margin:30px 0px;}
.vision h2 {width: 100%;text-align: center;font-family: 'open_sansregular';font-size: 30px;font-weight: 600; color: #fff;}
.vision p { margin-top:25px; font-size:25px; color:#fff;}
.company_pages h3{ float:left; width:100%; font-size:20px; color:#0c349c; font-weight:bold; margin:10px 0px 0px 0px;}
.company_pages h2 { font-weight:bold; text-align:center; width:100%; font-size:24px; margin:20px 0px;}
.company_pages p { margin-bottom:10px; font-size:15px; color:#393939;}

/*================================== COMPANY PROFILE PAGE CSS end =======================*/

/*=========================================================== CONTACT PAGE CSS START HERE ===========================================*/

.contact_page{ float:left; width:100%;}
.left_contact{ float:left; width:48%;}
.right_contact{ float:right; width:48%;}
.right_contact h1{ float:left; margin-bottom:15px; width:100%; font-size:22px;}
.right_contact input[type="text"]{ width:100%; padding:12px 0px; border:none; border:1px solid #ccc; box-shadow:0px 0px 5px #ccc inset;}
.right_contact input[type="email"]{ width:100%; padding:12px 0px; border:none; margin:8px 0px; border:1px solid #ccc; box-shadow:0px 0px 5px #ccc inset;} 
.right_contact textarea{ width:100%; height:150px; border:none; margin-bottom:15px; border:1px solid #ccc; box-shadow:0px 0px 5px #ccc inset;}
.right_contact input[type="submit"] { transition:0.3s; cursor:pointer; background: none repeat scroll 0 0 #3a3a3a; border: medium none; color: #fff; padding: 8px 18px; }
.right_contact input[type="reset"] { transition:0.3s; cursor:pointer; background: none repeat scroll 0 0 #3a3a3a; border: medium none; color: #fff; padding: 8px 18px; }
.right_contact input[type="reset"]:hover{box-shadow:0px -40px 0px #0c349c inset;}
.right_contact input[type="submit"]:hover{box-shadow:0px -40px 0px #0c349c inset;}
.left_contact > iframe { width: 100%;  height: 332px;}




/*=========================================================== CONTACT PAGE CSS END HERE ===========================================*/

.pro_one { float:left; width:100%; margin-top:35px;}
.pro_one h2 { font-size:24px; text-align:center; font-weight:bold; float:left; width:100%; margin-bottom:20px;}
.left_pro { float:left; width:70%;}
.pro_one p{ font-size:15px; text-align:justify; line-height:28px; color:#393939; margin-bottom:10px;}
.right_pro { float:right; width:28%;}
.right_pro img { float:left; width:100%; box-sizing:border-box; padding:5px; border:1px solid #ccc;}

.pro_two { float:left; width:100%; margin-top:35px;}
.pro_two h2 { font-size:24px; text-align:center; font-weight:bold; float:left; width:100%; margin-bottom:20px;}
.right_pro_2 { float:right; width:70%;}
.pro_two p{ font-size:15px; text-align:justify; line-height:28px; color:#393939; margin-bottom:10px;}
.left_pro_2 { float:left; width:28%;}
.left_pro_2 img { float:left; width:100%; box-sizing:border-box; padding:5px; border:1px solid #ccc;}