/* 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; list-style: none;} img{max-width: 100%; image-rendering: -webkit-optimize-contrast;}
.cf{zoom: 1;} .cf:before, .cf:after{content: ""; display: table;} .cf:after{clear: both;} .clear{clear: both;} *, *:before, *:after{box-sizing: border-box;}

html, body{font-family: 'Open Sans', sans-serif; line-height: 1.5; height: 100%; width: 100%;}
body{display: flex; min-height: 100vh; flex-direction: column;}
::-moz-selection{background: #F5D71D; color: #fff; text-shadow: none} ::selection{background: #F5D71D; color: #fff; text-shadow: none}

.main{flex: 1; padding: 60px 0 80px;}
.wrap{max-width: 1440px; margin: 0 auto; padding: 0 20px;}

.flex-col{display: flex; flex-wrap: wrap;}
.flex-col .col{padding-right: 25px;}
.flex-col .col:last-child{padding-right: 0;}
.flex-col .col-3{width: 25%;}

/* TYPOGRAPHY */

h1, h2, h3, h4, h5, h6{font-weight: 700;}
h1{margin-bottom: 10px; font-size: 28px; font-weight: 800; text-transform: uppercase;}
a{text-decoration: none; color: inherit; cursor: pointer; transition: all .2s ease-in-out;} a:hover{color: inherit;}

ul.bullet-list li{margin: 8px 0 8px 20px; font-size: 14px; list-style: disc;}
ol li{margin: 8px 0 8px 20px; font-size: 14px; list-style: decimal;}

