body{
	font-family:libre franklin,Helvetica,Arial,sans-serif; line-height:25px;
}
/*header starts*/
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{background: #0aa8c3;}
.navbar-brand img {
    width: 60px;
    margin: 3px 0;
}
#header .navbar-inverse{
	background-color: #144065;
    border-color: #144065;
	border-radius: 0px;
	height: 60px;
	margin-bottom: 0px;
}
#header .navbar-inverse .navbar-brand{
	padding-top: 5px;
}
.navbar-inverse .navbar-toggle{ border-color: #fff;}
.navbar-inverse .navbar-toggle:focus, {
	background: #bfe7fb;
	border: none;
}
.navbar-inverse .navbar-toggle:hover{
	/* background: transparent; */
	border: none;
}
#header .navbar ul{
	background-color: #144065;
    border-color: #144065;
	padding-bottom: 20px;

}
#header .nav>li a{
	font-size: 16px;
	color: #bfe7fb;
	text-transform: capitalize;
	padding: 5px 10px 5px 10px;
	font-weight: 700;
}
#header .nav>li{
	top: 15px;
	margin-right: 5px;
}
#header .nav >li a:hover{
	font-size: 16px;
	color: #fff;
	background: #0aa8c3;
	border-radius: 15px;
	padding: 5px 10px 5px 10px;
	font-weight: 700;
}
#header .nav li.active a{
	font-size: 16px;
	color: #fff;
	background: #0aa8c3;
	border-radius: 15px;
}
.navbar-header:focus{
	border: none;
	outline: 0;
	box-shadow: none;
}
/* slider starts */
.padChange{
	padding-left: 0px;
	padding-right: 0px;
	}
/* about starts */
#about{}
#about h2{
	font-size: 28px;
	text-align: center;
	color: #144065;
	margin-top: 30px;
	text-transform: capitalize;
	font-weight: 700;
}
#about p{
	text-align: center;
	margin-top: 20px;
	font-size: 16px;
}
#about .card{
	max-width: 100%;
	/* background: #94b8af; */
    padding-bottom: 30px;
    border-radius: 10px;
    margin-bottom: 50px;	
}
#about .card h3{
	font-size: 24px;
	color: #337ab7;
	text-align: center;
	padding-top: 20px;
	text-transform: capitalize;
	
}
#about .card p{
	font-size: 14px;
	margin-top: 20px;
	text-align: center;
}
/* ourDirectors starts */
#ourDirectors{background: #d6d6d6;}
#ourDirectors .directorsDiv{
	max-width: 100%;
    padding: 10px 0;
    border-radius: 10px;
    margin-bottom: 30px;	
}
#ourDirectors h2{
	font-size: 28px;
	text-align: center;
	color: #144065;
	margin-top: 30px;
	text-transform: capitalize;
	font-weight: 700;
}
#ourDirectors .directorsDiv h3{
	font-size: 20px;
	color: #337ab7;
	text-align: center;
	text-transform: capitalize;
	margin-bottom: 5px;
	font-style:italic;
	margin-top:10px;
}
#ourDirectors .directorsDiv p{
	font-size: 14px;
	text-align: center;

}
#ourDirectors .directorsDiv img{
	margin-top: 20px;
	border-radius: 50%;
	/* width: 100%; */
}
#ourDirectors .directorsDiv i{
	position: absolute;
	bottom: 20%;
	left: 45%;
	color: #fff;
	font-size: 20px;
}
.contentArea{width:100%; margin:0 auto; padding:20px 10px; padding-top:0; height:160px;}
.contentArea p{text-align:justify !important;}
#ourDirectors .directorsDiv{box-shadow: inset 0 0 0 200px rgba(255,255,255,0.20);}
.modal-content {
   background-color: #fefefe;
    /* margin-left: 15px; */
    height: 300px;
    padding: 20px;
    border: 1px solid #888;
    width: 100%;
    height: 380px;
    background: #144065;
    color: #bfe7fb;
    margin: auto;
    top: 80px;
}
.modal{
	position: absolute;
    /* top: 22%; */
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
}
.modal-dialog{
	width: 100%;
	margin-left: 7px;
}
.modal-body p{
	text-align: justify !important;
}
.modal-header{
	padding: 3px;
    border-bottom: none;
}
/* ourconsultants starts */
#ourCosultants .consultantsDiv{
	max-width: 100%;
    padding-bottom: 30px;
    border-radius: 10px;
    margin-bottom: 30px;	
}
#ourCosultants h2{
	font-size: 28px;
	text-align: center;
	color: #144065;
	margin-top: 30px;
	text-transform: capitalize;
	font-weight: 700;
}
#ourCosultants .consultantsDiv h3{
	font-size: 24px;
	color: #337ab7;
	text-align: center;
	padding-top: 20px;
	text-transform: capitalize;
	
}
#ourCosultants .consultantsDiv p{
	font-size: 14px;
	margin-top: 15px;
	text-align: center;

}
#ourCosultants .consultantsDiv img{
	margin-top: 20px;
}
.team-prof{background-color:#333333; color:#fff; padding:15px 0;}
.team-prof .post{font-style:italic; margin-bottom:0; display:inline-block; float: right; padding: 5px 0; padding-right:15px;}
.team-prof h3{font-size:20px; margin-top:0;margin-bottom:0; display:inline-block; padding-left:15px;}
/* service starts */
#service{background: #f8f8f8;}
#service h2{
	font-size: 28px;
	text-align: center;
	color: #144065;
	margin-top: 30px;
	text-transform: capitalize;
	font-weight: 700;
}
#service p{
	text-align: center;
	margin-top: 20px;
	font-size: 16px;
	margin-bottom: 40px;
}
#service .serviceDiv{
}
/* #service .serviceDiv:hover{ */
	/* border: 1px solid #94b8af;  */
	/* background-color: #c7b9b9; */
	/* border-radius: 10px; */
