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

body { font-family: 'Open Sans', sans-serif; font-size:68.8% !important;   }
* { margin: 0; padding:0; outline: 0 ; border:0 ;  }


h1 { font-size:2.3em; color:#146090; padding: 0 0 10px 0; font-weight:300; }

h2,h3 { font-size:2em; color:#146090; padding: 10px 0 10px 0; font-weight:300; }
h4,h5,h6 { font-size:1.4em; color:#146090; padding: 10px 0 10px 0; font-weight:300; }

p { font-size:14px; color:#6e6e6e;}

.title { color:#003386; font-size:1.5em;  }
.title2 { color:#FFF; font-size:4em; font-weight:300; padding: 55px 0;}
.big { color:#4d4d4d; font-size:2em; padding: 20px 50px; font-weight:300; }

.pad30 { padding:30px 0; }
.pad20 { padding:0 20px 0 20px; }

#mb-b img { margin: 10px 0 0 10px; }
.stat  { font-size: 65px; font-weight: bold; color:#146097; }
.stattitle {font-size: 14px; font-weight: bold;}
.state { position: relative; overflow: auto; }
    .state li { list-style: none; }
        .state ul li { float: left; }
		
.banner-block { position:absolute; top:65px; width: 450px; background:url(../images/banner-bg.png) no-repeat; padding: 30px 25px 35px; }
.banner-block p { color:#fff; }
.banner-title { font-size:25px; color:#fff; font-weight:300; padding:0 0 5px 0; }

.opass { background: rgba(20,96,144,0.8);  }

.signup  { background:url(../images/signup.png) repeat; }


#head-h {
	width: 100%;
	padding:0 0 15px 0;
	background: #fff;
}
#head {
	width: 980px;
	padding: 10px 0 0 0;
	margin: 0 auto;
}
#head-1 {
	padding: 15px 0 0 0;
}
#head-2 {
	
	padding: 30px 0 0 0;
}
#head-2 p {
	color: #858585;
	font-size: 1.4em;
	float: right;
	line-height: 45px;
}
#head-2 span {
	font-size: 1.4em;
	margin: 0 0 0 10px;
	color:#003a8a;
}
#head-2 a {
	background: #00a4ed;
	color: #fff;
	text-decoration: none;
	padding: 0 35px;
	line-height: 40px;
	font-size: 1.3em !important;
	display: block;
	float: right;
	margin: 5px 0 0 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}





nav { clear:both; float:right; margin: -13px; }


nav ul ul {
	display: none;
}

	nav ul li:hover > ul {
		display: block;
	}

nav ul li.levelOne{ height: 40px;}
nav ul { padding: 0 0px;list-style: none;position: relative;display: inline-table; margin-top: -20px; margin-bottom: 0; }
	nav ul:after {
		content: ""; clear: both; display: block;
	}

	nav ul li {
		float: left;
	}
		nav ul li:hover {
			
			
		}
			nav ul li:hover a {
				color: #00a4ed;
			}
		
		nav ul li a {
			display: block; padding: 7px 20px; font-size:14px;
			color: #003a8a; text-decoration: none; 
		}
			
		
nav ul ul {
	background: #fff; border-radius: 0px; padding: 0;
	z-index:999;
	position: absolute; top: 57px;
        width: 288px;
        
}
nav ul ul li  {float: none; color:#fff;border-bottom: 1px solid #fff; position: relative;}

nav ul li ul li a {color: #003a8a !important; font-size:12px;}	
nav ul li ul li a:hover {background: #00a4ed;color:#fff !important;}

#news-h {
	width: 100%;
	height: 39px;
	background: #0e5481;
}
#news {
	width: 980px;
	
	margin: 0 auto;
}


.padd30 { padding:30px 0; }



#banner-h {
	width: 100%;
	height: 475px;
	background:url(../images/banner-bg.jpg) repeat-x #146090;
}
#banner {
	
	position: relative;
	height: 474px;
}

#banner2 {
	width: 980px;
	z-index:99;
	margin: 0 auto;
	
}

#banner-inner {

	height: 175px;
	background: #146090;

	
}
#banner-inner img {
	
	
}