.btn{display: inline-flex; align-items: center; justify-content: center; background: #F5D71D; padding: 10px 35px; font-weight: 700; color: #000; border-radius: 5px;}
.btn:hover{background: #E6CA15; color: #000;}

/* HEADER */

.header{padding: 15px 0; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);}
.header .wrap{display: flex; align-items: center;}
.header .logo{width: 300px;}
.header .navigation{margin-left: auto;}

/* NAVIGATION */

nav.primary{display: inline-block; text-align: center; position: relative; width: 100%; z-index: 999;}
nav.primary ul{display: flex; justify-content: center; width: 100%; margin: 0; padding: 0;}
nav.primary ul li{display: inline-block; position: relative; height: 100%; transition: 0.3s;}
nav.primary ul li i{margin-left: 10px;}
nav.primary ul li a{display: block; padding: 12px 20px; font-size: 16px; font-weight: 500; text-align: center; border-radius: 5px; transition: 0.2s ease-in;}
nav.primary ul li:hover > a{background: #f5f5f5;}

/* BODY */

.hero{flex: 1; background: #333;}

.faq-section{display: block; margin: 25px 0;}
.faq-section h2{font-size: 20px;}

.policy-section{display: block; margin: 25px 0;}

/* SLIDESHOW */

.carousel{background: #222;}
.carousel-cell{display: flex; align-items: center; justify-content: center; width: 100%; height: 600px; overflow: hidden;}
.carousel.is-fullscreen .carousel-cell{height: 100%;}
.carousel-cell-image{display: block; width: 100%; height: 100%; object-fit: cover;}

.carousel-content{display: flex; flex-wrap: wrap; position: absolute; left: -120px; width: 100%; height: 100%; max-width: 50%; background: rgba(23, 52, 94, 0.9); padding: 100px; color: #fff; transform: skew(21deg);}
.carousel-content h2 strong,.carousel-content h1 strong{padding-bottom:10px;text-transform: uppercase;font-size: 18px !important;display: block !important;}
.carousel-content h2,.carousel-content h1{margin: 10px 0; font-size: 36px; font-weight: 800; text-transform: uppercase; line-height: 1;}
.carousel-content ul li{list-style: disc; margin-left: 20px;}
.carousel-content .carousel-content-inner{max-width: 80%; margin: auto; font-size: 18px; transform: skew(-21deg);}
.carousel-content .btn{margin-top: 35px;}
.carousel .flickity-prev-next-button{background: none; width: 35px; height: 35px; color: #fff; opacity: .75; transition: all .2s ease-in-out;}
.carousel .flickity-prev-next-button:hover{background: none; opacity: 1;}
.carousel .flickity-page-dots .dot{background: #fff;}
.carousel .flickity-page-dots .dot.is-selected{background: #FEC200;}

/* FORM */
.form{margin: 50px auto; padding: 50px 25px; box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.05);}
.form .form-row{display: flex; flex-wrap: wrap; margin-bottom: 25px;}
.form .form-row .label-left{width: 250px; padding-right: 15px;}
.form .form-row .label-left label span{padding-left: 5px; color: red;}
.form .form-row .input-right{width: calc(100% - 250px);}
.form .form-row .input-right label{display: inline; margin-right: 10px; cursor: pointer;}
.form input[type="text"], .form input[type="email"], .form select, .form textarea{background: #f2f2f2; width: 100%; padding: 15px; font-family: 'Open Sans', sans-serif; border-radius: 5px; border: none;}
.form input[type="submit"]{display: block; width: 100%; max-width: 250px; background: #333; margin: 5px auto; padding: 15px; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 700; color: #fff; border-radius: 5px; border: none; transition: all .2s ease-in-out; cursor: pointer;}
.form input[type="submit"]:hover{background: #555;}
.form textarea{height: 120px;}

.CaptchaPanel{margin: 0 !important; padding: 0 !important; line-height: normal !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;}
.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: #000;} .CaptchaWhatsThisPanel a:hover{text-decoration: none;}

/* FOOTER */

.footer{background: #000; padding: 50px 0 25px; text-align: center; color: #fff;}
.footer img{display: inline-block; max-width: 125px; margin: 3px auto;}
.footer .foot-title{display:block;margin-bottom: 15px; font-size: 24px; font-weight: 800; line-height: 1.25;}

.footer ul li{padding: 5px;}
.footer ul li a:hover{color: #F5D71D;}

.footer .contact .foot-title{margin-bottom: 0;}
.footer .contact span{display: block; margin: 5px 0; font-size: 13px;}
.footer .flex-col{margin: 35px 0;}
.footer .copyright img{display: block; max-width: 75px; margin: 10px auto;}

/* RESPONSIVE */

nav.mobile, #menu-button{display: none;}

@media screen and (max-width: 1200px){
	.carousel-cell{height: 400px;}
	.carousel-content{left: 0; max-width: 100%; padding: 50px; transform: none;}
	.carousel-content .carousel-content-inner{max-width: 100%; transform: none;}
}
@media screen and (max-width: 980px){
	.header .logo{width: 225px; padding: 0 20px;}

	#menu-button{display: block; position: relative; font-size: 18px; font-weight: 700; z-index: 1000;}
	#menu-button a{display: block; padding: 5px 10px; text-align: center; color: #17345E;}
	#menu-button a:hover{background: #17345E; color: #fff;}

	nav.primary{display: none;}
	nav.mobile{display: block; position: fixed; top: 0; left: -250px; width: 250px; height: 100%; background: #333; color: #fff; z-index: 999999; overflow: auto; box-shadow: 5px 0px 10px 0px rgba(0, 0, 0, 0.1);}
	nav.mobile .mobile-top{display: flex; align-items: center; justify-content: space-between; position: relative; padding: 10px 15px; border-bottom: 4px #F5D71D solid;}
	nav.mobile .mobile-title{font-size: 14px; font-weight: 700; text-transform: uppercase;}
	nav.mobile .menu-toggle{font-family: Arial, sans-serif; font-size: 18px; font-weight: 900; line-height: 1; color: #fff; padding: 5px;}
	nav.mobile .menu-toggle:hover{opacity: .5;}

	nav.mobile ul{list-style: none; font-weight: 400; margin: 0; padding: 0;}
	nav.mobile ul li{position: relative; border-bottom: 1px solid #444;}
	nav.mobile ul li i{position: absolute; right: 15px;}
	nav.mobile ul li a{display: flex; align-items: center; position: relative; font-size: 12px; padding: 15px; font-weight: 700; text-transform: uppercase; color: #fff;}
	nav.mobile ul li a:hover{background: #555;}

	nav.mobile .social{padding: 25px 0 10px; text-align: center;}
	nav.mobile .social a{opacity: .75;}
	nav.mobile .social a:hover{opacity: 1;}
	nav.mobile .nav-footer{font-size: 12px; text-align: center; opacity: .5;}

	.main{padding: 30px 0;}
}
@media screen and (max-width: 768px){
	.form .form-row{margin-bottom: 10px;}
	.form .form-row .label-left, .form .form-row .input-right{width: 100%; padding: 0;}
	.form input[type="text"], .form input[type="email"], .form select, .form textarea{margin: 5px 0 10px;}
	.footer .flex-col .col-3{width: 50%; margin-bottom: 15px;}
}
@media screen and (max-width: 480px){
	.flex-col .col{padding-right: 0;}

	.carousel-content h2{font-size: 28px;}
	.carousel-content ul li{font-size: 15px;}

	.footer .foot-title{margin-bottom: 5px; font-size: 20px;}
	.footer .flex-col .col-3{width: 100%;}
}