@charset "utf-8";

/* CSS Document */
.graphik-bold {
	font-family: "graphik2", Helvetica, Arial, sans-serif;
	font-weight: 500;
}
.center-block b,.white_block strong{ font-weight: 500; }

.mask-div {
	background-color: #111211;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999999;
	opacity: 0.7;
	filter: alpha(opacity=70);
	display: none
}

.body-container { padding-bottom: 50px;}

/*Corporate: Banner Carousel start*/
.banner_container{ width: 100%; max-width: 1182px; margin: 0 auto;}
.banner_container .col-sm-6{ padding: 0 1px 2px;}
.index_banner [class^="col-xs-"] {
	padding-left: 0;
	padding-right: 0
}
.index_banner .btn1 {
	width: 22px;
	height: 22px;
	line-height: 24px;
	border: 1px solid #ffffff;
	position: absolute;
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15);
	text-align: center;
	top: 42%;
	border-radius: 2px;
}
.index_banner .btn1left {
	left: 2%
}
.index_banner .btn1right {
	right: 2%
}
.index_banner .btn1 .glyphicon {
	font-size: 12px;
	color: #B3B3B3;
}
.index_banner .carousel-indicators li {
	border: 1px solid #e5e5e5
}
.index_banner .carousel-inner > .item > a > picture > img, .index_banner .carousel-inner > .item > a > picture > source {
	width: 100%;
}
.index_banner .carousel {
	position: static;
}

@media (min-width: 768px) {
	.body-container { padding-bottom: 100px;}
	.index_banner .btn1 {
		width: 44px;
		height: 44px;
		line-height: 50px;
		top: 40%
	}
	.index_banner .btn1 .glyphicon {
		font-size: 18px;
	}
	.index_banner .carousel-indicators {
		bottom: -5px
	}
}

@media (min-width: 1200px) {
	.body-container { padding-bottom: 100px;}
	.index_banner [class^="col-xs-"] {
		padding-left: 0px;
		padding-right: 0px;
	}
	.index_banner .btn1 {
		top: 48%;
	}
	.index_banner .btn1left {
		left: 3%;
	}
	.index_banner .btn1right {
		right: 3%;
	}
	.index_banner .carousel-indicators {
		bottom: 0px
	}
}

/*Corporate: Banner Carousel end*/


/*Corporate fine-tune style*/
/*Nav*/
.corporate-nav-box .container .row{margin: 0 auto;}
.corporate-nav-box .container .row .col-md-12{padding-left: 0; padding-right:0; }
.corporate-nav-box .container .navbar{margin-bottom: 0px;}
.corporate-nav-box .container .navbar-default{background-color:#fff; border-color: #fff;}

.corporate-nav-box .btn-primary:hover,
.corporate-nav-box .btn-primary:focus,
.corporate-nav-box .btn-primary:active,
.corporate-content-box .btn-primary:hover,
.corporate-content-box .btn-primary:focus,
.corporate-content-box .btn-primary:active{
	color: #fff;
	background-color: #006937;
	border-color: #005B2F;
}

.container>.navbar-header,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container-fluid>.navbar-collapse{ margin-left: -15px; margin-right: -15px;  }

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
	color: #434343;
	background-color: #e7e7e7;
}
.navbar-default .navbar-nav>li>a {
	color: #434343;
}

@media (min-width: 768px) {
	.container>.navbar-header,
	.container-fluid>.navbar-header,
	.container>.navbar-collapse,
	.container-fluid>.navbar-collapse{ margin-left: -30px; margin-right: -30px; }
}

@media (min-width: 1200px) {
	.container>.navbar-header,
	.container-fluid>.navbar-header,
	.container>.navbar-collapse,
	.container-fluid>.navbar-collapse{ margin-left: -15px; margin-right: -15px; }
}


/*Corporate home page style*/

.fix-button-box a.btn-primary{ padding-left: 30px; padding-right: 30px;
	border-radius: 30px;
	border-color: #006937;
}

.navbar-nav>li>a {
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 25px;
	padding-right: 25px;
}

