@charset "UTF-8";
/* CSS Document 2025_04_24 */
@font-face {
	font-family: 'NeueHaasUnicaPro';
	src: url('../fonts/neue-haas-unica-pro.otf');
}

@font-face {
	font-family: 'NeueHaasUnicaPro-light';
	src: url('../fonts/neue-haas-unica-pro-light.otf');
}

@font-face {
	font-family: 'NeueHaasUnicaPro-medium';
	src: url('../fonts/neue-haas-unica-pro-medium.otf');
}

@font-face {
	font-family: 'NeueHaasUnicaPro-bold';
	src: url('../fonts/neue-haas-unica-pro-bold.otf');
}

body {
	font-family: NeueHaasUnicaPro;
	color: #666666;
}

a {
	color: #23527c;
	text-decoration: none;
}

ul.align-left {
	padding-left: 13px !important;
	margin-left: 7px !important;
}

.default-font-color {
	color: #666666;
}

.container {
	font-family: NeueHaasUnicaPro;
}

.padd-top-50 {
	padding-top: 50px;
}

.padd-top-35 {
	padding-top: 35px;
}

.paddTop35 {
	padding-top: 35px;
}

.paddTop20 {
	padding-top: 20px;
}

.paddTop96 {
	padding-top: 96px;
}

.paddTop26 {
	padding-top: 26px;
}

.paddTop94 {
	padding-top: 94px;
}

.paddBottom36 {
	padding-bottom: 36px;
}

.paddBottom32 {
	padding-bottom: 32px;
}

.bold-txt-18 {
	font-family: NeueHaasUnicaPro-medium;
	font-size: 18px;
}

.steve-txt {
	font-family: NeueHaasUnicaPro-medium;
	font-size: 15px;
}

.padd-left-20 {
	padding-left: 20px;
}

.padd-left-40 {
	padding-left: 40px;
}

.padd-top-10 {
	padding-top: 10px;
}

.marginTop20 {
	margin-top: 20px !important;
}

.marginTop30 {
	margin-top: 30px;
}

.marginTop50 {
	margin-top: 50px;
}

.marginTop70 {
	margin-top: 70px;
}

.caption-header-txt {
	font-family: NeueHaasUnicaPro-medium;
}

.light-txt {
	font-family: NeueHaasUnicaPro-light;
}

.professional-title {
	font-family: NeueHaasUnicaPro-medium;
	font-size: 22px;
	color: #002d73;
	padding-right: 5%;
	padding-top: 20px;
}

.professional-sub-title {
	font-family: NeueHaasUnicaPro-medium;
	font-size: 16px;
	color: #002d73;
}

.caption-txt {
	background-color: #4d4d4d;
	width: 95%;
	font-size: 14px;
	color: #CCCCCC;
	padding: 20px 30px 20px 30px;
	position: relative;
	top: -100px;
	line-height: 18px;
}

.video-btn {
	font-family: NeueHaasUnicaPro;
	font-size: 21px;
	text-align: inherit;
	padding: 0 0;
	padding-bottom: 5px;
	border: 0;
	color: #258CEF;
	text-decoration: none;
}

.reel-img {
	width: 20%;
}

.reel-txt {
	width: 70%;
}

.xs-txt {
	font-size: 11px;
}

.sm-txt {
	font-size: 14px;
}

.reg-txt {
	font-size: 16px;
}

.md-txt {
	font-size: 20px;
}

.btn-txt {
	font-family: 'NeueHaasUnicaPro-bold';
	font-size: 16px !important;
	line-height: 2.3;
	padding-left: 25px;
	padding-right: 25px;
}

.lg-txt {
	font-size: 24px;
}

.jumbo-txt {
	font-size: 36px;
}

.img-border {
	padding: 1px;
	border: 1px solid #afafaf;
}

.medium-italic {
	font-family: NeueHaasUnicaPro-medium;
	font-style: italic;
}

