@font-face {
  font-family: 'PruModern-BoldCon';
  src: url('../fonts/prudentialmodern-boldcond-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/prudentialmodern-boldcond-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/prudentialmodern-boldcond-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/prudentialmodern-boldcond-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/prudentialmodern-boldcond-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/prudentialmodern-boldcond-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'PruModern-BoldSemiCon';
  src: url('../fonts/prudentialmodern-boldsemcon-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/prudentialmodern-boldsemcon-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/prudentialmodern-boldsemcon-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/prudentialmodern-boldsemcon-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/prudentialmodern-boldsemcon-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/prudentialmodern-boldsemcon-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'OpenSans-Reg';
  src: url('../fonts/opensans-regular-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/opensans-regular-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/opensans-regular-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/opensans-regular-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/opensans-regular-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'OpenSans-Bold';
  src: url('../fonts/opensans-bold-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/opensans-bold-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/opensans-bold-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/opensans-bold-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/opensans-bold-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

/* HEADINGS*/

h1, h2, h3, h4, h5,
.meet-our-team-wrapper {
	font-weight: 100 !important;
	font-family: PruModern-BoldSemiCon !important;
}

.section-container h2 {
	text-align: center;
	margin-bottom: 30px;
}

/* BASE STYLES */

body {
  min-height: 2000px;
  padding-top: 50px;
  font-family: OpenSans-Reg !important;
  background-color: #F8F7F7;
  
}

* {
   outline: 0;
}

.section-container {
	padding: 70px 0px;
}

/* NAVBAR */

.navbar-default {
	background-color: #fff;
	/*border-color: #001f45;	*/
}

.navbar {
	text-align: center;
}

.navbar-brand {
	padding: 0;
	width: 220px;
}

.navbar-header img {
	width: auto;
	display: inline-block;
	margin: 15px;
}

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>li>a:visited {
	color: #0066CC;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
	text-decoration: underline;
}


.client-logo-img {
	height: 20px;
	width: 66px;
	margin-top: 6px;
}

.pru-logo-img {
	height: 23px;
	width: 79px;
}

.logo-separator {
	display: inline-block;
	height: 15px;
	width: 1px;
	margin: 0 10px;
}

/* JUMBOTRON / BANNER */

.jumbotron-container {
	background: url('../images/contact-center-team-landing-hero-image.jpg') no-repeat center center fixed;
	padding: 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.dark-blue-overlay {
	background-color: rgba(0,35,70,0.8);
	padding: 0;
}

.jumbotron {
	background-color: transparent;
	color: #fff;
	position: relative;
}

.jumbotron-inner {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.jumbotron-container, .dark-blue-overlay,
.jumbotron {
	min-height: 430px;
}


.jumbotron h1 {
	font-size: 50px;
	margin-bottom: 50px;

}

.jumbotron a, .jumbotron a:visited {
	color: #fff;
	text-decoration: underline;
}

.jumbotron a:hover, .jumbotron a:focus {
	color: #fff;
	text-decoration: none;
}

.welcome-first-line {
	clear: both;
}

.meet-our-team-wrapper {
	font-size: 24px;
	line-height: 0.5;
}

.meet-our-team-wrapper a {
	margin: 0px 20px;
}

.meet-team-block {
	height: 40px;
	display: inline-block;
	vertical-align: middle;
	
}

.meet-team-divider {
	height: 40px;
	width: 1px;
	background-color: #fff;
	display: inline-block;
}


/* COLORS */


a, a:visited, a:hover, a:focus {
	color: #2561b6;
}


footer a, footer a:visited,
footer a:hover, footer a:focus {
	color: #fff;
}

a:hover, a:focus {
	text-decoration: underline;
}



.pru-yellow {
	color: #FFD71E;
}

.pru-light-blue {
	color: #98c3de;
}


.white-bg {
	background-color: #fff;
}

.pru-blue-bg {
	background-color: #07639d;
}


.color-scheme-blue {
	color: #e3f2f4;
	background-color: #07639d;
}

.color-scheme-gray {
	background-color: #f2f2f2;
}


.color-scheme-navy {
	color: #dadada;
	background-color: #001f45;
}

.color-scheme-dark-gray {
	color: #666;
	background-color: #2e2e2e;
}


/* CARDS / PANELS */

.panel {
	-webkit-box-shadow: 0px 3px 45px -9px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 3px 45px -9px rgba(0,0,0,0.4);
	box-shadow: 0px 3px 45px -9px rgba(0,0,0,0.4);
	border: none;
	margin-top: 30px;
}

.panel-body {
	min-height: 330px;
	padding: 20px;
}

.panel-default>.panel-heading {
	/*background: url('../images/amazon-pru-step-repeat.png') no-repeat top center;*/
	background-color: #fff;
	border-color: transparent;
    height: 152px;
    padding: 0px;
}

.panel-default>.panel-heading img {
	max-width: 100%;
	max-height: 100%;
}

.wide-headshot {
	width: 100%;
	height: auto;
}

.person-name {
	margin-bottom: 0px;
	color: #002346;
}

.person-title, .person-details-heading {
	font-family: OpenSans-Bold !important;
}

.person-title {
	color: #666;
	/*font-size: 0.8rem;*/
	text-transform: uppercase;
	margin-bottom: 15px;
}


/* MEDIA QUERIES */

@media screen and (min-width: 1400px) {
	  .navbar {
	  	height: 70px;
	  }

	  .navbar-brand {
			width: 310px;
		}

	.client-logo-img {
		width: 92px;
		height: 28px;
	}

	.pru-logo-img {
		width: 120px;
		height: 35px;
		margin-top: -3px;
	}

	.nav>li {
		margin-top: 10px;
	}

	.logo-separator {
		
		height: 18px;
		
	}

	.section-container {
		padding: 95px 0px;
	}
}

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

		.panel-default>.panel-heading {
			
		    height: auto;
		    
		}

		.panel-default>.panel-heading img:not(.wide-headshot) {
			width: 50%;
		}

		.panel-body {
			min-height: 390px;
		}	

}


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

	.panel-body {
			min-height: 500px;
		}	
		

}

@media screen and (max-width: 767px) {
		.jumbotron-container, .dark-blue-overlay,
		.jumbotron {
			min-height: 600px;
		}

		.panel-default>.panel-heading img:not(.wide-headshot),
		.panel-default>.panel-heading img {
			width: auto;
		}

		.panel-body {
			min-height: 200px;
		}
}