/* } */
#service .serviceDiv h3{
	font-size: 18px;
	font-weight:bold;
	color: #337ab7;
	text-align: center;
	padding-top: 20px;
	
}
#service .serviceDiv p{
	font-size: 14px;
	margin-top: 10px;
	text-align: center;
}
#service .serviceDiv i.iconSize{
	font-size: 40px;
	margin-top: 30px;
	color: #144065;
	font-weight:700;
	margin-left: 33%;
	margin-right: 45%;
	
}
#service .serviceDiv .iconSize:hover{
	color: #337ab7;
	transform: rotatey(45deg);
}
#service .serviceDiv .btn-default{
	background: #5c8a7e;
	margin-top: 30px;
	color: #fff;
	text-transform: capitalize;
}
#service .serviceDiv .btn-default:hover{
	background: #4d91ff;
	color: #fff;
}
#service .serviceDiv{box-shadow: inset 0 0 0 200px rgba(255,255,255,0.20); background: rgba(0,0,0,.075); padding:10px 20px; border-radius:6px;}
#service .serviceDiv p{text-align:justify;}
#service .secondRow{margin-top:25px;}
.serviceDiv h3{color:#0aa8c3 !important;}
#contact h2{
	font-size: 28px;
	text-align: center;
	color: #144065;
	margin-top: 30px;
	text-transform: capitalize;
	font-weight: 700;
}
#contact .contactDiv{
	margin-top:30px;
	padding-bottom: 30px;
	/* margin-left: 20%; */
}
#contact .contactDiv .btn{
     min-width: 200px;
	 background: #144065;
	 color: #fff;
	 text-transform: capitalize;
}
#contact .contactDiv .btn:hover{
     min-width: 200px;
	 background: #337ab7;
	 text-transform: capitalize;
	 color: #fff;
}
#contact .contactDiv input.form-control,#contact .contactDiv textarea.form-control{
	border: 1px solid #144065 !important;
	color: #337ab7;
} 
::placeholder {
  color: #337ab7;
}
#contact .addressDiv{
	/* margin-left: 20%; */
}
#contact .addressDiv i.fa{font-size:35px; color:#144065;}
#contact .addressDiv i.fa:hover{font-size:35px; color:#337ab7;}
#contact .addressDiv p{ margin-top:20px; line-height: 27px;}
#footer .socialDiv{
	/* float: right;  */
	margin-top: 5px;
	}
