/* #####################################################################################

 1834 - LANDING PAGE : STYLE-1
 build       01/31/2023
 version     v20230213.1-cr

######################################################################################## */



/* -------------------------------------
 DEFAULT GLOBAL - colors
---------------------------------------- 
 white       #FFFFFF
 black       #000000
    navy        #00539b
    brown       #ffc824
    lt brown    #F2EDE5
    lt gray     #D1D3D4


    blue #00539b
    yellow #ffc824

*/



/* -------------------------------------
 DEFAULT GLOBAL - fonts
---------------------------------------- 
 Arial   400, 700
*/



/* -------------------------------------
 DEFAULT GLOBAL - reset (do not edit)
---------------------------------------- */ 
html {-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;}
body {margin:0; font:16px/1 sans-serif; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;}
 /* box-sizing reset */
html {box-sizing:border-box;}
*, *:before, *:after {box-sizing:inherit;}
 /* permanent vertical scroll bar */
html {overflow-y:scroll;}
h1, h2, h3, h4, p, blockquote, figure, ol, ul {margin:0; padding:0;}
main, li {display:block;}
h1, h2, h3, h4 {font-size:inherit; font-weight:inherit;}
strong {font-weight:bold;}
a, button {color:inherit;}
a {text-decoration:none;}
button {overflow:visible; border:0; font:inherit; -webkit-font-smoothing:inherit; letter-spacing:inherit; background:none; cursor:pointer;}
::-moz-focus-inner {padding:0; border:0;}
:focus {outline:0;}
 /* images */
img {max-width:100%; height:auto; border:0;}
 /* forms */
select, input {border:0; outline:0;}
textarea {border:none; overflow:auto; outline:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; resize:none; line-height:inherit;}
textarea:focus, input:focus {outline:none;}
*:focus {outline:none;}
 /* tables */
table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}
table {border-collapse:collapse; border-spacing:0;}
 /* ios */
textarea, input.text, input[type="text"], input[type="tel"], input[type="button"], input[type="submit"], .input-checkbox {-webkit-appearance:none; border-radius:0;}
 /* reset all font-sizes to 0 (helps inline-block) */
body {font-size:0;}
 /* clear x from IE inputs */
input[type="text"]::-ms-clear, input[type="tel"]::-ms-clear {display:none;}
 /* clear default select style (gc/ie/ff) */
select::-ms-expand {display:none;}
select {-webkit-appearance:none; -moz-appearance:none; appearance:none;}
/* hide LastPass icon */
div[data-lastpass-icon-root] {display: none;}



/* -------------------------------------
 DEFAULT GLOBAL - pages (edit this)
---------------------------------------- */ 
 /* main alignment/background */