#content2 img { }



#mission-h {
	width: 100%;
	height: 193px;
	background: #f8f8f8;
}
#mission {
	
	
		height: 193px;
		text-align:center;
	background:url(../images/mission-bg.png) no-repeat right;
}

#mission .title { padding: 30px 0 0 0; }

#portfoliolist { margin:50px 0; overflow:hidden; }
#portfoliolist li { list-style-type:none; margin-top:20px; }
#portfoliolist li img { border: 1px solid #ddd; }

#content-h {
	width: 100%;
	overflow:hidden;
	background: #fff;
}

#content1  ul li { list-style-type:disc; line-height:25px !important; font-size: 1.2em; color:#6e6e6e; margin: 0px 0 0 20px;  }
#content1 p {  padding: 0 0 10px 0; line-height:25px;} 
#content1 {
	
	padding:40px 20px 0 0;
	
}

#content2 {

	padding:40px 0;
	
}

#content2 li { float:left; list-style-type:none; margin: 12px 18px }
#content2 ul { margin: 20px 0; } 


#content-blog-lhs p {  padding: 0 0 10px 0; line-height:25px;}
#content-blog-lhs {
	width: 660px;
	padding:40px 0;
	float:left;
}

#content-blog-rhs {
	width: 260px;
	padding:40px 0;
	float:right;
}

#content-blog-rhs li { list-style-type:none;}
#content-blog-rhs ul { }



#content-blog-rhs .WidgetHolder {width: 260px; margin-bottom: 20px; font-size: 14px;}
#content-blog-rhs .WidgetHolder h3 {font-size: 20px; font-weight: 300; margin-bottom: 10px;}
#content-blog-rhs .WidgetHolder a {text-decoration: none;}


#stat-h {
	width: 100%;
	overflow: hidden;
	background: #f8f8f8;
}




#footer-h {
	width: 100%;
	
	background: #18699d;
}

#footer-h h4 {color: white}

#footer-h a {color: white; font-size: 14px}
#footer {
	
	margin: 0 auto;
	padding: 30px 0 20px 0;
	
		
}

