/* ---- General Template Style ---- */

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

a{ text-decoration: none; color:#1695a3; word-wrap: break-word; outline:none ;-webkit-font-smoothing: antialiased;}
body{ margin: 0; padding:0; font: normal 14px/22px "droidsans", Helvetica, sans-serif; -webkit-font-smoothing: antialiased;background: #fff;margin: auto!important;color: #242424; -webkit-text-size-adjust: none; }
p{padding-bottom: 5px}
ul{padding-bottom: 10px}
li{list-style: none;}
a{ color: #fff; text-decoration: none;}
a:hover{ color: #00b7db; }



/* ---- Main Menu ---- */

/* ---- Banner ---- */
.banner{ clear: both; position: relative;}
.banner img{ max-width: 100%;}

.banner .p-sli{color: #fff;font-size: 16px; font-weight: normal; display: block;    padding: 22px 0px; line-height: 24px;    text-align: center;}
.banner .p-sli:hover,.banner .p-sliav{ background: #f2f147; color: #0b344b;}
.slide_thumb div{top:0px!important;}
   

/* ---- Service ---- */
.service_wrapper{      bottom:-5px;     width: 100%;}
.service_innerwrapper{max-width: 1400px; margin: auto;}
.service_wrapper ul{ border-left: 5px #0fb1ef solid;border-right: 5px #0fb1ef solid; background:url('../images/service_bg.png') repeat left top; display: flex;  padding: 0px;}     
.service_wrapper ul li{float: left; text-align: center;}
.service_wrapper ul li a{ color: #ffffff; font-size: 18px; display: block; padding: 30px 40px;    line-height: 22px;}
.service_wrapper ul li a:hover{ background: #f2f147; color: #0b344b;}

/* ---- Content ---- */
#content{ max-width: 1400px; margin: auto; }
.wrapper_content{padding: 75px 0px; display: inline-block;}
.wrapper_content h3{margin:5px 0px 10px 0px;}
.wrapper_content h2{background:url('../images/head_titlebg.png') no-repeat left bottom; font-size: 36px; color: #2799ed; padding: 5px 0px 20px 0px;text-align: left; margin:0px 0px 40px 0px; text-transform: uppercase; font-weight: normal;}
.content_left{float: left; width: 30%; padding-right: 2%;}
.content_left h4{font-size: 36px;color: #2b2b2b; margin: 0px 0px 25px 0px; padding: 0px; font-weight: normal; line-height: 42px;}
.content_left p{ font-size: 20px; line-height: 32px;}

.wrapper_half{float: left; width: 46%; padding: 2%;}
.wrapper_content img{ max-width: 100%;}
.content_history{background: #2799ed; padding: 5% 2% 2% 2%; text-align: center; color: #fff;}
.content_history h3{ font-size:24px; color: #ffffff; font-weight: normal; padding: 0px 0px 5px 0px; margin: 0px; }
.content_history p{line-height: 26px;}

.content_wrapoverview{display: inline-block;}
.content_overview{ padding: 5% 0% 3% 0%;}
.content_overview h3{ font-size: 24px; color: #555555; padding:0px 0px 15px 0px; margin: 0px; font-weight: normal;}
.content_overview p{line-height: 26px; color: #555555;}
.content_overview li{line-height: 26px; color: #555555;}

.content_right{float: left; width: 68%;}
.content_right_leftwrapper{ background: #4c9dcd; width: 41%; color: #fff; padding: 3%; float: left; margin-right: 3%;}
.content_right_leftwrapper p{font-size: 18px; color: #fff; line-height: 24px;}
.content_right .readmore{float: right;}
.content_right .readmore a{font-size: 20px; color: #ffffff; padding-top: 10px; display: inline-block;}
.content_right_rightwrapper{width: 50%; float: left;}

 #map {  height: 400px;   width: 100%; }
.ug-thumb-wrapper{border: 1px #0b354b solid;border-radius: 3px;}
.inner_img_right{ width: 300px; float: right; padding-bottom: 10px;}
.inner_img_left{ width: 300px; float: left; padding-bottom: 10px;}
.inner_img_width{width: 300px; padding: 5px;}
.inner_content_img{    float: right; text-align: center; color: #2799ed; font-size: 16px; font-weight: bold; padding: 0% 2%;}
.inner_content_img_left{    float: left; text-align: center; color: #2799ed; font-size: 16px; font-weight: bold; padding: 0% 2%;}

.inner_content_img span,.inner_content_img_left span{display: block;}

/* ---- Project menu ---- */
.wrapper_content_certificate,.wrapper_content_faq,.wrapper_inner_content{width: 100%;}
.project-gallery .content_project_inner{ padding-top: 0px;}
.project-gallery .port-img{float: left; padding: 5px;}
.content_project_inner .port-img table{vertical-align: middle; height: 100%;}
.wrapper_content .gallery img{border: 1px #0b354b solid;  border-radius: 3px;    width: 24%;}
.wrapper_content .gallery a{position: relative;}
.wrapper_content .gallery span{ background: #0b354b; color:#fff; position: absolute;list-style: none; width: 98%; bottom: -120px; left: 0px; z-index: 999; padding: 10px 1%;    display: list-item;}

.wrapper_content_award .gallery img{ width: 24%;    min-height: 380px;}
/* ---- Tab ---- */

.wrapper_inner_content .ui-widget-header{background: none; border: 0px;}
.wrapper_inner_content .ui-widget.ui-widget-content{padding: 0px; margin: 0px;background: none; border: 0px;}
.wrapper_inner_content .ui-tabs .ui-tabs-panel{ border: 1px #012650 solid; padding: 1%;}
.wrapper_inner_content .ui-tabs .ui-tabs-nav{padding: 0px;}
.wrapper_inner_content .ui-state-default,.wrapper_inner_content .ui-widget-content .ui-state-default,.wrapper_inner_content .ui-widget-header .ui-state-default{    background: #0b354d;    border: 0px; color: #fff;}
.wrapper_inner_content .ui-state-default a,.wrapper_inner_content .ui-state-default a:link{color:#fff!important}
.wrapper_inner_content .ui-tabs .ui-tabs-nav li.ui-tabs-active {  margin-bottom: -3px;  padding-bottom: 1px;  border-bottom: 2px #f7f139 solid;}


/* ---- Content Left menu ---- */
.wrapper_left_content{float: left; width: 20%;}
.wrapper_right_content{float: left; width: 80%;}

.wrapper_left_menu ul{}
.wrapper_left_menu ul li {margin-bottom: 20px;}
.wrapper_left_menu ul li a{   border: 2px #012650 solid; padding: 7% 12%; display: inline-block; width: 84%; color: #0b354d; text-transform: uppercase;}
.wrapper_left_menu ul li.active a,.wrapper_left_menu ul li a:hover{ background: #352f71;   border-left: 6px #ffdb3a solid; color: #fff;}

.wrapper_breadcrumb{background: #ffdb3a; position: absolute; padding: 10px 10px; bottom: 6px;  left: 4%;}
.wrapper_breadcrumb li{float: left; padding: 0px 8px; }
.wrapper_breadcrumb li a{ color: #09364b;}

/* ---- Content Project ---- */
#content_project{background:url('../images/project_bg.png') repeat-x center top; margin-bottom: 60px; }
#content_project h2{background:url('../images/head_titlebg.png') no-repeat left bottom; font-size: 36px; color: #2799ed; padding: 5px 0px 20px 0px; margin:10px 0px 40px 0px; text-transform: uppercase; font-weight: normal;}
.content_project_inner{ max-width: 1400px; margin: auto;padding: 60px 0px; }
.content_project_inner .owl-pagination{display: none; padding: 0px;}
.content_project_inner .owl-prev{background:url('../images/arrow-left.png') no-repeat left bottom!important; width: 39px!important; height: 40px!important; border-radius: 0px!important;    padding: 3px 3px!important;}
.content_project_inner .owl-prev:hover{background:url('../images/arrow-left-hovr.png') no-repeat left bottom!important;}
.content_project_inner .owl-next{background:url('../images/arrow-right.png') no-repeat left bottom!important;width: 39px!important; height: 40px!important; border-radius: 0px!important;padding: 3px 3px!important;}
.content_project_inner .owl-next:hover{background:url('../images/arrow-right-hovr.png') no-repeat left bottom!important;}
.content_project_inner .owl-carousel .owl-wrapper-outer{text-align: center;}
.content_project_inner .owl-buttons{  top: -100px;  position: absolute;   right: 3%;}
.imghvr-push-right:hover>img{transform: none!important;}
[class*=' imghvr-'] figcaption, [class^=imghvr-] figcaption{width: 70%!important;background-color:#2799ed!important;}
.content_project_inner figcaption h3{ font-size:18px; color:#ffffff; font-weight: normal; margin: 0px; padding: 0px 0px 20px 0px;}
.content_project_inner figcaption p{ color: #555555; font-size:14px;}
.content_project_inner .readmore{    position: relative;    display: block; padding-top: 20px;}
.content_project_inner .readmore a{ font-size: 14px; color: #fff;background:url('../images/readmore_plusbg.png') no-repeat right bottom;     height: 16px;  padding-right: 25px;  position: relative;}

/* ---- Content Bottom---- */
#content_bottom{ max-width: 1400px; margin: auto; }
.content_bottom_leftwrapper {float: left; width: 55%; padding-right: 5%;}
.content_bottom_leftwrapper h2,.content_bottom_fullwrapper h2{background:url('../images/head_titlebg.png') no-repeat left bottom; font-size: 36px; color: #2799ed; padding: 5px 0px 20px 0px; margin:10px 0px 40px 0px; text-transform: uppercase; font-weight: normal;}
.content_bottom_leftwrapper .testimonial-content{ font-size: 20px; line-height: 42px; text-align: center;}
.content_bottom_rightwrapper{float: left; width: 40%;}
.content_bottom_rightwrapper h3{ background: #17384a; color: #f4f447; font-size: 32px; padding: 22px 40px; margin: 0px 0px 40px 0px;font-weight: normal; text-transform: uppercase;}
.content_bottom_rightwrapper li span{color: #17384a;  font-size: 20px; display: block; padding: 15px 0px; font-weight: bold;}
.content_bottom_rightwrapper li{ color: #5f5f5f; font-size: 20px;    line-height: 30px;}
.content_bottom_fullwrapper .client_logo_img{padding:0px 2%;}
.content_bottom_fullwrapper .owl-theme .owl-controls .owl-page span{ background:url('../images/testi-normal.png') no-repeat left bottom; width: 14px; height:16px; box-shadow: 0px; }
.content_bottom_fullwrapper .owl-theme .owl-controls .owl-pagination .active span{ background:url('../images/testi-active.png') no-repeat left bottom;width: 14px; height:16px; box-shadow: 0px;}
.content_bottom_fullwrapper .owl-theme .owl-controls{margin-top: 40px;}

#content_bottom_about{background:url('../images/about_customer_bg.jpg') no-repeat center top;}
.content_bottom_customer{ max-width: 1400px; margin: auto; }
.content_bottom_customer ul{ display: inline-block; text-align: center; width: 100%;}
.content_bottom_customer ul li{float: left; color: #fff; font-size: 24px; font-weight: bold; padding: 40px 0px; width: 25%;line-height: 42px; margin-left:200px;}
.content_bottom_customer ul li span{font-weight: normal; text-transform: uppercase; font-size: 18px;}

.content_vission_mission {display: inline-block; width: 100%; padding: 40px 0px 0px 0px;}
.content_vission_mission img{float: left; padding-right: 20px; margin-bottom: 10px; width: 30%;}
.content_vission_mission .contentvm{ float: left; width: 46%; padding: 0px 2%;}
.content_vission_mission h3{color: #555555; font-weight: normal; padding: 0px; margin: 0px 0px 30px 0px; font-size: 24px;}
.content_vission_mission p{color: #555555; line-height: 24px;}

.content_value_culture {display: inline-block; width: 100%; padding: 40px 0px 0px 0px;}
.content_value_culture img{float: left; padding-right: 20px; margin-bottom: 10px;width: 30%;}
.content_value_culture .contentvm{ float: left; width: 46%; padding: 0px 2%;}
.content_value_culture h3{color: #555555; font-weight: normal; padding: 0px; margin: 0px 0px 30px 0px; font-size: 24px;}
.content_value_culture p{color: #555555; line-height: 24px;}


/* ---- Content Footer---- */
footer{clear: both;padding-top: 3%;    display: grid;}
#footer_top {background: #1a1a1a; position: relative;}
.footer_top_wrapper{ max-width: 1400px; margin: auto;  color: #4f4f4f;}
.footer_content{width: 30%; padding: 2% 1%; float: left;}
#footer_top .footer_left{width: 40%;}
#footer_top .footer_left img{max-width: 100%;}
.certificat-iso{ padding-top: 40px;}
.certificat-iso img{padding-bottom: 30px;}
.certificat-iso table{height: 100%; }
.certificat-iso td{vertical-align: middle;}
#footer_top .footer_left p{color: #fff;}
#footer_top .footer_contact{width: 20%;}

.footer_top_wrapper h3{background:url('../images/head_titlebg.png') no-repeat left bottom; font-size: 24px; color: #2799ed; padding: 5px 0px 20px 0px; margin:0px 0px 40px 0px; text-transform: uppercase; font-weight: normal;}

.footer_link ul{float: left;width: 49%; padding-right: 1%;}
.footer_link li{background:url('../images/footer-libg.png') no-repeat left bottom;    background-position: 0px 10px;}
.footer_link li a{color: #4f4f4f;     font-size: 14px; padding: 5px 0px 5px 25px;  line-height: 32px;}
.footer_link li.active a,.footer_link li a:hover{ color: #ffffff;}

#footer_bottom{background: #111111;}
.footer_bottom_wrapper{max-width: 1400px; margin: auto;}
.copyright{float: left; padding: 25px 0px 20px 0px;}
.copyright p{ color: #ffffff;}
.footer_social{float: right; padding: 20px 0px 0px 0px;}
.footer_social ul li{float: left; padding: 0px 25px;}


/* ---- jssor slider ---- */
#banner_caption{opacity: 1!important;}
.banner_caption{    position: absolute; top: -15px;  left: 45px; width: 500px; height: 280px;  z-index: 0;  overflow: hidden;  color: #fff;  text-align: left;}
.banner_caption p { font-size: 24px; color: #ffffff; padding-bottom: 10px; line-height: 32px;}
.banner_caption h3{ font-size: 56px;  color: #fff;  margin: 0px; padding: 0px 0px 15px 0px;  line-height: 56px;  font-weight: normal;}
.jssorl-009-spin img {  animation-name: jssorl-009-spin;  animation-duration: 1.6s;  animation-iteration-count: infinite;  animation-timing-function: linear;}
@keyframes jssorl-009-spin {  from {      transform: rotate(0deg);  }   to {     transform: rotate(360deg);  }}
.jssorb032 {position:absolute;}
.jssorb032 .i {position:absolute;cursor:pointer;}
.jssorb032 .i .b {fill:#fff;fill-opacity:0.7;stroke:#000;stroke-width:1200;stroke-miterlimit:10;stroke-opacity:0.25;}
.jssorb032 .i:hover .b {fill:#000;fill-opacity:.6;stroke:#fff;stroke-opacity:.35;}
.jssorb032 .iav .b {fill:#000;fill-opacity:1;stroke:#fff;stroke-opacity:.35;}
.jssorb032 .i.idn {opacity:.3;}

.jssora051 {display:block;position:absolute;cursor:pointer;}
.jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
.jssora051:hover {opacity:.8;}
.jssora051.jssora051dn {opacity:.5;}
.jssora051.jssora051ds {opacity:.3;pointer-events:none;}


/* style sub level links */


/* hide sub menu links */
ul.sub-menu {
    display:none;
}


/* **************** Contact Starts ************************* */
.wrapper_contactus .content-left{ float:left; width:55%;}
.wrapper_contactus .content-left .img-item1{float: left;width: 100%;padding: 0 25%;}

.wrapper_contactus .content-right{ float:right; width:40%; padding: 0 0 0 5%; display:inline-block; }
.wrapper_contactus .content-right .img-item2{float: right;width: 100%;padding: 0 25%;}



.wrapper_contactus .contact {background: url(../images/map-bg.png)no-repeat;    width: 100%;}
.wrapper_contactus{width: 100%;}
.wrapper_contactus .contact h3{text-align: center;font-family:arial light;}
.wrapper_contactus .contact h1{text-align: center;}

.wrapper_contactus .contact input[type=text], select, textarea{ width: 94%;
    padding: 2%;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 0px;
    margin-bottom: 16px;
    resize: vertical;}

.wrapper_contactus .contact input[type=submit] {
    background-color: #2799ed;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.wrapper_contactus .contact input[type=submit]:hover {background-color: #015761;}
.wrapper_contactus .contact ul.form{ margin: 25px 0px;}
.wrapper_contactus .contact_right li{width:96%;padding: 0 1%;}

.wrapper_contactus .contact_right li.message{float: none;}
.wrapper_contactus .contact_right li.button{text-align: left;width: 98%;float: none;}

.content-full{ width: 100%; clear: both; display: inline-block; }
.content-half{ width:40%;  padding: 0 0 0 10%; float: left; }
.content-half img{ float:left; }
.wrapper_contactus .thnks{ font-size: 16px; padding: 3% 5% 0% 0%;}
.contact_left{ width:36%;  padding: 2%; float: left; }
.contact_right{ width:56%;  padding: 2%; float: left; }
.contact_right .has-error span{display: block;}
.contact_left li{     display: block; clear: both; padding: 20px 0px 20px 70px; min-height: 26px; margin-bottom: 20px;  border-bottom: 1px solid #ccc; font-size:14px;}
.contact_left li.icon_addr{background: url(../images/con_icon1.jpg) no-repeat left center; }
.contact_left li.icon_tel{background: url(../images/con_icon2.jpg) no-repeat left center;    padding-bottom: 40px;background-position: 0px 0px; }
.contact_left li.icon_email{background: url(../images/con_icon3.jpg) no-repeat left center;  padding-bottom: 40px;background-position: 0px 0px; }


/* **************** .wrapper_contactus End ************************* */

.listproject{width: 100%; margin-bottom: 20px;}
.listproject td{border: 1px #0b354b solid; padding: 5px;}

/* **************** Our Group ************************* */
 .ourgroup_content{    width: 18%; float: left; margin: 1%; text-align: center; border: 1px #ccc solid; min-height: 185px; border-radius: 5px; padding: 2%;    border-bottom: 4px solid #eee;}
 .ourgroup_content h4{ font-weight: 600; border-bottom: 1px solid #ddd; color: #000; font-size: 16px; padding: 10px; line-height: 24px; /**background: #2799ed;*/ border-radius: 5px;
    margin: 5px 0px 20px 0px;}
 .ourgroup_content p{ font-size: 18px;}
 .popupbig img{width:334px; max-width: 100%;}
 .csr_content .ui-accordion .ui-accordion-content{overflow: hidden;}