/* Set Design Standards & Colors Here -- Replace with customer's colors */
:root {
	--primary: #2389d9;
	--dark: #000000;
	--gray: #f6f6f6;
	--primary-font: inherit;
}

@font-face {
    font-family: 'savoyeregular';
    src: url('savoye_plain-webfont.eot');
    src: url('savoye_plain-webfont.eot?#iefix') format('embedded-opentype'),
         url('savoye_plain-webfont.woff') format('woff'),
         url('savoye_plain-webfont.ttf') format('truetype'),
         url('savoye_plain-webfont.svg#savoyeregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* CSS Reset
================================================== */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}body {line-height: 1;}ol, ul {list-style: none;}table {border-collapse: collapse;border-spacing: 0;}

/* #Basic Styles
================================================== */
* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
body {font-size:16px; font-family: 'Source Sans Pro', sans-serif; line-height:1.4em;}
p { margin:0 0 15px 0;}

/* #Typography
================================================== */
h1, h2, h3, h4, h5 {line-height:1.4em; margin-bottom:8px; font-family: 'Crimson Text', serif; color:#447bbf;}
h1 {font-size:38px;}
h2 {font-size:30px;}
h3 {font-size:26px;}
h4 {font-size:24px; font-style:italic; color:#000; font-family: 'Source Sans Pro', sans-serif;}
strong, b {font-weight:bold;}
em, i {font-style:italic;}

/* #Links
================================================== */
a {text-decoration:none; color:#447bbf; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s;}
a:hover {color:#000;}

/* #YouTube/iFrame Video Wrapper
================================================== */
.videoWrapper {position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0;}
.videoWrapper iframe {position: absolute; top: 0; left: 0; width: 100%;	height: 100%;}

/* #Lists
================================================== */
ul, ol {display:block; margin:10px 0 15px 40px;}
ol { list-style-type: decimal }
ul {list-style-type:disc;}
ol ul, ul ol, ul ul, ol ol { margin-top: 0; margin-bottom: 0 }
li {display: list-item;}
.sr-only {display: none;}

/* #Images
================================================== */
img {max-width:100%; height:auto; border:none;}
#lightbox img {max-width:none;}
a img {-webkit-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s;}
a:hover img {-moz-opacity: 0.80; opacity: 0.80; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);}


/* #Buttons
================================================== */
.button, .ion-form button {background-color:#2389d9; padding:9px 40px; color:#fff; font-size:18px; margin:10px 0; display:inline-block; cursor:pointer; height:auto; width:auto; border:none; text-align:center; font-style:normal;}
.button:hover, .ion-form button:hover {color:#fff; -moz-opacity: 0.90; opacity: 0.90; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=90); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);}
.button + .button {margin-left:10px;}
.button:active {position:relative;top:1px;}

/* #Misc
================================================== */
.lt {float:left;}
.rt {float:right;}
.clr {clear:both;}
.posRel {position:relative;}
.posAbs {position:absolute;}
.height25 {height:25px;}
.system-message, .system-error-message {margin:0;}
img.content {float:left; margin:5px 12px 5px 0; border:1px solid #CCC; padding:5px;}
img.content-no {float:left; margin:5px 12px 5px 0;}
img.invert {filter: brightness(0) invert(1);}
iframe {width:100%;}
.caret-r {width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #000; display:inline-block; margin-left:5px;}
hr {width:100%; border:none; border-top:1px solid #ccc; margin:15px 0;}
#scroll {padding:0px 5px; color:#ffffff; background-color: #2389d9; text-align: center;}
.hidden {display: none;}

/* Twirl Downs
================================================== */
.twirl {color:#1a394e; font-size:22px; font-weight:400; padding:8px 35px 8px 15px; border:solid 1px #cccccc; background:#ffffff; position:relative; cursor:pointer;}
.twirl span {position:absolute; top:8px; right:15px; font-size:32px;}
.twirlContent {display:none; margin-bottom:15px;}

/* #Table
================================================== */
table { border-collapse: collapse; border-spacing: 0; max-width: 100%; background-color: transparent; }
.table { width: 100%; margin-bottom: 20px; }
.table thead th { vertical-align: bottom; }
.table td, .table th {  padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #dddddd; }
.table th { font-weight: bold; }
.table tr:first-child th { border-top: 0px; }
/* Striped table */
.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; }
/* Bordered table */
.table-bordered { border: 1px solid #dddddd; border-collapse: separate; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.table-bordered th, .table-bordered td { border-left: 1px solid #dddddd; }
/* Condensed Table */
.table-condensed th, .table-condensed td { padding: 4px 5px; }
/* Hover Table */
.table-hover tbody > tr:hover { background-color: #f3f3f3; }



/* #Layout
================================================== */
.container {width:1120px; margin:0 auto;}
#hdr {width:100%; padding:15px 0 10px; background-color:#ffffff; border-bottom:3px solid #4c80c2;}
#nav {width:100%; background-color:#2389d9; background-color:rgba(35,137,217,.8); position:absolute; top:0; left:0; z-index:1000;}
#banner {width:100%; position:relative; background-color:#CCC;}
#bannerSub {width:100%; position:relative; background:url(../images/banner01.jpg) no-repeat top center; background-size:cover; height:315px;}
#main {width:100%; padding:25px 0;}
#main.split {padding:0;}
#ftr {width:100%; padding:45px 0; background-color:#2389d9; color:#fff;}

/* #Columns
================================================== */
.evenCol {width:48%;}
#main-lt {width:60%; float:left;}
#main-rt {width:35%; float:right;}
#split-lt {width:69%; float:left; padding:25px 0;}
#split-rt {width:27%; float:right; background-color:#f2f2f2; border-left:1px solid #ccc; border-right:1px solid #ccc; padding:25px 10px; text-align:center; font-size:20px; line-height:1.3em;font-family: 'Crimson Text', serif;}
.lt-col {width:61%; float:left;}
.rt-col {width:35%; float:right;}

/* #Header
================================================== */
#hdr .container {position:relative;}
.logo {position:relative; padding: 10px 0px; float: left; vertical-align: middle; display: inline-block;}
#hdr .rt {text-align:right;}
#phone {color:#447bbf; font-size:32px; line-height:1em; margin-bottom:5px;}
#login {margin-bottom:15px;}
#login img {margin-right:5px;}
#login, #login a {color:#447bbf; text-transform:uppercase; font-size:15px; line-height:1em; font-weight:300;}
#login a:hover {text-decoration:underline; color:#447bbf;}


/* #Banner
================================================== */
.bxslider {width:100%; height:693px; margin:0;}
#banner01 {width:100%; height:693px; background:url(../images/banner01.jpg) center top no-repeat; background-size:cover;}
#banner02 {width:100%; height:693px; background:url(../images/banner02.jpg) center top no-repeat; background-size:cover;}
#banner03 {width:100%; height:693px; background:url(../images/banner03.jpg) center top no-repeat; background-size:cover;}
#banner04 {width:100%; height:693px; background:url(../images/banner04.jpg) center top no-repeat; background-size:cover;}
#banner05 {width:100%; height:693px; background:url(../images/banner05.jpg) center top no-repeat; background-size:cover;}

#bannerInner {position:absolute; width:100%; top:90px; left:0; z-index:900;}
#bannerContent {width:30%; background-color:#2389d9; float:right; padding:25px; color:#fff; text-align:center; font-size:18px; line-height:1.4em; font-weight:300;}
.bannerTopTitle {font-family:'savoyeregular','Open Sans', sans-serif; font-size:30px; font-weight:400; margin-bottom:10px;}
.bannerTitle {font-size:22px; line-height:1.2em; font-family: 'Crimson Text', serif; text-transform:uppercase; margin-bottom:15px; font-weight:400;}
.bannerTitle span {font-size:36px; line-height:1.2em; display:block;}
#bannerContent .button {border:2px solid #fff; text-transform:uppercase; font-size:22px;}
#bannerContent .button:hover {background-color:#5fa3d7; background-color:rgba(255,255,255,.2);}


/* #Callouts
================================================== */
#callouts {width:100%; background-color:#000; background-color:rgba(0,0,0,.8); position:absolute; bottom:0; left:0; z-index:1000; padding:15px 0;}
#callouts .callout {width:25%; float:left; padding:0 10px; text-align:center;}

/* #Nav
================================================== */

/* Nav Height */
#nav > ul, #nav > ul > li, #nav > ul > li > a {height:50px; line-height:50px;}
#nav > ul {width:1120px; margin: 0 auto !important;}
/* Main Nav */
#nav ul {text-align:right; list-style:none; margin:0; font-weight:300;}
#nav > ul {font-size:0; line-height:0;}
#nav > ul > li {display:inline-block; position:relative; z-index:50; font-size:0; line-height:0;}
#nav > ul > li > a {font-size:17px; text-transform:uppercase; color:#fff; display:inline-block; padding:0 11px; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s;}
#nav > ul > li > a:hover, #nav > ul > li:hover > a {background-color:#5fa3d7; background-color:rgba(255,255,255,.2);}

/* Drop Down */
#nav > ul > li > ul {display:none; position:absolute; white-space: nowrap; z-index:75; text-align:left; background-color:#2389d9; background-color:rgba(35,137,217,.8); min-width:100%; top:100%; left:0;}
#nav > ul > li:hover > ul {display:block;}
#nav > ul > li > ul > li, #nav > ul > li > ul > li a {height:35px; line-height:35px; display:block;}
#nav > ul > li > ul > li > a {font-size:17px; color:#fff; padding:0 20px;}
#nav > ul > li > ul > li:hover {background-color:#5fa3d7; background-color:rgba(255,255,255,.2);}

#nav select {display: none;  position:relative; min-width:200px; padding:4px 4px; font-size:18px; margin:10px 0;}

/* #Widgets
================================================== */
#widgets {width:100%; padding:25px 0; background-color:#ececec; border-top:1px solid #ccc;}
#widgets h3 {text-transform:uppercase;}
#homeMap img {max-width:;}
.home-blog-post {float:left; width:48%;}
.home-blog-post + .home-blog-post {float:right;}
.home-blog-post h2.post-title {font-size:22px; font-family: 'Source Sans Pro', sans-serif;}


/* Home Blog
============================================================================= */

#home-blog header { margin-bottom: 40px; }
@media (max-width:991px) {
	#home-blog { padding: 65px 0 130px; }
	#home-blog .d-flex { display: block!important; text-align: center; }
	#home-blog .post-featured { margin-bottom: 30px; }
}

/* Inline Blog Post List
============================================================================= */
#blog-inline { }
#blog-inline .blog-post { background: none; border: 0; margin: 15px auto;}
#blog-inline .blog-post .post-image { flex: 1 0 334px; }
#blog-inline .blog-post .post-featured { padding-top: 69.46%; }
#blog-inline .blog-post .post-featured img {object-fit: cover; width: 100%;}
#blog-inline .blog-post .post-header { padding: 0!important; margin: 0 0 10px; }
#blog-inline .blog-post .post-body { padding: 0; margin: 0; font-weight: 500; }
#blog-inline .blog-post .post-body .post-content { }
@media (min-width:992px) {
	#blog-inline .blog-post .post-body { padding-left: 55px; }
}

.home-board-post h4.post-title {font-size:18px; font-family: 'Source Sans Pro', sans-serif; margin-bottom:0; font-style:normal;}
.home-board-post .post-date {font-size:11px;}

#main-rt.home-testimonial {padding-left:5%; border-left:1px solid #cccccc; line-height:2.1em; font-size:16px; font-style:italic;}
#main-rt.home-testimonial .button {padding:9px 5px; display:block; font-size:20px;}

/* #Footer
================================================== */
#ftr {font-size:14px; line-height:1.4em;}
#ftr h4 {color:#fff; font-style:normal; font-size:18px; text-transform:uppercase;}
#ftr .rt {text-align:right;}
#ftr a {color:#fff;}
#ftr a:hover {color:#fff; text-decoration:underline;}
#ftr .lt ul {margin:0; list-style:none; text-transform:uppercase;}
#ftr .lt img {max-height: 90px;}
#ftr .lt > ul {display:block;}
#ftr .lt > ul > li {display:block; float:left;}
#ftr .lt > ul > li + li {margin-left:60px;}
#ftr .lt > ul > li > a {cursor:default; font-size:18px; padding-bottom:8px; display:inline-block;}
#ftr .lt > ul > li > a:hover {text-decoration:none;}
#ftr .lt > ul > li > ul > li {padding:2px 0;}

#ftrLinks {padding:35px 0; text-align:center; color:#fff; font-size:11px; background-color:#000;}
#ftrLinks a {color:#fff;}
#ftrLinks a:hover {color:#fff; text-decoration:underline;}


/* #BC FAQ
================================================== */
.faq-question {margin:0px 0px 5px 0px; padding:0px; font-size:18px; font-weight:bold;}
.faq-answer {margin-bottom:20px;}

/* #Areas
================================================== */
ul.areas { margin:0px 10px; padding:0px; text-align:left;}
ul.areas li { list-style:none; float:left; width:20%; padding:4px 0; margin:0px;}


/* #Box
================================================== */
.box {padding:15px; border:solid 1px #CACACA; background:#F5F5F5;}
.box h2 {}


/* #BC Blog
================================================== */
.blog-container {width:100%; margin:0 auto;}


/* #Browser Happy
================================================== */
.browsehappy {background: #ccc; color: #000; padding: 20px 0; text-align:center;}

/* #Additional
================================================== */
.lt.span30, .lt.span35, .lt.span40, .lt.span45, .lt.span50, .lt.span55, .lt.span60, .lt.span65, .lt.span70 { padding:0 4% 35px 0; }
.rt.span30, .rt.span35, .rt.span40, .rt.span45, .rt.span50, .rt.span55, .rt.span60, .rt.span65, .rt.span70 { padding:0 0 35px 4%; }
.span70 { width:65%; }
.span65 { width:60%; }
.span60 { width:55%; }
.span55 { width:50%; }
.span50 { width:45%; }
.span45 { width:40%; }
.span40 { width:35%; }
.span35 { width:30%; }
.span30 { width:25%; }
.layout .span33 { float:left; width:30%; padding:0 5% 35px 0; }
.layout .span33:last-child { float:right; padding-right:0; }
.lt.separator { border-right:solid 1px #d8d8d8; }
.rt.separator { border-left:solid 1px #d8d8d8; }

/* #Site Specific Styles
================================================== */

#s-testimonials .rotate { position:relative; list-style:none; margin:0px; padding:0px;}
#s-testimonials .rotate li { top:0px; left:0px; }
#s-testimonials .bx-wrapper .bx-viewport {background:none;}

#eBook {background-color: #2389d9; padding: 20px; color:#fff;}
#eBook h2 {color:#fff!important; margin-top: 10%;}
#eBook a {color:#fff!important;}
#eBook img {height: 400px;}
/* #Media Queries
================================================== */
@media screen and (max-width: 1160px) {
	.container {width:98%;}
	#nav ul     { display: none; }
	#nav select { display: inline-block; margin:10px; max-width:94%; min-width:0;}
	#nav {text-align:right;}
	#bannerContent {width:40%;}
	#ftr .lt, #ftr .rt {text-align:center; float:none;}
	#ftr .rt {margin-top:35px;}
	#ftr .lt > ul > li {width:33%; padding:0 15px;}
	#ftr .lt > ul > li + li {margin-left:0;}
	#ftr .height25 + .height25 {display:none;}


	#split-lt, #split-rt {height:auto !important;}
	#split-rt {border-bottom:1px solid #ccc;}
}


@media screen and (max-width: 770px) {
	#main .container > .evenCol, #homeContainer .evenCol, #widgets .evenCol, #main-rt, #main-lt, #split-rt, #split-lt, .blog-container .post-list, .blog-container .side-panel, .lt-col, .rt-col {width:100%; float:none; margin-bottom:30px;}
	.blog-container .side-panel {text-align:center;}
	#split-rt {border-top:1px solid #ccc;}
	#bannerContent {width:100%;}
	ul.areas li {width:33%;}
	#hdr {text-align:center;}
	#hdr .rt {text-align:center; float:none;}
	.logo {position:relative; top:auto; left:auto;}
	#nav {text-align:center;}
	.home-blog-post {width:100%; float:none;}
	.home-blog-post + .home-blog-post {float:none; margin-top:50px;}

    /* #Additional
    ================================================== */
	.span70, .span65, .span30, .span35, .span60, .span55, .span50, .span45, .span40, .span33 { float:none; width:100%; padding-left:0!important; padding-right:0!important; margin-left:0!important; margin-right:0!important; border:none!important; text-align:left!important; }
}


@media screen and (max-width: 600px) {
	#main, #widgets {text-align:center;}
	#main ul, #main ol {text-align:left;}
	#main .blog-container .side-panel ul {text-align:center;}
	.button {padding:9px 0px; width:100%; margin:10px auto;}
	.button + .button {margin-left:0;}
	img.content, img.content-no {float:none; display:block; margin:15px auto;}
	.table td, .table th {text-align:center;}

	#callouts {display:none;}
	#bannerInner {top:150px;}
	#ftr .lt > ul > li {width:100%; padding:0;}
	#ftr .lt > ul > li + li {margin-top:20px;}
	#quote {background:none; padding:15px 0;}
	ul.areas li {width:50%; text-align:center;}
	#bannerSub {height:auto;}
	#bannerSub #nav {position:relative; top:auto; left:auto;}
}
@media screen and (max-width: 480px) {
	ul.areas li {width:100%;}
	#nav select {margin:15px 0;}
}
/* #overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
z-index: 100;
display: none;
}
.cnt223 a{
text-decoration: none;
}
.popup-onload{
width: 100%;
margin: 0 auto;
display: none;
position: absolute;
top:30px;
z-index: 1001;
}
.cnt223{
min-width: 600px;
width: 600px;
min-height: 150px;
margin: 100px auto;
background: #f3f3f3;
position: relative;
z-index: 103;
padding: 15px 35px;
border-radius: 5px;
box-shadow: 0 2px 5px #000;
}
.cnt223 p{
clear: both;
    color: #555555;
    font-size: 20px;
    font-family: sans-serif;
}
.cnt223 p a{
color: #d91900;
font-weight: bold;
}
.cnt223 .x{
float: right;
height: 35px;
left: 22px;
position: relative;
top: -25px;
width: 34px;
}
.cnt223 .x:hover{
cursor: pointer;
} */

.nhw-btn { color: #fff !important;}

.afill {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	gap: 15px;
	max-width: 850px;
	width: 100%;
}

@media (min-width:991px) {
	.afill :where(a, img, svg) {width: max-content: !important;}
}

@media (max-width:426px) {
	.afill :where(a, img, svg) {flex: 1 1 45%;}
	#ftr .lt img {max-height: 100px;}
}