/*
Theme Name: Genstar
*/


/*
.AvenirLTPro-Heavy { 
	font-family: AvenirLTPro-Heavy;
	font-weight: normal;
	font-style: normal;
}
.AvenirLTPro-Black { 
	font-family: AvenirLTPro-Black;
	font-weight: normal;
	font-style: normal;
}
*/


html,body {
	width: 100%;
   }
body {
	padding: 0;
	margin: 0;
	font-family: 'Montserrat', arial, sans-serif;
	font-size: 18px;
	line-height: 34px;
	font-weight: 500;
	color: #5a5a5a;
 	background: #ffffff;
 	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}
img {
	padding: 0; 
	margin: 0;
	border: 0;
	}
a,
a:visited,
a:active {
	color: #D54427;
	text-decoration: none;
	outline: none;
    transition: all 0.2s linear;
    }
a:hover {
	color: #00395a;
	text-decoration: none;
	outline: none;
    transition: all 0.2s linear;
   	}
ul {
	padding: 0 0 30px 15px;
	margin: 0;
	list-style: url(images/bullet-gray.png);
	}
ul li {
	padding: 0 0 7px 0;
	margin: 0;
	float: none;
	}
ol {
	padding: 0 0 30px 15px;
	margin: 0;
	}
ol li {
	padding: 0 0 7px 0;
	margin: 0;
	float: none;
	}
p {
	padding: 0 0 30px 0;
	margin: 0;
	}
b,
strong {
	font-weight: 700;
	}
hr {
	margin: 0 0 24px 0;
	width: 76px;
	border: none;
	border-top: 4px solid #d54427;
	text-align: left;
	}
h1 {
 	padding: 4px 0 9px 0;
	margin: 0 0 0 0;
	font-family: AvenirLTPro-Black;
	font-weight: normal;
	font-style: normal;
	font-size: 30px;
	line-height: 32px;
	color: #00395a;	
	text-transform: uppercase;
	}
h2 {
	padding: 0 0 7px 0;
	margin: 0 0 0 0;
	font-family: AvenirLTPro-Heavy;
	font-weight: normal;
	font-style: normal;
	font-size: 28px;
	line-height: 38px;
	color: #00395a;
	}
h3 {
	padding: 0 0 30px 0;
	margin: -1px 0 0 0;
	font-family: AvenirLTPro-Heavy;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	line-height: 14px;
	color: #00395a;
	text-transform: uppercase;
	}
i, em {
font-style: italic;
}

/* -------------------------------------------------------------------------------------------------------------- */
/* css for site structure ----------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------- */

#outer {
	width: 100%;
  	background: #fff;
   }
.content {
	position: relative;
	margin: 0 auto 0px auto;
	width: 100%;
	}	
.container {
	position: relative;
	padding: 0 1% 0 1%;
	margin: 0 auto 0 auto;
	width: 98%; 
	max-width: 1280px;
  	}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for header ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

#header {
	position: fixed;
	top: 0;
	width: 100%;
	height: 120px;
	background: #fff;
	z-index: 997;
	}
	#logo {
		display: inherit;
		padding: 32px 0 0 3.9%;
		}
	#navbar {
		display: none;
		}
	#searchbar {
		display: inherit;
		position: absolute;
		top: 68px;
		right: 44px;
		width: 37px;
		height: 40px;
		background: url(images/search.png) no-repeat;
		cursor: pointer;
		z-index: 999;
		}


		#navbar-on {
			display: none;
			}		
		#searchbar-on {
			display: inherit;
			display: none;
			position: absolute;
			top: 58px;
			right: 5.5%;
			width: 22px;
			height: 21px;
			background: url(images/close.svg) no-repeat;
			cursor: pointer;
			z-index: 999;
			}
	#mainnav {
		display: none;
		}		
	#newnav {
		display: inherit;
		position: relative;
		padding: 70px 0 0 0;
		width: 66%;
		margin: 0 90px 0 0;
		max-width: 1140px;
		font-family: AvenirLTPro-Heavy;
		font-weight: normal;
		font-style: normal;
		font-size: 14px;
		line-height: 14px;
		color: #00395A;
		text-transform: uppercase;
		float: right;
		text-align: right;
		}
	#newnav ul {
		display: inherit;
		padding: 0;
		list-style: none;
		}
	#newnav ul li {
		display: inline-block;
		padding: 0 0 0 15px;
		}
	.search a,
	#newnav ul li a {
		color: #00395A;
		}
	.search a:hover,
	#newnav ul li a:hover {
		color: #8BB1CA;
		}
	#newnav ul li a.set,
	#newnav ul li.current_page_parent a,
	#newnav ul li.current-page-ancestor a,
	#newnav ul li.current-menu-item a,
	#newnav ul li.current_page_item a {
		color: #8BB1CA;
		text-decoration: none;
		}
		
#search-container {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #00395a;
	opacity: .9;
	z-index: 998;
	text-align: center;
	font-family: AvenirLTPro-Heavy;
	font-weight: normal;
	font-style: normal;
	font-size: 30px;
	line-height: 30px;
	color: #fff;
	text-transform: uppercase;
	}
	#search-container .logo {
		padding: 32px 0 0 3.9%;
		opacity: 0;
		text-align: left;
		}
	#search-container hr {
		margin: 90px auto 53px auto;
		}

	.search {
		padding: 0px 0 40px 0;
		}
	#search .text-field-search {
		margin: 0 auto;
		padding: 0 0 0 10px;
		width: 80%;
		max-width: 400px;
		height: 35px;
		border: 0;
		border-bottom: 1px solid #fff;
		background: transparent url(images/blinker.gif) no-repeat left -18px top -13px;
		vertical-align: top;
		border-radius: 0;
		outline: none;
		font-size: 32px;
		line-height: 38px;
		color: #fff;
		text-align: left;
		}
		

/* -------------------------------------------------------------------------------------------------------------- */
/* css for hero ------------------------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------------------------- */

#hero {
	position: relative;
	margin: 0 auto 0px auto;
	padding: 36px 0 40px 0;
	width: 100%;
	background: #e8e9ea;
	min-height: 600px;
	}
	.top-mobile {
		margin-top: 0;
		}
	.top-block2 {
		margin-top: 53px;
		}
	.top-block {
		margin-top: 120px;
		}
	#hero .container {
		margin-top: 50px;
		}
	#hero hr {
		margin-left: -2000px;
		transition: all 1200ms ease-out;
		}
	#hero h1 {
		display: none;
		}
	#hero .hero-text {
		display: none;
		}	
	#hero img {
		width: 100%;
		height: auto;
		max-width: 1180px;
		}	
	.hero-pic {
		position: relative;	
		text-align: center;
		width: 100%;
		height: 100%;
		opacity: 0;
		transition: all 600ms ease-out;
		}
	.hero-overlay {
		position: absolute;
		top: 0;
		left: -1%;
		width: 101%;
		height: 100%;
		transition: all 600ms ease-out;
		z-index: 990;
		}
	#hero .text {
		position: absolute;
		top: 0;
		left: 0;
		padding: 29px 0 50px 5%;
		max-width: 500px;
		color: #00395a;
		z-index: 991;
		}
		
		
/* --------------------------------------------------------------------------------------------------------------- */
/* css for photos  ----------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */

.photo-left {
	position: relative;
	}
	.photo-left .text {
		padding: 58px 1% 0 5%;
		width: 44%;
		float: right;
		}		
	.photo-left .text p {
		max-width: 500px;
		}		
	.photo-left .photo {
		width: 50%;
		min-height: 540px;
		float: left;
		line-height: 0;
		background-repeat: no-repeat;
	 	background-size: cover;
	 	background-position: center top;		
		}
		.photo-left .photo img {
			width: 100%;
			height: auto;
			}		
	.photo-left .text ul {
		color: #8bb1ca;
		font-weight: 700;
		list-style: url(images/bullet-blue.png);
		}
		.photo-left .text ul a {
			color: #8bb1ca;
			}
		.photo-left .text ul a:hover {
			color: #fff;
			}
		#approach .photo-left .text ul {
			color: #5a5a5a;
			list-style: url(images/bullet-gray.png);
			}
		#approach .photo-left .text ul a {
			color: #5a5a5a;
			}
		#approach .photo-left .text ul a:hover {
			color: #00395a;
			}
	.slide-line {
		position: absolute;
		bottom: 80px;
		left: 55%;
		width: 40%;
		max-width: 525px;
		border-top: 1px solid #33617B;
		}
		#approach .slide-line {
			border-top: 1px solid #a7a9ac;
			}
.wide-photo {
	line-height: 0;
	}
.wide-photo img {
	width: 100%;
	height: auto;
	}


/* --------------------------------------------------------------------------------------------------------------- */
/* css for photo block ------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */

.banner {
	padding: 65px 17% 18px 3.9%;
	font-size: 18px;
	line-height: 34px;
	color: #00395a;
	}
	#contact .banner,
	#single .banner {
		padding-bottom: 48px;
		}
.banner p {
	padding: 0 0 36px 0;
	margin: 0;
	}
	

/* -------------------------------------------------------------------------------------------------------------- */
/* css for thirds, one third-two third blocks  ------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------------------------- */

.single {
	padding: 65px 14.5% 90px 14.5%;
	}
	.single hr {
		border-color: #d54427;
		}
	.single h3 {
		padding: 0 0 4px 0;
		font-family: 'Montserrat', arial, sans-serif;
		font-size: 18px;
		line-height: 34px;
		color: #00395a;
		text-transform: none;
		font-weight: 700;
		}
	.login {
		padding: 35px 0 0 0;
		margin-bottom: 300px;
		background: #00395a;
		color: #fff;
		}
		.login .text {
			padding: 14px 0 0 50px;
			min-width: 130px;
			float: left;
			font-size: 16px;
			line-height: 16px;
			text-transform: uppercase;
			}
		.login .textfield {
			float: left;
			}
			.login .textfield input[type='password'],
			.login .textfield input[type='email'],
			.login .textfield input[type='text'] {
				padding: 0 0 0 15px;
				margin: 0 0 27px 0;
				width: 100%;
				height: 40px;
				max-width: 280px;
				border-radius: 0;
				border: none;
				background: #fff;
				outline: none;
				font-family: 'Montserrat', arial, sans-serif;
				font-size: 18px;
				line-height: 20px;
				color: #515151;
				transition: all 0.2s linear;
				}
			.login .textfield input[type='submit'] {
				padding: 14px 35px 13px 35px;
				margin: 0 0 30px 0;
				width: 100%;
				max-width: 515px;
				border: none;
				text-align: left;
				cursor: pointer;
				background: #d54427;
				font-family: 'Montserrat', arial, sans-serif;
				font-size: 14px;
				line-height: 14px;
				color: #fff;
				text-transform: uppercase;
				font-weight: 700;
				transition: all 0.2s linear;
				}
			.login .textfield input[type='submit']:hover {
				color: #eaa293;
				transition: all 0.2s linear;
				}

		.login hr {
			border-top: 1px solid #33617b;
			width: 100%;
			}
		hr.thin-gray {
			margin: -12px 0 0 0;
			border-top: 1px solid #d3d4d5;
			width: 100%;
			}	
.third {
	display: block;
	position: relative;
	width: 33.3334%;
	float: left;
	}		
	.third img {
		width: 100%;
		height: auto;
		}	
	a.photo {
		font-size: 18px;
		line-height: 10px;
		text-transform: uppercase;
		color: #fff;
		width: 33.3334%;
		font-weight: 700;
		/*min-height: 300px;*/
		background-repeat: no-repeat;
	 	background-size: cover;
	 	background-position: center top;
		}	
	.overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		max-height: 248px;
		background: #00395a;
		opacity: 0;
		transition: all 0.3s ease-in-out;
		}
	#home .overlay {
		max-height: 100%;
		}
.third-text {
	padding: 50px 3.9% 25px 3.9%;
	width: 26%;
	}		
.third-middle {
	padding: 50px 3% 25px 3.9%;
	width: 25%;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	min-height: 310px;
	}	
.full {
	padding: 0 4.1% 40px 3.9%;
	}		
.one-third {
	position: relative;
	padding: 65px 4.1% 0px 3.9%;
	width: 25%;
	float: left;
	min-height: 215px;
	}
	h1.short {
		width: 70%;
		}
	.line-right {
		border-right: 1px solid #e8e9ea;
		}
	.line-left {
		border-left: 1px solid #e8e9ea;
		}
	.bg-gray .line-right {
		border-right: 1px solid #fff;
		}
	.bg-gray .line-left {
		border-left: 1px solid #fff;
		}
	.bottom-link {
		position: absolute;
		bottom: 65px;
		padding-right: 25px;
		font-size: 16px;
		line-height: 16px;
		text-transform: uppercase;
		background: url(images/read-more-arrow.svg) no-repeat right top 3px;
		background-size: 15px 9px;
		}	
	.bottom-link:hover {
		background: url(images/read-more-arrow-roll.svg) no-repeat right top 3px;
		background-size: 15px 9px;
		}	
	.bottom-link2 {
		display: inline-block;
		margin-top: 25px;
		padding-right: 25px;
		font-family: AvenirLTPro-Heavy;
		font-size: 14px;
		line-height: 14px;
		text-transform: uppercase;
		font-weight: 500;
		}	
	.bottom-link2:hover {
		}	
	.read-more a,
	.read-more {
		font-size: 16px;
		line-height: 16px;
		}
.half {
	position: relative;
	padding: 65px 2% 200px 15%;
	width: 28%;
	float: left;
	}			
.two-thirds {
	position: relative;
	padding: 65px 4.1% 40px 3.9%;
	width: 59%;
	float: left;
	min-height: 215px;
	}
	.bg-orange-wide2 .two-thirds {
		padding: 25px 0 50px 3.6%;
		width: 63.4%;
		}
	.two-thirds img {
		width: 100%;
		height: auto;
		}
	.two-thirds .pad {
		padding: 0 15% 0 1%;
		font-family: 'Montserrat', arial, sans-serif;
		font-size: 14px;
		line-height: 14px;
		text-transform: uppercase;
		font-weight: 500;
		}	
	.two-thirds .pad h2 {
		padding: 12px 0 15px 0;
		font-family: 'Montserrat', arial, sans-serif;
		text-transform: capitalize;
		font-size: 18px;
		line-height: 30px;
		font-weight: normal;
		color: #5a5a5a;
		border-bottom: 1px solid #a7a9ac;
		}	
	.two-thirds .pad h2 a {
		padding-right: 25px;
		background: url(images/read-more-arrow.svg) no-repeat right top 7px;
		background-size: 15px 9px;
		color: #5a5a5a;
		}
	.two-thirds .pad h2 a:hover {
		background: url(images/read-more-arrow-roll.svg) no-repeat right top 7px;
		background-size: 15px 9px;
		color: #00395a;	
		}
#about .one-third {
	padding: 42px 4% 15px 3.9%;
	width: 20%;
	min-height: 215px;
	}
#about #stat1 .one-third .vert-center {
	padding-top: 20px
	}
#about #stat3 .one-third .vert-center {
	padding-top: 35px
	}
#about .two-thirds {
	padding: 42px 4% 15px 3.9%;
	width: 64%;
	min-height: 215px;
	}