.blue-text-color {
	color: #002d73;
}
/* ------------------------------  Navbar Style ----------------------------------- */
#main-navbar .nav-item a {
	padding-left: 0;
	padding-right: 0;
	margin-left: 15px;
	margin-right: 15px;
	color: #666666;
	font-size: 16px;
	text-align: center;
	border-bottom: 2px solid #ffffff;
}

#main-navbar ul {
	margin-top: 20px;
}

#main-navbar .nav-item .active {
	color: #258CEF;
	border-bottom: 2px solid #258CEF;
}

#main-navbar .nav-item a:hover {
	color: #258CEF;
	border-bottom: 2px solid #258CEF;
}

.bluestrip-xs > a,
.bluestrip > a {
	color: #ffffff;
	text-decoration: none;
}

.navbar-toggler {
	border-color: #258CEF;
}

.navbar {
	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgb%2837,140,239%29' stroke-opacity='0.55' fill='rgb%2837,140,239%29' fill-opacity='0.55' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* ------------------------------- End of Navbar Style ------------------------------ */
.intro_text {
	font-family: 'NeueHaasUnicaPro-medium';
	font-size: 18px;
	font-weight: bold;
}

p.dotted-line {
	border-top-style: dotted;
	border-top-color: #cfcfcf;
	border-width: 1px;
	margin-top: 25px;
	padding-bottom: 5px;
}

.drop-down:hover .dropdown-menu {
	display: block;
}

.img-bg {
	background-repeat: no-repeat;
	background-size: contain;
	border: 0;
}

.header-txt {
	width: 50%;
	float: left;
}

.header-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border: 0;
	max-width: 1440px;
}

.grey-bg {
	background-color: #002d73;
}
/* ------------------ Page Header Background Images -------------------- */
.who-we-are-header-img {
	background-image: url('../images/who-we-are-header.jpg');
}

.who-we-are-header-testimonials-img {
	background-image: url('../images/who-we-are-testimonials-header.jpg');
}

.who-we-are-compass-map-img {
	background-image: url('../images/who_we_are_compassmap.jpg');
	width: 1076px;
	height: 595px;
}

.our-services-header-img {
	background-image: url('../images/our-services-header.jpg');
}

.candidates-opportunities-header-img {
	background-image: url('../images/current-opportunities-header.png');
}

.our-approach-header-img {
	background-image: url('../images/our-approach-header.jpg');
}

.why-different-header-img {
	background-image: url('../images/why-different-header.jpg');
}

.how-weve-helped-header-img {
	background-image: url('../images/how-weve-helped-header.jpg');
}

.govt-solutions-header-img {
	background-image: url('../images/govt-solutions-header.jpg');
}

.candidates-header-img {
	background-image: url('../images/candidates-header.jpg');
}

.contact-us-header-img {
	background-image: url('../images/contact-us-header.jpg');
}

.candidates-header-opportunities-img {
	background-image: url('../images/opportunities-header.png');
}

.contactus a {
	color: #002D73 !important;
}

	.contactus a:hover {
		color: #258cef !important;
	}
/* ----------------------- Home Page --------------------------- */
.home-header-img {
	background-image: url('../images/home_branding_1440x670.jpg');
	height: 670px;
}

.home-header-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border: 0;
	max-width: 1440px;
}

.home-head-line {
	font-family: NeueHaasUnicaPro-light;
	color: #ffffff;
	font-size: 32px;
	line-height: 38px;
	position: relative;
	padding-top: 10%;
}

	.home-head-line p.p1 {
		font-size: 20px;
		line-height: 28px;
		width: 95%;
		margin-top: 5%;
	}

	.home-head-line p.p2 {
		font-size: 24px;
		line-height: 30px;
		color: #A3C1F8;
		margin-top: 5%;
	}

.home-clip-left {
	width: 45%;
}

.home-image-block {
	padding-left: 0;
	padding-right: 0;
}

.grey-grad div.col-9 p {
	width: 50%;
}