#footer .socialDiv i{font-size:18px; color:#0aa8c3; margin-left:20px; margin-top: 10px;;}
#footer .socialDiv i:hover{color:#337ab7;}
#footer{
	width: 100%;
	min-height: 50px;
	background: #144065;
}
#footer .footerDiv h2{
	 font-size: 14px;
	 color: #bfe7fb;
	 margin-top: 20px;
	 text-align: left;
}
.error{
	color: #144065;
}
#gotop .fa{
	font-size: 25px;
}
.card img{max-width: 100%;}
#about{background:#f8f8f8;}
#about .tab .nav-tabs{
	border: none;
	bottom: 20px;
	position: relative;
}
#about .tab{
	margin-top: 40px;
	margin-bottom: 25px;
}
#about .content{font-style:italic; text-align:left; text-indent:50px;}
#about .tab .nav-tabs li a{
	margin-right: 15px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background: #144065;
    border: none;
    border-radius: 0;
    box-shadow: 5px 5px 0 0 #337ab7;
    position: relative;
    transition: all 0.5s ease 0s;
}
.tab .nav-tabs li a:hover,
.tab .nav-tabs li.active a{
    color: #5d001e;
    background: #fff;
    border: 1px solid #5d001e;
    box-shadow: -5px -5px 0 0 #fcca89;
}
#about .tab .tab-content{
	padding: 20px;
    background: #0aa8c3;
    box-shadow: 5px 5px 0 0 #144065;
    border: 1px solid #0aa8c3;
    font-size: 15px;
    color: #fff;
    line-height: 25px;
    letter-spacing: 1px;
	    border-top-left-radius: 12px
}
#about .tab .tab-content h3{
	font-size: 24px;
    margin-top: 0;
	font-weight:bold;
}
@media only screen and (max-width: 479px){
#about .tab .nav-tabs li{
		width: 100%;
        text-align: center;
        margin-bottom: 15px;
	}
}
.our-team{
      margin-top: 30px;	  
}
.our-team .pic{
    position: relative;
    overflow: hidden;
}
.our-team .pic img{
    width: 100%;
    height: auto;
    transition: all 0.2s ease 0s;
}
.our-team:hover .pic img{
    transform: translateY(10px);
}
.our-team .social_media_team{
    width: 100%;
    position: absolute;
    bottom: -100%;
    padding: 25px;
    background-color:#0aa8c3;
    transition: all 0.35s ease 0s;
}
.our-team:hover .social_media_team{
    bottom: 0px;
}
.our-team .description{
    margin-top: 10px;
    color: #fff;
}
.our-team .team_social{
    list-style: none;
    padding: 0;
    margin: 0;
    height: 100%;
    position: relative;
    top:2%;
}
.our-team .team_social li{
    display: inline-block;
    margin: 0 5px 0 0;
}
.our-team .team_social li a{
    width: 45px;
    height: 45px;
    line-height: 45px;
    display: block;
    color:#fff;
    font-size: 18px;
    transition: all 1.3s ease 0s;
	text-align: center;
}
.our-team .team_social li a:hover{
    background: #fff;
    color:#424242;
}
.our-team .team-prof{
    margin-top: 10px;
}
.our-team .post-title a{
    text-transform: capitalize;
    color:#424242;
    transition: all 0.2s ease 0s;
}
.our-team .post-title a:hover{
    text-decoration: none;
    color:#3bcca1;
}
.our-team .post{
    color:#3bcca1;
    font-size: 18px;
}
@media screen and (max-width: 990px){
    .our-team{
        margin-bottom: 30px;
    }
}

#about .tab .nav-tabs .active a
{
background:#0aa8c3;	
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
	border: none;
}

#gotop:hover{background-color:#0aa8c3 !important;}
@media screen and (max-width: 320px){
	.modal-content {
    background-color: #fefefe;
    /* margin-left: 15px; */
    height: 300px;
    padding: 20px;
    border: 1px solid #888;
    width: 100%;
    height: 300px;
    background: #144065;
    color: #bfe7fb;
    margin: auto;
    top: 80px;
}
#footer .socialDiv{
	margin-top: 0px;
    margin-left: 20%;
	}
}

#slider{margin-top:60px; margin-bottom:0;}
@media screen and (min-width:1024px){
	#slider{margin-top:60px;}
	.flexslider .slides img{height:572px!important;}
}
@media screen and (min-width:320px) and (max-width:767px){
	
	#about .content{text-align:justify;}
	.contentArea{height:190px;}
	.our-team{ margin-bottom: 0px;}
	.our-team .social_media_team{bottom: -112%;}
	.our-team:hover .social_media_team{padding-bottom:0; padding-top:0;}
	#service .serviceDiv{margin-bottom:25px;}
	#service .serviceDiv i.iconSize{margin-left:40%;}
	#service .serviceDiv h3{padding-top:0;}
	#gotop{bottom: 100px !important; right: 5px !important;}
	#footer .footerDiv h2{text-align:center;}
}
@media screen and (min-width:768px) and (max-width:1023px){
	#header .nav>li{margin-right:0;}
	#gotop{bottom: 110px !important}
	.contentArea{height:220px;}
	.contentArea .content{line-height:22px;}
	.our-team{margin-bottom:0;}
	.our-team .social_media_team{bottom: -164%;}
	.our-team:hover .social_media_team{padding: 0 10px;}
	.our-team .team_social li a{height:0px; line-height:0;}
	.our-team .description{margin-top:0px; margin-bottom:0; line-height: 22px;}
	.our-team .team_social{padding-top:8px;}
	.team-prof h3{padding-left:10px; font-size:18px;}
	.team-prof .post{padding:0 0; padding-right:10px;}
}