.adjust-news {
	min-height: 1px; 
	height: auto; 
	padding-top: 15px; 
	padding-bottom: 15px; 
	}	
.recent-news {
	/*text-align: right;*/
	}
.recent-news hr {
	/*margin-right: 177px;*/
	}
.recent-news h2 {
	/*margin-right: 83px;*/
	margin-top: -2px;
	}
	.bottom-link-temp {
		display: block;
		margin-top: 110px;
		margin-right: 123px;
		padding-right: 25px;
		font-size: 14px;
		line-height: 14px;
		text-transform: uppercase;
		background: url(images/read-more-arrow.svg) no-repeat right center;
		background-size: 15px 9px;
		}	
	.bottom-link-temp:hover {
		background: url(images/read-more-arrow-roll.svg) no-repeat right center;
		background-size: 15px 9px;
		}	


/* -------------------------------------------------------------------------------------------------------------- */
/* css for bio pages  ------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.people-photo {
	width: 100%;
	min-height: 175px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-color: #e8e9ea;
	}
.return {
	padding: 0 3.6% 40px 4%;
	width: 92.4%;
	font-family: 'Montserrat', arial, sans-serif;
	font-size: 14px;
	line-height: 14px;
	font-weight: 500;
	text-transform: uppercase;
	}
	.return a {
		padding: 0 0 0 20px;
		background: url(images/return-arrow.svg) no-repeat left center;
		background-size: 15px 8px;
		}
	.return a:hover {
		background: url(images/return-arrow-roll.svg) no-repeat left center;
		background-size: 15px 8px;
		}
	hr.bio-line {
		position: absolute;
		top: 120px;
		padding: 0;
		margin: 0 0 0px 0;
		width: 100%;
		border-top: 4px solid #00395a;
		}
	.return hr {
		margin: 0 0 20px 0;
		width: 100%;
		border-top: 4px solid #00395a;
		}
.bio-header {
	margin: 0 3.6% 0 4%;
	width: 92.4%;
	background-color: #e8e9ea;
	overflow: hidden;
	}	
.bio-header-left {
	padding: 50px 0 0 3%;
	width: 47.1%;
	min-height: 278px;
	float: left;
	}
	.bio-header-left h2 {
		padding: 0 0 15px 0;
		font-family: AvenirLTPro-Heavy;
		font-size: 28px;
		line-height: 28px;
		}
	.bio-header-left h3 {
		font-size: 16px;
		line-height: 18px;
		text-transform: uppercase;
		color: #5a5a5a;
		letter-spacing: .5px;
		}
.bio-header-right {
	width: 49.9%;
	min-height: 328px;
	float: right;
	text-align: right;
	line-height: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-color: #e8e9ea;
	}
	.bio-header-right img {
		width: 100%;
		height: auto;
		}
.bio-left {
	padding: 50px 10% 80px 4%;
	width: 57%;
	float: left;
	}
	.bio-left h2 {
		padding: 0 0 30px 0;
		font-family: AvenirLTPro-Heavy;
		font-size: 24px;
		line-height: 34px;
		}
	.bio-left h3 {
		padding: 0 0 10px 0;
		font-family: 'Montserrat', arial, sans-serif;
		font-size: 16px;
		line-height: 16px;
		font-weight: 700;
		text-transform: uppercase;
		}
.bio-right {
	padding: 48px 4% 20px 0;
	width: 25%;
	float: left;
	font-size: 15px;
	line-height: 30px;
	}
	.bio-right h3 {
		padding: 0 0 20px 0;
		font-family: 'Montserrat', arial, sans-serif;
		font-size: 16px;
		line-height: 16px;
		font-weight: 700;
		text-transform: uppercase;
		}
	.bio-right h4 {
		padding: 0 0 10px 0;
		font-family: 'Montserrat', arial, sans-serif;
		font-size: 14px;
		line-height: 14px;
		font-weight: 500;
		color: #5a5a5a;
		text-transform: uppercase;
		}
	.bio-right hr {
		width: 100%;
		border-top: 4px solid #00395a;
		}	
.navigation {
	margin-top: -45px;
	padding: 0 3.6% 88px 4%;
	width: 92.4%;
	text-align: center;
	font-family: 'Montserrat', arial, sans-serif;
	font-size: 14px;
	line-height: 14px;
	font-weight: 500;
	text-transform: uppercase;
	color: #D54427;
	}
	.navigation hr {
		margin: 0 0 14px 0;
		width: 100%;
		border-top: 4px solid #e8e9ea;
		}
	.page-numbers {
		padding: 0 3px 0 3px;
		}	
	a[rel="prev"],
	.prev {
		padding-right: 25px;
		display: inline-block;
		background-image: url(images/read-more-arrow.svg);
		background-repeat: no-repeat;
		background-position: right center;
		background-size: 15px 8px;
		}
	a[rel="prev"]:hover,
	.prev:hover {
		background-image: url(images/read-more-arrow-roll.svg);
		background-size: 15px 8px;
		}
	a[rel="next"],
	.next {
		padding-left: 25px;
		display: inline-block;
		background-image: url(images/return-arrow.svg);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 15px 8px;
		}
	a[rel="next"]:hover,
	.next:hover {
		background-image: url(images/return-arrow-roll.svg);
		background-size: 15px 8px;
		}

	.nav-archive a[rel="next"],
	.nav-archive .next {
		padding-right: 25px;
		display: inline-block;
		background-image: url(images/read-more-arrow.svg);
		background-repeat: no-repeat;
		background-position: right center;
		background-size: 15px 8px;
		}
	.nav-archive a[rel="next"]:hover,
	.nav-archive .next:hover {
		background-image: url(images/read-more-arrow-roll.svg);
		background-size: 15px 8px;
		}
	.nav-archive a[rel="prev"],
	.nav-archive .prev {
		padding-left: 25px;
		display: inline-block;
		background-image: url(images/return-arrow.svg);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 15px 8px;
		}
	.nav-archive a[rel="prev"]:hover,
	.nav-archive .prev:hover {
		background-image: url(images/return-arrow-roll.svg);
		background-size: 15px 8px;
		}

	.number-nav a[rel="next"],
	.number-nav .next {
		background-image: none;
		}
	.number-nav a[rel="next"]:hover,
	.number-nav .next:hover {
		background-image: none;
		}
	.number-nav a[rel="prev"],
	.number-nav .prev {
		background-image: none;
		}
	.number-nav a[rel="prev"]:hover,
	.number-nav .prev:hover {
		background-image: none;
		}
	.number-nav .current {
		color: #00395a;
		}



/* -------------------------------------------------------------------------------------------------------------- */
/* css for news pages  ------------------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------------------------- */

.search-container {
	padding: 70px 11.5% 54px 12.2% !important;
	}
	.search-container a {
		font-family: 'Montserrat', arial, sans-serif;
		font-size: 16px;
		line-height: 16px;
		font-weight: 500;
		text-transform: uppercase;
		}	
	.search-container p {
		padding: 0;
		}
	.search-container h1 {
		padding: 0 0 10px 0 !important;
		font-size: 26px !important;
		line-height: 36px !important;
		color: #5a5a5a !important;
		}	
	.search-container .date {
		padding: 0 0 15px 0 !important;
		}


