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

body{margin:0px;font-family: 'Source Sans Pro', sans-serif;}

.full-wrapper{width:100%;  margin:0px auto; max-width:1400px;}

.wrapper{ width:1100px;  margin:0 auto;  }

header{float:left; width:100%; background:#ffffff; z-index:999; max-width:1400px;}
header .top{float:left; width:100%; background:#00746b;}
header .top ul{float:right;}
header .top ul li{float:left;display:inline; list-style:none; text-transform:uppercase; color:#ffffff}
header .top ul li span{}

header .mdl{float: left;width: 100%;}
header .mdl .mdl_left{float: left;width: 17%;}
header .mdl .mdl_left img{float:left; width:87%;}
header .mdl .mdl_right{float: right;width: 83%;}
header .mdl .mdl_right .mdl_right_top{float: left;width: 100%;}
header .mdl .mdl_right .mdl_right_top span{float: left;margin-right: 20px;margin-top: 7px;}
header .mdl .mdl_right .mdl_right_top ul{float:right; }
header .mdl .mdl_right .mdl_right_top ul li{float:right;display:inline; list-style:none; text-transform:uppercase; color:#ffffff;margin-right: 8px;}

header .mdl .mdl_right_btm{float: left;width: 100%; background:#00746b;}
header .mdl .mdl_right_btm h1{float: right;width: 80%; text-transform: uppercase; color:#fff;font-family: Charlemagne Std;}

header .btm{float:left; width:100%;}

header .btm .nav-main{float:left;width:100%;}
header .btm .nav-main nav{float:left;width:100%;}
header .btm .nav-main nav ul{margin: 2px; }
header .btm .nav-main nav ul li{float:left;display:inline; list-style:none;}

header .btm .nav-main nav ul li a {float:left; text-decoration:none; color:#555759;padding: 12px 54px;margin-right: 30px;}
header .btm .nav-main nav ul li a:hover{background:#006491;color:#fff; }


.bannerwarpper{float:left; width:100%; position:relative; background:#e9f1f4;}

.bannerwarpper .bnr_top{float:left; width:100%;}
.bannerwarpper .bnr_top img{ float:left; width:100%;}
.bannerwarpper .bnr_top .nes{float:left; width:26%; position:absolute; text-align: center;bottom: 70%;left: 23%; text-align:left}
.bannerwarpper .bnr_top .nes h1{ text-transform: uppercase; color:#fff;}
.bannerwarpper .bnr_top .nes p{  color:#fff;}

.bannerwarpper .bnr_btm{float:left; width:100%;}
.bannerwarpper .bnr_btm .bnr_btm_left{float:left; width: 10%;border-right: 3px solid #bac1c3;padding-left: 35px;margin-top: 9px;}
.bannerwarpper .bnr_btm .bnr_btm_left h1{ text-transform: uppercase; color:#1e74a5;}

.bannerwarpper .bnr_btm .bnr_btm_right{ float: right;width: 85%;}
.bannerwarpper .bnr_btm .bnr_btm_right p{  color:#000000;font-style: italic;}

.bannerwarpper1{float:left; width:100%; position:relative; background:#e9f1f4;}

.bannerwarpper1 .bnr_top{float:left; width:100%;}
.bannerwarpper1 .bnr_top img{ float:left; width:100%;}
.bannerwarpper1 .bnr_top .nes{float:left; width:26%; position:absolute; text-align: center;bottom: 48%;left: 65%; text-align:left;background: rgba(0, 116, 107,.5);padding: 10px 10px 10px 20px;}
.bannerwarpper1 .bnr_top .nes h1{ text-transform: uppercase; color:#fff;font-size: 20px;}
.bannerwarpper1 .bnr_top .nes p{  color:#fff;font-size: 20px;font-size:15px;}
 



.contentwarpper{float:left; width:100%;margin-bottom: 35px;}

.contentwarpper .c_top{float:left; width:100%;margin: 20px 0px;}
.contentwarpper .c_top h1{ text-transform: uppercase; color:#00746b;}
.contentwarpper .c_top p{ color:#000000; text-align:justify;font-size: 18px;}


.contentwarpper .c_btm{float:left; width:100%;background:#00746b;}
.contentwarpper .c_btm .c_btm_left{float:left; width:30%; }
.contentwarpper .c_btm .c_btm_left .c_btm_l_top{float:left; width:100%;}
.contentwarpper .c_btm .c_btm_left .c_btm_l_top h2{ text-transform: uppercase; color:#fff;margin-left: 20px}


.contentwarpper .c_btm .c_btm_left .c_btm_l_btm{float:left; width:100%;margin-top: -15px;}
.contentwarpper .c_btm .c_btm_left .c_btm_l_btm  ul{}
.contentwarpper .c_btm .c_btm_left .c_btm_l_btm  li{float: left;
    margin-bottom: 10px;
    list-style: none;
    background: url(../images/li.png) no-repeat left;
    background-position: 0% 10%;
    background-size: 15% 100%;
    padding-left: 25px;
    width: 100%;}
.contentwarpper .c_btm .c_btm_left .c_btm_l_btm  li a{float:left; text-decoration:none;color: #fff;}

.contentwarpper .c_btm .c_btm_left .c_btm_l_btm .c_btm_l_btm_left{float:left; width:45%;}
.contentwarpper .c_btm .c_btm_left .c_btm_l_btm .c_btm_l_btm_right{float:left; width:45%;}


.contentwarpper .c_btm .c_btm_right{float:left; width:70%;}
.contentwarpper .c_btm .c_btm_right img{float:left; width:100%;}

footer{float:left; width:100%; background:#ced9df; border-bottom:20px solid #00746b;}  
footer .f_left{float:left; width:30%;}
footer .f_left img{float:left; width:35%;}
footer .f_left p{float: left; padding-top: 20px;} 
footer .f_mdl{float:left; width:50%;padding-top: 14px;}
footer .f_mdl span{float:left;     width: 20%;margin-top: 6px;margin-left: 20%;}

footer .f_mdl ul{float:left; width:100%;}
footer .f_mdl ul li{float:left;display:inline; list-style:none; text-transform:uppercase; color:#ffffff;margin-right: 8px;}

footer .f_right{float: right;}
footer .f_right p{ color:#000000;padding-top: 20px;}
footer .f_right p a{text-decoration:none; color:#000; }

/* ----------------- ABout us*---------------------------*/

.aboutwarpper{float:left; width:100%;margin-bottom: 35px;}
.aboutwarpper h1{ text-transform: uppercase; color:#00746b;}
.aboutwarpper  p{ color:#000000; text-align:justify;font-size: 18px;}
.aboutwarpper .a_left{float: left;width: 75%;text-align: justify;}
.aboutwarpper .a_right{float:right; width:18%; margin-top:35px;; border-left: 1px solid;color:#6b6e70;padding-left: 25px;}
.aboutwarpper .a_right ul{float: left;}
.aboutwarpper .a_right ul li{ list-style-image: url(../images/lii.png);border-bottom: 1px solid;color: #6b6e70;float: left;width: 100%;padding: 10px;}
.aboutwarpper .a_right li a{ color:#6b6e70;text-decoration:none; }
.aboutwarpper .a_left .profile{ float:left;margin-right: 40px;}
.aboutwarpper .a_left ul{ margin:0; padding:0}
.aboutwarpper .a_left ul .pro{ list-style:none; list-style-image: url(../images/lii.png);margin-bottom: 15px;margin-left: 25px;}
.aboutwarpper .a_left ul h3{ color: #00746b;}
.aboutwarpper .a_left h2{ color: #00746b;}

/* Jquery */

	.accordion { list-style-type: none; padding: 0; margin: 0 0 30px;  border-top: none; border-left: none; }
	.accordion li { background: #ced9df;  list-style-type: none; padding: 0; margin-top:5px; float: left; display: block; width: 100%;}
	.accordion li div{display:none;}
	.accordion li.active div{display:block;}
	.accordion li.active>a { background: url(../images/close.gif) no-repeat center right; }
	.accordion li div { padding: 2%; background: #fff; display: none; clear: both; float: left; width: 96%;}
	.accordion a { text-decoration: none; border-bottom: 1px solid #80AFA6;  color:#00746b; padding: 0 10px; display: block; cursor: pointer; background: url(../images/open.gif) no-repeat center right;font-size: 20px;
font-weight: 700;}
	.accordion p{ color:#000000; text-align:justify;font-size: 18px;}
.accordion li .list{ background: url(../images/lii.png) no-repeat;padding-left: 25px;margin-bottom: 10px;}



/* -----------------  Careers  ---------------------------*/


.careerswarpper{float:left; width:100%;margin-bottom: 35px;}
.careerswarpper h1{text-transform: uppercase; color:#00746b;}
.careerswarpper h4{color:#00746b;}
.careerswarpper .e_contact-form{ float:left; width:100%; padding:0 0%;}
.careerswarpper .e_contact-form .text{ float:left; width:47%; height:35px; border:1px solid #e1e1e1; margin-right:4%; text-indent:0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom:15px;}
.careerswarpper .e_contact-form .file{ float:left; width:47%; height:35px; border:1px solid #e1e1e1; margin-left:4%; text-indent:0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom:15px;}

.careerswarpper .e_contact-form .text:nth-child(2){ margin-right:0;}
.careerswarpper .e_contact-form .text:nth-child(4){ margin-right:0; }
.careerswarpper .e_contact-form .textarea{ float:left; width:98%; height:100px; margin:0px 0 15px; border:1px solid #e1e1e1; font-family: 'Open Sans', sans-serif; text-indent:0px; padding-top:15px; resize:none;}
.careerswarpper .e_contact-form .button{ float: left;width: 105px; height: 35px; clear: both; background: #ced9df; border:1px solid #e1e1e1; cursor:pointer; color:#E67918; margin:0px 0 20px;border-radius: 9px;}
.careerswarpper .c_left{float:left; width:70%;}
.careerswarpper .c_right{float:right; width:25%; margin-top:30px}

.contactwarpper .c_right img{float:left; width:15%;}



/* -----------------  contactus  ---------------------------*/
.contactwarpper{float:left; width:100%;margin-bottom: 35px;}
.contactwarpper h1{text-transform: uppercase; color:#00746b;}
.contactwarpper .e_contact-form{ float:left; width:100%; padding:0 0%;}
.contactwarpper .e_contact-form .text{ float:left; width:47%; height:35px; border:1px solid #e1e1e1; margin-right:4%; text-indent:10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom:15px;}

.contactwarpper .e_contact-form .text:nth-child(2){ margin-right:0;}
.contactwarpper .e_contact-form .text:nth-child(4){ margin-right:0; }
.contactwarpper .e_contact-form .textarea{ float:left; width:98%; height:100px; margin:0px 0 15px; border:1px solid #e1e1e1; font-family: 'Open Sans', sans-serif; text-indent:10px; padding-top:15px; resize:none;}
.contactwarpper .e_contact-form .button{ float: left;width: 100px; height: 35px; clear: both; background: #ced9df; border:1px solid #e1e1e1; cursor:pointer; color:#E67918; margin:0px 0 20px;border-radius: 9px;}

.contactwarpper .c_left{float:left; width:70%;}

.contactwarpper .c_right{float:right; width:25%;}
.contactwarpper .c_right .map{float:left; width:100%;margin-top: 30px;}
.contactwarpper .c_right .map iframe{ float:left; width:100%; height:200px}
.contactwarpper .c_right h3{}
.contactwarpper .c_right p{}
.contactwarpper .c_right .address{float:left; width:100%;margin-top: 30px;}
.contactwarpper .c_right .address img{float:left; width:9%;}

/* -----------------  services  ---------------------------*/

.serviceswarpper{float:left; width:100%;margin-bottom: 35px;}
.serviceswarpper h1{ text-transform: uppercase; color:#00746b;}
.serviceswarpper h2{font-size:23px; color:#00746b; text-transform:capitalize; font-weight:300;}
.serviceswarpper ul li.pro{list-style: none;
list-style-image: url(../images/lii.png);
margin-bottom: 15px;
margin-left: 25px;}
.serviceswarpper .s_left{float: left;width: 71%;text-align: justify;}
.serviceswarpper .s_left ul{ margin:0; padding:0;}
.serviceswarpper .s_right{float:right; width:22%; margin-top:35px;; border-left: 1px solid;color:#6b6e70;padding-left: 25px;}
.serviceswarpper .s_right ul{float: left;}
.serviceswarpper .s_right ul li{ list-style-image: url(../images/lii.png);border-bottom: 1px solid;color: #6b6e70;float: left;width: 100%;padding: 10px;}
.serviceswarpper .s_right li a{ color:#6b6e70;text-decoration:none; }
.serviceswarpper .s_left .s_left_contnt{float:left; width:100%;}


/* -----------------  services click  ---------------------------*/




.serviceswarpper .s_left .s_left_contnt .toggle {
	background-color:#3bb3e0;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	text-align: left;
	text-decoration:none;
	color:#fff;
	position:relative;
	border-left:solid 1px #2ab7ec;
	background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	width: 95%;
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(44,160,202)),
	color-stop(1, rgb(62,184,229))
	);
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
}





.serviceswarpper .s_left .s_left_contnt .toggle p {
	display: none;
	padding: 20px 20px;
}

.serviceswarpper .s_left .s_left_contnt .toggle p span{float:left; margin-bottom:10px; width:100%;}

.serviceswarpper .s_left .s_left_contnt .toggle p img{float: left;
width: 32%;
margin-right: 20px;}
.serviceswarpper .s_left .s_left_contnt .toggle p:target{
	display:block;font-size: 17px;
}

.serviceswarpper .s_left .s_left_contnt .toggle a {
	color: #FFFFFF;
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding: 10.5px 20px;
	text-decoration: none;
}

.serviceswarpper .s_left .s_left_contnt li{
	margin:10px;padding-bottom: 10px;
}

.mobile-menu{display:none;}

.scroll{float:left; width:100%;}
.scroll ul{float:left;width:100%;}
.scroll ul li{float:left; text-align:center; margin:0 10px;}
.scroll ul li .img{float:left; width:100%; margin-bottom:20px;}
.scroll ul li .img img{width:100%;}
.scroll ul li span{color:rgb(0, 116, 107); font-size:16px; font-weight:600;}


/* -----------------  Mobile  ---------------------------*/
/* -----------------  index  ---------------------------*/


@media only screen and (min-width: 100px) and (max-width: 479px) {
.wrapper{ width:90%;   }
header .top ul{ margin:0; padding:0; text-align:center;}
header .top ul li{ float:none;}
header .top{ padding:10px 0;}
header .mdl .mdl_left img{ float: none; width:30%}	
header .mdl .mdl_right{ float:none; width:100%}
header .mdl .mdl_left{ float:none; width:100%}
header .mdl{ text-align:center;float: none;}

.mobile-menu{display:block; position: absolute;top: 67px;width: 100%;}
.mobile-menu .menu-ic{width:30px; height:5px; border-top:6px solid #00746b; border-bottom:16px double #00746b; cursor:pointer}
.mobile-menu .nav-bar{float:left; width:80%; background:rgba(0, 116, 107, 0.81); padding:5px 10px; display:none; position:absolute;left: -20px;top: 30px;
z-index: 99;}
.mobile-menu .nav-bar ul{float:left; padding:0; width:100%;}
.mobile-menu .nav-bar ul li{float:left; width:100%; list-style:none; padding:6px 0; background:rgba(255,255,255,.4); margin:2px 0; border:1px solid #e1e1e1;}
.mobile-menu .nav-bar ul li a{text-decoration:none;}
.mobile-menu .nav-bar ul li a span{color:#fff; font-size:15px;}



header .mdl .mdl_right .mdl_right_top span{float:left;width:100%; margin-bottom:10px;}
header .mdl .mdl_right .mdl_right_top{float: none;display: none;}
header .mdl .mdl_right .mdl_right_top ul{float: left;width: 100%; margin:0; padding:0;}
header .mdl .mdl_right .mdl_right_top ul li{float: none;width: 100%;}
header .mdl .mdl_right_btm{float: left; width:100%; margin-top:10px;}
header .mdl .mdl_right_btm h1{ width:100%; font-size:16px;}
header .btm .nav-main{display:none;}
.bannerwarpper .bnr_top .nes{ display:none; }
.bannerwarpper .bnr_btm .bnr_btm_left{ width:100%; border-bottom: 3px solid #bac1c3; border-right: 0px solid #bac1c3; text-align:center; padding-left:0;}
.bannerwarpper .bnr_btm .bnr_btm_right{ width:100%; text-align:center;}
.contentwarpper .c_top{ text-align:center}
.contentwarpper .c_top p{ font-size:16px;}
.contentwarpper .c_btm .c_btm_left{ float:right; width:100%}
.contentwarpper .c_btm .c_btm_right{float:right; width:100%}
.contentwarpper .c_btm .c_btm_left .c_btm_l_top h2{ font-size:17px;}
footer .f_left{float:left; width:100%}
footer .f_left img{float:none; width:35%}
footer .f_mdl{ float:left; width:100%; padding-top:0; }
footer .f_mdl span{ float:left; width:100%; margin-top:0; margin-left: 0;margin-bottom: 15px;}
footer .f_mdl ul{ margin:0; padding:0;}
footer .f_left p{ width:100%;padding-top:0}
footer .f_right{ float:left; width:100%}
footer{ text-align:center}
footer .f_right p{ padding-top:0}
footer .f_mdl ul{float: left;width: 100%; margin:0; padding:0;}
footer .f_mdl ul li{float: none;width: 100%;}
.contentwarpper .c_btm .c_btm_left .c_btm_l_btm ul{padding: 0 0 0 20px !important;}

/* -----------------  about  ---------------------------*/

.bannerwarpper1 .bnr_top .nes{ display:none}
.aboutwarpper .a_left{ text-align:center;width: 100%;}
.aboutwarpper .a_right{ width:85%;padding-left:0;margin-top:0; float:left; border-left: 0}
.aboutwarpper .a_right ul li{border-bottom:1px solid;padding: 5px;}
.accordion a{ font-size:15px}
.aboutwarpper p{font-size:16px}
.aboutwarpper .a_right li a{font-size:15px}

/* -----------------  Services  ---------------------------*/
.serviceswarpper .s_left{width: 100%; float:left;}
.serviceswarpper .s_right{width:85%;padding-left:0;margin-top:0; float:left; border-left: 0}
.serviceswarpper .s_right ul li{border-bottom:1px solid;padding: 5px;}
.serviceswarpper .s_right li a{ font-size:15px; }
.serviceswarpper .s_left .s_left_contnt{}
.serviceswarpper h1{ text-align:center;}
.serviceswarpper p{font-size:16px}
.serviceswarpper .s_left ul{ margin:0; padding:0;}
.serviceswarpper .s_left .s_left_contnt .toggle p:target{ font-size:15px}

/* -----------------  career  ---------------------------*/

.careerswarpper .c_left{width:100%;text-align: center}
.careerswarpper .c_right{float:left; width:100%; margin-top:0 }
.contactwarpper .c_right img{float:left; width:15%;}
.careerswarpper .e_contact-form .text{width: 100%;height: 30px;}
.careerswarpper .e_contact-form .textarea{ width:100%}

/* -----------------  contact  ---------------------------*/
.contactwarpper .c_left{width:100%;text-align: center}
.contactwarpper .c_right{float:left; width:100%; }
.contactwarpper .c_right img{float:left; width:15%;}
.contactwarpper .e_contact-form .text{width: 100%;height: 30px;}
.contactwarpper .e_contact-form .textarea{ width:100%}
.contactwarpper .c_right .map{ margin-top:0}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {}
.wrapper{ width:90%;}



@media only screen and (min-width: 768px) and (max-width: 1100px) {}