/* RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 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{background: transparent; border: 0; margin: 0; padding: 0;} ol, ul{list-style: none;} img{max-width: 100%; height: auto; image-rendering: -webkit-optimize-contrast;}


/* FRAMEWORK */

*{box-sizing: border-box;}
html, body{font-family: 'Montserrat', sans-serif; font-size: 16px; -webkit-text-size-adjust: none}
body {overflow-x: hidden; line-height: 1.42857;}
::-moz-selection{background: #0a468e; color: #fff; text-shadow: none} ::selection{background: #0a468e; color: #fff; text-shadow: none}

.main{padding: 60px 50px; background: #fff; display: flex; flex-direction: row!important; flex-wrap: wrap; justify-content: space-between;}
.container{max-width: 1440px; margin: 0 auto; padding: 0 15px; width: 95%;}
.container-small {max-width: 960px; margin: 0 auto; padding: 0 15px; width: 95%;}

.column12, .column11, .column10, .column9, .column8, .column7, .column6, .column5, .column4, .column3, .column2, .column1{float: left; padding: 0 25px 0 0;} .column12{width: 100%;} .column11{width: 91.6666%;} .column10{width: 83.3333%;} .column9{width: 75%;} .column8{width: 66.6666%;} .column7{width: 58.3333%;} .column6{width: 50%;} .column5{width: 41.6666%;} .column4{width: 33.3333%;} .column3{width: 25%; box-sizing: border-box;} .column2{width: 16.6666%;} .column1{width: 8.3333%;} .last{padding: 0;} .cf{zoom: 1;} .cf:before, .cf:after{content: ""; display: table;} .cf:after{clear: both;} .clear{clear: both;} *{box-sizing: border-box;}

/* TYPOGRAPHY */

h2{font-size: 24px; font-weight: 400;} 
h2 strong{font-weight: 700; color: #0a468e;}
h3{font-size: 24px; text-transform: uppercase;}

a{text-decoration: none; color: inherit; transition: all .2s ease-in-out;} a:hover{color: inherit;}
a#cta-btn {padding: 10px; border: 1px solid #999; background: none; cursor: pointer; display: block; text-align: center; margin: 0 auto; color: #999; max-width: 230px; letter-spacing: normal; font-size: 16px; margin-top: 10px;}
a#cta-btn:hover{background: #0a468e; color: #fff;}

p a {color: #111;}
p a:hover {color: #666;}

.center{text-align: center;}

.active {display: block;}


/* HEADER */

.header-container{width: 100%; background: #343537;}
.header-container img.logo {width: 100%; height: auto; max-width: 950px; margin: 0 auto; margin-top: 5px; margin-bottom: 5px; box-sizing: border-box; padding: 0 10px;}
.header-container img.mobile-logo {width: 100%; height: auto; max-width: 500px; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; box-sizing: border-box; display: none; padding: 0 10px;}
.hdr-right {display: flex; justify-content: flex-end; flex-direction: column; margin: 12px 0; text-align: right; font-size: 12.5px;}
.hdr-right a {padding: 3px; color: #fff!important;}
.hdr-right a:hover {text-decoration: underline;}
.hdr-right p {display: block; color: #eee; line-height: 24px;}
.hdr-right .social-icons {margin: 5px;}
.hdr-right .social-icons img {vertical-align: middle;}
.hdr-right .social-icons img:hover {opacity: .85; transition: all .2s ease-in-out;}
.header-inner {display: flex; flex-direction: row!important; flex-wrap: nowrap; justify-content: space-between;}

.mobile-btn-wrapper {width: 100%; display: none;}
.mobile-btn-wrapper #home-btn {width: 50%; text-align: center; background: #0a468e; color: #eee; line-height: 40px;}
.mobile-btn-wrapper #home-btn:hover {background: #003076;}
.mobile-btn-wrapper #menu-button {width: 50%; color: #eee;}
.mobile-btn-wrapper #menu-button:hover {background: #343537;}

.cta-banner {padding: 16px 5%; color: #ddd; background: #000; text-align: center; font-size: 14px;}
.cta-banner a {color: #ddd; text-decoration: underline;}
.cta-banner a:hover {color: #fff;}

.chart-info {display: flex; align-items: stretch; flex-direction: column;}
.chart-row {flex: 1; display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap; margin: 4px 20px!important;} 
.chart-row .row {display: flex; align-items: stretch; flex-wrap: wrap; line-height: 21px; font-size: 14px;}
.chart-row .label {flex-basis: 40%; }
.chart-row .hours {flex-basis: 60%;}


/* STYLES */

h1.title-banner{font-size: 40px; padding: 90px 0; text-align: center; text-transform: uppercase; letter-spacing: 2px; font-weight: 400; color: #343537;}
h1.title-banner span {display: block; text-transform: none; font-size: 18px; letter-spacing: normal; margin-top: 15px; margin-bottom: 30px;}


/* contact form styles */
.email-wrapper iframe {width: 100%; height: 530px; box-sizing: border-box;}
.email-wrapper iframe body {background: none!important;}
.email-wrapper {width: 100%; max-width: 650px; height: auto; display: inline-block; margin: 0 auto; box-sizing: border-box;}
.email-thanks {text-align: right; color: #eee; margin: 2em; font-size: 14px; transition:ease-in .3s; font-weight: 700; font-family: 'Montserrat', sans-serif;}
.email-thanks a {padding: 10px; margin-top: 10px; display: inline-block; font-size: 12px; border: 1px solid #eee; border-radius: 4px;}
.email-thanks a:hover {background: #0d65bf;}

/* form + captcha */
#contact-form{box-sizing: border-box;}
#contact-form .form-row{display: flex; margin: 0 0 5px; flex-direction: row;}
#contact-form input[type="text"], #contact-form input[type="email"], #contact-form select, #form textarea, #contact-form input[type="date"]{width: 100%; margin: 4px 0; padding: 10px 5px; border: 1px solid #ccc;  font-family: 'Montserrat', sans-serif!important;}
#contact-form input[type="submit"]{float: right; display: block; background: #000!important; margin: 5px auto; padding: 8px 30px!important; font-weight: 600; font-family: 'Montserrat', sans-serif; font-size: 14px; color: #fff; border: none; transition: all .2s ease-in-out; cursor: pointer; height: auto!important;} #contact-form input[type="submit"]:hover{background: #000;}
#contact-form input[type="submit"]:hover {background: #0d65bf!important;}
#contact-form textarea{height: 90px; width: 100%!important; float: right; font-family: 'Montserrat', sans-serif;}
.input-right {flex-basis: 70%;}
.label-left {flex-basis: 30%; text-align: right;}
.label-left label {padding: 5px 10px; font-size: 13px; color: #eee;}

.CaptchaPanel{margin: 0 !important; padding: 0 !important; line-height: normal !important; text-align: right!important;}
.CaptchaAnswerPanel input{width: 250px; max-width: 100%; padding: 5px; margin: 5px 0;}
.CaptchaMessagePanel{padding: 0 !important; margin: 0 !important; font-weight: normal !important; font-size: 12px; line-height: 14px; color: #eee;}
.CaptchaAnswerPanel{margin: 0; padding: 2px 0px 2px 0px !important;}
.CaptchaWhatsThisPanel{line-height: 0; margin: 0; padding: 8px 0 8px 0 !important;}
.CaptchaWhatsThisPanel a{font-size: 12px; color: #eee; text-align: right!important;} .CaptchaWhatsThisPanel a:hover{text-decoration: none;}



/* FOOTER */

.footer{background: #343537; color: #eee!important; padding: 25px 0;}
.footer h2 {font-weight: 700; padding: 10px 12px; font-size: 20px;}
.footer p {font-size: 11.5px; padding-bottom: 15px;}
.footer a {display: block; font-weight: 700; padding: 10px 25px; font-size: 71%; 
    white-space: nowrap;}
.footer a:hover {background: #083271;}
.bottom-footer{background: #343537; padding: 25px 0; text-align: center; color: #888; font-size: 11px; text-transform: uppercase;}
.bottom-footer a:hover {color: #ccc;}


/* MEDIA QUERIES (RESPONSIVE) */

@media screen and (max-width: 1170px){
	.main{padding: 50px; flex-direction: column; flex-wrap: wrap; align-items: stretch; justify-content: space-between;}
	.container.cf {width: 100%;}
	
	.header-inner {flex-direction: column!important; flex-wrap: wrap; justify-content: space-between; align-content: center; text-align: center; align-items: stretch;}
	.header-inner .column3, .header-inner .column9 {width: 100%;}
	.mobile-btn-wrapper {display: flex;}
	
	.hdr-right {justify-content: center; align-content: center; text-align: center; margin: 0 0 10px 0;}
	.hdr-right .social-icons {display: none;}
	
	.header-container img.logo {margin-bottom: 0; max-width: 850px;}
	
	.column1, .column2, .column3, .column4, .column5, .column6, .column7, .column8, .column9, .column10, .column11, .column12 {margin: 0 auto!important; padding: 0;}
	
	.footer .column3 {width: 25%; float: left;}
}

@media screen and (max-width: 700px) {	
	.header-container img.mobile-logo {display: block; margin-bottom: 5px; margin-top: 15px;}
	.header-container img.logo {display: none;}
	.header-container img.logo {margin-top: 0;}
	
	h1.title-banner {font-size: 32px;}
	h1.title-banner span {font-size: 16px; margin-top: 10px; margin-bottom: 20px;}
	
	.footer{text-align: center;}
	.footer .column3 {width: 100%; float: none;}
	.bottom-footer .container {flex-direction: row;}
}

@media screen and (max-width: 500px) {
	.cta-banner {display: none;}
}