/* Set Design Standards & Colors Here -- Replace with customer's colors */
:root {
	--primary: #0e3176;
	--dark: #000000;
	--gray: #f6f6f6;
	--primary-font: inherit;
}/* 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: 'Roboto', sans-serif; line-height:1.4em; background-color:#0e3176;}
p { margin:0 0 15px 0;}

/* #Typography
================================================== */
h1, h2, h3, h4, h5 {line-height:1.4em; margin-bottom:8px; font-family: 'Oswald', sans-serif; font-weight:300;}
h1, .largeHeading {font-size:36px;}
h2 {font-size:30px;}
h3 {font-size:22px;}
strong, b {font-weight:bold;}
em, i {font-style:italic;}
.roboto {font-family: 'Roboto', sans-serif; font-weight:400;}
.formHeading {font-size:22px; text-align:center; color:#fff; background-color:#1b75bb; display:block; margin:0; padding:15px 15px 0; font-family: 'Roboto', sans-serif; font-weight:400; text-transform:uppercase;}

/* #Links
================================================== */
a {text-decoration:none; color:#1b75bb; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s;}
a:hover {color:#23408e;}

/* #YouTube/iFrame Video Wrapper
================================================== */
.videoWrapper {position: relative; padding-bottom: 56.25%; padding-top: 25px; 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;}

/* #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, .frs-widget .frs-btn, .frs-dialog .frs-btn {background-color:#0e3176; padding:13px 40px; color:#fff; font-size:18px; line-height:1em; margin:10px 0; display:inline-block; cursor:pointer; height:auto; width:auto; border:none; text-align:center; font-weight: normal;}
.button:hover, .frs-widget .frs-btn:hover, .frs-dialog .frs-btn: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;}
.frs-widget .frs-form label, .frs-widget .frs-form legend {font-weight: normal;}

/* #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;}
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;}

.image-wrapper { position: relative; height: 0; width: 100%; padding-top: 42.39%; overflow: hidden; margin-bottom: 35px; }
.image-wrapper img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
/* #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:20px 0; background-color:#fff; border-top:6px solid #1b75bb; position:absolute; z-index:1200;}
#nav {width:100%; margin-top:10px; border-bottom:1px solid #98a6ca; border-top:1px solid #98a6ca;}
#banner {width:100%; height:796px; background-color:#CCC;}
#main {width:100%; display:inline-block; border-top:3px solid #1b75bb;}
#ftr {width:100%; padding:25px 0; color:#fff;}

/* #Columns
================================================== */
.evenCol {width:48%;}
#main-lt {width:69%; float:left; padding:20px; background-color:#ffffff; }
#main-rt {width:30%; float:right; padding:25px; background-color:#e2e2e2;}
#main-rt iframe {min-height:400px;}
#split-lt {width:69%; float:left;}
#split-rt {width:23%; float:right;}
.lt-col {width:61%; float:left;}
.rt-col {width:35%; float:right;}

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

/* Nav Height */
#nav > ul, #nav > ul > li, #nav > ul > li > a {height:35px; line-height:35px;}

/* Main Nav */
#nav ul {text-align:center; list-style:none; margin:0; font-family: 'Oswald', sans-serif;}
#nav > ul > li {display:inline-block; position:relative; z-index:50;}
#nav > ul > li > a {font-size:16px; color:#000; display:inline-block; padding:0 7px; text-transform:uppercase;}
#nav > ul > li > a:hover, #nav > ul > li:hover > a {color:#1b75bb;}

/* Drop Down */
#nav > ul > li > ul {display:none; position:absolute; white-space: nowrap; z-index:75; text-align:left; background-color:#23408e; top:34px; 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:16px; color:#fff; padding:0 20px;}
#nav > ul > li > ul > li:hover {background-color:#1b75bb;}

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


/* #Header
================================================== */
#phone {font-size:36px; color:#0e3176; line-height:1em; font-family: 'Oswald', sans-serif; font-weight:300;}
#phone span {font-size:24px;}
#hdr .rt {text-align:right;}
#hdrLinks {margin-top:10px; font-size:14px; color:#23408e;}
#hdrLinks a {color:#1b75bb;}
#hdrLinks a:hover {color:#1b75bb; text-decoration:underline;}

/* #Banner
================================================== */
#banner {position:relative; z-index:1000;}
#banner.sub {background:url(../images/banner01.jpg) no-repeat top center; background-size:cover;}
#bannerInner {position:absolute; top:0; left:0; z-index:1000; width:100%; height:100%;}
#banner01 {width:100%; height:796px; background:url(../images/banner03.jpg) no-repeat top center; background-size:cover;}
#banner02 {width:100%; height:796px; background:url(../images/banner02.jpg) no-repeat top center; background-size:cover;}
#banner03 {width:100%; height:796px; background:url(../images/banner01.jpg) no-repeat top center; background-size:cover;}
#banner04 {width:100%; height:796px; background:url(../images/banner04.jpg) no-repeat top center; background-size:cover;}

#bannerBox {float:right; width:40%; background-color:#fff; background-color:rgba(255,255,255,.9); -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; margin-top:270px; padding:25px; text-align:center; font-size:20px; line-height:1.4em;}
#bannerBox h2 {font-family: 'Roboto', sans-serif; font-size:32px; color:#16397c; line-height:1em; text-transform:uppercase;}
#bannerBox h2 span {font-size:26px; display:block;}

#callouts {position:absolute; bottom:0; left:0; z-index:1000; width:100%; font-size:0;}
#calloutsInner {width:100%; padding:15px 7px 7px 7px; background-color:#cdccd0; background-color:rgba(255,255,255,.3);}
.callout {width:25%; float:left; padding:0 10px; text-align:center;}
.callout img {display:inline-block;}


/* #main
================================================== */
#mainInner {width:100%; background-color:#fff; position:relative; margin-top:-3px; z-index:1150;}
#mainInner.fullWidth {padding:20px;}
.testimonialHeading {font-size:22px; color:#0e3176; line-height:1.3em;}
.testimonialSide {font-size:14px; line-height:1.8em; font-style:italic;}

#main.subMain #mainInner {min-height:680px; margin-top:-500px;}
.blog-container .equalHeights {min-height:680px;}

/* #Home
================================================== */
#homeMap img {max-width:100%;}
.home-blog-post h2.post-title {font-size:24px; font-family: 'Roboto', sans-serif; line-height:1.3em; margin-bottom:0;}
.home-blog-post h2 {font-size: 18px;}
.home-blog-post .post-date {font-size:14px; margin-bottom:15px;}



/* #footer
================================================== */
#ftr {font-size:15px; font-weight:300; line-height:1.4em;}
#ftr .rt {text-align:right;}
#ftr a {color:#fff;}
#ftr 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:16%; padding:4px 2%; margin:0px;}


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

/* Bio
================================================== */
#bio-container {padding: 10px; height: auto;}
#bio-container .bio { margin: 10px 0; }

@media (max-width: 600px ){
	#bio-container {padding: 0;}
}


/* #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
================================================== */


.logo {float:left; margin-bottom:20px;}

/* #Media Queries
================================================== */
@media screen and (max-width: 1160px) {
	.container {width:94%;}
	#nav ul     { display: none; }
	#nav select { display: inline-block; margin:10px 0;}
	#nav {text-align:center;}
	#main.subMain #mainInner {margin-top:-450px;}

}


@media screen and (max-width: 880px) {
	#ftr .lt, #ftr .rt {float:none; margin-bottom:25px; text-align:center;}
	#mainInner > .evenCol, #main-rt, #main-lt, #split-rt, #split-lt, .blog-container .post-list, .blog-container .side-panel {width:100%; float:none; margin-bottom:30px;}
	.blog-container .side-panel, #main-rt {text-align:center;}
	#main-lt, #main-rt {height:auto!important;}
	#bannerBox {width:100%;}
}

@media screen and (max-width: 770px) {
	#hdr {text-align:center;}
	#hdr .rt {float:none; width:100%; text-align:center;}
	#bannerBox {display:none;}
	.logo {float:none;}
	.callout {width:50%;}


    /* #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 {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;}
}

@media screen and (max-width: 480px) {
	#social {display:block; margin-top:10px;}
	#main.subMain #mainInner {margin-top:-330px;}
	.bxslider, .bxslider li, .bx-wrapper .bx-viewport, #banner {height:696px !important;}
}


.nhw-btn{color:#fff !important;}
#mainInner{margin: auto !important; z-index: 1 !important;}