html {
	touch-action: manipulation;
}

.header .topbar a {
	color: #ffffff;
}

#search-box #search-form #search-text {
	background-color: #ffffff;
}

.slick-slide[data-slick-index="3"] .wide-ticker--item-desc {
	max-width: 235px;
}

.header .topbar a:hover {
	text-decoration: none;
}

#search-text {
	width: 100%;
	max-height: 51px;
}

.TwoColumnFeatureGrid-features--icon img {
	max-height: 28px;
}

.blue-banner-horizontal .cta a {
	background-color: #009edc;
	border: none;
	border-radius: 10px;
	font-weight: 500;
	color: #FFFFFF;
	padding: 10px 60px;
	font-family: "DM Sans", sans-serif;
	font-size: 20px;
	text-decoration: none;
}

.footer .foot-nav1 ul li a:hover,
.footer .foot-nav3 ul li a:hover {
	text-decoration: underline !important;
}

.TwoColumnFeatureGrid.dark-background-two .TwoColumnFeatureGrid-features--desc a {
	color: #009EDC;
}

.bg-highlight p:hover,
.bg-highlight a:hover {
	text-decoration: none !important;
}

.mega-bg-highlight {
	padding-bottom: 95px !important;
}

#video-wrapper {
	position: relative;
	height: 100%;
}

#toggle-btn {
	display: none;
}

body .page-wrapper>main {
	margin-top: 150px;
}

.two-columns-newsletter .ginput_container_email,
.two-columns-newsletter-with-right-image .ginput_container_email {
	max-width: 430px;
}

body .main-hero .first .featured-image span {
	bottom: 50px;
}

.content>p {
	display: none;
}

#wrapper {
	background: linear-gradient(to bottom, #0a3e78 0px, #0a3e78 200px, #ffffff 200px, #ffffff 100%) !important;
}

.hero-txt svg {
	position: relative;
	top: 3px;
	margin-right: 11px;
}

.hero-txt a:hover svg path {
	fill: #009edc !important;
}

.breadcrumbs {
	font-size: 16px !important;
	font-weight: 400 !important;
}

.breadcrumbs a:hover {
	text-decoration: none;
}

.two-columns-newsletter-with-right-image .row>div:first-child {
	display: table;
}

.two-columns-newsletter-with-right-image .row>div:first-child .inner-container {
	display: table-cell;
	vertical-align: middle;
}

.carrusel_description p {
	font-size: 24px !important;
	font-weight: 400 !important;
}

.charitie-description {
	font-size: 20px !important;
	font-weight: 400 !important;
}

.grid_box {
	border-radius: 12px;
}

body .gform_button:hover {
	background: #0f69a0 !important;
	color: #fff !important;
}

.tab-title {
	cursor: auto;
}

body .testimonials-one-by-one .btn-set {
	margin-top: 50px;
}

body .testimonials-one-by-one .btn {
	top: auto;
}

.author img {
	border: 1px solid #000;
	border-radius: 50%;
}

body .blog-header .title-and-search h1,
body .blog-main-featured-post .component-left .block-content h2,
body .blog-featured-category-posts h2,
body .blog-card-horizontal .blog-card-horizontal-data h3 a {
	font-family: "Merriweather", sans-serif !important;
}

body .blog-main-featured-post .component-left .block-content .text-content p,
body .blog-card-horizontal .blog-card-horizontal-data .author h5,
body .blog-card-horizontal .blog-card-horizontal-data .category {
	font-family: "Source Sans 3", sans-serif;
}

.blog-category-outer-container:last-child .blog-featured-category-posts {
	padding-bottom: 0;
}

body .breadcrumb-pages--item.active,
body .breadcrumb-pages--item:hover {
	color: #009EDC !important;
	border-bottom: 1.6px solid #009EDC !important;
}

body .breadcrumb-pages--item {
	color: #0F69A0 !important;
}

.inner-container small {
	max-width: 500px;
}

.inner-container small a:hover {
	color: #0F69A0 !important;
}

body .header {
	z-index: 999;
}

.team-row>div {
	margin-bottom: 25px;
}

body .mega-sub-menu .textwidget a:hover {
	color: #009edc !important;
}

body .mega-sub-menu .textwidget a:hover svg path {
	fill: #009edc !important;
}
.post-categories > li:nth-child(2) {
	display: none;
}
a.pre-title {
	text-decoration: none;
}
@font-face {
	font-family: bt-nbc;
	src: url(../fonts/bt-nbc.eot);
	src: url(../fonts/bt-nbc.woff2) format("woff2"), url(../fonts/bt-nbc.woff) format("woff"), url(../fonts/bt-nbc.eot?#iefix) format("embedded-opentype"), url(../fonts/bt-nbc.ttf) format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
.header .lower-header.sticky .btn.header-apply-now {
	padding: 7px 10px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
}
@media screen and (max-width: 1280px) {
	body .page-wrapper>main {
		margin-top: 140px;
	}
}

@media screen and (max-width: 1168px) and (min-width: 1081px) {
	body .page-wrapper>main {
		margin-top: 180px;
	}
}

@media screen and (max-width: 1080px) {
	body .blue_container .container .blue-cta {
		margin-top: 0 !important;
	}

	#video-wrapper video {
		position: absolute;
		width: auto;
		height: 100%;
	}

	#toggle-btn {
		display: block;
		max-width: 200px;
		margin: 0 auto;
	}

	.team-img {
		padding: 15px;
	}
}

