/*
Theme Name: JMI
*/



/* css for basic items---------------------------------------------------------------------------------------------------*/
html,body {
	width: 100%;
   }
body {
	padding: 0;
	margin: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 32px;
	color: #041c2c;
	font-weight: 400;
 	background: #fff;
 	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}
img {
	padding: 0;
	margin: 0;
	border: 0;
	}
a,
a:visited,
a:active {
	color: #1995ca;
	text-decoration: none;
	outline: none;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -khtml-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    }
a:hover {
	color: #00293c;
	text-decoration: none;
	outline: none;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -khtml-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
   	}
ul {
	padding: 0 0 30px 15px;
	margin: 0;
	list-style: url(images/bullet.png);
	}
ul li {
	padding: 0 0 5px 0px;
	margin: 0;
	float: none;
	}
ol {
	padding: 0 0 30px 15px;
	margin: 0;
	}
ol li {
	padding: 0 0 5px 0;
	margin: 0;
	float: none;
	}
p {
	padding: 0 0 35px 0;
	margin: 0;
	}
b,
strong {
	font-weight: 700;
	}
em {
	font-style: italic;
	}	
hr {
	margin: 0 0 30px 0;
	padding: 0 0 0 0;
	height: 1px;
	border: none;
	border-top: 1px solid #ddddde;
	}
h1 {
 	padding: 0 0 10px 0;
	margin: 0 0 0 0;
	font-family: 'Calluna-Bold';
	font-size: 48px;
	line-height: 48px;
	font-weight: normal;
	color: #fff;	
	letter-spacing: 0;
	}
h2 {
 	padding: 0 0 40px 0;
	margin: 0 0 0 0;
	font-weight: 600;
	font-size: 24px;
	line-height: 30px;
	color: #041c2c;	
	text-align: center;
	text-transform: uppercase;
	}
h3 {
 	padding: 0 0 5px 0;
	margin: 0 0 0 0;
	font-family: 'Montserrat';
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: #041c2c;	
	text-transform: uppercase;
	}
h4 {
 	padding: 0 0 25px 0;
	margin: 0 0 0 0;
	font-family: 'Montserrat';
	font-weight: 700;
	font-size: 28px;
	line-height: 32px;
	color: #041c2c;	
	}	
h6 {
	padding: 0 0 10px 0;
	margin: 0;
	font-family: 'Montserrat';
	font-weight: 700;
	font-size: 16px;
	line-height: 16px;
	text-transform: uppercase;
	color: #041c2c;
	}	
.content-container {
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0 3% 0 3%;
	width: 94%;
	max-width: 1200px;
  	}


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

#mainnav-navbar,
#mobilenav ul,
#mobilenav,
#mobile-top,
#mobile {
	display: none;
	}
#top {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100px;
	background: #fff;
	border-bottom: 1px solid #cccdcd;
	z-index: 99998;
	}
	#header {
		position: relative;
		margin: 0 auto 0 auto;
		width: 1200px;
		}
		#logo {
			position: absolute;
			padding: 23px 0 0 0;
			float: left;
			width: 90px;
			}
			#logo img {
				width: 100%;
				height: auto;
				}
		#mainnav {
			float: right;
			display: inherit;
			position: relative;
			padding: 46px 0 0 0;
			font-size: 14px;
			line-height: 14px;
			}
			#mainnav ul {
				margin: 0;
				padding-right: 35px;
				list-style: none;
				}
			#mainnav ul li {
				padding: 0 0 0 26px;
				float: left;
				}
			#mainnav ul li a {
				padding: 0 0 2px 0;
				font-family: 'Montserrat';
				font-weight: 700;
				font-size: 14px;
				line-height: 14px;
				color: #00293c;
				text-transform: uppercase;
				text-decoration: none;
				border-bottom: 3px solid #fff;
				}	
			#mainnav ul li a:hover {
				color: #00a3e1;
				}
			#mainnav ul li.current-menu-item a {
				color: #00a3e1;
				border-bottom: 3px solid #00a3e1;
				}
		#subnav {
			text-align: center;
			margin: 0 auto;
			padding: 40px 0 7px 0;
			background: #eaeae9;
			}		
			#subnav ul {
				margin: 0;
				list-style: none;
				}
			#subnav ul li {
				padding: 0 13px 0 13px;
				display: inline-block;
				}
			#subnav ul li a {
				padding: 0 0 2px 0;
				font-family: 'Montserrat';
				font-weight: 700;
				font-size: 16px;
				line-height: 16px;
				color: #00293c;
				text-transform: uppercase;
				text-decoration: none;
				border-bottom: 3px solid #eaeae9;
				}	
			#subnav ul li a:hover {
				color: #00a3e1;
				}
			#subnav ul li.current-menu-item a {
				color: #00a3e1;
				border-bottom: 3px solid #00a3e1;
				}
		#search-btn {
			position: absolute;
			top: 43px;
			right: 0;
			}	
			#search-btn .btn-search {
				margin: 0;
				padding: 0;
				border: 0;
				width: 35px;
				height: 18px;
				background: url(images/search.png) no-repeat right center;
				border-radius: 0;
				cursor: pointer;
				outline: none;
				-webkit-appearance: none;
				vertical-align: middle;
				font-family: 'Montserrat';
				font-weight: 700;
				font-size: 13px;
				line-height: 13px;
				color: #041c2c;
				text-transform: uppercase;
				text-align: center;
				-o-transition: all 0.2s linear;
				-moz-transition: all 0.2s linear;
				-khtml-transition: all 0.2s linear;
				-webkit-transition: all 0.2s linear;
				-ms-transition: all 0.2s linear;
				transition: all 0.2s linear;
				}
				#search-btn .btn-search:hover {
					opacity: .65;
					-o-transition: all 0.2s linear;
					-moz-transition: all 0.2s linear;
					-khtml-transition: all 0.2s linear;
					-webkit-transition: all 0.2s linear;
					-ms-transition: all 0.2s linear;
					transition: all 0.2s linear;
					}	
		#search {
			text-align: center;
			margin: 20px auto 50px auto;
			-webkit-transition: all 425ms ease;
			-moz-transition: all 425ms ease;
			transition: all 425ms ease;
			}
			h2.search-title {
				padding: 50px 0 20px 0 !important;
				font-family: 'Montserrat' !important;
				font-weight: 700 !important;
				font-size: 24px !important;
				line-height: 24px !important;
				text-transform: uppercase !important;
				color: #041c2c !important;
				text-align: center !important;
				margin: 0 auto !important;
				}
			#search .text-field-search {
				margin: 0 auto;
				padding: 0 0 0 10px;
				width: 400px;
				height: 35px;
				border: 0;
				border-bottom: 3px solid #1995ca;
				background: url(images/blinker.gif) no-repeat left -18px top -13px;
				vertical-align: top;
				border-radius: 0;
				outline: none;
				font-size: 25px;
				line-height: 28px;
				color: #041c2c;
				text-align: left;
				}
		#navbar {
			display: inherit;
			position: absolute;
			top: 86px;
			left: 0;
			height: 16px;
			padding: 2px 0 0 37px;
			background: url(images/open.png) no-repeat left center;
			cursor: pointer;
			font-size: 15px;
			line-height: 15px;
			text-transform: uppercase;
			color: #6a6663;
			z-index: 2;
			-o-transition: left 0.2s linear;
			-moz-transition: left 0.2s linear;
			-khtml-transition: left 0.2s linear;
			-webkit-transition: left 0.2s linear;
			-ms-transition: left 0.2s linear;
			transition: left 0.2s linear;
			}		
		#navbar-on {
			display: none;
			position: absolute;
			top: 86px;
			left: 0;
			height: 16px;
			padding: 2px 0 0 37px;
			background: url(images/close.png) no-repeat left center;
			cursor: pointer;
			font-size: 15px;
			line-height: 15px;
			text-transform: uppercase;
			color: #6a6663;
			z-index: 2;
			-o-transition: left 0.2s linear;
			-moz-transition: left 0.2s linear;
			-khtml-transition: left 0.2s linear;
			-webkit-transition: left 0.2s linear;
			-ms-transition: left 0.2s linear;
			transition: left 0.2s linear;
			}	
	.spacer {
		height: 100px;
		}