/* ------------------ Who We Are ----------------- */
.compas-map-text {
	position: relative;
	color: #ffffff;
	top: 15%;
	font-size: 20px;
	margin: 0 17%;
	text-align: center;
}

/* ------------------ Our Services -----------------*/
.our-services-list div.row {
	padding-bottom: 5px;
}

.our-services-side-text {
	background-color: #002D73;
	width: 95%;
	padding: 10% 10% 5% 8%;
}

/* ------------------ Our Approach -----------------*/

.approach-img {
	width: 89%;
}



/* ------------------ Why We're Different -----------------*/

.why-different-spiral {
	width: 100%;
}

	.why-different-spiral div {
		width: 43%;
		height: 49%;
		float: left;
		background-color: #4D4D4D;
		color: #ffffff;
		padding: 14% 10% 10% 5%;
		font-size: 18px;
		line-height: 30px;
	}

.why-different-lighthouse div:first-child {
	height: 483px;
}

.why-different-lighthouse div img {
	float: left;
}

.why-different-lighthouse div div {
	background-color: #4D4D4D;
	padding-left: 342px;
	padding-right: 50px;
	height: 483px;
	color: #ffffff;
}

	.why-different-lighthouse div div ul {
		padding-top: 17%;
	}

		.why-different-lighthouse div div ul li {
			padding-bottom: 7%;
		}

div.below-lighthouse {
	background-color: #002052;
	color: #ffffff;
	font-size: 19px;
	padding: 6% 4% 6% 4%;
}



/* ------------------ End Why We're Different -----------------*/

/* ------------------ Government Solutions --------------------*/
div.govt-solutions-flag {
	background-color: #002D73;
	width: 100%;
	height:224px;
	color:#ffffff;

}
.govt-solutions-flag img {
	float:left;
}
.govt-solutions-flag p {
	margin-left:100px;
	padding: 10% 10% 0 10%;
	font-size:16px;
	line-height:21px;
}
.govt-solutions-flag p span {
	font-size: 19px;
	line-height:27px;
	font-weight:bold;
}
.govt-solutions-side-text {
	color:#ffffff;
	text-align:center;

}
.govt-solutions-side-text a {
	color:#ffffff;
	font-size:14px;
}
/* ------------------ End Government Solutions ----------------*/

.clearfix {
	overflow: auto;
}

.main-content-left {
	width: 60%;
	float: left;
}

.left-content {
	font-size: 16px;
	line-height: 26px;
	color: #666666;
}

.right-content {
	width: 60%;
	float: right;
	margin-right: 10%;
}

.grey-grad {
	background: #fff url('../images/grad.jpg') repeat-x bottom left;
}

.txt-white {
	color: #ffffff;
}

.txt-blue {
	color: #002d73;
}

.button-blue {
	background-color: #002d73;
}

.btn-light-blue {
	background-color: #257dd3;
	padding-left: 30px;
	padding-right: 30px;
}

.btn-primary {
	background-color: #257DD3;
	border-color: #257DD3;
}

	.btn-primary:hover {
		background-color: #1660A8 !important;
		border-color: #1660A8 !important;
	}

.white-grad {
	background: #fff url('../images/white-grad.jpg') repeat-y bottom left;
}

.right-cols {
	float: right !important;
}

.button-color {
	margin-top: 15px;
}

.logo-bg {
	background-image: url('../images/white_gradient.png');
	background-repeat: no-repeat;
}

.logo-bg-sub {
	background-image: url('../images/white-grad-660.png');
	background-repeat: no-repeat;
	background-size: contain;
	height: 660px;
}

.reel-header-txt {
	font-family: NeueHaasUnicaPro-light;
	font-size: 24px;
}

.sub-page-head-line {
	font-family: NeueHaasUnicaPro;
	color: #002d73;
	font-size: 46px;
	position: relative;
	padding-top: 9%;
	width: 35%;
	height: 660px;
}

	.sub-page-head-line p:first-child {
		line-height: 56px;
	}