body {text-align:left; background:#FFFFFF;}
 /* main font styling */
body, input, select, checkbox, textarea {font-family:Arial, sans-serif; font-weight:400; color:#444444; line-height:1.5;}
 /* placeholder */
  /* Safari, Google Chrome, Konqueror */
::-webkit-input-placeholder {font-family:Arial, sans-serif; color:#A6A6A6; font-size:14px; line-height:inherit; font-style:normal; font-weight:400;}
  /* Firefox 18- line-height = input height */
:-moz-placeholder {font-family:Arial, sans-serif; color:#A6A6A6; font-size:14px; line-height:46px; font-style:normal; font-weight:400;}
  /* Firefox 19+ line-height = input height */ 
::-moz-placeholder {font-family:Arial, sans-serif; color:#A6A6A6; font-size:14px; line-height:46px; font-style:normal; font-weight:400;}
  /* IE */
:-ms-input-placeholder {font-family:Arial, sans-serif; color:#A6A6A6; font-size:14px; line-height:inherit; font-style:normal; font-weight:400;}
 /* sup */
sup {vertical-align:top; position:relative; top:0px; font-size:11px; left:1px; font-weight:400}
 /* @media print {} */
.printHide {display:none;}
.printShow {display:inline-block;}
/* loading overlay */
#bodyOverlay {width:100%; height:100%; background:#FFFFFF; position:fixed; left:0; top:0; opacity:1; z-index:600;}
/* control auto-complete style (Google Chrome)*/
input:-webkit-autofill, input:-webkit-autofill:hover,  input:-webkit-autofill:focus, input:-webkit-autofill, input:-webkit-autofill:hover,  input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {border: 1px solid #D1D3D4; -webkit-text-fill-color: #ffc824; -webkit-box-shadow: 0 0 0px 1000px transparent inset; transition: background-color 5000s ease-in-out 0s;}
/* control auto-complete style (Firefox - newer)*/
input:autofill {background: transparent;}
/* control auto-complete style (Firefox - older)*/
input {filter: none;}



/* -------------------------------------
 HEADER
---------------------------------------- */ 
header {width:100%; margin:0px 0 0 0; background:#FFFFFF; padding:20px 0; border-bottom:5px solid #ffc824;}
.fixed {position:fixed; width:100%; top:0; left:0; z-index:500; box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); padding: 10px 0; transition: 0.1s all linear;}
.logoContainer {max-width:600px; text-align:center; margin:0 auto;}
.logo {max-width:282px; margin:0 auto; transition: 0.1s all linear;}
.logo img {width:100%;}
.fixed2 {max-width: 160px;}
.fixed3 {margin-top: 63px;transition: 0.1s all linear forwards;}



/* -------------------------------------
 CONTENT
---------------------------------------- */ 
.content {max-width:600px; margin:0px auto 0 auto;}



/* -------------------------------------
 SECTION
---------------------------------------- */ 
section {width:100%; margin:0px 0 0 0;}
section:nth-child(1) {}
#hiddenContainer {width:100%; height:auto; margin:0px auto 0 auto; overflow:hidden; position:relative;}
#hiddenDiv {/*height:100px; */ padding:0px 0; color:#FFF; text-align:left; font-size:15px; position:absolute; top:0px; width:100%; vertical-align:middle; font-weight:300; opacity:1;}

/* HERO */
.heroContainer {width:100%; text-align:center; margin:0px 0 0 0;}
.hero {width:100%; margin:0 auto;}
.hero img {width:100%;}

/* HEADLINE */
.headlineContainer {width:100%; text-align:center; margin:0px 0 0 0; padding:20px 30px; background:#00539b;}
.headline {font-size:22px; color:#FFFFFF; font-weight:700;}

/* TITLE */
.titleContainer {width:100%; text-align:center; margin:0px auto 0 auto; padding:30px 30px 40px 30px; background:#FFFFFF;}
.title {font-size:23px; color:#00539b; font-weight:700;}
#hiddenDiv > .titleContainer {padding:40px 30px 50px 30px;}
#hiddenDiv > .titleContainer > .title {color:#ffc824; letter-spacing:1.6px; font-size: 20px; text-transform: uppercase;}
#thanksName {text-transform: uppercase;}
#thanksEmail {font-weight: bold;}

/* TEXT */
.textContainer {width:100%; text-align:center; margin:20px 0 0 0; padding:0 30px;}
.text {font-size:16px; color:#00539b;}
.text a {color:#34BBDB; font-weight:500;}
.text a:hover {border-bottom:1px solid #34BBDB;}

/* BUTTONS */
.buttonContainer {margin:40px auto 0 auto; display:table; text-align:center; padding:0 40px; position:relative;}
.button {height:44px; text-align:center; color:#FFFFFF; font-weight:400; text-transform:uppercase; font-size:14px; cursor:pointer; background:#00539b; margin:0 auto; border:0px solid transparent; padding:13px 20px; display:table-cell; border-radius:0px; position:relative; vertical-align:middle; line-height: 1;}
.button:hover {background:#ffc824; color:#FFFFFF; border-color:transparent;}



/* -------------------------------------
 FORM
---------------------------------------- */ 
.formContainer {margin:0px auto 0 auto; display:block; text-align:left; padding:0 40px;}
form {max-width:1000px; padding:20px 0px 0px 0px; margin:0 auto;}
.formHeadline {font-size:36px; text-transform:capitalize; color:#34BBDB; font-weight:600;}
.formTitle {font-size:16px; font-weight:700; margin:10px 0 0 0; color:#00539b;}
.formText {font-size:14px;}
.formField {width:calc(100% - 0px); position:relative; margin:25px 0 0 0; display:inline-block; vertical-align:top;}
.formFieldsContainer {margin:0px auto 0 auto;}
label {width:100%; font-size:14px; margin:0px auto 0 auto; display:block; font-weight:400; color:#00539b;}
.required {color:#ffc824; font-size:14px; margin:0 0px 0 2px;}

/* FIELD ICONS */
.fieldIcon {font-family:"Font Awesome 5 Free"; font-weight:500; font-size:16px; margin:0 0 0 0px; color:#444444; position:absolute; top:50%; transform:translateY(-50%); left:14px;}
.fieldIcon.email::before {content:"\f0e0";}
.fieldIcon.default::before {content:"\f45c"; font-weight:600;}
.fieldIcon.user::before {content:"\f007";}
.fieldIcon.company::before {content:"\f1ad";}

/* INPUTS */
.formInputText {position:relative; display:inline-block; margin:5px 0 0 0; width:100%;}
input[type="text"], input[type="tel"] {width:100%; padding:0 0 0 15px; border:1px solid #D1D3D4; color: #00539b; height:35px; margin:0px 0 0 0; font-size:14px;}
.formInputTextGroup:nth-child(1) {display:inline-block; vertical-align:top; width:50%; padding-right:20px;}
.formInputTextGroup:nth-child(2) {display:inline-block; vertical-align:top; width:50%; padding-left:20px;}

/* FIELD PASS/FAIL */
.fieldPass::after {pointer-events:none; font-family:"Font Awesome 5 Free"; display:inline-block; content:"\f058"; margin:0 0px 0 -1px; color:#00AA55; font-size:15px; font-weight:400; position:absolute; right:-27px; top:50%; transform:translateY(-50%);}
.fieldFail::after {pointer-events:none; font-family:"Font Awesome 5 Free"; display:inline-block; content:"\f06a"; margin:0 0px 0 -1px; color:#EE2222; font-size:15px; font-weight:600; position:absolute; right:-27px; top:50%; transform:translateY(-50%);}
.fieldFail > input[type="text"], .fieldFail > input[type="tel"] {border-color:#EE2222 !important;}

/* SPINNER */
@keyframes spinnerGeneric {
  0% {transform:translate(-50%, -50%) rotate(0deg);}
  100% {transform:translate(-50%, -50%) rotate(360deg);}
}
.spinnerContainer {width:100%; position:absolute; left:50%; transform:translateX(-50%); top:0; visibility:hidden;}
.spinnerGeneric {position:relative; width:44px; height:44px; margin:0 auto;}
.spinnerGeneric span, .spinnerGeneric span::after {position:absolute; width:calc(100% - 8px); height:calc(100% - 8px); border:4px solid #ffc824; border-top-color:transparent; border-radius:50%;}
.spinnerGeneric span {animation:spinnerGeneric 0.7s linear infinite; top:50%; left:50%; transform:translate(-50%,-50%);}

/* WARNINGS */
 /* email */
.emailWarningText {padding:7px 20px; position:absolute; margin:0px auto; box-sizing:border-box; background-color:#EE2222; box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); line-height:20px; font-size:12px; color:#FFFFFF; top:-34px; left:-30px; text-align:left; z-index:500; opacity:0; pointer-events:none; width:240px; transition: transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);}
/* disable button */
.disabled {opacity:0.5 !important; cursor:not-allowed !important; pointer-events:none;}
.button.disabled:hover {opacity:0.5 !important; cursor:not-allowed !important; background:#00AA55 !important;}



/* -------------------------------------
 FOOTER
---------------------------------------- */ 
footer {width:100%; margin:70px auto 0 auto; text-align:center; background:#00539b; padding:40px 40px 40px 40px; border-top:4px solid #ffc824;}
.footerContainer {max-width:600px; margin:0 auto;}
.footer {font-size:12px; color:#FFFFFF; text-align:center;}
.footer img { width: 100px;}






/* #####################################
 MEDIA QUERIES
######################################## */
@media only screen and (max-width:1000px) {
}

@media only screen and (max-width:600px) {
    .formInputTextGroup:nth-child(1), .formInputTextGroup:nth-child(2) {display:block; width:100%; padding:0px;}
    input[type="text"], input[type="tel"] {height:45px;}
    input[type="text"], input[type="tel"], label, .button {font-size: 16px;}
    .formTitle {font-size:18px;}

}


@media only screen and (max-width:400px) {
}