/* -------------------------------------------------------------------------------------------------------------- */
/* css for banners ---------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.blue-wide {
	height: 281px;
	background: #00a3e2 url(images/bg-blue.png) no-repeat right center;
	text-align: center;
	color: #fff;
	font-size: 22px;
	line-height: 32px;
	font-weight: 600;
	}
	.blue-wide p {
		padding: 0;
		}
.vert-center-outer {
	height: 281px;
    text-align: center;
	}
.vert-center-inner {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for home ------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

#intro .mobile {
	display: none;
	}
#intro .desktop {
	display: inherit;
	}
.desktop3 {
	margin-top: -15px !important;
	}

.slide .first {
 	padding: 0 0 10px 0 !important;
	font-family: 'Calluna-Bold' !important;
	font-size: 56px !important;
	line-height: 56px !important;
	font-weight: normal !important;
	color: #fff !important;	
	letter-spacing: 0 !important;
	text-shadow: none !important;
	}
.slide .subtext {
	padding: 0 !important;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 24px !important;
	line-height: 32px !important;
	color: #fff !important;
	font-weight: 600 !important;
	text-shadow: none !important;
	text-transform: inherit !important;
	}
#home1 .content-container {
	padding: 38px 0 22px 0 !important;
	}	
#home1 h2 {
	font-family: 'Montserrat';
	font-size: 24px;
	line-height: 24px;
	text-transform: uppercase;
	color: #fff;
	}
	#home1 h2 span {
		background: #00293c;
		padding: 7px 12px 7px 12px;
		margin: 0 5px 0 0;
		}
#home2 .content-full {
	padding: 0 !important;
	}
#home2 .vert-center-outer {
	height: 65px;
	}		
#home2 .home-col {
	display: block;
	padding: 55px 6% 30px 6%;
	width: 21.3%;
	float: left;
	text-align: center;
	}
#home2 .home-col:hover {
	background-image: url(images/home-box-roll.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -khtml-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
	}
#home2 .home-col2 {	
	width: 21.4%;
	background-image: url(images/home-box-bg.png),  url(images/home-box-bg.png);
	background-repeat: no-repeat, no-repeat;
	background-position: left center, right center;
	-o-transition: none;
	-moz-transition: none;
	-khtml-transition: none;
	-webkit-transition: none;
	-ms-transition: none;
	transition: none;
	}
#home2 h2 {
	height: 65px;
	font-family: 'Montserrat';
	font-weight: 700;
	font-size: 18px;
	line-height: 22px;
	color: #041c2c;
	}
	#home2 .home-col:hover h2 {
		color: #fff;
		}
#home2 .link {
	clear: both;
	display: inline-block;
	margin: 20px 0 20px 0;
	font-family: 'Montserrat';
	font-weight: 700;
	font-size: 12px;
	line-height: 14px;
	color: #1995ca;
	}	
	#home2 .home-col:hover .link {
		color: #fff;
		}
#home2 p {
	padding: 0;
	}	
.photo-wrap {
	position: relative;
	}
	.photo-wrap img {
		width: 100%;
		height: auto;
		}
.photo-desktop {
	display: inherit;
	}
.photo-mobile {
	display: none;
	}
.photo-content {
	position: absolute;
	top: 47%;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	}	
	#home3 .photo-content {
		top: 40%;
		}
	.photo-wrap h1 {
		padding: 0 0 0 0 !important;
		}	
#home3 .button {
	margin: 8px 0 0 0;
	padding: 14px 30px 13px 30px;
	background: #00a3e1;
	font-family: 'Montserrat';
	font-weight: 700;
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	display: inline-block;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -khtml-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
	}
	#home3 .button:hover {
		background: #00293c;
		-o-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-khtml-transition: all 0.2s linear;
		-webkit-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		transition: all 0.2s linear;
		}
#home4 .content-full {
	padding: 30px 0 30px 0 !important;
	}
#home4 .home-col {
	padding: 15px 6% 0px 6%;
	width: 21%;
	float: left;
	text-align: center;
	}
#home4 #results-all {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	}	
#home4 .home-col2 {	
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}
#home4 p.title {
	padding: 0 0 10px 0;
	color: #041c2c;
	font-size: 16px;
	line-height: 24px;
	}
#home4 p.date {
	padding: 0 0 13px 0;
	font-weight: 700;
	color: #041c2c;
	font-size: 12px;
	line-height: 14px;
	}	
#home5 .content-full {
	padding: 20px 0 20px 0 !important;
	margin: 0 auto;
	text-align: center;
	font-family: 'Montserrat';
	font-weight: 700;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
	}


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

.content {
	padding: 40px 14% 5px 14%;
	margin: 0 auto;
	width: 72%;
	max-width: 900px;
	text-align: left;
	}
.content-wide {
	padding: 40px 8% 5px 8%;
	margin: 0 auto;
	width: 84%;
	max-width: 1020px;
	text-align: left;
	}
.content-full {
	padding: 40px 0 5px 0;
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
	text-align: left;
	}

.white-wrap {
	background: #fff;
	}
	.white-wrap h2 {
		padding: 0 0 15px 0;
		font-family: 'Montserrat';
		font-weight: 700;
		font-size: 24px;
		line-height: 24px;
		}
	.core-values {
		margin-bottom: 40px;
		font-family: 'Calluna-Regular';
		font-size: 22px;
		line-height: 32px;
		font-weight: normal;
		}
		.value {
			padding: 0 12% 0px 14%;
			background: url(images/arrow.png) no-repeat left 60px top 8px;
			}
		.core-values p {
			padding: 0 0 30px 0;
			}		
		.core-values h2 {
			display: table;
			padding: 14px 25px 14px 25px;
			margin: 0 auto 40px auto;
			background: #00293c;
			color: #fff;
			font-size: 16px;
			line-height: 16px;
			}
		.core-values h3 {
			padding: 0 7px 0 0;
			float: left;
			font-family: 'Montserrat';
			font-weight: 700;
			font-size: 24px;
			line-height: 32px;
			}
.blue-wrap {
	background: #00a3e2;
	color: #fff;
	}	
	.blue-wrap h2 {
		padding: 0 0 15px 0;
		font-family: 'Montserrat';
		font-weight: 700;
		font-size: 24px;
		line-height: 24px;
		color: #fff;
		}
	.blue-wrap p {
		text-align: center;
		}	
.gray-wrap {
	background: #eaeae9;
	}
.dark-blue-title-wrap {
	background: #00293c;
	}
	.dark-blue-title-wrap .content-wide {
		padding: 25px 8% 5px 8%;
		}
	.dark-blue-title-wrap h2 {
		padding: 0 0 20px 0;
		color: #fff;
		font-family: 'Montserrat';
		font-weight: 700;
		}
.blue-title-wrap {
	background: #00a3e1;
	}
	.blue-title-wrap .content-wide {
		padding: 25px 8% 5px 8%;
		}
	.blue-title-wrap h2 {
		padding: 0 0 20px 0;
		color: #fff;
		font-family: 'Montserrat';
		font-weight: 700;
		}
.photo-wrap {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height: auto;
	}
	.photo-wrap h1 {
		padding: 135px 0 0 0;
		text-align: center;
		}
.mobile-sector {
	display: none;
	}		
.desktop-sector {
	display: inherit;
	}		
.sectors {
	width: 19.5%;
	float: left; 
	height: 190px;
	text-align: center;
	font-family: 'Montserrat';
	font-weight: 700;
	font-size: 14px;
	line-height: 14px;
	border-right: 1px solid #cccdcd;
	cursor: pointer;
	}
	.sectors {
		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 */
		-o-transition: all 0.4s linear;
		-moz-transition: all 0.4s linear;
		-khtml-transition: all 0.4s linear;
		-webkit-transition: all 0.4s linear;
		-ms-transition: all 0.4s linear;
		transition: all 0.4s linear;
		}
	.sectors: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 */
		color: #CCCDCD;
		-o-transition: all 0.4s linear;
		-moz-transition: all 0.4s linear;
		-khtml-transition: all 0.4s linear;
		-webkit-transition: all 0.4s linear;
		-ms-transition: all 0.4s linear;
		transition: all 0.4s linear;
		}
	a.sectors {
		color: #00293c;
		}
	a.sectors:hover {
		color: #CCCDCD;
		}	
	.row2 {
		margin: 0 0 45px 0;
		border-top: 1px solid #cccdcd;
		}
	.sectors hr {
		clear: both;
		margin: 0 !important;
		padding: 0 !important;
		}
	.sectors .sector-icon {
		height: 90px;
		padding: 0 0 23px 0;
		}
	.last-sector {
		border-right: none;
		}
	.sector-center-outer {
		height: 190px;
		}
	.sector-center-inner {
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		}
		
		
/* -------------------------------------------------------------------------------------------------------------- */
/* css for popup content ---------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.content-popup {
	padding: 35px 14% 15px 14%;
	margin: 0 auto;
	width: 72%;
	max-width: 860px;
	text-align: left;
	}
	.content-popup .content-container {
		padding: 0;
		width: 100%;
		}
		.content-popup .content-container h2 {
			padding: 0 0 40px 0;
			font-family: 'Montserrat';
			font-weight: 700;
			font-size: 24px;
			line-height: 24px;
			text-align: center;
			text-transform: uppercase;
			}
		.content-popup .content-container h3 {
			padding: 0 0 5px 0;
			color: #041c2c;
			font-family: 'Montserrat';
			font-weight: 700;
			font-size: 16px;
			line-height: 16px;
			}
	.close {
		margin: 0 auto 40px auto;
		width: 43px;
		height: 43px;
		background: url(images/close.png) no-repeat;
		text-align: center;
		-o-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-khtml-transition: all 0.2s linear;
		-webkit-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		transition: all 0.2s linear;
		cursor: pointer;
		}
		.close-bottom {
			padding-bottom: 50px;
			}
		.close:hover {
			background: url(images/close-roll.png) no-repeat;
			-o-transition: all 0.2s linear;
			-moz-transition: all 0.2s linear;
			-khtml-transition: all 0.2s linear;
			-webkit-transition: all 0.2s linear;
			-ms-transition: all 0.2s linear;
			transition: all 0.2s linear;
			}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for contact page ----------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.contact-wide {
	padding: 50px 10% 160px 10%;
	margin: 0 auto -20px auto;
	width: 80%;
	max-width: 1020px;
	text-align: left;
	}
	.contact-wide .content-container {
		padding: 0;
		width: 100%;
		}
	.contact-wide h2 {
		padding: 0 0 5px 0;
		text-align: left;
		}
	.contact-wide h3 {
		padding: 0 0 0 0;
		}
	.contact-wide hr {
		margin: 30px 0 60px 0;
		}
	.contact-wide p {
		padding: 0 0 14px 0;
		}
	.contact-col1 {
		padding: 7px 0 0 7.8%;
		width: 7.8%;
		float: left;
		}
		.contact-col1 img {
			width: 100%;
			height: auto;
			max-width: 26px;
			}
	.contact-col2 {
		padding: 0 6% 0 0;
		width: 25%;
		float: left;
		}
		.contact-col2 h2 {
			font-family: 'Montserrat';
			font-weight: 700;
			font-size: 24px;
			line-height: 24px;
			color: #041C2C;
			}
		.contact-col2 h3 {
			font-family: 'Montserrat';
			font-weight: 700;
			font-size: 16px;
			line-height: 16px;
			color: #041C2C;
			}
	.contact-col3 {
		padding: 0 7.8% 30px 0;
		width: 45.6%;
		float: left;
		}
		.contact-col3 img {
			width: 100%;
			height: auto;
			max-width: 462px;
			}
		.contact-col3 iframe {
			border: 1px solid #ddddde;
			}
			
				
/* -------------------------------------------------------------------------------------------------------------- */
/* css for login page ------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.login-container {
	padding: 22px 33px 20px 33px;
	margin: 0 0 10px 0;
	background: #edeeee;
	}
	.login-container h4 {
		padding: 0 0 20px 0 !important;
		font-family: 'Open Sans', sans-serif;
		font-weight: 600;
		font-size: 28px !important;
		line-height: 32px !important;
		color: #041C2C;
		}
	#limited-partner-access p {
		font-size: 14px;
		line-height: 26px;
		}
	.login-name {
		margin: 12px 0 20px 0;
		width: 111px;
		float: left;
		font-family: 'Montserrat';
		font-weight: 700;
		font-size: 14px;
		line-height: 14px;
		color: #041c2c;	
		text-transform: uppercase;
		}
		.login-box input {
			border: 0;
			margin: 0;
			padding: 0 0 0 5px;
			background: #fff;
			width: 333px;
			height: 36px;
			font-family: 'Open Sans', sans-serif;
			font-weight: 600;
			font-size: 13px;
			color: #53565a;
			}
	.login-box {
		margin: 0 0 20px 0;
		width: 300px;
		float: left;
		}
	.login-submit {
		width: 300px;
		float: left;
		}
		.login-submit span {
			display: inline-block;
			padding: 0 0 0 20px;
			font-family: 'Montserrat';
			font-size: 14px;
			line-height: 14px;
			text-transform: uppercase;
			font-weight: 400;
			cursor: pointer;
			}
		.login-submit input {
			padding: 10px 20px 10px 20px;
			margin: 0;
			background: #00a3e1;
			border: 0;
			font-family: 'Montserrat';
			color: #1995ca;
			font-weight: 700;
			font-size: 14px;
			line-height: 14px;
			color: #fff;
			text-transform: uppercase;
			}
		.login-submit input:hover {
			background: #00293c url(images/arrow-submit.png) no-repeat right center;
			-o-transition: all 0.2s linear;
			-moz-transition: all 0.2s linear;
			-khtml-transition: all 0.2s linear;
			-webkit-transition: all 0.2s linear;
			-ms-transition: all 0.2s linear;
			transition: all 0.2s linear;
			cursor: pointer;
			}
.forgot-pwd {
	display: none;
	}			
.list {
	padding: 34px 8% 34px 8%;
	width: 84%;
	}
	.list h2 {
		padding: 0;
		margin: 0;
		font-size: 28px;
		line-height: 32px;
		font-weight: 600;
		text-transform: none;
		text-align: left !important;
		}
	.list ul {
		list-style: none;
		padding: 0;
		}		
	.list li {
		padding: 0 30px 0 0;
		float: left;
		}		
		.list li a {
			color: #041c2c;
			font-family: 'Montserrat';
			font-weight: 700;
			font-size: 16px;
			line-height: 16px;
			}
.company-list {
	padding: 34px 8% 34px 8%;
	width: 84%;
	margin-top: 14px;
	margin-bottom: 57px;
	}
	.company-list h6 {
		padding: 0 0 19px 0;
		}
	.company-list ul {
		padding: 0;
		margin: 0;
		list-style: none;
		}
	.company-list ul li {
		padding: 0 2% 16px 0;
		float: left;
		width: 23%;
		font-size: 14px;
		line-height: 18px;
		color: #1195ca;
		font-weight: 600;
		}
	.company-list hr {
		margin: 18px 0 37px 0;
		}	
		.a-to-z hr {
			margin: 10px 0 0 0 !important;
			}
a.company-link {
	display: inline-block;
	margin: 30px 0 19px 0;
	padding-right: 25px;
	font-family: 'Montserrat';
	font-weight: 700;
	font-size: 14px;
	line-height: 16px;
	color: #041c2c !important;	
	text-transform: uppercase;
	background: url(images/company-link-arrow.png) no-repeat right center;
	}
	a.company-link:hover {
		color: #1995ca !important;	
		background: url(images/company-link-arrow-on.png) no-repeat right center;
		}		
		
/* -------------------------------------------------------------------------------------------------------------- */
/* css for company filtering ------------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------------------------- */
			