.sub-page-head-line-right {
	font-family: NeueHaasUnicaPro;
	color: #002d73;
	font-size: 46px;
	position: relative;
	padding-top: 8%;
	margin-left: 45%;
	width: 35%;
	height: 660px;
}
	.sub-page-head-line-right p:first-child {
		line-height: 56px;
	}

.logo-img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15%;
}

.bottom-strip {
	font-family: NeueHaasUnicaPro-bold;
	background-color: #333333;
	color: #ffffff;
	font-size: 21px;
	line-height: 26px;
	padding: 30px 0;
	margin-top: 100px;
}

	.bottom-strip a {
		color: #ffffff;
	}

	.bottom-strip .container {
		text-align: center;
	}

.btn.blue {
	background-color: #002d73;
	padding-left: 25px !important;
	padding-right: 25px !important;
}

.strike {
	display: block;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	margin-top: 10%;
	margin-bottom: 3%;
}

	.strike > span {
		position: relative;
		display: inline-block;
		color: #ff0000;
		font-family: NeueHaasUnicaPro-medium;
		font-size: 16px;
	}

		.strike > span:before, .strike > span:after {
			content: "";
			position: absolute;
			top: 50%;
			width: 9999px;
			height: 1px;
			background: #989898;
		}

		.strike > span:before {
			right: 100%;
			margin-right: 15px;
		}

		.strike > span:after {
			left: 100%;
			margin-left: 15px;
		}

.header-strip img {
	margin: 0 0 0 0;
	vertical-align: middle;
}

.header-strip {
	padding-top: 25px;
	padding-bottom: 25px;
	font-size: 21px;
	color: #666666;
}

	.header-strip .txt {
	}

.section-header {
	font-family: NeueHaasUnicaPro-bold;
	color: #4d4d4d;
	font-size: 28px;
	line-height: 37px;
}

.section-sub-head {
	font-family: NeueHaasUnicaPro-medium;
	color: #002d73;
	font-size: 18px;
	line-height: 26px;
}

.md-ffamily-blue {
	font-family: NeueHaasUnicaPro-medium;
	color: #002d73;
}

.sign-txt {
	font-family: NeueHaasUnicaPro-bold;
}

.bold-txt {
	font-family: NeueHaasUnicaPro-bold;
}

.testimonial-by {
	line-height: 28px !important;
}

.testimonails {
	color: #002d73;
	padding-left: 10%;
}

.btn-padd {
	background-color: #257dd3;
	padding-left: 35px !important;
	padding-right: 35px !important;
}

.bluestrip {
	position: absolute;
	right: 0;
	z-index: 10; /* needed to make link clickable for some reason */
	color: #ffffff;
	background-color: #002d73;
	padding: 10px 30px;
}

.collapsed.left {
	float: left;
	margin-left: 20px;
}

.bluestrip-xs {
	float: right;
	color: #ffffff;
	background-color: #002d73;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.copyright {
	color: #78818F;
	font-size: 12px;
	padding-bottom: 60px;
}

.footer {
	background-color: #002052;
	color: #ffffff;
}

	.footer div {
		padding-top: 25px;
	}

.footer-line {
	font-family: NeueHaasUnicaPro-light;
	color: #ffffff;
	font-size: 36px;
	margin-top: 10px;
}


.padd-right-20 {
	padding-right: 20%;
}

.padd-right-10 {
	padding-right: 10%;
}

.padd-right-5 {
	padding-right: 5%;
}

.home-brand-size {
	height: 512px;
}

.sub-page-brand-size {
	height: 660px;
}

.sub-page2-brand-size {
	height: 225px;
}

.clip-left {
	width: 40%;
}

	.clip-left p {
		padding: 4% 15% 0 0;
	}

.clip-left-home {
	width: 20%;
	float: left;
}

.btn-lg {
	font-size: 21px !important;
	line-height: 2.0 !important;
}