.news-container {
	padding: 0 !important;
	margin: 30px 11.5% 20px 12.2% !important;
	border-bottom: 1px solid #d3d4d5;
	}
	.news-no-line {
		border-bottom: 0;
		}
	.news-container p {
		padding: 0;
		}
	.news-container h1 {
		padding: 0 0 20px 0 !important;
		font-size: 22px !important;
		line-height: 26px !important;
		color: #5a5a5a !important;
		}	
	.news-container h1 a {
		padding: 0 25px 0 0 !important;
		font-size: 22px;
		line-height: 26px;
		color: #5a5a5a !important;
		background: url(images/read-more-arrow.svg) no-repeat bottom 6px right 0;
		background-size: 17px 11px;
		transition: all 0 linear;
		}
	.news-container h1:hover a {
		color: #00395a !important;
		background: url(images/read-more-arrow-roll.svg) no-repeat bottom 6px right 0;
		background-size: 17px 11px;
		transition: all 0 linear;
		}
	.news-container .date {
		padding: 0 0 7px 0 !important;
		}
.current-year a {
	color: #00395a;
	}	
.news-nav {
	padding: 25px 3.6% 19px 4%;
	width: 92.4%;
	font-family: 'Montserrat', arial, sans-serif;
	font-size: 14px;
	line-height: 14px;
	font-weight: 500;
	text-transform: uppercase;
	}
	.news-nav hr {
		margin: 5px 0 0px 0;
		width: 100%;
		border-top: 4px solid #00395a;
		}
	.news-nav .view {
		display: inline-block;
		}		
	.news-nav .divider {
		padding: 0 15px 0 15px;
		display: inline-block;
		vertical-align: middle;
		}
	.news-nav a.current {
		padding: 0 15px 0 0;
		display: inline-block;
		}		
	.news-nav .archives {
		display: inline-block;
		}		
	.news-nav ul {
		position: relative;
		padding: 0;
		margin: 20px 0 0 0;
		list-style: none;
		}
	.news-nav li {
		margin: 0 3px 0 0;
		padding: 0 0 12px 0;
		display: inline-block;
		cursor: pointer;
		}
		.news-nav  li.dropdown ul {
			display: none;
			position: absolute;
			margin-top: 0px;
			padding: 7px 0 7px 0;
			background: #fff;
			top: 33px;
			left: 185px;
			border-bottom: 1px solid #ddddde;
			border-right: 1px solid #ddddde;
			border-left: 1px solid #ddddde;
			z-index: 999;
			}
		.news-nav  li.dropdown ul li {
			margin: 0;
			padding: 5px 12px 5px 12px;
			display: block;
			width: 100px;
			clear: both;
			float: right;
			color: #041c2c;
			}	
	.news-nav li.dropdown {
		color: #d54427;
		}
	.news-nav li.dropdown:hover {
		color: #00395a;
		}
.news .date {
	padding: 0 0 35px 0;
	margin-top: -6px;
	font-size: 12px;
	line-height: 14px;
	color: #00395a;
	text-transform: uppercase;
	}
.news h1 {
	padding: 0 0 20px 0;
	font-family: AvenirLTPro-Heavy;
	font-size: 30px;
	line-height: 36px;
	text-transform: none;
	}
.news h2 {
	padding: 0 0 16px 0;
	font-family: 'Montserrat', arial, sans-serif;
	font-size: 18px;
	line-height: 34px;
	text-transform: none;
	font-weight: 700;
	}
.news h3 {
	padding: 0 0 4px 0;
	font-family: 'Montserrat', arial, sans-serif;
	font-size: 18px;
	line-height: 34px;
	color: #00395a;
	text-transform: none;
	font-weight: 700;
	}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for contact pages  --------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

#contact .full hr {
	margin: 0 0 15px 0;
	width: 27%;
	max-width: 320px;
	border-top: 4px solid #00395a;
	}
#contact .one-third hr {
	margin: 0 0 15px 0;
	width: 100%;
	border-top: 4px solid #00395a;
	}
#contact h3 {
	padding: 10px 0 15px 0;
	font-family: 'Montserrat', arial, sans-serif;
	font-size: 16px;
	line-height: 16px;
	font-weight: 700;
	text-transform: uppercase;
	}
	#contact .address {
		padding: 0 0 12px 0;
		}
	#contact .address p {
		padding: 0 0 0 0;
		}
	#contact .phone {
		}
		#contact span {
			padding: 0 0 0 0;
			font-size: 14px;
			line-height: 14px;
			font-weight: 700;
			text-transform: uppercase;
			}
.google-map {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
	}