#filter {
	margin: 0 0 40px 0;
	padding: 30px 0 20px 0;
	background: #eaeae9;
	font-family: 'Montserrat';
	font-weight: 700;
	text-transform: uppercase;
	}
	#filter .view {
		float: left;
		font-size: 14px;
		line-height: 14px;
		}
		#filter #view1 {
			padding: 0 6.25% 0 7.5%;
			width: 13.75%;
			}
		#filter #view2 {
			padding: 0 6.25% 0 0;
			width: 13.75%;
			}
		#filter #view3 {
			padding: 0px 2px 0px 0px;
			width: 70%;
			}
			#filter #view3 ul li {
				padding: 0 2% 10px 0;
				display: inline-block;
				width: 31%;
				}
	#filter .view h2 {
		margin: 0 0 13px 0;
		padding: 0 0 13px 0;
		border-bottom: 1px solid #cccdcd;
		font-size: 14px;
		line-height: 14px;
		text-align: left;
		}	
	#filter ul {
		list-style: none;
		padding: 0;
		}
	#filter li {
		display: table;
		cursor: pointer;
		}
		#filter li.active {
			color: #1995ca !important;
			}
		#filter .team-filter li.active {
			color: #1995ca;
			border-bottom: 4px solid #1995ca;
			}
	#results {
		min-height: 400px;
		margin: 0 auto 40px 0;
		text-align: left;
		width: 100%;
		}		
		#results .item {
			display: inline-block;
			margin: 0 -2px 0 -2px;
			width: 238px;
			height: 151px;
			cursor: pointer;
			border: 1px solid #fff;
			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 */
			-o-transition: all 0.4s linear;
			-moz-transition: all 0.4s linear;
			-khtml-transition: all 0.4s linear;
			-webkit-transition: all 0.4s linear;
			-ms-transition: all 0.4s linear;
			transition: all 0.4s linear;
			}
			#results .item:hover {
				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 */
				border: 1px solid #00a3e1;
				-o-transition: all 0.2s linear;
				-moz-transition: all 0.2s linear;
				-khtml-transition: all 0.2s linear;
				-webkit-transition: all 0.2s linear;
				-ms-transition: all 0.2s linear;
				transition: all 0.2s linear;
				}
	#results .popup-content-box .text a:hover {
		opacity: .6;
		}

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

