/*   
Theme Name: Crawford Landing
Description: Crawford Landing site
Author: Odvod Media
Version: 1
*/

/* default
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
img,
object,
embed {width: 100%; height:auto}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; color:#666; text-decoration:none; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
a > span { transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
a:hover{ text-decoration:underline}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

h1,h2,h3,h4,h5,h6{ font-weight:400}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, b, th {font-weight: 700; }
em, i {  }

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
/*.clearfix { zoom: 1; }  */

.clear { clear: both; }

.hide { display: none !important; }

img { display: block; /*transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s;*/ }

.show-right:before { position: relative; left: 100%; display: block; width: 100%; float: left; margin: 0 0 0 -100%; }

.left { float: left !important; }
.middle { float: none !important; }
.right { float: right !important; }

.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }

.ab-right { position: absolute !important; right: 0; }
.ab-bottom { position: absolute !important; bottom: 0; }

.background { background-position: center center; background-repeat: no-repeat; background-size: cover; }
.background.overlay::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ''; background: rgba(0, 0, 0, .4); z-index: 10; }

.transition { text-decoration:none; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }

/*** site defaults ***/

html, BODY { height: 100%; }
BODY { background: #0a1f40; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 18px; letter-spacing: 1px; color: #fff; text-align: center; overflow-wrap: break-word; }
BODY.page-template-page-single { letter-spacing: .7px; }


h1, h2, h3, h4, h5 { margin: 0 0 30px; padding: 0; line-height: 1.2; font-weight: 600; font-style: normal; text-shadow: 2px 2px 2px rgba(10,31,64,0.7); }
h1 { font-size: 44px; }
h2 { font-size: 64px; }

a { color: #fff; text-decoration: underline; font-weight: 500; }
a:hover { color: #fff; text-decoration: none; }

p { padding: 0 0 30px; margin: 0; line-height: 1.5; text-overflow: ellipsis; }
p:last-child, p:last-of-type { padding-bottom: 0; }
p > a, p > span > a { color: #000; text-decoration: underline; }
p > a:hover, p > span > a:hover { color: #2c333a; text-decoration: underline; }
p:last-child + .image-wrapper, p:last-of-type + .image-wrapper, .wp-video + p { padding-top: 35px; }

ul, ol { margin: -20px 0 30px 15px; padding: 0; list-style-type: disc; }
ol { list-style-type: decimal; }
li { margin: 0 0 15px 15px; padding: 0 0 0 5px; }
ul:last-child, ul:last-of-type, ol:last-child, ol:last-of-type { margin-bottom: 0; }
li:last-child, li:last-of-type { margin-bottom: 0; }
li > ul, li > ol { margin-top: 0; margin-left: 0; padding-top: 10px; }
ul + p, ol + p, .image-wrapper + ul, .image-wrapper + ol { padding-top: 30px; }
p:last-child + ul, p:last-of-type + ul, p:last-child + ol, p:last-of-type + ol { margin: 0; padding: 20px 0 0; }

.wrap, .inner { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; }

.rows { position: relative; display: block; width: 100%; text-align: center; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; }
.rows .row { position: relative; display: block; margin: 0 auto; box-sizing: border-box; -moz-box-sizing: border-box; }
.rows .row:last-of-type { margin-bottom: 0; }

.cols { position: relative; display: block; margin: 0 0 0 -125px; }
.cols.flex { display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100vh; z-index: 999; }
.cols:last-of-type { margin-bottom: 0; }
.cols.flex.middle { -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }
.cols.flex.bottom { -ms-flex-align: baseline; -webkit-align-items: baseline; -moz-align-items: baseline; -ms-align-items: baseline; -o-align-items: baseline; align-items: baseline; }
.col { position: relative; display: block; width: 100%; float: left; padding: 0 0 0 125px; box-sizing: border-box; -moz-box-sizing: border-box; }
.cols-auto .col { width: auto; }
.cols-x2-3 .col, .col.col-x2-3 { width: 66.666% !important; }
.cols-x2 .col { width: 50% !important; }
.cols-x3 .col, .col.col-x3 { width: 33.333% !important; }
.cols-x4 .col { width: 25% !important; }
.cols-x2 .col:nth-child(2n+1) { clear: both; }
.cols-x3 .col:nth-child(3n+1) { clear: both; }
.cols-x4 .col:nth-child(4n+1) { clear: both; }
.cols.flex .col { -webkit-flex: 0 1 50%; -moz-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; }
.cols.flex.flex-auto .col { width: 100%; -webkit-flex: 0 1 auto; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; }
.col.col-auto { width: auto; }


.cols.grid { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; gap: 75px 75px; margin-left: 0; grid-auto-rows: minmax(min-content, max-content); }
.cols.cols-3-2-3.grid { grid-template-areas: "col-1 col-2 col-3" "col-4 col-4 col-5" "col-6 col-7 col-8"; }
.cols.grid .col { padding-left: 0; float: none; }
.cols.grid .col-1 { grid-area: col-1; }
.cols.grid .col-2 { grid-area: col-2; }
.cols.grid .col-3 { grid-area: col-3; }
.cols.grid .col-4 { grid-area: col-4; }
.cols.grid .col-5 { grid-area: col-5; }
.cols.grid .col-6 { grid-area: col-6; }
.cols.grid .col-7 { grid-area: col-7; }
.cols.grid .col-8 { grid-area: col-8; }
.cols.grid .col-9 { grid-area: col-9; }




.content + .buttons { padding-top: 20px; }
.buttons + .content { padding-top: 20px; }
.buttons { position: relative; display: block; }
.button { display: inline-block; margin-right: 25px; padding-top: 25px; }
.button:last-of-type { margin-right: 0; }


.button a { display: block; padding: 15px 30px; min-width: 250px; text-align: center; text-decoration: none; background: #0a1f40; color: #fff !important; border: 1px solid #fff; letter-spacing: 1.1px; font-weight: 500; border-radius: 30px; box-sizing: border-box; -moz-box-sizing: border-box; text-transform: uppercase; }
.button.light a { background: rgba(0, 0, 0, 0); color: #fff !important; border-color: #fff; }
.button.light a.dark { background: #003262; }
.button.alt a { background: #84bd00; color: #fff !important; border-color: #84bd00; }
.button a:hover, .button.active a { background: #7dc46e; color: #fff !important; border-color: #7dc46e; text-decoration: none !important; }
.button.light a.dark:hover { background: #fff; }

.banner-width { max-width: 800px; width: 100%; margin-left: auto; margin-right: auto; }
.content-width { max-width: 1620px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; }
.post-width { max-width: 1020px; width: 100%; margin: 0 auto; box-sizing: border-box; -moz-box-sizing: border-box; }


span.break { display: block !important; margin: 0 !important; padding: 0 !important; }


/*** site styles ***/

header { position: absolute; top: 0; left: 0; display: block; width: 100%; padding: 35px 0; z-index: 99; }
header img { max-width: 250px; margin: 0 auto; }


.badge-wrapper { position: absolute; top: 0; right: 20px; display: block; z-index: 999; }
.badge-wrapper.badge-mobile { position: relative; right: auto; top: auto; display: none; width: 100%; background: #fff; }
.badge-wrapper .badge { position: relative; display: block; height: 160px; }
.badge-wrapper.badge-mobile .badge { position: relative; top: auto; left: auto; right: auto; display: block; margin: 0 auto; width: auto; height: auto; max-height: 50px; }
.badge-wrapper .badge img { width: auto; height: 100%; max-width: 100%; margin: 0 auto; }
.badge-wrapper.badge-mobile .badge img { max-height: 50px; }


.section-wrapper { position: relative; display: block; width: 100%; height: 101vh; /*max-width: 2510px;*/ padding: 0; margin: 0 auto; overflow: hidden; webkit-backface-visibility: hidden; box-sizing: border-box; -moz-box-sizing: border-box; }

.rows.rows-banner, .rows.rows-content { height: 101vh; }
.rows.rows-banner .slick-list { height: 101vh }
.slick-slider .slick-track, .slick-slider .slick-list { height: 102vh }
ul.slick-dots { display: block; position: absolute; top: 45%; right: 45px; list-style-type: none; margin: 0 auto; }
ul.slick-dots li { margin: 0; padding: 2px 0; }
ul.slick-dots li button { border: 1px solid #fff; font-size: 1px; color: #000; width: 15px; height: 15px; border-radius: 20px; background: none; }
/*.firefox ul.slick-dots li button { height: 18px; }*/
ul.slick-dots li:hover button, ul.slick-dots li.slick-active button { background: #fff; color: #fff; }

.slick-slider .banner-width .content { max-width: 600px; margin-left: auto; margin-right: auto; }
.slick-slider .banner-width .content p { text-shadow: 1px 1px 1px rgba(10,31,64,0.5); }
.slick-slider .banner-width .content ul { text-align: left; margin-left: 15%; }

.rows-content { text-align: left; padding: 0 40px; }

.content.content-small { font-size: 14px; }

.rows-3.background::after { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 230px; content: ''; background: url("images/Footer.png") center top no-repeat; background-size: cover; }
.rows-3.background::before { position: absolute; top: -130px; left: -1%; display: block; width: 102%; height: 130px; content: ''; background: url("images/Wave-with-background.svg") center top no-repeat; background-size: cover; }


.side-box { width: 100%; max-width: 100%; /*padding: 20px; border: 1px solid #fff; border-radius: 10px; -webkit-box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.2);*/ color: #fff; text-align: left; }
.side-box + p { padding-top: 15px; }
.box-poll h5 { font-size: 14px; padding: 0; margin: 0; color: #fff; }
.box-poll h4 { font-size: 24px; margin: 0 0 20px; color: #fff; }
.poll-results { display: none; }
.poll-results .field.result { margin-bottom: 10px; }
.poll-results .field.result .row-inner { display: table-row; }
.poll-results .field.result strong { position: relative; display: table-cell; width: 60px; padding: 3px 0 3px 10px; z-index: 1; }
.poll-results .field.result .name { position: relative; display: table-cell; padding: 3px 10px 3px 0; z-index: 1; }
.poll-results .field.result .percent { position: absolute; top: 0; left: 0; display: block; height: 100%; background: #476485; border-radius: 5px; }
.poll-results .field.result.active .percent { background: #84bd00; }
.box-poll .totals { padding-top: 15px; font-size: 14px; }

.rows-banner .side-box { text-align: center; }
.rows-banner .side-box .radio-wrap { position: relative; display: inline-block; margin: 0 auto; text-align: left; }
.rows-banner .poll-results .field.result .row-inner { display: block; }
.rows-banner .poll-results .field.result strong, .rows-banner .poll-results .field.result .name  { display: inline-block; }
.rows-banner .poll-results .field.result strong { width: auto; padding-right: 5px; }
.rows-banner .poll-results .field.result .percent { top: 50%; left: 50%; transform: translate(-50%, -50%); }


.box-poll form, .page-template-page-single form { position: relative; display: block; }
.box-poll form ul { margin: 0; padding: 0; }
.box-poll form li { list-style-type: none; margin: 0; padding: 0; }
.box-poll form .field, .page-template-page-single form .field { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; }
.box-poll form .field label, .page-template-page-single .field label { position: absolute; top: 0; display: none; width: 100%; opacity: 0; font-size: 14px; color: #708090; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; z-index: 1 }
.box-poll form .field input, .page-template-page-single form .field input, .box-poll form .field select, .page-template-page-single form .field select, .box-poll form .field textarea, .page-template-page-single form .field textarea { position: relative; width: 100%; background: #f5f5f5; font-family: 'Roboto Slab', serif; font-weight: 400; font-size: 18px; letter-spacing: 1.2px; color: #2c333a; padding: 15px 15px; border: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.box-poll form .field textarea, .page-template-page-single form .field textarea { height: 100%; }
.box-poll form .field.center input, .page-template-page-single form .field.center input { text-align: center; }
.box-poll form .field.select, .page-template-page-single form .field.select .select-wrap { background: #f5f5f5; }
.box-poll form .field .select-wrap, .page-template-page-single form .field .select-wrap { position: relative; display: block; z-index: 20; }
.box-poll form .field select, .page-template-page-single form .field select { -webkit-appearance: none; -moz-appearance: none; text-overflow: ''; background: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: calc(100vw - 50px); }
.box-poll form .field select::-ms-expand, .page-template-page-single form .field select::-ms-expand { display: none; }
.box-poll form .field .select-dir, .page-template-page-single form .field .select-dir { position: absolute; top: 15px; right: 0px; display: block; height: 43%; border-left: 1px solid #708090; padding: 0 15px; color: #708090; line-height: 1.1; z-index: 10; }
.page-template-page-single form .field .select-dir .icon::before { transform: rotate(90deg); }
.box-poll form .field input[type="checkbox"], .box-poll form .field input[type="radio"] { border: 1px solid #000; padding: 3px; margin: 0 10px 0 0; height: 20px; width: 20px; display: table-cell; float: left; vertical-align: initial; }
.box-poll form .field.radio { display: table-row; }
.box-poll form .field input[type="radio"] { float: none; }
.box-poll form .field.radio span { display: table-cell; top: 2px; padding-bottom: 10px; }
.box-poll form .field input[type="submit"], .page-template-page-single form .field input[type="submit"] { display: block; padding: 15px 30px; min-width: 250px; background: #476485; color: #fff; border: 1px solid #476485; letter-spacing: 1.1px; font-weight: 400; outline: 0; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
.box-poll form .field input[type="submit"]:hover, .page-template-page-single form .field input[type="submit"]:hover { color: #fff; background: #000; text-decoration: none; }
.box-poll form .field .field-item { position: relative; display: block; margin-bottom: 10px; }
.box-poll form .field .field-item:last-child { margin-bottom: 0; }
.box-poll form .field.required::after, .page-template-page-single form .field.required::after { position: absolute; top: 2px; right: 5px; content: '* REQUIRED'; font-size: 12px; z-index: 999; }

.box-poll form .field.floating label, .page-template-page-single form .field.floating label { display: block; margin-top: 2px; margin-left: 0; padding: 0 15px; text-align: left; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transform: translateY(3px); transform: translateY(3px); pointer-events: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 1; }
.box-poll form .field.floating.required label, .page-template-page-single form .field.floating.required label { padding-right: 80px; }
.box-poll form .field.floating.error label, .box-poll form .field.checkbox.error span, .box-poll form .field.radio.error span, .page-template-page-single form .field.floating.error label, .page-template-page-single form .field.checkbox.error span, .page-template-page-single form .field.radio.error span { color: #cc0000; }
.box-poll form .field.floating.select label, .page-template-page-single form .field.floating.select label { margin-left: 4px; }
.box-poll form .field.floating input, .box-poll form .field.floating select, .box-poll form .field.floating textarea, .page-template-page-single form .field.floating input, .page-template-page-single form .field.floating select, .page-template-page-single form .field.floating textarea { padding-top: 24px; padding-bottom: 6px; }


.page-template-page-single form .field select { text-overflow: ellipsis; padding-right: 50px; }
.page-template-page-single form .field-wrapper.grid { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto; gap: 0 40px; grid-template-areas: "field-name field" }
.page-template-page-single form .field-wrapper .field-name { position: relative; grid-area: field-name; align-content: center; }
.page-template-page-single form .field-wrapper strong { font-weight: 400; }
.page-template-page-single form .field-wrapper { position: relative; display: block; padding-top: 35px; }
.page-template-page-single form .field { display: block; grid-area: field; }
.page-template-page-single form .field input, .page-template-page-single form .field input[type="submit"], .page-template-page-single form .field.select { width: 100%; max-width: 500px; }
.page-template-page-single form .field.select { min-width: 300px; }
.page-template-page-single form .field input[name="postal-code"] { max-width: 200px !important; }
.page-template-page-single form .field input[type="text"], .page-template-page-single form .field input[type="submit"] { width: 100%; max-width: 400px; }
.section-wrapper form select { -webkit-appearance: none; -moz-appearance: none; text-overflow: ''; background: none; border: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 60px; cursor: pointer; max-width: calc(100vw - 145px) !important; }
.section-wrapper form .radio-wrap, .section-wrapper form .checkbox-wrap { position: relative; display: block; }
.section-wrapper form .radio-box-wrap, .section-wrapper form .checkbox-box-wrap { position: relative; display: block; z-index: 20; }
.section-wrapper form .radio-wrap label, .section-wrapper form .checkbox-wrap label { position: relative; display: block; opacity: 1; font-size: 20px; padding: 10px 0px; }
.section-wrapper form .radio-box-wrap label input, .section-wrapper form .checkbox-box-wrap label input { position: absolute; top: 19px; width: auto; }
.section-wrapper form .radio-box-wrap label .wpcf7-list-item, .section-wrapper form .checkbox-box-wrap label .wpcf7-list-item { padding-left: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.section-wrapper form .radio-box-wrap label .wpcf7-list-item.first, .section-wrapper form .checkbox-box-wrap label .wpcf7-list-item.first { padding-left: 0; }
.section-wrapper form .radio-box-wrap label .wpcf7-list-item-label, .section-wrapper form .checkbox-box-wrap label .wpcf7-list-item-label { padding-left: 25px; }

.section-wrapper form .checkbox-box-wrap .wpcf7-checkbox { display: flex; flex-wrap: wrap; }
.section-wrapper form .checkbox-box-wrap .wpcf7-list-item { width: 50%; margin-left: 0; padding-right: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.section-wrapper .wpcf7 form .ajax-loader { display: none; }
.section-wrapper .wpcf7 form .wpcf7-response-output { margin: 20px 0 0; padding: 15px 30px; border: none; background: #d4ddf4; text-align: center; font-size: 20px; }
.section-wrapper .wpcf7 form.invalid .wpcf7-response-output, .section-wrapper .wpcf7 form.unaccepted .wpcf7-response-output { background: #cc0000; color: #fff; }
.section-wrapper .wpcf7 form.sent .wpcf7-response-output { background: #eaaa00; color: #fff; }

.page-template-page-single form .submit-wrapper { position: relative; display: block; padding-top: 35px; text-align: center; font-size: 16px; }
.page-template-page-single form .field input[type="submit"] { background: #84bd00; border: 1px solid #84bd00; margin: 0 auto 10px; }
.page-template-page-single form .field input[type="submit"]:hover { background: #000; border-color: #000; }

.footer { position: absolute; bottom: 30px; left: 0; display: block; width: 100%; font-size: 16px; font-weight: 500; text-align: right; color: #0a1f40; }
.footer .footer-inner { position: relative; display: block; }
.footer a { color: #0a1f40; text-decoration: underline; }
.footer a:hover { color: #fff; text-decoration: underline; }
.footer-logo { position: relative; display: block; width: 250px; float: left; }
.footer-content { position: absolute; right: 0; bottom: 15px; display: block; letter-spacing: 0.7px; }


.page-template-page-single header { position: relative; top: 0 !important; }
.page-template-page-single .section-wrapper { height: auto; padding-bottom: 50px; font-weight: 300; }
.page-template-page-single .section-wrapper .post-width { background: #fff; padding: 30px 40px; color: #000; }
.page-template-page-single .section-wrapper a { color: #476485; }
.page-template-page-single .section-wrapper a:hover { color: #000; }
.page-template-page-single form p { padding-bottom: 10px !important; }
/*.page-template-page-single form p + .field { margin-top: 20px; }*/
.page-template-page-single form .field + p { margin-top: 30px; }
.page-template-page-single .rows.rows-content { padding-top: 0 !important; }
.page-template-page-single .section-wrapper .footer { position: relative; bottom: 0; background: none; padding: 35px 0 0; text-align: center; color: #fff; font-size: 14px; }
.page-template-page-single .section-wrapper .footer a { color: #fff; text-decoration: underline; }
.page-template-page-single .section-wrapper .footer a:hover { color: #fff; text-decoration: none; }


.wrapper { position: fixed; top: 0; left: 0; display: block; width: 100%; height: 100%; z-index: 999999999; }



.popup-wrapper { position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; padding: 30px 50px; background: rgba(17, 18, 24, .95); box-sizing: border-box; -moz-box-sizing: border-box; z-index: 9999999; }
.popup { position: relative; height: 100%; width: 100%; max-width: 800px; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; color: #fff; margin: 0 auto; text-align: left; }
.popup .inner { position: relative; display: block; max-width: 800px; width: 100%; font-size: 18px; box-sizing: border-box; -moz-box-sizing: border-box; color: #fff; }
.popup h3 { color: #fff; font-size: 34px; margin-bottom: 20px; }
.popup h5 { padding-top: 20px; }
.popup a { color: #fff; }
.popup a:hover { color: #fff; }
.popup .btn { position: relative; display: block; text-align: right; margin-bottom: 10px; }
.popup a.icon { display: inline-block; font-size: 22px; color: #fff; text-decoration: none; }
.popup a.icon:hover { color: #BA0C2F; text-decoration: none; }
.popup .button { display: block; padding-top: 0; margin: 0 auto 25px; text-align: center; }
.popup .button a { min-width: 0; max-width: 260px; width: 100%; margin: 0 auto; }

.popup .wpcf7 { padding: 0; margin: 0; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; text-align: left; }
.popup .wpcf7 p { display: none; padding-bottom: 25px; margin: 0; width: auto; line-height: 1.3; }
.popup .wpcf7 img { width: auto; }
.popup .ajax-loader { background: #FFF; float: left; padding: 2px; margin: 0 10px 0 0; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.popup .wpcf7 label { display: block; font-family: "museo", sans-serif; font-size: 16px; text-transform: uppercase; margin: 0 0 3px; }
.popup .wpcf7 input, .popup .wpcf7 select, .popup .wpcf7 textarea { font-family: "open_sansregular", sans-serif; font-weight: 400; font-size: 16px; color: #000000; background: #e1e1e1; padding: 10px 20px; width: 100%; border: none; outline: 0; margin: 0; line-height: 1.1; box-sizing: border-box; -moz-box-sizing: border-box; }
.popup .wpcf7 textarea { height: 180px; }
.popup .wpcf7 select { padding: 5px 10px; width: 60px; margin: 0 10px; }
.popup .wpcf7 input[type="submit"] { display: inline-block; width: 100%; max-width: 260px; color: #fff; font-family: "museo", sans-serif; font-size: 16px; font-weight: 300; text-transform: uppercase; line-height: 1; background: #BA0C2F; padding: 18px 25px 17px; margin: 20px 0 0; text-decoration: none; border: none; outline: 0; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
.popup .wpcf7 input[type="submit"]:hover { color: #fff; background: #003262; text-decoration: none; }
.popup .wpcf7 .ajax-loader { float: right; }
.popup .wpcf7 form.sent .wpcf7-response-output { margin: 0; border: none; background: #003262; padding: 18px 25px 17px; color: #fff; }


.alert-wrapper { position: fixed; top: 0; display: block; width: 100%; height: 100%; padding: 100px 50px 50px; background: rgba(0, 0, 0, .5); z-index: 999999999999; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; cursor: pointer; }
.alert-wrapper .alert-wrapper-inner { position: relative; display: grid; height: 100%; align-content: center; color: #000; }
.alert-wrapper .alert { position: relative; display: block; width: 100%; max-width: 800px; background: #fff; border: 5px solid #000; padding: 30px; margin: 0 auto; border-radius: 10px; text-align: left; box-sizing: border-box; -moz-box-sizing: border-box; }

.footer .social { position: relative; display: block; margin-bottom: 15px; }
.footer .social a { font-size: 22px; text-decoration: none; }
.footer .social a:hover { text-decoration: none; }


@viewport { width: auto; }

@media only screen and (max-height: 800px) {

  .popup { display: block; overflow-y: auto; }
	
}



@media only screen and (max-height: 900px) {
  
  .rows.rows-content { padding-top: 50px; }
  .rows.rows-content, .rows-content .cols.flex { height: auto; }
  .footer { position: relative; bottom: auto; padding-top: 150px; padding-bottom: 30px; }
  
}

@media only screen and (max-height: 600px) {
  
  header { padding: 25px 0; }
  header img { max-width: 220px; }
  h2 { font-size: 54px; margin-bottom: 20px; }
  .rows-banner .cols.flex.middle { -ms-flex-align: flex-end; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -o-align-items: flex-end; align-items: flex-end; }
  .rows-banner .cols.flex.flex-auto .col { margin-bottom: 100px; }
	.rows-3.background::after { height: 200px; }
  .button a { font-size: 18px; }
  
}

@media only screen and (max-width: 1300px) {
  
  BODY { font-size: 18px; }
  h1 { font-size: 40px; }
	h2 { font-size: 60px; }
  .button a { min-width: 200px; font-size: 18px; }
	.rows-3.background::after { height: 200px; }
	.footer-logo { width: 200px; }
	.footer-content { bottom: 5px; }
  
}

@media only screen and (max-width: 1000px) {
 
  h1 { font-size: 36px; }
  h2 { font-size: 54px; }
  header img { max-width: 180px; }
  .cols { margin-left: -75px; }
  .col { padding-left: 75px; }
  
  .rows-banner h2, .rows-banner .content, .rows-banner .buttons { padding-left: 50px; padding-right: 50px; }
  ul.slick-dots { right: 25px; }
  .content-width .button { display: block; margin-right: 0; padding-top: 20px; }
	
	.page-template-page-single form .field-wrapper.grid { grid-template-columns: 55% 1fr; }
  .page-template-page-single form .field.select { min-width: 200px; }
	
	.footer-logo { width: 180px; }
	.footer-content { max-width: 500px; }
  
}

@media only screen and (max-width: 800px) {
  
	h1 { font-size: 34px; }
  h2 { font-size: 48px; }
  
  .rows-content .cols.flex { display: block; }
  .rows-content .col .image { width: 80%; margin: 0 auto 30px; padding-top: 70px; }
  .content-width .button { display: inline-block; margin-right: 25px; }
  
  .badge-wrapper { display: none; }
	.badge-wrapper.badge-mobile { display: block; }
  .badge-wrapper.badge-mobile + header { top: 30px; }
	
	.page-template-page-single form .field-wrapper.grid { grid-template-columns: 1fr 1fr; }
	
	.footer { font-size: 15px; }
	.footer-content { position: relative; right: auto; bottom: auto; float: right; padding-top: 15px; max-width: 400px; }
  
}

@media only screen and (max-width: 667px) {
	
	BODY.page-template-page-single { font-size: 16px; }
	.page-template-page-single .rows-content { padding-left: 0; padding-right: 0; }
	.page-template-page-single form .field-wrapper.grid { display: block; }
	.page-template-page-single form .field-wrapper.grid .field-name { margin-bottom: 10px; }
	.page-template-page-single form .field input, .page-template-page-single form .field.select, .page-template-page-single form .field input[name="postal-code"], .page-template-page-single form .field input[type="submit"] { max-width: none !important; }
	.section-wrapper form .radio-wrap label, .section-wrapper form .checkbox-wrap label { font-size: 16px; }
	
	.footer-logo { width: 150px; }
	.footer-content { max-width: 300px; }
	
}

@media only screen and (max-width: 600px) {
 
  h1 { font-size: 32px; margin-bottom: 25px; }
  
  .rows-banner .cols.flex.flex-auto .col { margin-bottom: 0; }
  .rows-banner h2 { font-size: 40px; }
  .rows-banner h2, .rows-banner .content, .rows-banner .buttons { padding-left: 70px; padding-right: 70px; }
  .rows-banner .button { padding-top: 10px; }
  .rows-content .col .image { width: 100%; }
  ul.slick-dots { right: 20px; }
  .rows-banner .button, .content-width .button { display: block; margin-right: 0; }
  .footer { font-size: 14px; bottom: 10px; }
	
	.rows-content { padding: 0 30px; }
  
  .popup-wrapper { padding: 20px; }
  .popup h3 { font-size: 30px; }
	
	.button a { font-size: 16px; }
	
	.section-wrapper form .checkbox-box-wrap .wpcf7-list-item { width: 100%; padding-right: 0; }
  
  .slick-slider .banner-width .content ul { margin-left: 5%; }
	
	.rows-3.background::after { height: 200px; }
	.footer-logo { margin: 0 auto; float: none; }
	.footer-content { max-width: 100%; float: none; text-align: center; }
  
}

@media only screen and (max-width: 600px) and (max-height: 800px) {
	
	.rows-banner .cols.flex.middle { -ms-flex-align: flex-start; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -o-align-items: flex-start; align-items: flex-start; padding-top: 150px; }
	.rows-content .col .image { padding-top: 40px; }
	
}

@media only screen and (max-width: 480px) {
  
  .rows-banner h2 { font-size: 30px; }
  .rows-banner h2, .rows-banner .content, .rows-banner .buttons { padding-left: 20px; padding-right: 20px; }
  ul.slick-dots { display: none !important; }
  .rows-content .col .image { width: 100%; }
  .footer { font-size: 12px; }
	
	.page-template-page-single .section-wrapper .post-width { padding: 20px; }
	.page-template-page-single .section-wrapper .post-width .inner { padding-bottom: 30px; }
  
}

@media only screen and (max-width: 420px) {
  
  h1, .rows-banner h2 { font-size: 28px; }
  .badge-wrapper.badge-mobile + header { top: 15px; }
  
}

@media only screen and (min-width: 600px) and (max-width: 1600px) and (max-height: 900px) {
	
	.rows-3.background::after { height: 160px; }
	
}