@charset "utf-8";
body {margin:0; padding:0; width:100%; font-family: Arial, Helvetica, sans-serif; background-image: url(../images/poly-bkgd.png); background-repeat: repeat-y;}
html {padding:0; margin:0;}

/* main */
.main {width:100%; padding:0; margin:0 auto;}
.clear {clear:both;}
.left {float:left;}
.right{float:right;}
.center { margin:0 auto; text-align:center; padding: 10px 0px 2px 0px;}
h1,h2,h3 {font-family: Tahoma, Geneva, sans-serif;}
h4 {
	font-style:italic; margin-top:-10px;
}

/********** header **********/
#header {background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ebebeb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#ebebeb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
}
.block_header {margin:0 auto; width:960px; height:78px; padding:15px 0 0 0; border:none;}
.header_divider {height:6px; background:#15537d;}
.logo {float:left; padding:0; margin:0; width:400px;}
.menu {width:550px; float:right;}
.menu ul {padding:0; margin:0; list-style:none; border:0;}
.menu ul li {float:left; margin:0px 3px 0px 0px; padding:21px 0px 0px 0px; border:0;}
.menu ul li a {float:left; margin:0; padding:10px 10px 10px 10px; color:#000; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; border: none; border-radius: 10px;}
.menu ul li a span {padding:13px 13px 13px 21px; background:none;}
.menu ul li a:hover {color:#fff; background-color:#258725;}
.menu ul li a:hover span {color:#fff; background-color:#258725;}
.menu ul li a.active {color:#fff;background-color:#258725; border: none; border-radius: 10px; padding: 10px 12px;}
.menu ul li a.active span {color:#fff; background-color:#258725;}

/********** banner **********/
#banner_area {height:70px; width:960px; margin:0 auto; background: #15537d url(../images/banner9.jpg) left no-repeat;}
.banner {position: relative; overflow: auto; height: 127px; width:960px; padding:0; margin:0 auto; }
.banner2 {position: relative; overflow: auto; height: 95px; width:960px; padding:0; margin:0 auto; }
.banner3 {position: relative; overflow: auto; height: 52px; width:960px; padding:0; margin:0 auto; }
/*.banner li {float:left; height: 580px; list-style: none; padding:0; margin: 0;}*/
.banner ul {padding:0; margin:0;}
.banner ul li {float: left; padding:0; margin: 0; height:580px; list-style: none;}
.banner h1 {margin: 400px 100px 0px 100px; padding: 20px 20px; color:#FFF; text-align:center; background:#15537d; text-transform:uppercase; font-size:45px; border-radius: 6px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";       /* IE 8 */
	filter: alpha(opacity=90);  /* IE 5-7 */
	-moz-opacity: 0.9;          /* Netscape */
	-khtml-opacity: 0.9;        /* Safari 1.x */
	opacity: 0.9;               /* Good browsers */
}
.home_Text_ {font-size:36px; font-weight:bold; text-transform:uppercase; }
.white_text {color:#affcaf; font-size:28px;}

/********** vision area **********/
#vision_area {width:100%; padding:0; margin:0 auto; background-color: transparent;}
.vision_div {margin:0 auto; width:960px; padding:10px 0 10px 0; border:none;}
.vision_div h1 {padding: 0px; text-align:center; font-size:30px; color:#15537d; text-decoration:none; font-weight: normal; margin: 0; font-weight:bold; letter-spacing:-0.06em;}
.vision_div h2 {font-size:16px; color:#3e3e3e; padding: 15px 0px 25px 0px; margin: 0; text-decoration: none; font-weight:normal; text-align:center; border-bottom: 1px dotted #15537d;}
.vision_text_green {color:#258725;}
#vision_points {width:960px; margin:0 auto; padding: 5px 0px 15px 0px;}
.vision_point {width:240px; float:left; margin: 0px;}
.vision_point_spance {margin-left:0px !important;}
.vision_point_header {background:url(../images/arrow.jpg) no-repeat left; padding: 0px 0px 0px 15px; font-size:17px; font-weight:bolder; color:#15537d; letter-spacing:-0.05em;}
.vision_point_header a {color:#15537d; text-decoration: none;}
.vision_point_header a:hover {}
.green_Text {color:#279127;}
.vision_point img {padding: 10px 0 0 0; margin: 0;}
.vision_point_details {font-size: 12px; color:#1c1c1c; text-align: left; display:block; padding: 10px 10px 10px 5px;}
.read_more {width:70px; height:25px; border:0 none; text-decoration:none; float: left; padding: 0px 0px 10px 0px; margin: 5px 0px 0px 0px;}

/********** services **********/
#service_area {width:100%; padding:0; margin:0 auto; /*background:#ededed;*/}
.service_div {margin:0 auto; width:960px; padding:0px 0 50px 0; border-bottom: 1px dashed #999;}
.service_div h1 {font-size:40px; color:#15537d; padding:0; margin:0; text-align:center; text-transform:uppercase; letter-spacing:-2px;}
.service_div h2 {font-size: 18px; color:#959595; text-align:center; padding: 0; margin: 0;}
.Service_point {width:306px; padding: 25px 0 0 0; float: left; font-size:14px;}
.Service_point2 {padding-left: 20px !important;}
.Service_point img {border: 0; margin:10px 0px;}
.service_div h3 {font-size: 16px; color:#15537d; padding: 10px 0px; margin: 0; text-transform:uppercase;}
.service_div ul {padding:0; margin:0; list-style:circle; color:#258725; border:0;}
.service_div ul li {margin:1px 0px 0px 0px; padding:0px; border:0; color:#000; list-style-position:inside;}
.Service_point2 ul {padding: 0; margin: 0; list-style: none;;}
.Service_point2 ul li {list-style: none; padding: 0; margin: 0 5px 5px 0;  border: 0; float: left !important; width: 145px;}
.Service_point2 ul li img {margin: 5px; float: left;}
.Service_point2 ul li span {float: left; padding: 25px 0 0 0; font-size:10px;}

/********** industries **********/
#industries_area {width:100%; padding:0; margin:0 auto; background:#fff;}
.industries_div {margin:0 auto; width:960px; padding:50px 0 25px 0; border:none;}
.industries_div h1 {font-size:40px; color:#258725; padding:0; margin:0; text-align:center; text-transform:uppercase; letter-spacing:-2px;}
.industries_div h2 {font-size: 18px; color:#959595; text-align:center; padding: 0; margin: 0;}
.industries_point {width:450px; padding: 0; margin: 40px 10px; float: left;}
.industries_point img {float:left; margin-right:15px;}
.industries_point h3 {font-size:18px; margin: 0; color:#15537d; display:block; padding: 0 0 5px 0;}
.industries_point span {display:block; font-size:14px;}

/********** Core Values **********/
.cv_top { background: #c8d884; padding: 10px; margin-top:-20px; font-size:18px; text-align:center; color: #000;}
.cv_mid { padding:10px 0px 5px 0px; text-align: center;}
.cv_mid2 { padding:5px 0px 5px 0px; text-align: center;}
.cv_mid2_left { float:left; width: 267px;}
.cv_mid2_right { float:right; width: 680px;}
.cv_mid_panel { width:17%; margin:0px 4px; background: rgba(195,228,251,1);
background: -moz-linear-gradient(top, rgba(195,228,251,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(195,228,251,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(195,228,251,1) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(195,228,251,1) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(195,228,251,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(195,228,251,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3e4fb', endColorstr='#ffffff', GradientType=0 ); -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; padding: 5px 5px 5px 5px; text-align:center; font-size: 14px; /*line-height:1.5em;*/}
.cv_mid_panel2 { width:17%; margin:0px 4px; background: rgba(195,228,251,1);
background: -moz-linear-gradient(top, rgba(195,228,251,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(195,228,251,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(195,228,251,1) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(195,228,251,1) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(195,228,251,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(195,228,251,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3e4fb', endColorstr='#ffffff', GradientType=0 ); -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; padding: 5px 5px 5px 5px; text-align:center; font-size: 14px; /*line-height:1.5em;*/}
.cv_mid_panel3 { width:12%; margin:0px 4px; background: rgba(195,228,251,1);
background: -moz-linear-gradient(top, rgba(195,228,251,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(195,228,251,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(195,228,251,1) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(195,228,251,1) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(195,228,251,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(195,228,251,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3e4fb', endColorstr='#ffffff', GradientType=0 ); -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; padding: 5px 5px 5px 5px; text-align:center; font-size: 14px; /*line-height:1.5em;*/}
.cv_mid_panel4 { width:17%; margin:0px 4px; background: rgba(195,228,251,1);
background: -moz-linear-gradient(top, rgba(195,228,251,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(195,228,251,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(195,228,251,1) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(195,228,251,1) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(195,228,251,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(195,228,251,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3e4fb', endColorstr='#ffffff', GradientType=0 ); -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; padding: 5px 5px 5px 5px; text-align:center; font-size: 14px; /*line-height:1.5em;*/}
.cv_mid_panel5 { width:28%; margin:0px 4px; background: rgba(195,228,251,1);
background: -moz-linear-gradient(top, rgba(195,228,251,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(195,228,251,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(195,228,251,1) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(195,228,251,1) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(195,228,251,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(195,228,251,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3e4fb', endColorstr='#ffffff', GradientType=0 ); -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; padding: 5px 5px 5px 5px; text-align:center; font-size: 14px; /*line-height:1.5em;*/}
.cv_mid_panel6 { margin:0px 10px 0px 0px; -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; padding: 0px 5px 5px 5px; text-align:center; font-size: 14px; background:#005182;line-height:1.5em;}
.cv_mid_panel5 img { padding-top:10px;}
.cv_mid_panel_last {width:69%; background:#c8d884; min-height: 90px; text-align:center; margin-right: 5px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; float:right;}
.cv_mid_panel_last span {display:block; font-size:14px; padding: 5px 10px; float:left; max-width: 500px; text-align:left;}
.cv_mid_cont {min-height: 120px; font-weight: normal; padding-top: 5px}
.cv_mid_contA span {min-height: 172px; font-weight: bold; text-transform:uppercase; padding-top: 10px; background:#005182; display:block;  -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; color:#FFF;; border-top-left-radius: 15px; border-top-right-radius: 15px;}
.cv_mid_contA img {
	margin-top:110px;
}
.cv_mid_but {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #3eb5f1; text-align: center; color: #fff; font-weight: bold; min-height:20px; font-size: 14px; padding: 10px 5px 5px 5px; letter-spacing: -1px;}
.cv_foot{ width:45%; background:#c8d884; float:right; margin-right:185px; padding: 0px; text-align:center; text-align:center;}
.cv_foot span { display:block; font-size:15px; padding: 5px; text-align:center;}
.cv_left_banner { width:170px; float:left; border:1px solid #999;}


/********** career **********/
.left_container { float:left; width: 170px; display:block;min-height: 100px;}
.right_container { float:right; width: 200px; display: block;min-height: 100px;}
.center_container { float:left; width: 580px; display:block; min-height: 100px;}
.career_left { float:left; display:block; width:168px;}
.ca_bottom_text { text-align: justify; font-size:18px; padding:15px 0px; width:85%; margin: 0 auto;}
.ca_jlogo { width:200px; display:block; padding-bottom:15px;}
.ca_jlogo_text { display:block; padding: 0px 10px 10px 10px; font-weight: normal; text-align:justify;}
.ca_upload_but { width: 105px; margin: 10px 0px 0px 5px; background:#C33; min-height:50px; float:right; color:#FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size:14px; text-transform: uppercase; font-weight: bold; padding: 10px; text-align: center; cursor: pointer;}
.ca_arrow_box { /*margin-top: 20px;*/ display:block; padding-left:10px;}
.ca_top_box { margin-top:-20px; display:block;}
.arrow_box strong { color: #C33;}
.arrow_box {
	position: relative;
	background: #dfedde;
	border: 4px solid #dfedde;
	min-height: 225px;
	width:93px;
	font-size: 12px;
	float: left;
	margin-right: 5px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding: 3px 3px 3px 5px;
}
.arrow_box:after, .arrow_box:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #dfedde;
	border-width: 5px;
	margin-top: -5px;
}
.arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-left-color: #dfedde;
	border-width: 11px;
	margin-top: -11px;
}

.box {
	/*width: 105px;
	margin: 10px 0px 0px 5px;
	background:#C33;
	min-height:50px;
	float:right;
	color:#FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size:14px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 10px;
	text-align: center;*/
	
	/*width: 50px;
	margin: 0 auto;
	background: rgba(255,255,255,0.2);
	padding: 35px;
	border: 2px solid #fff;
	border-radius: 20px/50px;
	background-clip: padding-box;
	text-align: center;*/
}

.button {
	/*font-size: 1em;
	padding: 10px;
	color: #fff;
	border: 2px solid orange;
	border-radius: 20px/50px;
	cursor: pointer;*/
  
	/*width: 105px;*/
	width: 150px;
	margin: 10px 0px 0px 5px;
	background:#C33;
	min-height:50px;
	float:right;
	color:#FFF;
	/*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;*/
	font-size:16px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 20px 10px 0px 10px;
	text-align: center;
	transition: all 0.3s ease-out;
	text-decoration: none;
}
.button:hover {
  background: #258725;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 35%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: orange;
}
.popup .pop_content {
  max-height: 35%;
  overflow: auto;
}

.su_re_button {
	max-width: 80%;
	margin-left:170px;
}
.su_re_form { width: auto !important;}
.su_re_form label {	width:145px !important;}
.su_re_form input {	width:260px !important;}
.su_re_form .uploader


/********** footer **********/
#footer_area {width:100%; padding:0; margin:0 auto; background:#242424;}
.footer_div {margin:0 auto; width:960px; padding:15px 0 15px 0; border:none; font-size:13px;}
.footer_header {color:#FFF;}
.footer_left {float:left; width:400px; background:url(../images/map_icon.png) no-repeat left top; color: #8c8c8c; padding-left:20px;}
.footer_right {float:right; width:525px; text-align:right; color:#FFF; font-size:13px;}
.footer_right a {color:#fff; text-decoration:none; border: none;}
.footer_right a:hover { color:#8c8c8c;}
.footer_float {float:left; padding-left: 20px;}
.footer_gray {color:#8c8c8c; font-size:12px;}

/********** other content area **********/
.content_heading {width:930px; margin:0 auto; padding:20px 0px 0px 30px; font-size:30px; color:#FFF; text-align:left;}
#contant_area {width:100%; padding:0; margin:0 auto; background-color: transparent; }
.content {/*min-height: 400px;*/ width: 960px; margin:0 auto; padding: 5px 0px 10px 0px; font-size: 13px;}
.content2 {/*min-height: 400px;*/ width: 960px; margin:0 auto; padding: 0px 0px 10px 0px; font-size: 13px;}
.about_content {/*min-height: 400px;*/ width: 960px; margin:0 auto; padding: 0px; font-size: 13px;}
.core_content {/*min-height: 400px;*/ width: 960px; margin:0 auto; padding: 0px 0px 10px 0px; font-size: 13px;}
.career_content {/*min-height: 400px;*/ width: 960px; margin:0 auto; padding: 5px 0px 10px 0px; font-size: 13px;}

/************ about **************/
.content_right {float:right; width:330px; margin: 0px 0px 20px 0px;}
.content_left {float:left; width:230px; margin: 0px 20px 0px 0px; text-align:justify; font-size:12px;}
.content_left_about {float:left; width:220px; min-height:100px; margin: 0px 20px 0px 0px; text-align:justify; font-size:12px; display:block;}
.content_left h2 { text-align:left; font-size:15px;}
.content_icon {float:left; width:80px; height:80px; margin: 0px 10px 0px 0px;}
.about_center {text-align:center; padding:0; margin: 0; font-size:13px;}
.about_area { width:960px; float: left;}
.about_area p { line-height:20px !important; font-size:16px; text-align:justify;}
.content_full { float:left; margin: 0px 10px; width:930px;}

/************ Inquery **************/
/*.inquery_img {float:right; width:350px; height:550px; text-align:right;}*/
.inquery_img {float:right; width:341px; /*height:420px;*/ text-align:right;}

/************ product **************/
.product_img { float: left; width:200px;}
.product_area { width:760px; float: left;}
.product_img img { border: 1px solid #CCC;}

ul.hr {list-style:inside; margin: 20px 0px; color:#6d6d6d;}
.hr li {padding:5px 0px; margin:0; border: 0 none;}
.big_text {font-size:14px;}

.contact_img_right {float:left; width: 250px; margin-left:50px; }
.contact_img_right p { padding:0; margin:0;}

.content_float {width: 600px; margin: 0px auto; text-align: left; padding: 0px;}
.content_img_float {width: 300px; margin-left: 30px; display: block;}
.content_img { float:left; margin: 10px 10px 10px 0px; border: 1px solid #CCC;}

/************ contact **************/
.cont_con_area { display: block; margin-top: -15px; margin-bottom:10px;}
.cont_left { float: left; width: 360px; display:block; font-size: 16px; text-align:left; background:#d1e3e9; padding:12px 10px;}
.cont_right { float: left; width: 557px; border: 1px solid #CCC; padding:0px 10px;}