.main-banner-box{ width: 100%; height: auto; overflow: hidden; position: relative; margin: 0 auto;}
.main-banner-box:before{ width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background-color: #000; z-index: 98; content: '';
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;}
.main-banner-box .main-banner{width: 100%; margin: 0 auto;}
.main-banner-box .main-banner img{ width: 100%;}
.main-banner-box .fix-slogon-box{ width: 100%; position: absolute; top:0; left: 0px; z-index: 99; padding: 10px 50px;}
.main-banner-box .fix-slogon-box p{ font-size: 18px; }
.main-banner-box .fix-slogon-box p:first-child{ margin-top: 0;}
.main-banner-box .fix-slogon-box h2{ color: #fff; font-size: 28px;}
.main-banner-box .fix-slogon-box p span{
	background-color: #006937;
	padding: 8px 12px;
	border-radius: 5px;
}
.main-banner-box .fix-slogon-box p span a,
.main-banner-box .fix-slogon-box p span a:hover,
.main-banner-box .fix-slogon-box p span a:active,
.main-banner-box .fix-slogon-box p span a:focus{ color: #fff; cursor: pointer;}

.main-banner-box .fix-button-box{ width: 100%; position: absolute; bottom: 0; left: 0; z-index: 100; padding: 30px 50px; text-align: right;}
.main-banner-box .fix-button-box a{ color: #fff; font-size: 24px; font-family: "graphik2", "courier new", "Arial"; background-color: #006937;}
.main-banner-box .fix-button-box a:hover,
.main-banner-box .fix-button-box a:focus,
.main-banner-box .fix-button-box a:active{ background-color: #006937;}


.corporate-desc-detail{ width: 100%; margin: 0 auto;}
.corporate-desc-detail p{ width: 100%; margin-top: 15px; padding-left: 15px; padding-right: 15px;  font-size: 14px; }

.corp-unorderedlist-box{ width: 100%; padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 30px; margin-bottom: 50px; background-color: #fff;
	/*box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .15);*/}
.corp-unorderedlist-box h4{ border-bottom: #79807c solid 1px; padding-bottom: 12px;}
.corp-unorderedlist-box ul{ width: 100%; height: 280px; overflow: hidden; margin: 0 auto; margin-top: 30px;}
.corp-unorderedlist-box ul.expand-more-detail{ height: auto;}
.corp-unorderedlist-box ul li{list-style: circle outside; margin-left: 20px; font-family: "graphik", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 28px; color: #79807c;
	/*word-break: break-word;
	text-align: justify;*/
}
.corp-unorderedlist-box p{ margin: 0 auto; margin-top: 30px;}
.corp-unorderedlist-box p a{ color: #006937;}
.corp-unorderedlist-box p a:hover{ color: #006937; text-decoration:  underline;}
.corp-unorderedlist-box strong,
.corp-unorderedlist-box h3,
.corp-unorderedlist-box h4{ font-weight: 500; color: #434343;}

/*For compare s*/
.corp-unorderedlist-box1{}

.corp-unorderedlist-box2{box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .15);}
.corp-unorderedlist-box2 h4{ color: #006937}

.corp-unorderedlist-box3{box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .15);}
.corp-unorderedlist-box3 ul li{ color: #434343;}
.corp-unorderedlist-box3 ul li strong{ font-weight: normal; font-family: "graphik", Helvetica, Arial, sans-serif!important;}
/*For compare e*/

#corp-main-tabs-box{ width: 100%; margin: 0 auto; margin-top: 10px; }
#corp-main-tabs-box .nav-tabs li a{ text-align: center; font-weight: 500; font-family: "graphik2", "courier new", "Arial"; font-size: 18px; border: 0; color: #434343;}
#corp-main-tabs-box .nav-tabs li.active a{ border-bottom: #006937 solid 5px; color: #006937;}

#corp-main-tabs-box .tab-content{ width: 100%; margin: 0 auto; margin-top: 50px;}
#corp-main-tabs-box #panel-1 .row{ width: 100%; margin: 0 auto; margin-top: 15px;}
#corp-main-tabs-box #panel-1 .row>div:first-child{ text-align: center;}
#corp-main-tabs-box #panel-1 .row>div:first-child a{ font-size: 60px; text-align: center; color: #006937;}

#corp-main-tabs-box #panel-2 .row{ width: 100%; margin: 0 auto; margin-top: 15px;}
#corp-main-tabs-box #panel-2>.row>div{ margin-bottom: 20px;}
#corp-main-tabs-box #panel-2>.row>div img{ width: 100%;}

#corp-main-tabs-box #panel-1 .img-box img{ height: 75px; }
#corp-main-tabs-box #panel-1 blockquote{ border-left: 2px solid #434343; position: relative; font-size: 14px; color: #434343; min-height: 85px;}
#corp-main-tabs-box #panel-1 blockquote strong,
#corp-main-tabs-box #panel-1 blockquote h3,
#corp-main-tabs-box #panel-1 blockquote h4{ font-weight: 500; color: #434343;}
#corp-main-tabs-box #panel-1 blockquote:before{ content: ''; width: 8px; height: 8px; border-radius: 50%; position: absolute; top: 0px; left: -5px; background-color: #fff; border: #79807c solid 2px;}
#corp-main-tabs-box #panel-1 blockquote:after{ content: ''; width: 8px; height: 8px; border-radius: 50%; position: absolute; bottom: 0px; left: -5px; background-color: #fff; border: #79807c solid 2px;}

/*Services page*/
.services-banner-box{ width: 100%; height: auto; overflow: hidden; position: relative; margin: 0 auto;}
.services-banner-box .main-banner{width: 100%; margin: 0 auto;}
.services-banner-box .main-banner img{ width: 100%;}
.services-banner-box .fix-button-box{ width: 100%; position: absolute; bottom: 0; left: 0; padding: 30px 50px; text-align: right;}
.services-banner-box .fix-button-box a{ color: #fff; font-size: 24px; font-family: "graphik2", "courier new", "Arial"; background-color: #006937;}
.services-banner-box .fix-button-box a:hover,
.services-banner-box .fix-button-box a:focus,
.services-banner-box .fix-button-box a:active{ background-color: #006937;}

/*Resources page*/
.resources-banner-box{ width: 100%; height: auto; overflow: hidden; position: relative; margin: 0 auto;}
.resources-banner-box .main-banner{width: 100%; margin: 0 auto;}
.resources-banner-box .main-banner img{ width: 100%;}
.resources-banner-box .fix-button-box{ width: 100%; position: absolute; bottom: 0; left: 0; padding: 30px 50px; text-align: right;}
.resources-banner-box .fix-button-box a{ color: #fff; font-size: 24px; font-family: "graphik2", "courier new", "Arial"; background-color: #006937;}
.resources-banner-box .fix-button-box a:hover,
.resources-banner-box .fix-button-box a:focus,
.resources-banner-box .fix-button-box a:active{ background-color: #006937;}

/*Aboutus page*/
.aboutus-banner-box{ width: 100%; height: auto; overflow: hidden; position: relative; margin: 0 auto;}
.aboutus-banner-box .main-banner{width: 100%; margin: 0 auto;}
.aboutus-banner-box .main-banner img{ width: 100%;}
.aboutus-banner-box .fix-button-box{ width: 100%; position: absolute; bottom: 0; left: 0; padding: 30px 50px; text-align: right;}
.aboutus-banner-box .fix-button-box a{ color: #fff; font-size: 24px; font-family: "graphik2", "courier new", "Arial"; background-color: #006937;}
.aboutus-banner-box .fix-button-box a:hover,
.aboutus-banner-box .fix-button-box a:focus,
.aboutus-banner-box .fix-button-box a:active{ background-color: #006937;}

#corp-service-tabs-box{ width: 100%; margin: 0 auto; margin-top: 50px; }
#corp-service-tabs-box .nav-tabs li a{ text-align: center; font-weight: 500; font-family: "graphik2", "courier new", "Arial"; font-size: 18px; border: 0; color: #434343;}
#corp-service-tabs-box .nav-tabs li.active a{ border-bottom: #006937 solid 5px; color: #006937;}

#corp-service-tabs-box .tab-content .panel-content-1{ width: 100%; height: auto; display: block; overflow: hidden; margin: 0 auto; margin-top: 50px;}
#corp-service-tabs-box .tab-content .panel-content-1 .panel-content-text{ width: inherit; height: 100%; margin: 0 auto;}
#corp-service-tabs-box .tab-content .panel-content-1 .panel-content-text .row{ width: 100%; margin: 0 auto;}
#corp-service-tabs-box .tab-content .panel-content-1 .panel-content-text .row .image-box img{ width: 100%; margin: 0 auto;}
#corp-service-tabs-box .tab-content .panel-content-1 .panel-content-text .row .content-box{ padding:50px 50px;}
#corp-service-tabs-box .tab-content .panel-content-1 .panel-content-text .row ul strong{ font-family: "graphik2", "courier new", "Arial"; font-weight: 500;}
#corp-service-tabs-box .tab-content .panel-content-1 .panel-content-text .row ul li{list-style: circle outside; margin-left: 20px; font-family: "graphik", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 28px;}

.resource-case{padding-top: 30px; line-height: 28px;}
.resource-case a{ color: #333;}
.resource-case a:hover{ text-decoration: underline;}
.resource-case ul{ list-style: inherit; margin-left: 20px; margin-top: 20px;}
.resource-case .img-box img{ height: 75px; }

.hr-gap{ border-top: #79807c solid 2px; position: relative; margin: 0 15px; margin-top: 30px;}
.hr-gap:before{ content: ''; width: 8px; height: 8px; border-radius: 50%; position: absolute; left: 0px; top: -5px; background-color: #fff; border: #79807c solid 2px;}
.hr-gap:after{ content: ''; width: 8px; height: 8px; border-radius: 50%; position: absolute; right: 0px; top: -5px; background-color: #fff; border: #79807c solid 2px;}

.resource-contact-us{ padding-left: 15px; padding-right: 15px; margin: 0 auto; margin-top: 30px;}
.resource-contact-us blockquote{ border-left: 2px solid #79807c; position: relative; width: 99%; margin: 0 auto;}
.resource-contact-us blockquote:before{ content: ''; width: 8px; height: 8px; border-radius: 50%; position: absolute; top: 0px; left: -5px; background-color: #fff; border: #79807c solid 2px;}
.resource-contact-us blockquote:after{ content: ''; width: 8px; height: 8px; border-radius: 50%; position: absolute; bottom: 0px; left: -5px; background-color: #fff; border: #79807c solid 2px;}

.corporate-content-box .jumbotron{ background-color: #f9f9f9; /*box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .15);*/}
.corporate-content-box .jumbotron p{ font-size: 14px; font-weight: normal; color: #666;}
.corporate-content-box .jumbotron strong,
.corporate-content-box .jumbotron h2,
.corporate-content-box .jumbotron h3,
.corporate-content-box .jumbotron h4{ color: #333;}

@media (max-width: 1180px) {
	.main-banner-box .fix-slogon-box{ width: 100%; position: absolute; top:0; left: 0px; padding: 10px 50px;}
	.main-banner-box .fix-slogon-box p{ font-size: 18px; line-height: 24px; font-family: "graphik2", "courier new", "Arial"; margin-top: 20px;}
	.main-banner-box .fix-slogon-box p:first-child{ margin-top: 80px;}

	.corp-unorderedlist-box ul{ height: 140px;}
	/*Services page*/
	#corp-service-tabs-box{ margin-top: 30px; }
	#corp-service-tabs-box .nav-tabs li a{ font-size: 16px;}
	#corp-service-tabs-box .tab-content .panel-content-1 .panel-content-text .row .content-box{ padding:10px 30px;}
}

@media (max-width: 1023px) {
	.main-banner-box .fix-slogon-box{ width: 100%; position: absolute; top:0; left: 0px; padding: 10px 50px;}
	.main-banner-box .fix-slogon-box p{ font-size: 16px; line-height: 24px; font-family: "graphik2", "courier new", "Arial"; margin-top: 20px;}
	.main-banner-box .fix-slogon-box p:first-child{ margin-top: 20px;}
	.main-banner-box .fix-slogon-box h2{ font-size: 24px;}

	.corp-unorderedlist-box ul{ height: 140px;}
	/*Services page*/
	#corp-service-tabs-box{ margin-top: 30px; }
	#corp-service-tabs-box .nav-tabs li{ padding-left: 5px; padding-right: 5px;}
	#corp-service-tabs-box .nav-tabs li a{ font-size: 16px;}
}

@media (max-width: 767px) {
	.main-banner-box .fix-slogon-box{ width: 100%; position: absolute; top:0; left: 0px; padding: 0px 10px;}
	.main-banner-box .fix-slogon-box p{ font-size: 12px; line-height: 15px; font-family: "graphik2", "courier new", "Arial"; margin-top: 5px;}
	.main-banner-box .fix-slogon-box p:first-child{ margin-top: 0;}
	.main-banner-box .fix-slogon-box h2{ font-size: 18px;}

	#corp-main-tabs-box #panel-1 .img-box img{ height: 60px; }
	.resource-case .img-box img{ height: 60px; }

	.main-banner-box .fix-button-box,
	.services-banner-box .fix-button-box,
	.resources-banner-box .fix-button-box,
	.aboutus-banner-box .fix-button-box{ text-align: center;}
	/*Services page*/
	#corp-service-tabs-box{ margin-top: 20px; }
	#corp-service-tabs-box .nav-tabs li{ padding-left: 0; padding-right: 0; height: 45px;}
	#corp-service-tabs-box .nav-tabs li a{ font-size: 14px;}
	#corp-service-tabs-box .tab-content .panel-content-1 .panel-content-text .row{ width: 100%; }
	#corp-service-tabs-box .tab-content .panel-content-1 .panel-content-text .row ul li{ font-size: 14px; line-height: 24px;}
	#corp-service-tabs-box .tab-content .panel-content-1 .panel-content-text .row .content-box{ padding:20px 20px;}
}