.people-filter {
	margin: 0 0 30px 0;
	}
#filter .team-filter {
	padding: 17px 0 17px 0;
	width: 100%;
	float: left;
	font-size: 16px;
	line-height: 16px;
	}
	#filter .team-filter ul {
		display: table;
   		margin: 0 auto;
		}
	#filter .team-filter ul li {
		margin: 0 12px 0 12px;
		display: inline-block;
		}
	.people {
		display: none;
		}
	#results-all .item-team,
	.people .item-team {
		float: left;
		margin: 0;
		width: 240px;
		height: 360px;
		cursor: pointer;
		}
		#results-all .item-team .people-photo,
		.people .item-team .people-photo {
			max-width: 232px; 
			overflow: hidden;
			}
		#results-all .item-team img,
		.people .item-team img {
			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(0); /* Webkit Nightlies & Chrome Canary */
			-o-transition: all 0.4s linear;
			-moz-transition: all 0.4s linear;
			-khtml-transition: all 0.4s linear;
			-webkit-transition: all 0.4s linear;
			-ms-transition: all 0.4s linear;
			transition: all 0.4s linear;
			opacity: 1;
			}				
		#results-all .item-team img:hover,
		.people .item-team img:hover {
			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 */
			-o-transition: all 0.2s linear;
			-moz-transition: all 0.2s linear;
			-khtml-transition: all 0.2s linear;
			-webkit-transition: all 0.2s linear;
			-ms-transition: all 0.2s linear;
			transition: all 0.2s linear;
			opacity: .7;
			}
		#results-all .item-team img,
		.people .item-team img,
		#results .item img {
			width: 100%;
			height: auto;
			}
	#results-all .item-team h2,
	.people .item-team h2 {
		padding: 10px 0 0 0;
		font-size: 16px;
		line-height: 22px;
		text-align: left;
		font-weight: 600;
		text-transform: inherit;
		}
	#results-all .item-team h3,
	.people .item-team h3 {
		padding: 0 50px 0 0;
		font-size: 11px;
		line-height: 14px;
		color: #1995ca;
		text-transform: uppercase;
		}
	.phone {
		color: #041c2c;
		cursor: text;
		}
	