.white { color:#fff; font-size:1.8em; font-weight:300;  }

#footer p { clear:both; padding: 0 0 5px 0; color:#fff; font-size:1.1em;  }

#footer ul { color:#fff; list-style-type:none; margin: 0 0 40px 0 ;}

#footer li a { color:#fff; text-decoration: none; font-size:1.3em; line-height: 28px;  }

.padbot { margin-bottom:20px; }

.ticker-content a:hover { color:#fff !important; text-decoration: none !important;  }
.news-feed { margin: 0 0px 40px 30px !important; }
.news-feed li { overflow: hidden; margin: 10px 0; }
.news-feed p { margin: 0; }
.sml { font-size: 11px !important;  }
.sml a { color:#00a4ed !important; }
.pads10 { padding: 0 10px; }

.blogSummary h2 { margin: 0 0 10px 0 !important; padding: 0; }
.blogSummary h2 a { color: #146090; font-weight: 300 !important;}
.blogSummary a { color: #146090; }

.blogSummary { margin-top: 30px; overflow: hidden; border-bottom: 1px dashed #ccc; padding-bottom:20px;}
#content-blog-rhs a { color: #146090; line-height: 30px; font-size: 14px; }

.iconblock h2 { margin-top: 0;}
.iconblock img { margin-top: 10px;}

.typography ul li{font-size: 14px;color: #6e6e6e; margin-left: 30px;}

.sideb h3 { color:#0e5481; font-weight: 300; }
.greybg { background: #f8f8f8; }

	.caption-style-2{
		list-style-type: none;
		margin: 0px 0 30px 0;
		padding: 0px;
		
	}

	.caption-style-2 li{
		float: left;
		padding: 0px;
		position: relative;
		overflow: hidden;
	}

	.caption-style-2 li:hover .caption{
		opacity: 1;
		transform: translateY(-100px);
		-webkit-transform:translateY(-100px);
		-moz-transform:translateY(-100px);
		-ms-transform:translateY(-100px);
		-o-transform:translateY(-100px);

	}


	.caption-style-2 img{
		margin: 0px;
		padding: 0px;
		float: left;
		z-index: 4;
	}


	.caption-style-2 .caption{
		cursor: pointer;
		position: absolute;
		opacity: 0;
		top:300px;
		-webkit-transition:all 0.15s ease-in-out;
		-moz-transition:all 0.15s ease-in-out;
		-o-transition:all 0.15s ease-in-out;
		-ms-transition:all 0.15s ease-in-out;
		transition:all 0.15s ease-in-out;

	}
	.caption-style-2 .blur{
		background-color: rgba(0,0,0,0.7);
		height: 300px;
		width: 300px;
		z-index: 5;
		position: absolute;
	}

	.caption-style-2 .caption-text h1{
		text-transform: uppercase;
		font-size: 18px;
	}
	.caption-style-2 .caption-text{
		z-index: 10;
		color: #fff;
		position: absolute;
		width: 300px;
		height: 300px;
		text-align: center;
		top:20px;
	}

	ul.caption-style-2 li { background: none !important; }
.caption-style-2 li a { color:#fff; padding:0 10px; }






@media screen and (max-width: 600px) { 

#head-2 p { float: right; }
.pad5 { padding-bottom:10px; }
}


@media screen and (max-width: 320px) { 

.pad5 { padding-bottom:10px; }
#head-2 .xs-sml { font-size: 11px !important; float: right; line-height: 14px;  }

}

.galleryImage h3 {
	min-height:73px;
}

/*======================*/
/*Styles for reskin - JH*/
/*======================*/

/*General*/
.text-area{
	padding-top: 20px;
}



/*Header*/
#head-h .apply{
	background: #F3EC3C;
	color: #003a8a;
}

@media (min-width: 1200px) {
	#head-h #head-1 img{
		width: 130px;
	}

	nav{
		position: relative;
		top: -20px;
	}

	nav .levelOne a{
		font-size: 18px;
	}

	#head-2 a{
		font-size: 20px !important;
		padding: 10px 50px;
	}
}


/*Footer*/
#footer-h #footer{
	padding: 20px 0;
}


#footer-h h4{
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 0;
}

#footer-h ul{
	margin-bottom: 15px;
}



/*Social links*/
#footer-h .social-links{
	margin: 10px 0;
}

#footer-h .social-links a{
	float: left;
	width: 45px;
	margin-right: 10px;
}

#footer-h .social-links a:hover{
	opacity: .5;
}

/*Home page*/
#banner-h .ui-slider-tabs-list{
	text-align: center;
}


/*Latest news*/
#footer-h .latest-news{
	background: #2a7aab;
	padding: 15px;
	margin-bottom: 10px;
}

#footer-h .latest-news .item{
	margin-bottom: 5px;
}

#footer-h .latest-news .item .image-area{
	padding-left: 0;
}

#footer-h .latest-news .item .text-area a{
	font-weight: bold;
}

#footer-h .latest-news .item .text-area p{
	padding-top: 5px;
}

/*Mobile banner*/
/*#mb-b img{
	width: 95%;
}

@media (min-width: 500px) {
	#mb-b img{
		width: 47%;
	}
}

@media (max-width: 999px) {
	#mb-b{
		display: block !important;
	}
}
*/
.mobile-banner{
	list-style: none;
	padding: 2%;
}

@media (min-width: 999px) {
	.mobile-banner{
		display: none;
	}
}

.mobile-banner li{
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	float: left;
	text-align: center;
	margin-bottom: 2%;
}

@media (min-width: 500px) {
	.mobile-banner li{
		width: 49%;
		margin-right: 2%;
	}

	.mobile-banner li:nth-of-type(2n){
		margin-right: 0;
	}
}

.mobile-banner li .overlay{
	height: 100%;
	width: 100%;
	background-color: rgba(0, 21, 80, .7);
	padding: 14% 4%;
}