.clip-right {
	float: right;
	padding-top: 7%;
	padding-right: 2%;
}

.home-content_left {
	padding-left: 25%;
	padding-right: 10%;
	color: #4D4D4D;
}

.home-content_right {
	padding-left: 10%;
	padding-right: 25%;
	color: #4D4D4D;
}
.title-block {
	margin:10% 0;
}

.title-block span {
	font-size: 28px;
	line-height: 30px;
	color: #ffffff;
	background-color: #002D73;
	border-bottom: 8px solid #258CEF;
	padding: 5% 5%;
}

.no-a-style a:hover {
	text-decoration: none;
}

.visible-sm-header {
	display: none;
}

.log-sub2 {
	background-image: url('../images/white-grad-223.png');
	background-repeat: no-repeat;
	float: left;
	height: 223px;
}

.clip-left-home {
	width: 20%;
}

.clip-right-home {
	width: 65%;
	font-family: NeueHaasUnicaPro-light;
	font-family: 26px;
}

#reelModal {
	outline: none;
}

.close-img {
	position: relative;
	z-index: 1;
	top: 20px;
	left: 20px;
	cursor: pointer;
}

.close-img-top {
	position: relative;
	z-index: 1;
	top: 20px;
	left: 80%;
}

.close-img-bottom {
	position: relative;
	z-index: 1;
	top: -20px;
	left: 80%;
}

#myModal h4 span {
	padding-left: 40px;
}

iframe {
	border: none;
}
/* ----------------------- Media Sizes ---------------------------------- */
/* ------------------------------- 1440 ------------------------------------*/

@media (max-width: 1440px) {
	.footer-txt {
		font-size: 30px;
		line-height: 34px;
		margin-bottom: 50px;
	}

	.head-line {
		font-size: 36px;
		padding-top: 7%;
	}

	.home-brand-size {
		height: 513px;
	}

	.home-content_left {
		padding-left: 20%;
		padding-right: 20%;
	}

	.home-content_right {
		padding-left: 20%;
		padding-right: 20%;
	}

	.home-clip-left {
		width: 45%;
	}

	.caption-txt {
		width: 100%;
	}

	.our-services-side-text {
		width: 100%;
	}
}
/* ------------------------------- 1200 ------------------------------------*/

@media (max-width: 1200px) {
	div.home-content-center {
		margin: 0 10%;
	}
	#main-navbar .nav-item a {
		margin-left:10px;
		margin-right:10px;
	}

	.home-image-block {
		margin-bottom: 2%;
		padding-right: inherit;
	}

	.sub-page-head-line {
		height: 550px;
		font-size: 36px;
	}

	.who-we-are-compass-map-img {
		background-image: url('../images/who_we_are_compassmap-960x530.jpg');
		width: 960px;
		height: 530px;
	}

	.approach-img {
		width: 100%;
	}

	.why-different-spiral div {
		width: 346px;
		background-color: #4D4D4D;
		color: #ffffff;
		padding: 12% 10% 10% 7%;
		font-size: 18px;
		line-height: 30px;
		margin-bottom: 15%;
	}

	.why-different-lighthouse div:first-child {
		height: 483px;
	}

	.why-different-lighthouse div ul {
		background-color: #4D4D4D;
		color: #ffffff;
		width: 342px;
		padding: 10% 10%;
		margin-bottom: 0;
	}

	div.below-lighthouse {
		width: 342px;
		background-color: #002052;
		color: #ffffff;
		font-size: 16px;
		padding: 10% 5%;
	}
	div.govt-solutions-flag img {
		display:none;
	}
	.govt-solutions-flag p {
		margin-left:0;
		text-align:center;
		padding: 10% 20% 10% 20%;
		font-size:16px;
		line-height:21px;
	}
	.title-block span {
		font-size: 24px;
		line-height: 28px;
	}

}
/* ------------------------------- 992 ------------------------------------*/

