@charset "utf-8";
/* CSS Document */
body {
	padding:1em auto;
	font : 100%/1.4 'Helvetica Neue', arial, helvetica, helve, sans-serif;
}
.section {
	padding:0em;
}
.col {
	padding:1em 0;
	text-align:justify;
}
hr {
	display: block;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: auto;
	margin-right: auto;
	border-style: inset;
	border-width: 0.5px;
	border-color:#fff;
	color:#fff;
	border-top: 0.5px solid #fff;
}
a {
	text-decoration:none;
}
.slide_show {
	padding:0;
	z-index:1;
	display:block;
	margin:0 auto;
}
.top_logo .col {
	padding:0;
	margin:0;
}
.logo {
	background-color:transparent;
	z-index:2;
	position:absolute;
	display:block;
	z-index:1000;
	padding: 50px 150px;
}
.logo img {
	width:100%;
}
.slide_show .col {
	padding:0;
}
.slide_show .fa {
	display: inline-block;
	font: normal normal normal 54px/2 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight:normal;
	font-size: 3em;
	color:#fff;
	transform:scale(2, 1);
}
.carousel-caption h3 {
	color:#fff;
	font-size:1.7em;
	padding:0 0 .1em 0;
	font-weight:bold;
}
.carousel-caption p {
	padding:0 0 .9em 0;
	color:#139f8e;
	font-size:1.2em;
	font-weight:bold;
}
.slide_show h3 {
	font-family: Lucida Sans Unicode;
}
 @media only screen and (max-width: 979px) {
 .logo {
 padding: 5px 5px;
}
.logo img {
width:80%;
}
}
@media only screen and (max-width: 767px) {
 .slide_show {
padding:0;
z-index:1;
 display:block;
margin:0;
}
 .top_logo {
display:none;
}
.top_logo .col {
display:none;
}
 .logo img {
width:100%;
}
 .slide_show .col {
padding:0em;
}
 .slide_show .fa {
 font: normal normal normal 14px/2 FontAwesome;
 font-size: 1em;
 transform:scale(2, 1);
}
.carousel-caption h3 {
font-size:0.8em;
padding:0.5em 0em;
}
.carousel-caption p {
padding:0.5em 0em;
font-size: 0.8em;
}

.carousel-caption{ padding-bottom: 0px !important; }

}
.header, .header_inside {
	padding:0em 0em 1em 0em;
}
.header {
	width:100%;
	display:block;
	background:url(../images/slideabout.jpg);
	background-size:cover;
	height:500px;
}
.header_inside {
	width:100%;
	display:block;
	background:url(../images/slideabout.jpg);
	background-size:cover;
	height:400px;
}
.header .caption, .header_inside .caption {
	display:block;
	padding-top:200px;
}
.header .caption h1 {
	color:#000;
	font-size: 2.3em;
	padding:0 0 .1em 0;
	text-shadow: 1px 1px #f8fafa;
}
.header_inside .caption h1 {
	color:#000;
	font-size:3em;
	padding:0 0 .1em 0;
	text-shadow: 1px 1px #f8fafa;
}
.header .caption h1 span, .header_inside .caption h1 span {
	padding-left:2.5em;
}
#intro {
	padding:1.5em 0 0 0;
}
.intro {
	padding-left:2em;
}
.intro h1 {
	color:#000;
	font-size:1.5em;
	padding:0 0 .1em 0;
	text-transform: uppercase;
	font-weight: bold;
}
.intro span {
	color:#1f9f90;
}
.intro .span_2_of_2 {
}
.intro_left {
	background-color:#fff;
	padding:0em 2em 2em 2em;
}
.intro_left h1 {
	color:#000;
	font-size: 1.5em;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 1em;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0.1em;
	padding-left: 0;
	text-align: left;
}
.intro_left span {
	color:#1f9f90;
}
.intro_left p {
	padding:0 0 .9em 0;
	color:#0F0F0F;
	font-size: 1em;
}
.intro_right {
	background-color:#20a090;
	padding:2em;
}
.intro_right .span_1_of_2 {
	padding:0 1em;
}
.intro_right p {
	padding:0 0 .6em 0;
	color:#f7f7f7;
	font-size: 1em;
}
.intro_right h2 {
	font-size:1.2em;
	padding:0 0 .5em 0;
	color:#fff;
	font-weight: bold;
}
.introduction {
	padding-bottom:80px;
	padding-top: 40px;
}
.introduction .span_1_of_3 {
	width: 35.26%;
}
.mail h3 {
	color: #24263e;
	font-size: 1.7em;
	padding: 0 0 .1em 0;
}
.company img {
	width:100%;
}
 @media only screen and (min-width: 1280px) {
.introduction .span_1_of_3 {
 width: 45.26%;
}
}
 @media only screen and (max-width: 1165px) {
 .header .caption h1 span, .header_inside .caption h1 span {
padding-left:0em;
}
}
@media only screen and (max-width: 979px) {
 .header .span_1_of_2, .header_inside .span_1_of_2 {
 width: 69.2%;
 float: right;
}
.header .caption h1 span, .header_inside .caption h1 span {
padding-left:2.5em;
}
 .header .caption, .header_inside .caption {
padding-right:1em;
}
 .intro h1 {
 font-size: 1.4em;
}
 .intro_left p {
font-size:0.9em;
}
}
@media only screen and (max-width: 1160px) {
 #intro .span_1_of_2, .introduction .span_1_of_2, .introduction .span_2_of_2, .introduction .span_1_of_3 {
width:100%;
}
 .company img {
width:100%;
}
}
 @media only screen and (max-width: 767px) {
.header, .header_inside {
width:100%;
height:auto;
box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.5);
}
.header_inside {
height: 100px;
}
.header .span_1_of_2, .header_inside .span_1_of_2 {
 width: 100%;
 float:none;
}
.header .caption, .header_inside .caption {
padding-top:10px;
}
.header .caption h1, .header_inside .caption h1 {
font-size: 1.1em;
padding:0em;
color:#fff;
text-shadow: 1px 1px #000;
line-height: 2em;
}
.header .caption h1 span, .header_inside .caption h1 span {
padding-left:0em;
}
 .intro {
padding-left:0em;
}
.intro h1 {
padding: 0 0.9em .1em 0.9em;
font-size: 1.3em;
}
.intro span {
}
 .introduction .col {
padding:0em 0;
}
.introduction .span_1_of_3 {
width: 100%;
}
.intro_left {
padding:0em 0em 2em 0em;
}
.intro_left p {
padding:0 0 .9em 0;
font-size: 1.2em;
}
.intro_right {
padding:1em !important;
}
.intro_right p {
padding:0 0 .6em 0;
}
.intro_right h2 {padding:0 0 .5em 0;text-align: left;}
 .blank_intro {
display:none;
padding:0em;
}
}
.services {
	background:url(../images/slidebg.jpg) no-repeat;
	background-size:cover;
	border-style: solid;
	border-bottom: 6px solid #20a090;
	padding:1.5em 0 3em 0;
}
.services .col {
	margin: 2em 0 0 0;
}
#heading_service {
	margin-top: -60px !important;
	padding-right: 0px !important;
	padding-left: 0px !important;
}
.heading_service {
	/* background-color:transparent;
  background-image: -webkit-linear-gradient(300deg, transparent 50%, #20a090 50% );*/
  background:url(../images/service_bg.png) no-repeat right;
	right:0;
	float:right;
	width:90%;
}
.heading_service p {
	float:right;
	color:#000;
	font-size:1.1em;
	padding-right:120px;
	text-align:right;
}
.heading_service span {
	color:#fff;
	font-size:1.5em;
	text-transform: uppercase;
	font-weight: bold;
}
.services .span_1_of_6 {
	width: 20.33%;
}
.services .first_child {
	padding-left: 0.5em;
}
.services .other_child {
	padding-left: 0.5em;
}
.service_box {
	background-color:#20a090;
	padding:1em;
}
.service_box .img_box {
	background-color:#fff;
	min-height:200px;
	display:block;
}
#imageContainer {
	height: 200px;
	vertical-align: bottom;
	display: table-cell;
}
.service_box img {
	width:100%;
	bottom:0;
}
.caption_box {
	background-color:#105249;
	margin-top:0.5em;
	background-image:url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: top right;
}
.caption_box h3 {
	color:#fff;
	font-size:0.9em;
	padding:0.5em 0.8em;
}
.detail {
	padding-left:2em;
}
.detail p {
	color:#ccc;
	text-align:justify;
	font-size: 1em;
}
@media only screen and (max-width: 1165px) {
 .services .span_1_of_6 {
 width: 21.33%;
}
.caption_box h3 {
 font-size: 0.8em;
 padding: 0.5em 0em;
}
}
 @media only screen and (max-width: 1026px) {
 .caption_box {
background-image:none;
 background-repeat: no-repeat;
 background-position: top right;
}
 .services .span_1_of_6 {
 width: 21.63%;
}
 .caption_box h3 {
 font-size: 0.7em;
 padding: 0.5em 0.3em;
}
.service_box .img_box {
min-height:150px;
}
 #imageContainer {
height: 150px;
}
.detail p {
font-size: 1.2em;
}
}


 @media only screen and (max-width: 1124px) {
.services .span_1_of_6 {
 width: 30.63%;
}
.services .span_1_of_3 {
    width: 95.26%;
    padding: 0.5em 1em;
}
}


 @media only screen and (max-width: 767px) {
 .caption_box {
background-color:#105249;
margin-top:0.5em;
background-image:url(../images/arrow.png);
 background-repeat: no-repeat;
 background-position: top right;
}
 .services {
border-bottom: 6px solid #20a090;
}
.services .col {
 margin: 0.2em 0 0 0;
}
 #heading_service {
margin-top: 0px !important;
padding-right: 0px !important;
padding-left: 0px !important;
}
.heading_service {
 background-color:#20a090;
 background-image:none;
 right:inherit;
 float:left;
 width:100%;
}
 .heading_service p {
float:none;
padding:1em;
font-size: 1.1em;
text-align:justify;
}
 .heading_service span {
font-size: 1em;
}
 .services .span_1_of_6 {
 width: 100%;
}
.services .first_child {
padding-left: 0em;
}
.services .other_child {
padding-left: 0em;
}
.service_box {
padding:1em;
}
 .service_box .img_box {
min-height:200px;
}
 #imageContainer {