@media screen and (max-width: 991px) {
	.header .lower-header .site-header--actions {
		width: 100%;
	}
	.header .lower-header.sticky .header-apply-now {
		font-size: 14px !important;
	}
	.header .lower-header .site-header--brand {
		width: 64%;
	}
	body .team-carrusell {
		margin: 0 30px !important;
	}

	.team_img {
		max-width: 250px !important;
	}

	body .wistia_embed:not(.backgroundm) {
		width: 370px !important;
		margin: 0 auto;
		height: 208px !important;
	}

	body section.testimonials-one-by-one .slick-dots {
		bottom: -10px !important;
	}

	section.testimonials-one-by-one .btn {
		margin: -20px auto 10px auto !important;
	}

	/* 92px, not 89px: public.css forces 92px !important at this breakpoint, so
	   89px could never survive — it only ever applied in the window between this
	   stylesheet loading and public.css loading, which made main jump 92 -> 89 ->
	   92. Both files are async, so that window exists on most loads. */
	body .page-wrapper>main {
		margin-top: 92px;
	}

	.breadcrumbs {
		text-align: left;
	}

	.blue-banner-horizontal {
		display: flex !important;
		flex-direction: column;
		align-items: flex-start !important;
		padding: 30px !important;
		justify-content: space-around !important;
	}

	body .blue-banner-horizontal .cta {
		margin-top: 35px;
		text-align: left;
	}

	body p {
		font-size: 20px;
		font-weight: 400;
		line-height: 32px;
	}

	.TwoColumnFeatureGrid {
		position: relative;
		padding-bottom: 130px;
	}

	.TwoColumnFeatureGrid a.btn-info {
		position: absolute;
		margin: auto;
		bottom: 20px;
		width: 260px;
	}

	body .txt_hero {
		margin-top: 0 !important;
		width: 100% !important;
		margin-left: 0 !important;
		padding: 40px 20px;
	}

	/* body .form_box {  Why this is on the header? @david.t */
	/* padding: 40px 20px; */
	/* } */
	.gallery_grid+.row>div {
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 768px) {
	body .page-wrapper>main {
		margin-top: 77px;
	}
}

@media screen and (max-width: 575px) {
	body .wistia_embed:not(.backgroundm) {
		width: 100% !important;
		height: 208px !important;
	}

	body section.testimonials-one-by-one .slick-dots {
		bottom: -80px !important;
	}

	section.testimonials-one-by-one .btn {
		margin: 70px auto 10px auto !important;
	}

	.grid_box {
		height: 343px !important;
	}

	/* 0, not 74px. public.css forces 0 !important below 576px, so 74px never
	   survived — but this file and public.css are both async, and whenever this
	   one landed first main jumped 0 -> 74 -> 0. That double shift was 0.090 of
	   the ~0.107 CLS PageSpeed reported for the home page on mobile, and it is
	   why the score flickered between ~97 and the low 80s run to run. */
	body .page-wrapper>main {
		margin-top: 0;
	}

					.breadcrumbs {
		text-align: left;
	}

	body .two-columns-newsletter-with-right-image .container .row img {
		width: 100%;
	}

	section.blue_container .blue-box.light-blue-background {
		padding: 0 15px !important;
	}

	.blue_container .blue-box .row>div:first-child {
		order: 2;
	}

	.blue_container .blue-box .row>div:nth-child(2) {
		order: 1;
		margin-bottom: 32px;
	}

	.blue_container .blue-box .row>div:last-child {
		order: 3;
	}

	.team-img {
		padding: 0;
	}

	#block_46524decc54f7940ac5f42f3cbe31944 .row div:first-child {
		order: 2;
	}

	#block_46524decc54f7940ac5f42f3cbe31944 .row div:last-child {
		order: 1;
	}

	.blog-category-outer-container {
		position: relative;
		padding-bottom: 20px;
	}

	.blog-category-outer-container .block-right>a {
		position: absolute;
		bottom: 20px;
		width: 89%;
	}

	.blog-category-outer-container .block-right>a button {
		width: 100%;
		font-weight: 400;
	}
}

@media screen and (max-width: 384px) {
	/* 0 for the same reason as the 575px block above — public.css forces
	   0 !important below 576px, which covers this range too. */
	body .page-wrapper>main {
		margin-top: 0;
	}
}

body .page-wrapper>main.hide_main_navigation {
	margin-top: 0px !important;
}