@media (max-width: 992px) {
	.home-header-img {
		background-image: url('../images/home_branding_992x461.jpg');
		height: 461px;
	}

	div.home-content-center {
		margin: 0 auto;
	}
	#main-navbar .nav-item a {
		border-bottom: 0;
	}
	#main-navbar .nav-item a:hover {
		color: #258CEF;
		border-bottom: 0;
	}

	#main-navbar .nav-item .active {
		color: #258CEF;
		border-bottom: 0;
	}

	.footer-txt {
		font-size: 30px;
		margin-bottom: 50px;
	}

	.home-head-line {
		font-size: 26px;
	}

	.home-brand-size {
		height: 513px;
	}

	.home-content_left {
		padding-left: 10%;
		padding-right: 10%;
	}

	.home-content_right {
		padding-left: 10%;
		padding-right: 10%;
	}

	.home-clip-left {
		width: 49%;
	}

	.header-strip .txt {
		font-size: 18px;
	}

	.section-header {
		font-size: 24px;
	}

	.btn-txt {
		font-size: 14px !important;
		line-height: 16px;
		padding: 5% 7%;
	}

	.sub-page-head-line {
		font-size: 36px;
		height: 454px;
	}

	.sub-page-head-line-right {
		font-size: 36px;
		height: 454px;
	}

	.who-we-are-compass-map-img {
		background-image: url('../images/who_we_are_compassmap-720x398.jpg');
		width: 720px;
		height: 398px;
	}

	.compas-map-text {
		font-size: 18px;
	}

	.our-approach-header-img .sub-page-head-line-right {
		width: 40%;
	}

	.why-different-header-img div.sub-page-head-line {
		width: 40%;
	}

	.candidates-header-img div.sub-page-head-line {
		width: 40%;
	}

	#myModal h4 span {
		font-size: 20px;
	}
}
/* ------------------------------- 768 ------------------------------------*/

@media (max-width: 768px) {
	.home-header-img {
		background-image: url('../images/home_branding_768x357.jpg');
		height: 357px;
	}

	.home-head-line {
		background-color: #1B274D;
		color: #ffffff;
		font-size: 28px;
		padding: 5% 10%;
	}

		.home-head-line p.p1 {
			font-size: 18px;
			margin-top: 3%;
		}

		.home-head-line p.p2 {
			font-size: 20px;
			color: #A3C1F8;
		}
.text-nowrap {
  white-space:normal;
}
	.footer-txt {
		font-size: 25px;
		margin-bottom: 10px;
	}

	.head-line.txt {
		width: 75%;
		font-size: 26px;
		padding-top: 7%;
	}

	.home-brand-size {
		height: 450px;
	}

	.home-content_left {
		padding-left: 10px;
		padding-right: 10px;
	}

	.home-content_right {
		padding-left: 10px;
		padding-right: 10px;
	}

	.header-strip .txt {
		font-size: 14px;
	}

	.sub-page-head-line-xs {
		font-family: NeueHaasUnicaPro-light;
		color: #002d73;
		margin-top: 50px;
	}

	.right-content {
		width: 90%;
		float: right;
	}

	.logo-bg-sub {
		background-image: url('../images/white-grad-351.png');
		background-repeat: no-repeat;
		height: 351px;
	}

	.log-sub2 {
		background-image: url('../images/white-grad-176.png');
		background-repeat: no-repeat;
		float: left;
		height: 203px;
	}

	.candidates-header-opportunities-img {
		background-image: url('../images/opportunities-header.png');
		background-repeat: no-repeat;
	}

	.clip-left-home {
		width: 25%;
		padding-left: 10px;
	}

	.clip-right-home {
		width: 75%;
		padding-right: 10%;
		display: block;
		margin-top: auto;
		margin-bottom: auto;
		font-family: NeueHaasUnicaPro-light;
	}

	.logo-bg {
		background-image: url('../images/white-grad-289.png');
		height: 289px;
	}

	.section-header {
		font-size: 22px;
	}

	.who-we-are-header-img {
		background-image: url('../images/who-we-are-header-768x352.jpg');
		height: 352px;
	}

	.sub-page-head-line {
	}

	.who-we-are-compass-map-img {
		background-image: url('../images/who_we_are_compassmap-540x298.jpg');
		width: 540px;
		height: 298px;
	}

	.compas-map-text {
		font-size: 16px;
		top: 10%;
		margin: 0 13%;
	}

	.our-services-header-img {
		background-image: url('../images/our-services-header-768x352.jpg');
		height: 352px;
	}

	.our-approach-header-img {
		background-image: url('../images/our-approach-header-768x352.jpg');
		height: 352px;
	}

		.our-approach-header-img div.sub-page-head-line {
			width: 40%;
		}

	.why-different-header-img {
		background-image: url('../images/why-different-header-768x352.jpg');
		height: 352px;
	}

		.why-different-header-img div.sub-page-head-line {
			width: 40%;
		}

	.how-weve-helped-header-img {
		background-image: url('../images/how-weve-helped-header-768x352.jpg');
		height: 352px;
	}

	.candidates-header-img {
		background-image: url('../images/candidates-header-768x352.jpg');
		height: 352px;
	}

		.candidates-header-img div.sub-page-head-line {
			padding-top: 2%;
		}

	.contact-us-header-img {
		background-image: url('../images/contact-us-header-768x352.jpg');
		height: 352px;
	}

	#myModal h4 span {
		font-size: 18px;
		padding-left: 15px;
	}
}
/* ------------------------------- 576 ------------------------------------*/