/* -------------------------------------------------------------------------------------------------------------- */
/* css for news filtering --------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.news-container {
	margin: 0 0 0 8%;
	}
	.news-container h2 {
		margin-bottom: 0 !important;
		padding-bottom: 16px !important;
		}
	.news-container p {
		margin-bottom: 0 !important;
		padding-bottom: 16px !important;
		}
	.news-container ul {
		padding: 2px 0 16px 15px;
		margin: -16px 0 0 0;
		}	
	.news-container ul li {
		padding: 0 0 1px 0px;
		margin: 0;
		}	
.news-filter {
	margin-bottom: 0 !important;
	padding: 25px 0 25px 0 !important;
	background: #fff !important;
	color: #cfd1d1;
	}
#filter .news {
	padding: 0 0 0 0;
	width: 100%;
	float: left;
	font-size: 14px;
	line-height: 14px;
	}
	#filter .news ul {
		display: table;
   		 margin: 0 auto;
   		 color: #041c2c;
		}
	#filter .news ul li {
		padding: 12px 12px 12px 0;
		display: inline-block;
		}
		#filter .news ul li span {
			padding: 0 0 0 12px;
			color: #CFD1D1;
			}
	#filter .news .dropdown {
		position: relative;
		background-color: #fff;
		background-image: url(images/arrow-down.png);
		background-repeat: no-repeat;
		background-position: right 15px center;
		padding-left: 12px;
		margin-left: 1px;
		float: right;
		display: block;
		width: 141px;
		border: 1px solid #ddddde;
		}
	#filter .news .dropdown-on {
		background-image: url(images/arrow-down-on.png);
		color: #00a3e1;
		}
		
	#filter .news li.dropdown ul {
		display: none;
		position: absolute;
		padding: 7px 0 7px 0;
		background: #fff;
		top: 39px;
		left: -1px;
		border-bottom: 1px solid #ddddde;
		border-right: 1px solid #ddddde;
		border-left: 1px solid #ddddde;
		z-index: 999;
		}
	#filter .news li.dropdown ul li {
		margin: 0;
		padding: 5px 12px 5px 12px;
		display: block;
		width: 141px;
		clear: both;
		float: right;
		color: #041c2c;
		}	
.news-results {
	margin-bottom: 100px;
	min-height: 500px;
	}
	#home4 .news-results {
		min-height: 1px;
		}		
	.news-results  h2 {
		padding: 0 15% 25px 8%;
	 	font-size: 22px;
	 	line-height: 32px;
	 	color: #1995ca;
	 	text-transform: inherit;
	 	text-align: left;
		}	
	.news-results h3 {
		padding: 0 8% 10px 8%;
		margin: -2px 0 0 0;
		text-transform: inherit;
		font-family: 'Open Sans', sans-serif;
		font-size: 14px;
		line-height: 16px;
		font-weight: 700;
		}	
	.item-news hr {
		border-top: 1px solid #ddddde;
		}
.navigation {
	margin: 15px auto 0 auto;
	text-align: center;
	color: #cccdcd;
	}
	.navigation a {
		margin: 0 0 60px 0;
		border: 0;
		font-family: 'Montserrat';
		font-weight: 700;
		font-size: 14px;
		line-height: 14px;
		text-transform: uppercase;
		}
		.prev a {
			color: #041c2c;
			}
		.next a {
			color: #041c2c;
			}
		.prev a:hover {
			color: #cccdcd;
			}
		.next a:hover {
			color: #cccdcd;
			}
	a[rel="next"],
	.next {
		display: inline-block;
		}
	a[rel="prev"],
	.prev {
		display: inline-block;
		}
	.news-results .team-full .text,
	.news-results .popup-full .text {
		max-width: 860px;
		}
	.news-results .team-full h2,
	.news-results .popup-full h2 {
		padding: 0 0 25px 0;
		color: #041c2c;
		}				
	.news-results .team-full h3,
	.news-results .popup-full h3 {
		padding: 0 0 8px 0;
		margin: 0;
		font-family: 'Montserrat';
		font-weight: 700;
		color: #041c2c;
		font-size: 16px;
		line-height: 16px;
		text-transform: uppercase;
		}				
	.news-date {
		padding: 0 0 10px 0;
		margin: -2px 0 0 0;
		text-transform: inherit;
		font-family: 'Open Sans', sans-serif;
		font-size: 14px;
		line-height: 16px;
		font-weight: 700 !important;
		}	

		
/* -------------------------------------------------------------------------------------------------------------- */
/* css for popup results  --------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
	
	.popup-full {
		display: none;
		margin: 0 auto;
		background-color: #fff;
		position: absolute;
		width: 100%;
		top: 101px;
		bottom: 0; 
		left: 0;
		z-index: 99998;
		}
	.team-full {
		display: inherit;
		margin: 50px auto 50px auto;
		background-color: #fff;
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
		z-index: 1;
		}
		.popup-full-scroll {
			/*overflow-y: scroll;*/
			margin: 0 0 0 -5%;
			background-color: #fff;
			}
		.popup-full .close {
			margin: 40px auto 40px auto;
			}
		.popup-full .header-close {
			margin: 40px auto 0px auto;
			}	
		.mobile-close {
			margin: 22px auto 22px auto;
			}	
		.popup-full .footer-close {
			margin: 40px auto 0px auto;
			}	
		.popup-full .text {
			margin: 0 auto;
			padding: 0 0 0px 0;
			width: 100%;
			max-width: 1020px;
			}
			.popup-full .bio-photo {
				width: 23.5%;
				padding: 0 5.8% 0 8%;
				max-width: 240px;
				float: left;
				}
				.popup-full .bio-photo img {
					width: 100%;
					height: auto;
					}
			.popup-full .bio-info {
				margin-top: 135px; 
				padding: 0 8% 0 0;
				width: 54.7%;
				float: left;
				}
				.popup-full .bio-info a span {
					color: #cccdcd !important;
					}
				.popup-full h2 {
					padding: 0 0 8px 0;
					font-size: 28px;
					line-height: 32px;
					text-align: left;
					text-transform: inherit
					}
				.popup-full h3 {
					padding: 0 0 25px 0;
					font-weight: 700;
					font-size: 14px;
					line-height: 14px;
					color: #1995ca;	
					text-transform: uppercase;
					}
				.popup-full h4 {
					padding: 0 0 8px 0;
					font-size: 16px;
					line-height: 16px;
					}
				.popup-full .bio-info hr {
					margin: 0 0 20px 0;
					height: 4px;
					border-top: 4px solid #00a3e1;
					}	
					.popup-full .contact-info {
						padding: 0 0 40px 0;
						color: #cccdcd;
					}	
			.popup-full .bio {
				margin: 0 0 2px 0;
				padding: 0 8% 0 8%;
				width: 84%;
				}
			.popup-full .education {
				padding: 0px 8% 40px 8%;
				width: 80%;
				}
				.popup-full .education p {
					padding: 0;
					}
			.popup-full .location {
				padding: 0px 8% 40px 8%;
				width: 80%;
				}
				.popup-full .location p {
					padding: 0;
					}
			.popup-full .assistant {
				padding: 0px 8% 38px 8%;
				width: 80%;
				}
				.popup-full .assistant p {
					padding: 0;
					}
				.team-linkedin {
					display: inline-block;
					vertical-align: middle;
					width: 29px;
					height: 29px;
					background: url(images/team-linkedin.png) no-repeat center center;
					}
				.team-linkedin:hover {
					background: url(images/team-linkedin-roll.png) no-repeat center center;
					}
			.popup-full .investments {
				padding: 15px 8% 0 8%;
				width: 84%;
				font-size: 14px;
				line-height: 22px;
				}	
			.popup-full .investments a {
				font-size: 16px;
				}
				.popup-full .investments ul {
					margin: 0 0 50px 0;
					padding: 0;
					list-style: none;
					}	
				.popup-full .investments ul li {
					padding: 0 8% 13px 0;
					float: left;
					width: 25.3%;
					line-height: 24px;
					}	
				.popup-full .investments ul li a {
					font-weight: 600;
					}
			.popup-full .investments h4 {
				margin-bottom: 8px;
				}
			.popup-full .prior h4 {
				margin-top: 20px;
				margin-bottom: 8px;
				}


	.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: 0 35px 0 35px;
		margin-top: -225px;
		margin-left: -240px;
		width: 410px;
		min-height: 450px;
		z-index: 99999;
		background-color: #00a3e1;
		cursor: default;
		text-align: left;
		color: #fff;
		font-weight: 600;
		}
		.popup-content-box .status {
			margin: -3px 0 20px 0;
			}
		.popup-content-box .close {
			margin: 25px auto 30px auto;
			background: url(images/close-popup-roll.png) no-repeat;
			}
			.popup-content-box .close:hover {
				background: url(images/close-popup.png) no-repeat;
				}
		.popup-content-box h2 {
			padding: 0 0 12px 0;
			font-size: 28px;
			line-height: 32px;
			font-weight: 600;
			color: #fff;
			text-align: left;
			text-transform: inherit;
			}
		.jmi-team span {
			font-family: 'Montserrat';
			font-weight: 600;
			font-size: 16px;
			line-height: 22px;
			color: #fff;
			text-transform: uppercase;
			}
		.popup-content-box h3 {
			padding: 10px 0 10px 0;
			font-size: 14px;
			line-height: 14px;
			font-weight: 400;
			color: #fff;
			font-weight: 600;
			}
		.popup-content-box p {
			padding: 0 0 20px 0;
			}
			.popup-content-box p.jmi-team {
				line-height: 20px;
				}
		.popup-content-box a {
			color: #fff;
			}
			