.mobile-banner li .overlay .banner-title{
	font-size: 4vw;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

@media (min-width: 500px) {
	.mobile-banner li .overlay .banner-title{
		font-size: 2vw;
	}
}


/*Site credit*/
#footer-h .site-credit{
	background: #0C4A71;
	padding: 7px;
}

#footer-h .site-credit p{
	float: left;
	clear: right;
	padding: 0;
	margin: 0;
	font-size: 12px;
}

#footer-h .site-credit a{
	font-size: 12px;
}

#footer-h .site-credit .byline{
	float: right;
	font-weight: bold;
}



/*News Holder*/
.blog-list .blogSummary{

}

.blog-list .pagination{
	width: 100%;
}

/*Team listing*/
.team-list #content1 ul li{
	margin: 1% 0;
	padding: 0 10px;
	position: relative;
}

/*@media (min-width: 768px) {
	.team-list #content1 ul li{
		margin: 0;
	}
}*/

.team-list #content1 ul li > a{
	display: block;
	text-align: center;
}

.team-list #content1 ul li > a img{
	float: none;
}

.team-list #content1 ul li .caption{
	width: 97%;
}

.team-list #content1 ul li .caption .caption-text{
	background: rgba(0, 0, 0, .7);
	width: 100%;
	top: -100px;
	padding: 5px;
}

.team-list #content1 ul li .caption .caption-text a{
	font-weight: bold;
	font-size: 18px;
}

.team-list #content1 ul li .caption .caption-text p{
	font-weight: bold;
	color: #00A4ED;
}

.team-list #content1 ul li .caption .caption-text .bio{
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
}

.team-list .SeeProfile{
	color: #00A4ED;
	font-size: 14px!important;
}
.team-list .caption-style-2{
	float: left;
}



/*Service holder*/
.service-holder-list{
	margin: 30px 0;
}

.service-holder-list .item{
	background-size: cover;
	background-repeat: no-repeat;
	margin: 10px 0;
}

.service-holder-list .item .overlay{
	background: rgba(0, 164, 237, .8);
	padding: 35px;
}

.service-holder-list .item .block-title{
	color: #fff;
	margin: 0 0 20px 0;
}

.service-holder-list .item p{
	color: #fff;
}

.service-holder-list .item .btn{
	background: #F3EC3C;
	color: #003a8a;
	margin: 5px 0;
}



/*Service list*/
.service-detail{
	margin: 30px 0;
}

ul.service-points{
	list-style: none;
	margin: 10px 0;
}

ul.service-points li{
	color: #146090;
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0;
}

ul.service-points li:before{
	content: "\f101";
	margin-right: 15px;
	margin-bottom: 15px;
	font-size: 16px;
	font-family: "FontAwesome";
	color: #33B6F1;
	display: block;
	float: left;
	position: relative;
	top: 3px;
}


/*Apply now page*/
.apply-page{
	margin: 30px 0;
}

.apply-page .text-area{
	margin: 40px 0;
}



/*Accreditations page*/
.accreditations-list .galleryImage{
	position: relative;
	overflow: hidden;
}

.accreditations-list .galleryImage .overlay{
	position: absolute;
	top: 100%;
	width: 95%;
	height: 100%;
	background: rgba(0, 0, 0, .7);
	padding: 0 10px 30px;
	text-align: center;
}

.accreditations-list .galleryImage .overlay h3{
	min-height: 0;
	margin-bottom: 0;
	font-size: 18px;
}

.accreditations-list .galleryImage .overlay h3 a{
	color: #fff;
}

.accreditations-list .galleryImage .overlay p{
	color: #fff;
	padding: 0;
	font-size: 12px;
	line-height: 18px !important;
}

.accreditations-list .galleryImage .overlay p a{
	color: #2A7AAB;
    font-weight: bold;
}

.accreditations-list .galleryImage .overlay p a.btn-small{
	background: #2A7AAB;
	color: #fff;
    font-weight: bold;
    padding: 5px;
}

.galleryImage p{
	padding: 0px;
}