@media (max-width: 576px ) {
	.who-we-are-header-img {
		background-image: url('../images/who-we-are-header-576x264.jpg');
		height: 264px;
	}

	.who-we-are-compass-map-img {
		background-image: url('../images/who_we_are_compassmap-540x298.jpg');
		width: 540px;
		height: 298px;
	}

	.our-services-header-img {
		background-image: url('../images/our-services-header-576x264.jpg');
		height: 264px;
	}

	.our-approach-header-img {
		background-image: url('../images/our-approach-header-576x264.jpg');
		height: 264px;
	}

	.why-different-header-img {
		background-image: url('../images/why-different-header-576x264.jpg');
		height: 264px;
	}

	.how-weve-helped-header-img {
		background-image: url('../images/how-weve-helped-header-576x264.jpg');
		height: 264px;
	}

	.candidates-header-img {
		background-image: url('../images/candidates-header-576x264.jpg');
		height: 264px;
	}

	.contact-us-header-img {
		background-image: url('../images/contact-us-header-576x264.jpg');
		height: 264px;
	}

	.why-different-lighthouse div:first-child {
		height: 483px;
	}

	.why-different-lighthouse div ul {
		background-color: #4D4D4D;
		color: #ffffff;
		width: 342px;
		padding: 10% 10%;
		margin-bottom: 0;
	}

	div.below-lighthouse {
		width: 342px;
		background-color: #002052;
		color: #ffffff;
		font-size: 16px;
		padding: 10% 5%;
	}

	#myModal h4 span {
		font-size: 16px;
		padding-left: 10px;
	}
}
/* ------------------------------- 400 ------------------------------------*/
@media (max-width: 400px ) {
	.home-header-img {
		background-image: url('../images/home_branding_394x183.jpg');
		height: 183px;
	}

	.home-head-line {
		font-size: 22px;
	}

		.home-head-line p.p1 {
			font-size: 14px;
			margin-top: 3%;
		}

		.home-head-line p.p2 {
			font-size: 16px;
		}

	.footer-txt {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.head-line.txt {
		font-size: 20px;
		font-weight: bold;
		padding-right: 5%;
		width: 60%;
		float: right;
	}

	.home-brand-size {
		height: 350px;
	}

	.home-content_left {
		padding-left: 10px;
		padding-right: 10px;
	}

	.home-content_right {
		padding-left: 10px;
		padding-right: 10px;
	}

	.header-strip .txt {
		font-size: 12px;
	}

	.paddTop94 {
		padding-top: 74px;
	}

	.sub-page-head-line {
		font-family: NeueHaasUnicaPro-light;
		color: #002d73;
		margin-top: 50px;
	}

	.right-column {
		display: none;
	}

	.hidden-sm-content {
		display: none;
	}

	.main-content-left {
		width: 100%;
	}

	.visible-sm-header {
		display: inline;
	}

	.logo-bg-sub {
		background-image: url('../images/white-grad-183.png');
		background-repeat: no-repeat;
		float: left;
		height: 183px;
	}

	.log-sub2 {
		background-image: url('../images/white-gradient-140.png');
		background-repeat: no-repeat;
		float: left;
		height: 183px;
	}

	.who-we-are-header-testimonials-img {
		background-image: url('../images/testimonials-header-394.png');
		background-repeat: no-repeat;
	}

	.logo-bg {
		background-image: url('../images/white-grad-235.png');
		background-repeat: no-repeat;
		float: left;
		height: 235px;
	}

	.header-img {
		background-image: url('../images/home-brand-394.png');
	}

	.candidates-header-opportunities-img {
		background-image: url('../images/opportunities-header-sm.png');
		background-repeat: no-repeat;
	}

	.home-brand-size {
		height: 235px;
	}

	.clip-left-home {
		width: 35%;
	}

	.clip-right-home {
		width: 55%;
		font-family: NeueHaasUnicaPro-light;
		font-size: 26px;
	}

	.bottom-strip {
		font-size: 18px;
	}

	.who-we-are-header-img {
		background-image: url('../images/who-we-are-header-424x194.jpg');
		height: 194px;
	}

	.who-we-are-compass-map-img {
		background-image: url('../images/who_we_are_compassmap-375x207.jpg');
		width: 375px;
		height: 207px;
	}

	.compas-map-text {
		font-size: 12px;
		top: 5%;
		margin: 0 5%;
	}

	.our-services-header-img {
		background-image: url('../images/our-services-header-424x194.jpg');
		height: 194px;
	}

	.our-approach-header-img {
		background-image: url('../images/our-approach-header-424x194.jpg');
		height: 194px;
	}

	.why-different-header-img {
		background-image: url('../images/why-different-header-424x194.jpg');
		height: 194px;
	}

	.why-different-headline .jumbo-txt {
		font-size: 30px;
	}

	.how-weve-helped-header-img {
		background-image: url('../images/how-weve-helped-header-424x194.jpg');
		height: 194px;
	}

	.candidates-header-img {
		background-image: url('../images/candidates-header-424x194.jpg');
		height: 194px;
	}

	.contact-us-header-img {
		background-image: url('../images/contact-us-header-424x194.jpg');
		height: 194px;
	}

	.why-different-spiral div {
		width: 100%;
		background-color: #4D4D4D;
		color: #ffffff;
		padding: 12% 10% 10% 7%;
		font-size: 18px;
		line-height: 30px;
		margin-bottom: 15%;
	}

	.why-different-lighthouse div:first-child {
		height: 483px;
	}

	.why-different-lighthouse div ul {
		background-color: #4D4D4D;
		color: #ffffff;
		width: 342px;
		padding: 10% 10%;
		margin-bottom: 0;
	}

	div.below-lighthouse {
		width: 342px;
		background-color: #002052;
		color: #ffffff;
		font-size: 16px;
		padding: 10% 5%;
	}

	.video-btn {
		font-size: 14px;
	}
}

/* ------------------------------- 375 ------------------------------------ */
@media (max-width: 375px) {
	.who-we-are-compass-map-img {
		background-image: url('../images/who_we_are_compassmap-340x188.jpg');
		width: 340px;
		height: 188px;
	}
}