/* -------------------------------------------------------------------------------------------------------------- */
/* css for values ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

#growth3,
#growth2 {
	display: none;
	}
.growth-section {
	margin: 50px auto 48px auto;
	min-height: 390px;
	padding: 0;
	}
#growth2 {
	margin-top: -18px;
	text-align: center;
	}	
#growth2 p {
	padding: 0 0 6px 0;
	}	
#growth2 hr {
	margin: 10px 0 15px 0;
	}		
.growth-nav {
	padding: 20px 1% 0 1%;
	border-left: 1px solid #cccdcd;
	border-bottom: 8px solid #fff;
	height: 35px;
	cursor: pointer;
	float: left;
	font-family: 'Montserrat';
	font-weight: 700;
	font-size: 17px;
	line-height: 18px;
	text-align: center;
	text-transform: uppercase;
	color: #041c2c;
	}
	#growth-nav1 {
		width: 28%;
		}
	#growth-nav2 {
		width: 36%;
		}
	#growth-nav3 {
		width: 29%;
		}
	.growth-section hr {
		margin-bottom: 40px;
		width: 99.5%;
		}
	.growth-last {
		width: 31%;
		border-right: 1px solid #cccdcd;
		}
	.growth-nav-on {
		color: #00a3e1;
		border-bottom: 8px solid #00a3e1;
		}		
	.ai-col1 {
		padding: 15px 4% 0 0;
		width: 28%;
		float: left;
		text-align: center;
		}				
	.ai-col2 {
		padding: 0 2% 0 3.5%;
		width: 62.5%;
		float: left;
		}	
	.oex-nav {
		padding: 15px;
		border-top: 1px solid #00a3e1;
		border-left: 1px solid #00a3e1;
		border-right: 1px solid #00a3e1;
		background: #fff url(images/oex-arrow.png) no-repeat right center;
		cursor: pointer;
		font-family: 'Montserrat';
		font-weight: 700;
		font-size: 16px;
		line-height: 16px;
		text-align: left;
		text-transform: uppercase;
		color: #00a3e1;
		}	
	.oex-nav:hover,					
	.oex-nav-on {
		background: #00a3e1 url(images/oex-arrow-on.png) no-repeat right center;
		color: #fff;
		}
	.oex-last {
		border-bottom: 1px solid #00a3e1;
		}
	.oex {
		display: none;
		}		
		#oex1 {
			display: inherit;
			}
	.oex-col1 {
		padding: 13px 5% 0 5%;
		float: left;
		width: 40%;
		text-align: left;
		}	
	.oex-col2 {
		padding: 13px 0 0 5%;
		float: left;
		width: 45%;
		text-align: left;
		}		
		.oex-col1 p,
		.oex-col2 p	{
			padding: 0 0 10px 0 !important;
			font-size: 16px;
			line-height: 20px;
			font-weight: 600;
			color: #041c2c;
			}
.events {
	padding: 0 0 0 0 !important;
	}
.event {
	display: none;
	background: #fff;
	}
	.event ul {
		padding: 20px 0 15px 70px;
		}
	.event ul li {
		padding: 0 0 10px 0;
		line-height: 22px;
		}
	.event-date {
		padding: 18px 60px 18px 64px;
		border-bottom: 1px solid #cccdcd;
		cursor: pointer;
		background-image: url(images/event-arrow-down.png);
		background-repeat: no-repeat;
		background-position: left 22px center;
		}
	.event-date-on {
		background-color: #fff;
		background-image: url(images/event-arrow-up.png);
		}
	.event-footnote {
		padding: 20px 0 11px 60px;
		}




#quote-carousel {
	padding: 0 5% 0 5%;
	width: 90%;
	margin: 40px auto 0px auto;
	text-align: center;
	min-height: 240px;
	overflow: hidden;
	}
#quote-carousel hr {
	margin: 15px auto 25px auto;
	width: 80%;
	}
	#quote-carousel h2 {
		font-family: 'Calluna-Regular' !important;
		font-weight: normal;
		text-transform: inherit;
		font-size: 22px;
		line-height: 32px;
		}	
	#quote-carousel h3 {
		font-family: 'Open Sans', sans-serif;
		font-weight: 600;
		text-transform: inherit;
		font-size: 22px;
		line-height: 32px;
		}	
	#quote-carousel h4 {
		font-family: 'Montserrat';
		font-weight: 700;
		font-size: 12px;
		line-height: 12px;
		color: #1995ca;
		text-transform: uppercase;
		}	
	#quote-carousel .item {
		padding: 0 5% 0 5%;
		width: 90%;
		margin: 0 auto;
		text-align: center;
		}	
	#quote-carousel .carousel-control {
		background: none;
		text-shadow: none;
		margin-top: 5%;
		}
	#quote-carousel .carousel-control.left {
		left: -5%;
		opacity: 1 !important;
		}
	#quote-carousel .carousel-control.right {
		right: -5% !important;
		opacity: 1 !important;
		}
	#quote-carousel .carousel-control.left:hover {
		opacity: .7 !important;
		}
	#quote-carousel .carousel-control.right:hover {
		opacity: .7 !important;
		}
	#quote-carousel .carousel-indicators {
		right: 50%;
		top: auto;
		bottom: 0px;
		}


@media only screen 
and (min-width : 800px) 
and (max-width : 1200px) {

#quote-carousel {
	min-height: 304px;
	}

}


@media (max-width: 800px) {


#quote-carousel {
	padding: 0 8% 0 8%;
	width: 84%;
	margin: 40px auto 0px auto;
	min-height: 327px;
	}
	#quote-carousel .item {
		padding: 0 5% 0 5%;
		width: 90%;
		}	
	#quote-carousel .carousel-control {
		margin-top: 24%;
		}
	#quote-carousel h2 {
		font-size: 16px;
		line-height: 24px;
		}	
	#quote-carousel h3 {
		font-size: 18px;
		line-height: 28px;
		}	
	#quote-carousel h4 {
		font-size: 10px;
		line-height: 12px;
		}	
	#quote-carousel .carousel-control.left {
		left: -2%;
		display: none;
		}
	#quote-carousel .carousel-control.right {
		right: -2% !important;
		display: none;
		}

}




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

#footer {
	position: relative;
	margin: 0 0 0 0;
	width: 100%; 
	height: 309px;
	background: #00293c;
	color: #9ba4ab;
	font-size: 10px;
	line-height: 12px;
	}
	#footer-logo {
		text-align: center;
		padding: 53px 0 43px 0;
		margin: 0 auto;
		}
	.col1 {
		width: 50%;
		border-top: 1px solid #1f4354;
		border-bottom: 1px solid #1f4354;
		float: left; 
		}
		.col1 ul li:hover {
			background: #00a3e1;
			-o-transition: all 0.2s linear;
			-moz-transition: all 0.2s linear;
			-khtml-transition: all 0.2s linear;
			-webkit-transition: all 0.2s linear;
			-ms-transition: all 0.2s linear;
			transition: all 0.2s linear;
			}
	.col2 {
		width: 50%;
		border-top: 1px solid #1f4354;
		border-bottom: 1px solid #1f4354;
		float: right;
		text-align: right;
		}
	#footer ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}
		#footer .col2 ul {
			float: right;
			}
	#footer ul li {
		padding: 0;
		margin: 0;
		float: left;
		-o-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-khtml-transition: all 0.2s linear;
		-webkit-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		transition: all 0.2s linear;
		}	
	#footer ul li a {
		display: block;
		padding: 28px 25px 28px 25px;
		font-size: 14px;
		line-height: 14px;
		font-weight: 400;
		text-transform: uppercase;
		color: #9ba4ab;	
		}
		#footer .col1 a {
			border-left: 1px solid #1f4354; 
			}
		#footer .col1 .end a {
			border-right: 1px solid #1f4354;
			}
		#footer .col2 a {
			padding: 28px 15px 28px 15px;
			}
	#footer ul li a:hover {
		color: #fff;
		text-decoration: none;
		}	
		#footer ul li.linkedin a {
			padding: 42px 25px 28px 25px;
			margin-left: 10px;
			border-right: 1px solid #1f4354;
			background: url(images/linkedin.png) no-repeat center left;
			}
		#footer ul li.linkedin a:hover {
			background: url(images/linkedin-roll.png) no-repeat center left;
			}
#copyright {
	position: relative;
	padding: 18px 0 0 0;
	font-family: 'Montserrat';
	font-weight: 400;
	font-size: 14px;
	line-height: 14px;
	text-align: left;
	text-transform: uppercase;
	opacity: .65;
	color: #888b8d;
	}	


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

.clear {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	}
.alignright {
	margin: 0 0 10px 30px;
	float: right;
	}
.alignleft {
	margin: 0 0px 0px 0;
	float: left;
	}
	.alignnone {
		margin: 0;
		}
	.last {
		margin: 0;
		}
	.lastpic {
		float: left;
		margin: 0;
		}
	.wp-caption {
		float: left;
		width: 380px !important;
		margin-right: 10px;
		}	
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}





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

#header {
	padding: 0 3% 0 3%;
	width: 94%;
	}
.content-container {
	padding: 0 3% 0 3%;
	width: 94%;
	}
.people,
#results-all,
#results {
	text-align: center;
	}	
.news-results h3,	
.news-results,	
.popup-full {
	text-align: left;
	}		
.people-text h3 {
	text-align: left !important;
	}

			.people h6 {
				text-align: left !important;
				}
			
}



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

h1 {
	padding: 0;
	font-size: 38px;
	line-height: 38px;
	}

.mobile-hide {
	display: none;
	}
#mobile-navbar {
	display: inherit;
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 90px;
	background: #fff url(images/mobile-nav.png) no-repeat 94% 36px;
	cursor: pointer;
	}	
	#mobile-navbar:hover {
		background: #fff url(images/mobile-nav-roll.png) no-repeat 94% 36px;
		}
	#mobilenav {
		position: fixed;
		padding: 0;
		top: 101px;
		left: 0;
		width: 100%;
		height: auto;
		z-index: 9999999 !important;
		background: #fff;
		text-align: center;
		}
		#mobilenav ul {
			display: block;
			padding: 0 0 25px 0;
			margin: 0;
			list-style: none;
			}
		#mobilenav ul li {
			padding: 0;
			margin: 0;
			list-style: none;
			background: none;
			}
		#mobilenav ul li a {
			display: block;
			margin: 0;
			padding: 0px 20px 8px 20px;
			font-family: 'Montserrat';
			font-weight: 700;
			font-size: 21px;
			line-height: 21px;
			color: #00293c;
			text-transform: uppercase;
			text-decoration: none;
			}
			#mobilenav ul li a.last {
				border-bottom: 5px solid #c76528;
				}
		#mobilenav ul li a:hover {
			color: #1995ca;
			text-decoration: none;
			}

#header {
	padding: 0 3% 0 3%;
	width: 94%;
	}
#mainnav {
	display: none;
	}
.content-container {
	width: 94%;
	padding: 0 3% 0 3%;
	}
			#search .text-field-search {
				width: 200px;
				font-size: 18px;
				line-height: 22px;
				}


/* css for content ----------------------------------------------------------------------------------------------- */
.blue-wide {
	padding: 0 15% 0 15%;
	width: 70%;
	height: 300px;
	}