/* -------------------------------------------------------------------------------------------------------------- */
/* css for privacy pages  --------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.privacy-page table {border-collapse: collapse;}
.privacy-page table, td {border:1px solid #000; padding: 10px; text-align: center; font-size: 16px; line-height: 20px;} 
.privacy-page tr.header {background: #999; color: #fff; text-align: center;}
.privacy-page table.left-text td, td.left-text {text-align: left; vertical-align: top;}
.privacy-page ul {margin-bottom: 0; padding-bottom: 15px;} 
.privacy-page ol {list-style: lower-alpha; margin-left: 18px; margin-bottom: 0; padding-bottom: 15px;} 
.privacy-page ol li ol {list-style: lower-roman; margin-left: 18px; margin-bottom: 0; padding-bottom: 15px;} 
.privacy-page p {padding: 0 0 15px 0;} 
.privacy-page h2 {padding: 20px 0 15px 0;} 
.privacy-page h3 {padding: 5px 0 5px 0;}
.privacy-page em, .privacy-page i {font-style: italic;}
.privacy-nav {
	margin: 0 0 35px 0;
	}
.privacy-nav a {
	display: inline-block;
	margin: 0 15px 15px 0;
	padding: 5px 10px 5px 10px;
	background: #0b3250;
	border: none;
	border-radius: 15px;
	color: #fff;
	text-align: center;
	}
	
/* -------------------------------------------------------------------------------------------------------------- */
/* css for people filtering ------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.people-filter {
	margin: 0 0 30px 0;
	}
#filter .team-filter {
	padding: 20px 2.8% 0px 3.1%;
	width: 94.1%;
	font-family: 'Montserrat', arial, sans-serif;
	font-size: 14px;
	line-height: 14px;
	font-weight: 500;
	text-transform: uppercase;
	}
	#filter .team-filter hr {
		margin: 12px 0 40px 0;
		width: 100%;
		border-top: 4px solid #00395a;
		}
	#filter .team-filter ul {
		padding: 0;
		margin: 20px 0 0 0;
		}
	#filter .team-filter ul li {
		margin: 0 12px 0 0;
		display: inline-block;
		cursor: pointer;
		color: #d54427;
		transition: all 0.2s linear;
		}
		#filter .team-filter ul li:hover {
			color: #00395a;
			transition: all 0.2s linear;
			}
		#filter .team-filter ul li.view-all {
			color: #5a5a5a !important;
			}
		#filter .team-filter ul li.active {
			color: #00395a;
			}
		#filter .team-filter ul li.divider {
			padding: 0 5px 0 5px;
			display: inline-block;
			vertical-align: middle;
			}
	.people {
		margin: 0 0 0 4%;
		}
		#results1,
		#results2,
		#results3,
		#results4,
		#results5,
		#results6,
		#results7 {
			display: none;
			margin-bottom: 19px;
			}
			#results-all .content-container,
			.people .content-container {
				margin-top: -15px;
				padding: 0 4% 42px 8.5%;
				}
		#results-all h1,	
		.people h1 {
			padding: 51px 0 10px 0;
			margin-bottom: 35px;
			font-size: 24px;
			line-height: 32px;
			text-transform: inherit;
			border-bottom: 1px solid #d3d4d5;
			}
		#results-all h2,	
		.people h2 {
			padding: 32px 0 14px 0;
			font-size: 20px;
			line-height: 24px;
			text-transform: uppercase;
			width: 100%;
			}
		#results-all h3,	
		.people h3 {
			padding: 6px 0 14px 0;
			margin: 0;
			font-size: 20px;
			line-height: 24px;
			text-transform: uppercase;
			width: 100%;
			}
	#results-all {
		margin: 0 0 19px 4%;
		}	
	#results-all .item-team,
	.people .item-team {
		position: relative;
		float: left;
		margin: 0 2% 25px 0;
		width: 31%;
		height: 70px;
		cursor: pointer;
		}
	#results-all .item-team:hover h2,
	.people .item-team:hover h2 {
		color: #5A5A5A
		}
		.team-pic {
			position: relative;
			width: 220px;
			height: 248px;
			overflow: hidden;
			position: relative;
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
			}
	#results-all .item-team h2,
	.people .item-team h2 {
		padding: 7px 0 8px 0;
		font-size: 20px;
		line-height: 20px;
		text-align: left;
		text-transform: inherit;
		border: none;
		}
	#results-all .item-team h3,
	.people .item-team h3 {
		padding: 0 20px 0 0;
		margin: 0;
		font-size: 14px;
		line-height: 16px;
		color: #5a5a5a;
		text-transform: uppercase;
		letter-spacing: .5px;
		max-width: 200px;
		}

.filters {
	height: 75px;
	}
.button-title {
	margin: 0 15px 0 0;
	font-family: 'Montserrat', arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #5A5A5A;
	font-weight: 500;
	text-transform: uppercase;
	float: left;
	}
.view-divider {
	padding: 0 15px 0 0px;
	float: left;
	vertical-align: middle;
	}	
.button-section {
	position: relative;
	margin: 0 50px 0 0;
	height: 25px;
	font-size: 14px;
	line-height: 18px;
	width: 315px;
	float: left;
	border-bottom: 2px solid #5a5a5a;
	z-index: 9;
	cursor: pointer;
	background: url(images/down-arrow.png) no-repeat right center;
	}	
	.button-on {
		position: absolute;
		top: 0;
		left: 12px;
		font-family: 'Montserrat', arial, sans-serif;
		font-size: 14px;
		line-height: 18px;
		color: #00395a;	
		font-weight: 500;
		text-transform: uppercase;
			}
	.button-group {
		display: none;
		position: absolute;
		top: 27px;
		left: 0;
		width: 236px;
		padding: 20px 12px 15px 12px;
		background: #eee;
		}
		.button {
			margin: 0 50px 0 0;
			padding: 0 0 5px 0;
			font-family: 'Montserrat', arial, sans-serif;
			font-size: 14px;
			line-height: 18px;
			color: #5A5A5A;
			font-weight: 500;
			text-transform: uppercase;
			cursor: pointer;
			}	
.people-search {
	width: 260px;
	float: left;
	height: 25px;
	border-bottom: 2px solid #5a5a5a;
	background: url(images/search.png) no-repeat right center;
	font-size: 14px;
	line-height: 18px;
	}
	.people-search input {
		padding: 0 0 0 12px;
		border: none;
		width: 200px;
		font-family: 'Montserrat', arial, sans-serif;
		font-size: 14px;
		line-height: 18px;
		color: #00395a;	
		font-weight: 500;
		text-transform: uppercase;
		}
		.people-search ::placeholder {
			font-family: 'Montserrat', arial, sans-serif;
			font-size: 14px;
			line-height: 18px;
			color: #00395a;	
			font-weight: 500;
			text-transform: uppercase;
			}		

/* -------------------------------------------------------------------------------------------------------------- */
/* css for company pages  --------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.quote-section {
	background: url(images/bg-company-nav.png) center center;
	}
.quote-section .banner {
	padding: 0;
	color: #5a5a5a;
	}
	.company-line {
		}
	.company-logo {
		line-height: 0px;
		max-width: 236px !important;
		float: left;
		border-bottom: 1px solid #a7a9ac;
		cursor: pointer;
		}	
		.company-logo img {
			width: 100%;
			height: auto;
			}
	.company-nav {
		float: left;
		padding: 65px 3.1% 18px 3.9%;
		margin: 0;
		width: 28%;
		list-style: none;
		background: #00395a;
		min-height: 215px;
		}			
		.company-nav li {
			padding: 0 0 20px 30px;
			font-family: AvenirLTPro-Heavy;
			font-size: 26px;
			line-height: 26px;
			cursor: pointer;
			color: #fff;
			background: url(images/cnav-arrow.svg) no-repeat top 7px left;
			background-size: 14px 12px;
			}
	.quotes {
		overflow: hidden;
		padding: 65px 0 18px 6.9%;
		width: 56.1%;
		float: left;
		}
		.quotes hr {
			margin-top: -5px;
			}			
	.quote {
		display: none;
		}
	.quote p {
		padding: 0 0 20px 0;
		}			
	.company-logo img {
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
		filter: color; /* IE5+ */
		-webkit-filter: grayscale(0); /* Webkit Nightlies & Chrome Canary */
		-webkit-transition: all .2s ease-in-out;
		}
	.company-logo img:hover  {
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
		filter: gray; /* IE5+ */
		-webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
		-webkit-transition: all .2s ease-in-out;
		opacity: .6;
		}
	.complete-list {
		padding: 15px 3.1% 48px 0;
		}
	.complete-list a {
		padding: 0 25px 0 0;
		display: block;
		float: right;
		font-size: 14px;
		line-height: 14px;
		color: #5a5a5a;
		background: url(images/gray-arrow.png) no-repeat right center;
		}		
			
/* -------------------------------------------------------------------------------------------------------------- */
/* css for popup results  --------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
	
.white-background {
	display: none;
	background-color: #fff;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 101px;
	left: 0px;
	z-index: 99998;
	cursor: default;
	}
.popup-bck {
	display: none;
	background-color: rgba(255, 255, 255, .65);
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 99998;
	cursor: default;
	}
.popup-content-box {
	display: none;
	opacity: 0;
	position: fixed;
	top: 49%;
	left: 50%;
	padding: 55px 55px 35px 55px;
	margin-top: -325px;
	margin-left: -355px;
	width: 655px;
	min-height: 540px;
	z-index: 99999;
	background-color: #e8e9ea;
	cursor: default;
	text-align: left;
	}
	.popup-content-box .status {
		margin: 0 0 0 0;
		}
	.popup-content-box .sector {
		margin: 0 0 0 0;
		}
	.popup-content-box .team {
		margin: 0 0 0 0;
		}
	.popup-content-box .close {
		position: absolute;
		top: 30px;
		right: 30px;
		width: 22px;
		height: 21px;
		background: url(images/close-popup.svg) no-repeat right top;
		background-size: 22px 21px;
		cursor: pointer;
		}
	.popup-content-box h2 {
		padding: 0 0 12px 0;
		font-size: 28px;
		line-height: 32px;
		font-weight: 600;
		text-align: left;
		text-transform: inherit;
		}
	.popup-content-box h3 {
		padding: 10px 0 10px 0;
		font-size: 14px;
		line-height: 14px;
		font-weight: 500;
		font-weight: 600;
		}
	.popup-content-box p {
		padding: 0 0 15px 0;
		}
	.popup-content-box b {
		text-transform: uppercase;
		}
			

/* --------------------------------------------------------------------------------------------------------------- */
/* css for special backgrounds ----------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */

.bg-orange {
	background: #d54427;
	overflow: hidden;
	}
	.bg-orange-wide {
		background: url(images/bg-orange.png) center center;
		}
	.bg-orange-wide2 {
		background: url(images/bg-orange3.png) center center;
		}
	.bg-orange-wide2 h2 {
		color: #fff;
		}
	.bg-orange h2 a {
		font-size: 28px;
		line-height: 44px;
		color: #fff;
		}
	.bg-orange h2 a:hover {
		color: #00395a;
		}
	.bg-orange h3 {
		font-size: 14px;
		color: #fff;
		}	