.galleryImage h3{
	margin-top: 0px;
}


/*CTAs*/
.bold-cta{
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 30px 5px 20px;
}

.bold-cta img{
	position: absolute;
	top: -20px;
	left: -20px;
	width: 60px;
}

.bold-cta .overlay{
	padding: 30px;
	background: rgba(0, 164, 237, .8);
}

.bold-cta .block-title{
	color: #fff;
	font-size: 24px;
	font-weight: bold;
}

.bold-cta p{
	color: #fff;
}

.bold-cta .btn{
	background: #F3EC3C;
	color: #003a8a;
	margin: 5px 0;
}

.bold-cta.l{
	margin: 30px 10px 20px;
}

.bold-cta.l .overlay{
	padding: 20px;
	height: 100%;
}

@media (min-width: 500px) {
	.bold-cta.l .overlay{
		padding: 40px 50px;
		height: 100%;
	}
}

.bold-cta.l .block-title{
	font-size: 26px;
}

#map {
	height: 350px;
	width: 100%;
	/*// width: auto;*/
}
.locationmapouter{
	height: 100%;
	width: 100%;
}
#iw_container .iw_title {
	font-size: 16px;
	font-weight: bold;
}
.iw_content {
	padding: 15px 15px 15px 0;
}

.map-area{
	padding-top: 20px;	
	padding-bottom: 20px;	
}

/*PAGINATION*/
.pagination{
    position: relative;
    display: block; 
    float: left;
    width: 100%;
    padding-left: 10px!important;
}

.next-button{
    background-color: #33B6F0;
    color: #ffffff;
    float: left;
    padding: 5px 17px;
    text-decoration: none;
    margin-right: 4px;
    /* border: 1px solid #696969; */
    font-size: 23px;
    margin-top: 4px;
    line-height: 34px;
}

.previous-button{
    background-color: #33B6F0;
    color: #ffffff;
    float: left;
    padding: 5px 17px;
    text-decoration: none;
    margin-right: 4px;
    /* border: 1px solid #696969; */
    font-size: 23px;
    margin-top: 4px;
    line-height: 34px;
}
 .number-button:nth-of-type(1){
    margin-left: 0px;
}

 .number-button{
    float: left;
    padding: 3px 15px;
    line-height: 36px;
    font-size: 18px;
    text-decoration: none;
    margin: 4px;
    border: 1px solid #b3aeae;
    color: #b3aeae;

}

 .number-button:hover{
    background-color: #33B6F0;
    color: #ffffff;
    border: 1px solid #33B6F0;

}

 a.active{
    background-color: #33B6F0;
    color: #ffffff;
    border: 1px solid #33B6F0;
}


/*Team*/
  .team-list .col{
      width:20%;
  }
@media only screen and (max-width: 768px) {
  .team-list .col{
      width:50%;
  }
}
@media only screen and (max-width: 425px) {
  .team-list .col{
      width:100%;
  }
}


/*Cookies banner*/
#cookie-policy-banner{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	max-width: 1170px;
}

#cookie-policy-banner #cookie-policy-banner-content{
	float: left;
	width: 100%;
	background-color: #0d3954;
	padding: 25px;
}

#cookie-policy-banner #cookie-policy-banner-content button{
	width: 100%;
	float: right;

	color: #0d3954;
	font-weight: bold;
	font-size: 18px;
	padding: 15px;
	text-align: center;
	background: #F1E507;
}
@media (min-width: 1240px) {
	#cookie-policy-banner #cookie-policy-banner-content button{
		width: 19%;
    	margin-right: 5px;
	}
}

#cookie-policy-banner #cookie-policy-banner-content p{
	color: #fff;
	font-size: 18px;
	margin-bottom: 20px;
	float: left;
	width: 100%;
}
#cookie-policy-banner #cookie-policy-banner-content a{
	color: #F1E507;
}
@media (min-width: 1240px) {
	#cookie-policy-banner #cookie-policy-banner-content p{
		margin-bottom: 0;
		width: 60%;
	}
}