﻿@charset "UTF-8";


.sub-main .site-form {
	width:50%;
	-webkit-animation: slide-in-right 0.85s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-right 0.85s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}



/* SITE FORM
------------------------------------------------*/	
.site-form {width:100%; margin:50px 0; /*padding:2.5%; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;*/}

.site-form form {display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:center; margin:0 auto;}
.site-form h2 {/*font-size:25px;*/ font-weight:600; text-transform: uppercase;}
.site-form h3 {width:100%; font-size:1.2em; margin:12px 0 20px 0; text-transform:uppercase; font-weight: 700; letter-spacing:2px;  text-align:center; color:#00205b; font-family: 'Montserrat', sans-serif !important;}
.site-form hr {width:90%; margin:12px 0 20px 0; border-top:1px #c7c7c7 solid;}
.site-form .red {color:#D8090D;}
.site-form label {margin:0 0 0 8px; font-size:1em; font-variation-settings: "wght" 500; color:#353535; font-family: 'Montserrat', sans-serif;}

.site-form p {width:100%; margin:3px 0 30px 0; font-size:1.05em; line-height:1.5; color:#555; text-align:center;}

.fieldsWrap {margin:0 .5%;}
.fieldsFlex {display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:center;}
.singleFields {width:99%;}
.dualFields {width:49%;}
.thirdFields {width:32.3%;}

.site-form .instructions {font-size:12px; color:#777; margin:6px 0 6px 0;}
.site-form .note {width:100%; font-size:12px; font-style:italic; color:#777; text-align:center; margin:0;}
.site-form .disclaimer {width:100%; font-size:20px; line-height:1.5; font-style:italic; color:#1B1B1B; margin:0px 0 18px 28px;}

.site-form input[type="text"], .site-form input[type="email"], .site-form input[type="number"], .site-form input[type="time"], .site-form input[type="date"], .site-form input[type="month"], .site-form select {
	width:100%; height:44px; margin:6px 0 20px 0; padding:12px 10px; font-size:14px; color:#555; border:1px #ccc solid; background-color:#fff;
    
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	
}

.site-form input[type="date"] {padding:11px 10px;}

.site-form input[type="text"]:focus, .site-form input[type="email"]:focus, .site-form input[type="number"]:focus, .site-form input[type="time"]:focus, .site-form input[type="date"]:focus, .site-form input[type="month"]:focus, .site-form select:focus {border:1px #a5a5a5 solid; background-color:#f9f9f9;}


.site-form textarea {
	box-sizing: border-box; width:100%; padding:15px 10px 10px 10px; height:150px; margin:6px 0 20px 0;  font-size: 15px; border:1px #ccc solid; background-color:#fff; 
	-webkit-border-radius:0; -moz-border-radius:0; border-radius:0; font-family: 'Montserrat', sans-serif;
}

.site-form textarea:focus {background-color:#f9f9f9;}

.site-form .checkFields {display:flex; flex-flow:row wrap; margin:6px 0 20px 0;}
.site-form .checkFields .checkbox {/*width:calc(50% - 16px);*/ margin:0 8px 8px 8px; padding:0; color:#4D4D4D;}
.site-form .checkFields .checkbox label {margin:0; font-size:.95em; text-transform:none;}

.site-form input[type="submit"] {
	margin:20px auto 10px auto; padding:14px 45px 14px 45px; font-size:1.1875em; line-height:1; font-weight:700; text-align:center;
	color:#fff; border:none; background:#00205b; letter-spacing:.04em;
	transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -webkit-appearance: none;
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;	
	font-family: 'Montserrat', sans-serif;
}

.site-form input[type="submit"]:hover {letter-spacing:.01em; color:#fff; background:#081733; cursor:pointer; -webkit-appearance: none;}





/* FORM CAPTCHA
------------------------------------------------*/	
.CaptchaPanel {width:100%; margin:12px auto 0 auto !important; padding:10px 0 !important;}
.CaptchaImagePanel {padding:5px 0 10px 0 !important;}
.CaptchaMessagePanel {font-weight:100;}

img.CaptchaImage {margin:0 auto;}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaAnswerPanel input {padding:12px 0; text-indent:12px; box-sizing: border-box; border:1px #ccc solid;  background-color: #fff;}




/* SEARCH FORM
------------------------------------------------*/
.search-section {
	position:relative; z-index: 5; /*width:75%;*/ margin:0 auto; padding:1.25% 3.5%; /*border:3px #fff solid;*/ background:#0b4496; 
	-webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.25); box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.25);
}

.search-form form {display:flex; flex-flow:row wrap; align-items:center; justify-content: space-around; }

.search-form input[type="text"], .search-form select {
	box-sizing: border-box; width:28%; height:56px; margin:0; font-size:1.125em; line-height:1; text-indent:15px;
	 color: #373737; border:0; border-radius:3px; background:#f7f7f7; font-family: 'Montserrat', sans-serif !important;
}

.search-form input[type="text"]:focus {background-color:#f9f9f9;}

.search-form input[type="submit"] {
	position:relative; box-sizing: border-box; width:13%; height:56px; margin:0; font-size:1.125em; line-height:1; font-weight:600; text-transform:uppercase;
	color:#f1f1f1; border: 0; border-radius:3px; cursor:pointer;
	background:#4a78c1; font-family: 'Montserrat', sans-serif !important;
	transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -webkit-appearance: none;
}

.search-form input[type="submit"]:hover {background:#0b316f;} 




/************************************************ Responsive Styles **/

@media screen and (max-width: 1200px){

}

@media screen and (max-width: 1024px) {
	.sub-main .site-form {width:100%; margin:4em 0 0 0;}
	
	.fieldsWrap {margin:0;}
	.singleFields {width:100%;}
	.dualFields {width:100%;}
	.thirdFields {width:100%;}
	.site-form .checkFields .checkbox {width:calc(100% - 16px);}
	
	
	.search-form input[type="text"], .search-form select {width:49%; margin:.5% 0;}
	.search-form input[type="submit"] {width:49%; margin:.5% 0;}

}
@media screen and (max-width:885px) {	
	
}

@media screen and (max-width: 768px) {
	.search-form input[type="text"], .search-form select {width:100%; margin:1% 0;}
	.search-form input[type="submit"] {width:100%; margin:1% 0;}
}

@media screen and (max-width: 480px){

}

@media screen and (max-width: 320px){
	
}