.bg-gray {
	background: #e8e9ea;
	}		
	.bg-gray-wide {
		background: url(images/bg-gray.png) center center;
		}
.bg-blue {
	background: #00395a;
	color: #fff;
	min-height: 245px;
	}		
	.bg-blue h2 {
		color: #fff;
		}
	.bg-blue-wide {
		background: url(images/bg-blue.png) center center;
		}
	.bg-blue h2 a {
		font-size: 28px;
		line-height: 33px;
		color: #fff;
		}
	.bg-blue h2 a:hover {
		color: #8BB1CA !important;
		}
	.bg-blue h3 {
		font-size: 14px;
		color: #fff;
		}	


/* --------------------------------------------------------------------------------------------------------------- */
/* css for special text ------------------------------------------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------- */

h3.founded {
	padding: 0 0 8px 0;
	margin: 0 0 0 0;
	font-family: AvenirLTPro-Black;
	font-size: 16px;
	line-height: 16px;
	}
hr.thin {
	width: 160px;
	height: 1px;
	border-top: 1px solid #d54427;
	margin: 0 auto;
	}
h1.year {
	font-family: AvenirLTPro-Heavy;
	font-size: 65px;
	line-height: 65px;
	}
h1.dollars {
	padding: 0;
	margin: 0;
	font-family: AvenirLTPro-Black;
	font-size: 42px;
	line-height: 42px;
	display: inline-block;
	}
.dollar-div {
	padding: 15px 0 0 0;
	margin: 0 8px 0 8px;
	line-height: 52px;
	width: 1px;
	background-color: #d54427;
	display: inline-block;
	}
h2.billions {
	padding: 0;
	margin: 0;
	font-family: AvenirLTPro-Heavy;
	font-size: 42px;
	line-height: 42px;
	display: inline-block;
	}
h1.team {
	padding: 25px 10px 0 0;
	margin: 0;
	font-family: AvenirLTPro-Black;
	font-size: 90px;
	line-height: 90px;
	display: inline-block;
	}
h2.plus {
	padding: 0 0 0 0;
	margin: 0 0 0 -15px;
	font-family: AvenirLTPro-Heavy;
	font-size: 90px;
	line-height: 120px;
	display: inline-block;
	color: #d54427;
	}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for vertically center items ------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------------------------- */

.vert-center {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
	text-align: center;
	}
	

/* -------------------------------------------------------------------------------------------------------------- */
/* css for animations ------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.bounce-up {
	opacity: 0;
	-moz-transition: all 400ms ease-out;
	-webkit-transition: all 400ms ease-out;
	-o-transition: all 400ms ease-out;
	transition: all 400ms ease-out;
	-moz-transform: translate(-50%, 200px);
	-webkit-transform: translate(-50%, 200px);
	-o-transform: translate(-50%, 200px);
	-ms-transform: translate(-50%, 200px);
	transform: translate(-50%, 200px);
	}

.bounce-up.in-view {
	opacity: 1;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	}

.bounce-up2 {
	opacity: 0;
	-moz-transition: all 400ms ease-out;
	-webkit-transition: all 400ms ease-out;
	-o-transition: all 400ms ease-out;
	transition: all 400ms ease-out;
	-moz-transform: translate(0, 200px);
	-webkit-transform: translate(0, 200px);
	-o-transform: translate(0, 200px);
	-ms-transform: translate(0, 200px);
	transform: translate(0, 200px);
	}

.bounce-up2.in-view {
	opacity: 1;
	-moz-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	}	

.bounce-down {
	opacity: 0;
	-moz-transition: all 400ms ease-out;
	-webkit-transition: all 400ms ease-out;
	-o-transition: all 400ms ease-out;
	transition: all 400ms ease-out;
	-moz-transform: translate(0%, 500px);
	-webkit-transform: translate(0%, 500px);
	-o-transform: translate(0%, 500px);
	-ms-transform: translate(0%, 500px);
	transform: translate(0%, 500px);
	}

.bounce-down.in-view {
	opacity: 1;
	-moz-transform: translate(0%, 0px);
	-webkit-transform: translate(0%, 0px);
	-o-transform: translate(0%, 0px);
	-ms-transform: translate(0%, 0px);
	transform: translate(0%, 0px);
	}

.slide-left {
	opacity: 0;
	-moz-transition: all 500ms linear;
	-webkit-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	transition: all 500ms linear;
	-moz-transform: translate(-300px, 0px);
	-webkit-transform: translate(-300px, 0px);
	-o-transform: translate(-300px, 0px);
	-ms-transform: translate(-300px, 0px);
	transform: translate(-300px, 0px);
	}

.slide-left.in-view {
	opacity: 1;
	-moz-transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	}

.slide-right {
	opacity: 0;
	-moz-transition: all 500ms linear;
	-webkit-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	transition: all 500ms linear;
	-moz-transform: translate(300px, 0px);
	-webkit-transform: translate(300px, 0px);
	-o-transform: translate(300px, 0px);
	-ms-transform: translate(300px, 0px);
	transform: translate(300px, 0px);
	}

.slide-right.in-view {
	opacity: 1;
	-moz-transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for footer ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

#footer {
	position: relative;
	padding: 69px 0 30px 0;
	width: 100%;
	background: #00395a;
	}
	.footer-logo {
		padding: 0 0 60px 0;
		text-align: center;
		}
	.footer-links {
		clear: both;
		text-align: center;
		font-size: 14px;
		line-height: 14px;
		text-transform: uppercase;
		color: #33617b;
		}
		.footer-links a {
			display: inline-block;
			padding: 8px 18px 0 18px;
			color: #fff;
			height: 25px;
			vertical-align: middle;
			}
		.footer-links a:hover {
			text-decoration: none;
			color: #33617b;
			}
		.footer-links .linkedin {
			padding: 0 18px 0 18px;
			width: 25px;
			background-image: url(images/icon-linkedin.png);
			background-repeat: no-repeat;
			background-position: center top;
			background-size: 25px 25px;
			}	
		.footer-links .linkedin:hover {
			background-image: url(images/icon-linkedin-roll.png);
			}	
	.copyright {
		padding: 20px 0 0 0;
		width: 100%;
		height: 58px;
		background: #00395a;
		border-top: 1px solid #33617b;
		text-align: center;
		font-size: 13px;
		color: #33617B;
		}
		.copy-div {
			display: inline-block;
			padding: 0 8px 0 8px;
			color: #33617B;
			}
		.copyright span,
		.copyright a {
			display: inline-block;
			padding: 0 16px 0 16px !important;
			color: #66889c;
			}
		.copyright a:hover {
			text-decoration: none;
			color: #33617b;
			}
	.back-to-top {
		display: none;
		padding: 20px 0 0 0;
		background: #d54427;
		height: 40px;
		width: 100%;
		text-align: center;
		}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for misc items --------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------- */

.clear {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	}
.alignright {
	margin: 0 0 20px 20px;
	float: right;
	}
.alignleft {
	margin: 0 20px 20px 0;
	float: left;
	}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
.mobile {
	display: none;
	}
.fade1,
.fade2,
.fade3,
.fade4 {
	display: none;
	}




/* Mobile portrait and landscape ----------- */
@media only screen 
and (min-width : 767px) 
and (max-width : 1180px) {

.bg-blue {
	min-height: 315px;
	}	
	
#hero .text {
	top: -50px;
	padding: 0 50px 5%;
	max-width: 400px;
	}
	
.photo-left {
	position: relative;
	}
	.photo-left .text {
		padding: 38px 1% 90px 5%;
		}		
	.photo-left .text h2 {
		font-size: 22px;
		line-height: 32px;
		}		
	.photo-left .text p {
		padding: 0 0 15px 0;
		font-size: 16px;
		line-height: 32px;
		}		
	.photo-left .text ul {
		font-size: 16px;
		line-height: 32px;
		}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	left: 58% !important;
	}