height: 200px;
}
.service_box img {
width:100%;
}
.caption_box {
margin-top:0.5em;
}
.caption_box h3 {
font-size:0.9em;
padding:0.5em 0.8em;
}
.detail {
padding-left:0em;
}
.detail p {
}
}
.partners {
	background-color:#fefefe;
	padding-bottom:2em;
}
.partners img {
	display:block;
	margin:0 auto;
}
@media only screen and (max-width: 1165px) {
.partners .span_1_of_7 {
 width: auto;
}
}
 @media only screen and (max-width: 979px) { {
background-color:#fefefe;
}
.partners .span_1_of_7 {
 width: auto;
}
}
@media only screen and (max-width: 767px) {
 .partners .span_1_of_7 {
 width: 100%;
}
 .partners .col {
margin:0em;
padding:0em;
}
}
#client {
	padding:1.5em 0 0 0;
}
.client_intro {
	padding-left:2em;
}
.client_intro h1 {
	color:#24263e;
	font-size: 1.8em;
	padding:0 0 .1em 0;
}
.client_intro span {
	color:#1f9f90;
}
.client_introduction {
	padding-bottom:0px;
}
.client_introduction .span_1_of_3 {
	width: 35.26%;
}
.client_introduction .intro_left {
	background-color:#fff;
	padding:0em 2em 1em 2em;
}
.client_introduction .intro_left p {
	padding:0 0 .9em 0;
	color:#393939;
	font-size: 1em;
}
 @media only screen and (min-width: 1280px) {
.client_introduction .span_1_of_3 {
 width: 45.26%;
}
}
@media only screen and (max-width: 1165px) {
}
@media only screen and (max-width: 979px) {
 .client_intro h1 {
 font-size: 1.4em;
}
 .client_intro .intro_left p {
font-size:0.9em;
}
}
@media only screen and (max-width: 1160px) {
 #client .span_1_of_2, .client_introduction .span_1_of_2, .client_introduction .span_2_of_2, .client_introduction .span_1_of_3 {
width:100%;
}
}
 @media only screen and (max-width: 767px) {
 .client_intro {
padding-left:0em;
}
.client_intro h1 {
padding: 0 0.9em .1em 0.9em;
font-size: 2em;
}
.client_intro span {
}
 .client_introduction .col {
padding:0em 0;
}
.client_introduction .span_1_of_3 {
width: 100%;
}
.client_introduction .intro_left {
padding:0em 0em 2em 0em;
}
.client_introduction .intro_left p {
padding:0 0 .9em 0;
font-size: 1.2em;
}
 .blank_intro {
display:none;
padding:0em;
}
}
.footer {
	background:url(../images/slidebg.jpg) no-repeat;
	background-size:cover;
	color:#fff;
}
.footer .col {
	margin: 2em 0 2em 0;
}
.footer .span_1_of_2 {
	width: 42.2%;
}
.footer .about {
	padding:0em 2em 2em 2em;
}
#cf {
	position:relative;
	margin:0 0em;
}
#cf img {
	width:36px;
	position:absolute;
	left:0;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}