.blue-wide p {
	display: none;
	}
.vert-center-outer {
	height: 300px;
	}


/* css for home ------------------------------------------------------------------------------------------------- */

#intro {
	margin-top: 100px;
	height: 360px !important;
	}
.mightyslider_modern_skin .mSPages {
	bottom: 20px !important;
	}
.home-arrow {
	display: none;
	}	
.slide .first {
	width: 100% !important;
	font-size: 46px !important;
	line-height: 46px !important;	
	}
.slide .subtext {
	display: none !important;
	}
#intro .mobile {
	display: inherit;
	text-align: center;
	}
#intro .desktop {
	display: none;
	}

#home1 .content-container {
	padding: 35px 0 15px 0 !important;
	}	
#home1 h2 {
	font-size: 20px;
	line-height: 20px;
	}
	#home1 h2 span {
		display: table;
		margin: 0 auto 10px auto;
		}
#home2  {
	display: none;
	}
#home2 .home-col2,
#home2 .home-col {
	padding: 55px 6% 30px 6%;
	width: 88%;
	float: none;
	}
	#home3 .photo-content {
		top: 35%;
		}
	
.photo-desktop {
	display: none;
	}
.photo-mobile {
	display: inherit;
	}
#home4 .content-full {
	margin: 0 !important;
	padding: 10px 0 0px 0 !important;
	}
#home4 .home-col {
	display: block;
	padding: 25px 20% 20px 20%;
	width: 60%;
	float: none;
	clear: both;
	}
#home4 p.title {
	padding: 0 0 10px 0;
	line-height: 20px;
	}
#home4 p.date {
	padding: 0 0 13px 0;
	}	
#home4 .home-col2 {	
	border-left: none;
	border-right: none;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}




.content {
	padding: 40px 8% 5px 8%;
	width: 84%;
	}
.content-wide {
	padding: 40px 8% 5px 8%;
	width: 84%;
	}


/* css for login page ------------------------------------------------------------------------------------------- */
.login-container hr {
	margin: 0 0 25px 0;
	}
.login-name {
	margin: 8px 0 5px 0;
	width: 100%;
	float: none;
	}
	.login-box input {
		border: 0;
		margin: 0;
		padding: 0 0 0 5px;
		background: #fff;
		width: 222px;
		height: 30px;
		}
		.login-submit span {
			display: block;
			padding: 0px;
			}
.login-box {
	margin: 0 0 10px 0;
	width: 100%;
	float: none;
	}
.login-submit {
	margin-bottom: 15px;
	width: 100%;
	float: none;
	}
	.login-submit input {
		margin-bottom: 15px;
		}


/* css for filter ----------------------------------------------------------------------------------------------- */
#filter {
	margin: 0 0 20px 0;
	padding: 25px 0 10px 0;
	}
	#filter .team-filter {
		margin: 0;
		padding: 12px 0 0 0;
		float: none;
		text-align: center;
		}
	#filter .view {
		float: none;
		margin: 0 auto;
		text-align: center;
		}
		#filter #view1 {
			padding: 0;
			width: 100%;
			}
			#filter #view1 h2 {
				display: none;
				}
		#filter #view2 {
			padding: 0;
			width: 100%;
			}
		#filter #view3 {
			padding: 0;
			width: 100%;
			}
			#filter #view3 ul li {
				display: inherit;
				padding: 0 0 12px 0;
				width: 100%;
				}
	#filter .view .btn-all {
		padding: 5px 0 20px 0;
		font-size: 16px;
		line-height: 16px;
		}
	#filter .view h2 {
		font-size: 16px;
		line-height: 16px;
		text-align: center;
		}	
	#filter #view3 h2,
	#filter #view2 h2 {
		margin: 13px 0 13px 0;
		padding: 13px 0 13px 0 !important;
		border-top: 1px solid #cccdcd;
		}	
	#filter li {
		padding: 0 0 17px 0;
		display: inherit;
		}
		#filter .team-filter ul li {
			margin: 0;
			display: block;
			}
		#filter .team-filter li.active {
			border-bottom: none;
			}
		#results .item {
			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 */
			border: none;
			}
			#results .item:hover {
				border: none;
				}



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

#results-all,
.people,
#results {
	text-align: center;
	}
.popup-full {
	text-align: left;
	top: 0px;
	}			
#results .item {
	width: 166px;
	height: 105px;
	}
	.popup-content-box {
		padding: 0 10% 0 10%;
		margin-left: -50%;
		width: 80%;
		}
	.people-filter {
		padding: 15px 0 7px 0 !important;
		margin: 0 0 0 0 !important;
		}
	#results-all {
		margin: 22px 0 22px 0 !important;
		}
	.people {
		margin: 0 0 22px 0 !important;
		}
		#results-all .item-team,
		.people .item-team {
			float: left;
			margin: 0;
			width: 100%;
			height: auto;
			cursor: pointer;
			}
		#results-all .item-team .people-photo,
		.people .item-team .people-photo {
			width: 33%;
			max-width: none; 
			overflow: auto;
			height: auto;
			float: left;
			}
			#results-all .item-team .people-photo img,
			.people .item-team .people-photo img {
				width: 100%;
				height: auto;
				}
		#results-all .item-team .people-text,
		.people .item-team .people-text {
			padding: 30px 0 0 3%;
			width: 64%;
			float: left;
			}
		#results-all h6,
		.people h6 {
			padding: 15px 5% 13px 5%;
			margin: 20px 0 20px -5%;
			text-transform: inherit;
			width: 98%;
			background: #00293c;
			text-transform: uppercase;
			color: #fff;
			text-align: left;
			}
			.people h6.first-title {
				margin: 0 0 20px -5%;
				}
		#results-all .item-team h2,
		.people .item-team h2 {
			padding: 0 0 0 0;
			text-align: left;
			}
		#results-all .item-team h3,
		.people .item-team h3 {
			text-align: left;
			}

			.popup-full .bio-photo {
				padding: 0 8% 0 8%;
				width: 82%;
				max-width: 82%;
				float: none;
				}
			.popup-full .bio-info {
				margin-top: 20px; 
				padding: 0 8% 0 8%;
				width: 82%;
				float: none;
				}
				.popup-full h2 {
					font-size: 28px;
					line-height: 32px;
					}
				.popup-full h3 {
					font-size: 14px;
					line-height: 14px;
					}
				.popup-full .bio-info hr {
					margin: 0 0 28px 0;
					height: 4px;
					border-top: 4px solid #00a3e1;
					}	
				.popup-full .contact-info {
					padding: 0 0 25px 0;
					float: none;
					line-height: 20px;
					}	
			.popup-full .bio {
				padding: 0 8% 0 8%;
				width: 82%;
				float: none;
				}
			.popup-full .education {
				padding: 0 8% 30px 8%;
				width: 82%;
				float: none;
				}
			.popup-full .location {
				padding: 0 8% 30px 8%;
				width: 82%;
				float: none;
				}
			.popup-full .assistant {
				padding: 0 8% 37px 8%;
				width: 82%;
				float: none;
				}
			.popup-full .investments {
				padding: 0 8% 0 8%;
				width: 82%;
				float: none;
				}	
				.popup-full .investments ul li {
					padding: 0 0 13px 0;
					float: none;
					width: 100%;
					}	
	.phone {
		color: #1995ca;
		cursor: pointer;
		}