.bx-wrapper .bx-prev {
	left: 55% !important;
	}
.bx-wrapper .bx-next {
	left: 69% !important;
	}
#approach .bx-wrapper .bx-prev {
	left: 55% !important;
	}
#approach .bx-wrapper .bx-next {
	left: 69% !important;
	}

.quote-section .banner {
	padding: 0;
	color: #5a5a5a;
	}
.company-nav {
	min-height: 235px;
	}
	.company-nav li {
		padding: 0 0 20px 30px;
		font-family: AvenirLTPro-Heavy;
		font-size: 20px;
		line-height: 24px;
		}
	.quotes {
		font-size: 16px;
		line-height: 22px;
		}

}



/* Mobile portrait and landscape ----------- */
@media only screen 
and (min-width : 767px) 
and (max-width : 880px) {


	#searchbar {
		right: 14px;
		}
	#searchbar-on {
		right: 3.5%;
		}
	#newnav {
		width: 70%;
		margin: 0 60px 0 0;
		max-width: 1140px;
		}
	#newnav ul li {
		padding: 0 0 0 10px;
		}
		#newnav ul li.menu-item-410 {
			padding: 0;
			}




}

/* Mobile portrait and landscape ----------- */
@media only screen 
and (min-width : 320px) 
and (max-width : 767px) {

body {
	font-size: 16px;
	line-height: 28px;
	}
h1 {
	font-size: 26px;
	line-height: 30px;
	}
h2 {
	font-size: 24px;
	line-height: 28px;
	}
h3 {
	font-size: 12px;
	line-height: 12px;
	}

hr {
	margin: -4px 0 18px 0;
	width: 48px;
	}

.container {
	padding: 0;
	width: 100%; 
  	}

#header {
	height: 85px;
	}
	#logo {
		padding: 14px 0 0 4%;
		}
	#navbar {
		}	
		#searchbar-on,
		#navbar-on {
			top: 35px;
			right: 5.7%;
			}
	#navbar {
		display: inherit;
		position: absolute;
		top: 30px;
		right: 4%;
		width: 37px;
		height: 40px;
		background: url(images/menu-mobile.png) no-repeat;
		cursor: pointer;
		z-index: 2;
		}
		#navbar-on {
			display: inherit;
			display: none;
			position: absolute;
			top: 38px;
			right: 5.5%;
			width: 22px;
			height: 21px;
			background: url(images/close.svg) no-repeat;
			cursor: pointer;
			z-index: 999;
			}


#newnav,
#newnav ul {
	display: none;
	}
#mainnav-container {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #00395a;
	opacity: .9;
	z-index: 998;
	}
	#mainnav-container .logo {
		display: inherit;
		padding: 23px 0 0 3.9%;
		opacity: 0;
		}
	#mainnav-container hr {
		display: inherit;
		margin: 0 auto 20px auto;
		width: 76px;
		}
	#mainnav-container hr.white {
		display: inherit;
		margin: 0 auto 0 auto;
		width: 90%;
		border: none;
		border-top: 1px solid #fff;
		}
	#mainnav {
		display: inherit;
		position: relative;
		text-align: center;
		padding: 10px 0 21px 0;
		margin: 0 auto 0 auto;
		max-width: 1140px;
		font-family: AvenirLTPro-Heavy;
		font-weight: normal;
		font-style: normal;
		font-size: 19px;
		line-height: 23px;
		font-weight: normal;
		color: #fff;
		text-transform: uppercase;
		}
	#mainnav ul {
		padding: 0;
		list-style: none;
		}
	#mainnav ul li {
		display: block;
		padding: 0 0 8px 0;
		}
	.search a,
	#mainnav ul li a {
		color: #fff;
		}
	.search a:hover,
	#mainnav ul li a:hover {
		color: #8BB1CA;
		}
	#mainnav ul li a.set,
	#mainnav ul li.current_page_parent a,
	#mainnav ul li.current-page-ancestor a,
	#mainnav ul li.current-menu-item a,
	#mainnav ul li.current_page_item a {
		color: #8BB1CA;
		text-decoration: none;
		}

		#search-container hr,
		#mainnav hr {
			display: none;
			}

	.search {
		padding: 30px 0 20px 0;
		}
	#search .text-field-search {
		font-size: 19px;
		line-height: 23px;
		}

#search-container {
	font-size: 19px;
	line-height: 23px;
	}
	#search-container .logo {
		padding: 23px 0 0 3.9%;
		}
	#search-container hr {
		margin: 0 auto 20px auto;
		width: 76px;
		}

	#searchbar {
		top: 38px;
		right: 13%;
		}



/* -------------------------------------------------------------------------------------------------------------- */
/* css for hero ------------------------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------------------------- */

#hero {
	padding: 40px 4% 20px 4%;
	width: 92%;
	min-height: 400px;
	}
	#hero h1 {
		padding: 4px 0 2px 0;
		font-size: 20px;
		line-height: 22px;
		}
	.hero-pic {
		margin-top: 240px;
		}
	#hero .text {
		margin-top: -200px;
		padding: 29px 0 50px 4%;
		font-size: 16px;
		line-height: 24px;
		}
	.top-mobile {
		margin-top: 85px;
		}
	.top-block2,
	.top-block {
		margin-top: 85px;
		}


/* --------------------------------------------------------------------------------------------------------------- */
/* css for photo block ------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */

.banner {
	padding: 35px 4% 18px 4%;
	}


/* --------------------------------------------------------------------------------------------------------------- */
/* css for photos  ----------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */

.photo-left {
	font-size: 16px;
	line-height: 28px;
	}
	.photo-left ul li {
		padding: 0 0 5px 0;
		font-size: 16px;
		line-height: 22px;
		}
	.photo-left .text {
		padding: 28px 5% 5px 5%;
		width: 90%;
		float: none;
		min-height: 420px;
		}		
	.photo-left .text p {
		padding: 0 0 10px 0;
		}
	.photo-left .photo {
		width: 100%;
		float: none;
		min-height: 350px;
		}		
	.slide-line {
		display: none;
		}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for about content ---------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.single {
	padding: 36px 4% 25px 4%;
	}
.mobile-half {
	padding: 65px 0 65px 0;
	}	
.half {
	position: relative;
	padding: 0px 4% 0px 4%;
	width: 92%;
	float: left;
	}			
	.half p {
		padding: 0;
		}
.third {
	width: 100%;
	float: none;
	}		
	a.photo {
		width: 100%;
		}	
#about .one-third,
.one-third {
	padding: 36px 4% 0 4%;
	width: 92%;
	float: none;
	min-height: 1px;
	border: 0;
	}
	h1.short {
		width: 100%;
		}
	.recent-news {
		min-height: 117px;
		}
	.bottom-link {
		bottom: 32px;
		}	
#about .two-thirds,
.two-thirds {
	padding: 35px 4% 25px 4%;
	width: 92%;
	float: none;
	min-height: 153px;
	border: 0;
	}
	.two-thirds .pad {
		padding: 30px 15% 0 15%;
		}
.third-text {
	padding: 35px 4% 35px 4%;
	width: 92%;
	min-height: 1px;
	}		
.third-text p {
	padding: 0 0 0 0;
	}
.third-middle {
	padding: 0 4% 0 4%;
	margin: -18px 0 -18px 0;
	width: 92%;
	border-left: 0;
	border-right: 0;
	min-height: 1px;
	}	
.mobile-news  {
	min-height: 400px !important;
	}		
#about #stat1 .one-third {
	padding: 0 4% 25px 4%;
	min-height: 120px;
	}