#cf img.top:hover {
	opacity:0;
}
#cf1 {
	position:relative;
	margin:0 3em;
}
#cf1 img {
	width:36px;
	position:absolute;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}
#cf1 img.top:hover {
	opacity:0;
}
#cf2 {
	position:relative;
	margin:0 6em;
}
#cf2 img {
	width:36px;
	position:absolute;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}
#cf2 img.top:hover {
	opacity:0;
}
#cf3 {
	position:relative;
	margin:0 9em;
}
#cf3 img {
	width:36px;
	position:absolute;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}
#cf3 img.top:hover {
	opacity:0;
}
.footer .about #cf, .footer .about #cf1, .footer .about #cf2, .footer .about #cf3 {
	margin-top: 1em;
}
.footer .quick_link {
	padding-left:2em;
	border-style: solid;
	border-left: 1px solid #20a090;
	min-height:210px;
}
.footer .contact_us {
	padding-left:2em;
	border-style: solid;
	border-left: 1px solid #20a090;
	min-height:210px;
}
.footer .about h1, .footer .quick_link h1, .footer .contact_us h1 {
	font-size: 1.3em;
	padding:0 0 .3em 0;
	font-weight: bold;
}
.footer .about p, .footer .contact_us p {
	padding:0 0 .6em 0;
	color: #ccc;
	font-size: 0.9em;
	/* letter-spacing: 1px; */
}
.footer .quick_link ul {
	padding:0 0 .6em 0;
	color:#f7f7f7;
	font-size:0.9em;
	padding-left:1em;
}
.footer .quick_link ul li {
	list-style:square;
	color:#f7f7f7;
	padding-left:0.5em;
	padding-top: 0.6em;
}
.footer .contact_us p img {
}
.footer .contact_us p img {
	padding-right:0.8em;
}
@media only screen and (max-width: 979px) {
.footer .contact_us p {
padding:0 0 .6em 0;
font-size:0.9em;
text-align:left;
}
 .footer .span_1_of_4 {
 width: 20.8%;
}
.footer .span_1_of_2 {
 width: 40.2%;
}
.footer .span_1_of_3 {
 width: 30.26%;
}
}
@media only screen and (max-width: 767px) {
 .footer {
}
.footer .col {
margin: 0.1em 0 0.1em 0;
}
.footer .span_1_of_2 {
 width: 100%;
}
.footer .span_1_of_4 {
 width: 100%;
}
 .footer .span_1_of_3 {
 width: 100%;
}
.footer .about {
padding:0em;
}
 .footer .quick_link {
padding-left:0em;
border-left:none;
}
.footer .contact_us {
padding-left:0em;
border-left:none;
}
.footer .about h1, .footer .quick_link h1, .footer .contact_us h1 {
font-size: 1.5em;
padding: 1em 0 1em 0;
}
 .footer .about p, .footer .contact_us p {
padding: 0.5em 0.5em 0.5em 0.5em;
font-size: 1.1em;
text-align:justify;
}
.footer .quick_link ul {
padding:0 0 .6em 0;
font-size:0.9em;
padding-left:1em;
}
.footer .quick_link ul li {
padding-left:0.5em;
}
.footer .contact_us p img {
padding-right:0.8em;
}
.footer .about .social_icons, .footer .about {
margin-bottom:2em;
}
 #cf {
 position:relative;
 margin:0 0;
}
 #cf1 {
 position:relative;
 margin:0 0;
 padding-left: 2.5em;
}
 #cf2 {
 position:relative;
 margin:0 0;
 padding-left: 5em;
}
 #cf3 {
 position:relative;
 margin:0 0;
 padding-left: 7.5em;
}
}
.btm_footer {
	background-color:#20a090;
	color:#fff;
}
.btm_footer .col {
	margin: 1em 0 1em 0;
	padding:0em;
}
.btm_footer h3 {
	font-size: 0.9em;
	padding:0 0 .1em 0;
	font-weight:normal;
	/* letter-spacing: 1px; */
}
.btm_footer h3 a {
	text-decoration:none;
	color:#fff;
}
.btm_footer h3 a:hover {
	color:#105249;
	text-decoration:none;
}
.btm_footer .designed {
	float:right;
}
.btm_footer .span_1_of_12 {
	margin-left:1em;
}
@media only screen and (max-width: 1069px) {
 .btm_footer .span_1_of_4 {
 width: 30.8%;
}
}
@media only screen and (max-width: 979px) {
 .btm_footer .span_1_of_4 {
 width: 35.8%;
}
}
@media only screen and (max-width: 767px) {
 .btm_footer {
}
.btm_footer .span_1_of_4 {
 width: 100%;
}
.btm_footer .col {
margin: 0em 0 0em 0;
padding:0em;
}
 .btm_footer h3 {
font-size: 0.6em;
padding:0 0 .1em 0;
line-height: 2em;
}
.btm_footer h3 a {
}
.btm_footer h3 a:hover {
}
.btm_footer .designed {
}
 .btm_footer .span_1_of_12 {
margin-left:0em;
}
}
 @media only screen and (max-width: 767px) {
 .section {
padding:1em;
}
}
.intro_right a, .services a, .quick_link a {
	color:#fff;
	text-transform: uppercase;
	text-align: justify;
}
.intro_right a:hover {
	text-decoration:none;
	color:#0c3631;
}
.intro_right p a {
	background-color:#FFF;
	color: #20A090;
	margin-top: 20px;
	margin-bottom: 20px;
	display: block;
	float: left;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.intro_right p a:hover {
}
.services .caption_box:hover {
	background-color:#000;
	color:#20a090;
}
.services a:hover {
	text-decoration:none;
	color:#20a090;
}
.quick_link a:hover {
	text-decoration:none;
	color:#20a090;
}
.btm_footer a {
	color:#fff;
}
.btm_footer a:hover {
	text-decoration:none;
	color:#105249;
}
#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
	display: none;
}
.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}
.nbs-flexisel-inner {
	overflow: hidden;
	width:100%;
	margin: 0 auto;
}
.nbs-flexisel-item {
	float: left;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	position: relative;
	line-height: 0px;
}
.nbs-flexisel-item > img {
	cursor: pointer;
	positon: relative;
	margin-top: 10px;
	margin-bottom: 10px;
}
/*** Navigation ***/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
	width: 46px;
	height: 100px;
	position: absolute;
	cursor: pointer;
	z-index: 100;
}
.nbs-flexisel-nav-left {
	left: 0px;
	background: url(../images/img-sprite.png) no-repeat -19px -21px;
}
.nbs-flexisel-nav-right {
	right: 0px;
	background: url(../images/img-sprite.png) no-repeat -55px -20px;
}