/* css for news filtering --------------------------------------------------------------------------------------- */

.news-container {
	margin: 0 8% 0 14%;
	}
.news-filter {
	padding-bottom: 5px !important;
	text-align: center;
	}
.news-results h3{
	text-align: left;
	}	
	#filter .news ul li {
		padding: 12px 12px 12px 12px;
		display: block;
		}
	#filter .news .dropdown {
		text-align: left;
		}
	#filter .news .dropdown-on {
		background-image: url(images/arrow-down-on.png);
		color: #00a3e1;
		}
		#filter .news ul li span {
			display: none;
			}

	.news-results .popup-full .text {
		padding: 0 12% 0 12%;
		width: 76%;
		}
	.core-values {
		margin-bottom: 10px;
		}
		.value {
			padding: 0 3% 0px 3%;
			background: none;
			}	
.mobile-sector {
	display: inherit;
	}		
.desktop-sector {
	display: none;
	}		
.sectors {
	display: block;
	width: 100%;
	float: none; 
	border-top: 1px solid #cccdcd;
	border-right: 0;
	}
	.row2 {
		margin: 0 0 0 0;
		}


/* css for contact page ----------------------------------------------------------------------------------------- */

.contact-wide {
	padding: 50px 3% 0px 3%;
	margin: 0 auto;
	width: 94%;
	}
	.contact-wide hr {
		margin: 0 0 30px 0;
		}
	.contact-wide p {
		padding: 0 0 14px 0;
		}
	.contact-col1 {
		display: none;
		}
	.contact-col2 {
		padding: 0;
		width: 100%;
		float: left;
		}
	.contact-col3 {
		padding: 0 0 30px 0;
		width: 100%;
		float: none;
		}
		.contact-col3 iframe {
			width: 100%;
			height: auto;
			}


/* css for values ----------------------------------------------------------------------------------------------- */

.growth-section {
	margin: 50px auto 50px auto;
	min-height: 380px;
	padding: 0;
	}
.growth-nav {
	padding: 23px 0 0 0;
	border-left: 1px solid #cccdcd;
	border-right: 1px solid #cccdcd;
	border-top: 1px solid #cccdcd;
	border-bottom: 0;
	width: 99%;
	height: 32px;
	float: none;
	font-size: 16px;
	line-height: 16px;
	}
	.growth-nav-on {
		color: #00a3e1;
		border-bottom: 0;
		}		
	#growth-nav1 {
		width: 99%;
		}
	#growth-nav2 {
		width: 99%;
		}
	#growth-nav3 {
		width: 99%;
		}
	.growth-section hr {
		width: 99.5%;
		margin-bottom: 10px;
		}
	.growth-last {
		width: 99%;
		border-bottom: 1px solid #cccdcd;
		}
	.ai-col1 {
		padding: 15px 0 20px 0;
		width: 100%;
		float: none;
		}				
	.ai-col2 {
		width: 100%;
		float: none;
		}	
	.oex-nav {
		font-size: 15px;
		line-height: 15px;
		}					
	.oex-col1 {
		padding: 20px 0 0 0;
		float: none;
		width: 100%;
		}	
	.oex-col2 {
		padding: 0px 0 0 0;
		float: none;
		width: 100%;
		}		
	.event ul {
		padding: 20px 30px 15px 60px;
		}
	.event ul li {
		padding: 0 0 10px 0;
		line-height: 22px;
		}
	.event-date {
		padding: 15px 0 15px 50px;
		line-height: 22px;
		background-position: left 15px center;
		}
	.event-footnote {
		padding: 20px 0 40px 50px;
		line-height: 22px;
		}

.slider-wrap {
	max-width: none; 
	}
#slider {
	margin: 40px auto 10px auto;
	}
	#slider ul {
		height: 250px;
		}
	#slider ul li {
		width: 320px;
		height: 250px;
		}
		.slide-container {
			width: 320px;
			}
	#slider h2 {
		font-size: 18px;
		line-height: 24px;
		}	
	#slider h3 {
		font-size: 18px;
		line-height: 26px;
		}	
	#slider h4 {
		font-size: 12px;
		line-height: 12px;
		}	
	.control_prev, .control_next {
		top: 25%;
		}

.company-list {
	}
	.company-list ul li {
		padding: 0 0% 16px 0;
		float: none;
		width:100%;
		}
.a-to-z {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	}
	

		
/* css for footer ----------------------------------------------------------------------------------------------- */
#footer {
	margin: 0 0 0 0;
	padding: 20px 0 0 0;
	height: 230px;
	}
	#footer-logo {
		display: none;
		}
	.col1 {
		width: 100%;
		border-top: 1px solid #1f4354;
		border-bottom: none;
		float: none; 
		}
	.col2 {
		width: 100%;
		height: 40px;
		border-top: 1px solid #1f4354;
		border-bottom: 1px solid #1f4354;
		float: none;
		text-align: right;
		clear: both;
		}
	#footer ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}
	#footer ul li {
		padding: 0;
		margin: 0;
		float: left;
		}	
		#footer .col1 ul li {
			width: 50%;
			}
		#footer .col2 ul {
			float: left;
			width: 100%;
			}
		#footer .col2 ul li {
			width: 30.8%;
			border-left: 1px solid #1f4354;
			}
		#footer ul li.linkedin {
			text-align: center;
			width: 100%;
			margin: 5px 0 0 0;
			border: none;
			}
	#footer ul li a {
		display: block;
		padding: 28px 25px 28px 25px;
		font-size: 11px;
		line-height: 14px;
		font-weight: 400;
		text-transform: uppercase;
		color: #9ba4ab;	
		text-align: center;
		}
		#footer .col1 a {
			border-left: 1px solid #1f4354; 
			}
		#footer .col1 .end a {
			border-right: 1px solid #1f4354;
			}
		#footer .col2 a {
			padding: 13px 15px 13px 15px;
			}
	#footer ul li a:hover {
		color: #fff;
		text-decoration: none;
		}	
		#footer ul li.middle {
			width: 37%;
			}
		#footer ul li.privacy  {
			border-right: 1px solid #1f4354;
			}
		#footer ul li.linkedin {
			width: 100% !important;
			}	
		#footer ul li.linkedin a {
			display: block;
			width: 29px;
			height: 29px;
			margin: 7px auto 0 auto;
			padding-right: 35px;
			border: none;
			background: url(images/linkedin.png) no-repeat center left;
			float: none;
			clear: both;
			padding: 0;
			border: 0;
			}
#copyright {
	padding: 32px 0 0 0;
	text-align: center;
	}	
#mobile-top {
	display: block;
	position: relative;
	padding: 20px 0 20px 0;
	width: 100%;
	height: 20px;
	background: #00a3e1 url(images/back-to-top.png) no-repeat center center;
	text-align: center;
	cursor: pointer;
	}

}



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

		#footer .col2 ul li {
			width: 33.1% !important;
			}
.sectors {
	display: block;
	width: 49%;
	float: left; 
	border-top: 1px solid #cccdcd;
	border-right: 0;
	}

}