#about #stat1 .two-thirds {
	padding: 35px 4% 0 4%;
	}
#about #stat2 .one-third {
	padding: 35px 4% 0 4%;
	min-height: 120px;
	}
#about #stat2 .two-thirds {
	padding: 0 4% 25px 4%;
	}
#about #stat3 .one-third {
	padding: 0 4% 25px 4%;
	min-height: 120px;
	}
#about #stat3 .two-thirds {
	padding: 35px 4% 0 4%;
	}


.recent-news {
	text-align: left;
	}
.recent-news hr {
	margin-right: 0;
	}
.recent-news h2 {
	margin-right: 0;
	margin-top: -2px;
	}
	.bottom-link-temp {
		display: inline-block;
		margin-top: 110px;
		margin-right: 0;
		padding-right: 25px;
		margin-bottom: 35px;
		font-size: 14px;
		line-height: 14px;
		text-transform: uppercase;
		background: url(images/read-more-arrow.svg) no-repeat right center;
		background-size: 15px 9px;
		}	
	.bottom-link-temp:hover {
		background: url(images/read-more-arrow-roll.svg) no-repeat right center;
		background-size: 15px 9px;
		}	




/* -------------------------------------------------------------------------------------------------------------- */
/* css for bio pages  ------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.return {
	padding: 50px 0 40px 0;
	width: 100%;
	}
	.return a {
		margin-left: 4%;
		}
.bio-header {
	margin: 0;
	width: 100%;
	}	
.bio-header-left {
	padding: 30px 0 0 4%;
	width: 96%;
	min-height: 1px;
	float: none;
	}
.bio-header-right {
	width: 100%;
	float: none;
	}
.bio-left {
	padding: 30px 4% 0 4%;
	width: 92%;
	float: none;
	}
.bio-right {
	padding: 0 4% 20px 4%;
	width: 92%;
	float: none;
	}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for people filtering ------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.people-banner {
	display: none;
	}
.people-filter {
	margin: 0 0 30px 0;
	}
#filter .team-filter {
	padding: 20px 4% 0 4%;
	width: 92%;
	}
	#filter .team-filter hr {
		margin: 12px 0 40px 0;
		width: 100%;
		border-top: 4px solid #00395a;
		}
	#filter .team-filter ul {
		display: table;
		margin: 20px auto 0 auto;
		text-align: center;
		}
	#filter .team-filter ul li {
		margin: 0 0 10px 0;
		display: block;
		}
		#filter .team-filter ul li.view-all {
			padding: 0 0 15px 0 !important;
			margin: 0 0 18px 0 !important;
			border-bottom: 1px solid #a7a9ac;
			}
		#filter .team-filter ul li.divider {
			display: none;
			}
	#results-all,
	.people {
		margin-bottom: 20px;
		}		
	#results-all .item-team,
	.people .item-team {
		float: none;
		margin: 0;
		width: 100%;
		height: auto;
		cursor: pointer;
		}
	#results-all .team-pic,
	.people .team-pic {
		margin: 0 20px 10px 0;
		width: 120px;
		height: 133px;
		float: left;
		}
		#results-all .item-team img,
		.people .item-team img,
		#results .item img {
			width: auto;
			height: 133px;		
			}
	#results-all h1,	
	.people h1 {
		padding: 37px 0 10px 0;
		}
	#results-all h2,	
	.people h2 {
		padding: 16px 0 14px 0;
		}
	#results-all .item-team h2,
	.people .item-team h2 {
		padding: 7px 0 8px 0;
		}
	#results-all .item-team h3,
	.people .item-team h3 {
		padding: 0 20px 20px 0;
		max-width: 320px;
		}

.filters {
	height: 160px;
	}
.button-title {
	margin: 0 15px 10px 0;
	float: none;
	}
.view-divider {
	display: none;
	}	
.button-section {
	margin: 0 50px 20px 0;
	float: none;
	}	
.people-search {
	float: none;
	}



/* -------------------------------------------------------------------------------------------------------------- */
/* css for company pages  --------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.quote-section {
	display: none;
	}
	.company-logo {
		width: 236px !important;
		max-width: 48% !important;
		}	


/* -------------------------------------------------------------------------------------------------------------- */
/* css for contact pages  --------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.google-map iframe {
	width: 100%;
	}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for popup results  --------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
	
.popup-content-box {
	left: 0;
	top: 0 !important;
	padding: 30px 3% 30px 5%;
	margin-left: 0;
	width: 92%;
	font-size: 14px;
	line-height: 20px;
	margin-top: 0;
	min-height: 1px;
	}
	.popup-content-box .close {
		top: 15px;
		right: 15px;
		}
	.popup-content-box h2 {
		padding: 0 0 6px 0 !important;
		text-align: left !important;
		line-height: 28px;
		}
	.popup-content-box h3 {
		padding: 10px 0 10px 0;
		font-size: 13px;
		line-height: 13px;
		}
	.popup-content-box p {
		padding: 0 0 12px 0;
		}


/* --------------------------------------------------------------------------------------------------------------- */
/* css for special backgrounds ----------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */

.bg-orange {
	padding-bottom: 35px;
	}
.bg-orange h2 {
	font-size: 28px;
	line-height: 44px;
	}
.bg-orange-wide2,
.bg-orange-wide {
	background: none;
	}
.bg-orange-wide2 .one-third {
	background: #d54427;
	}
.bg-orange-wide2 .two-thirds {
	padding: 25px 4% 50px 4%;
	width: 92%;
	}
.bg-orange-wide2 .two-thirds .pad {
	padding: 0;
	}
.bg-gray-wide {
	background: none;
	}
.bg-gray-wide .two-thirds {
		min-height: 220px;
		}	
.bg-blue-wide {
	background: none;
	}
.bg-blue {
	min-height: 220px;
	}

/* --------------------------------------------------------------------------------------------------------------- */
/* css for special text ------------------------------------------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------- */

h3.founded {
	margin: -40px 0 0 0;
	}
h1.dollars {
	padding: 0;
	margin: 0;
	font-family: AvenirLTPro-Black;
	font-size: 42px;
	line-height: 42px;
	display: inline-block;
	}
h1.team {
	padding: 0 10px 0 0;
	margin: -60px 0 0 0;
	}
h2.plus {
	padding-top: 0;
	margin: -70px 0 0 0;
	}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for misc items --------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------- */

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	bottom: 37px;
	outline: 0;
	width: 15px;
	height: 9px;
	text-indent: -9999px;
	z-index: 99;
	}
.bx-wrapper .bx-prev {
	top: 47% !important;
	margin-top: 5px !important;
	left: 0 !important;
	}
.bx-wrapper .bx-next {
	top: 47% !important;
	margin-top: 5px !important;
	right:0 !important;
	}	
.bx-wrapper .bx-pager {
	top: 47%;
	}
.mobile {
	display: inherit;
	}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for footer ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

#footer {
	padding: 69px 0 30px 0;
	}
	.footer-logo {
		padding: 0 0 60px 0;
		}
	.footer-links {
		color: #00395a;
		}
		.footer-links a {
			display: block;
			padding: 0;
			height: 10px;
			}
		.footer-links .linkedin {
			padding: 25px 0 0 0;
			height: 25px;
			width: 100%;
			background-position: center center;
			}	
	.copyright {
		padding: 26px 0 0 0;
		height: 67px;
		line-height: 20px;
		}
		.copyright span {
			display: block;
			}
		.copyright a {
			display: inline-block;
			padding: 0;
			color: #66889c;
			}
		.copyright a:hover {
			text-decoration: none;
			color: #33617b;
			}
.back-to-top {
	display: block;
	}

#contact .full hr {
	width: 100%;
	max-width: 100%;
	}



}