@charset "utf-8";

.lds-dual-ring, .lds-ellipsis { display: inline-block; }

.animated-check, .lds-dual-ring, .lds-ellipsis { height: 80px; width: 80px; }

.lds-dual-ring::after { content: " "; display: block; width: 64px; height: 64px; margin: 8px; border-radius: 50%; border-width: 6px; border-style: solid; border-image: initial; border-color: rgb(0, 51, 102) transparent; animation: 1.2s linear 0s infinite normal none running lds-dual-ring; }

@keyframes lds-dual-ring { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.lds-ellipsis { position: relative; }

.lds-ellipsis div { position: absolute; top: 33px; width: 13px; height: 13px; border-radius: 50%; background: rgb(255, 255, 255); animation-timing-function: cubic-bezier(0, 1, 1, 0); }

.lds-ellipsis div:first-child { left: 8px; animation: 0.6s ease 0s infinite normal none running lds-ellipsis1; }

.lds-ellipsis div:nth-child(2) { left: 8px; animation: 0.6s ease 0s infinite normal none running lds-ellipsis2; }

.lds-ellipsis div:nth-child(3) { left: 32px; animation: 0.6s ease 0s infinite normal none running lds-ellipsis2; }

.lds-ellipsis div:nth-child(4) { left: 56px; animation: 0.6s ease 0s infinite normal none running lds-ellipsis3; }

@keyframes lds-ellipsis1 { 
  0% { transform: scale(0); }
  100% { transform: scale(1); }
}

@keyframes lds-ellipsis3 { 
  0% { transform: scale(1); }
  100% { transform: scale(0); }
}

@keyframes lds-ellipsis2 { 
  0% { transform: translate(0px, 0px); }
  100% { transform: translate(24px, 0px); }
}

.animated-check path { fill: none; stroke: white; stroke-width: 4; stroke-dasharray: 23; stroke-dashoffset: 23; animation: 2s linear 0s 1 normal forwards running draw; stroke-linecap: round; stroke-linejoin: round; }

@keyframes draw { 
  100% { stroke-dashoffset: 0; }
}

.lander-form-wrapper { margin: 0px auto; max-width: 700px; width: 100%; border: 0px; border-radius: 6px; }

.lander-form-header { font-size: 30px; margin: 0px; padding: 30px 20px; letter-spacing: 1px; text-align: center; border-top-left-radius: 6px; border-top-right-radius: 6px; }

.lander-form { padding: 30px 30px 20px; position: relative; }

@media (max-width: 576px) {
  .lander-form { padding: 30px 15px 20px; position: relative; }
}

.lander-form .lander-form-loading-overlay, .lander-form .lander-form-success-overlay { display: none; }

.lander-form.lander-form-loading .lander-form-loading-overlay, .lander-form.lander-form-success .lander-form-success-overlay { display: block; width: 100%; background: rgba(0, 0, 0, 0.5); height: 100%; position: absolute; left: 0px; top: 0px; z-index: 1000; }

.lander-form-loading-overlay .lds-dual-ring { position: absolute; left: 50%; top: 50%; margin-top: -80px; margin-left: -40px; }

.lander-form-success-overlay .animated-check-wrapper { position: absolute; left: 50%; top: 50%; margin-top: -45px; margin-left: -120px; }

.lander-form-field { margin-bottom: 15px; width: 100%; box-sizing: initial; position: relative; }

.lander-form-field label { display: block; }

.lander-form-field input { color: rgb(0, 0, 0); font-size: 16px; line-height: 42px; font-weight: 400; transition: 0.3s; display: block; width: 100%; background-color: rgb(255, 255, 255); border: 1px solid rgb(206, 212, 218); padding: 10px; outline: 0px; position: relative; box-sizing: border-box !important; margin: 0px !important; height: 50px !important; }

.lander-phone-input { padding-left: 52px !important; padding-right: 6px !important; }

.lander-form-field input[type="checkbox"] { display: block; width: 0px; visibility: hidden; height: 0px !important; }

.lander-checkbox-label { display: block; padding: 10px 0px; white-space: nowrap; cursor: pointer; }

.lander-form-custom-checkbox { position: relative; display: inline-block; width: 20px; height: 20px; border: 1.5px solid rgb(0, 51, 102); border-radius: 5px; vertical-align: bottom; }

@keyframes checkbox-pulsing { 
  100% { box-shadow: transparent 0px 0px 0px 5px; }
}

.lander-form-field-validation-error .lander-form-custom-checkbox { box-shadow: rgb(221, 42, 48) 0px 0px 0px 0px; animation: 2s ease 0s infinite normal none running checkbox-pulsing; }

.lander-form-custom-checkbox > i { display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 16px; color: rgb(255, 255, 255); }

.lander-form-field input[type="checkbox"]:checked + .lander-form-custom-checkbox, .lander-form-field-validation-ok .lander-form-custom-checkbox { background-color: rgb(0, 51, 102); animation: auto ease 0s 1 normal none running none; }

.lander-form-field input[type="checkbox"]:checked + .lander-form-custom-checkbox > i, .lander-form-field-validation-ok .lander-form-custom-checkbox > i { display: block; }

.lander-form-label-text { display: inline-block; padding-left: 15px; font-size: 18px; opacity: 0.7; white-space: normal; }

.lander-form-wrapper, .lander-form-field .lander-submit { box-shadow: rgba(13, 13, 13, 0.43) 0px 4px 20.9px 3.1px; }

.lander-form-field .lander-submit { box-shadow: rgb(0, 51, 102) 0px 0px 0px 0px; animation: 2s ease 0s infinite normal none running pulsing; }

.lander-form-steps { width: 100%; display: flex; flex-wrap: nowrap; align-items: center; margin-bottom: 25px; }

.lander-form-steps .lander-form-step { border-radius: 5px; background: rgb(231, 231, 231); height: 7px; width: 100%; margin-left: 5px; margin-right: 5px; }

.lander-form-steps .lander-form-step.lander-form-step-active { background: rgb(0, 51, 102); }

@keyframes pulsing { 
  100% { box-shadow: transparent 0px 0px 0px 10px; }
}

.lander-form-header, .lander-form-field .lander-submit { font-weight: 700; background: rgb(0, 51, 102); text-transform: uppercase; color: rgb(255, 255, 255); }

.lander-form-field .lander-submit { display: block; font-size: 20px; position: relative; padding: 0px; width: 90%; min-height: 60px; cursor: pointer; white-space: normal; border: none; transition: 50ms ease-out; margin: 15px auto 0px !important; }

.lander-form-field .lander-submit:hover { font-size: 24px; }

.lander-form-field span.error { background: rgb(220, 53, 69); padding: 3px 7px; color: rgb(255, 255, 255); box-sizing: initial; top: 50%; position: absolute; width: auto; right: 37px; z-index: 100; font-size: 14px; line-height: 1.5; height: 24px; margin-top: -15px; font-weight: 400; cursor: pointer; display: none !important; }

.lander-form-field span.error.tooltip-error { display: block !important; }

.lander-form-field-validation-ok span.error.tooltip-error { display: none !important; }

.lander-form-field input.error { }

.lander-form-field-validation-icon::after { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 6 Free"; font-weight: 900; line-height: 1; font-size: 20px; }

.lander-form-field-validation-icon { position: absolute; top: 50%; margin-top: -10px; width: 20px; height: 20px; box-sizing: initial; font-size: 20px; line-height: 1; }

.lander-form-field-validation.lander-form-field-validation-ok input { outline: rgb(25, 135, 84) solid 2px; }

.lander-form-field-validation.lander-form-field-validation-ok .lander-form-field-validation-icon::after { display: block; content: ""; color: rgb(25, 135, 84); }

.lander-form-field-validation-error input { outline: rgb(220, 53, 69) solid 2px; }

.lander-form-field-validation.lander-form-field-validation-error .lander-form-field-validation-icon::after { content: ""; color: rgb(220, 53, 69); cursor: pointer; }

.iti { width: 100%; box-sizing: border-box; }

.iti__country-name, .iti__dial-code { font-size: 16px; }

.iti__flag-container { height: 50px; right: auto !important; left: 0px !important; }

.progress-autologin { position: relative; height: 10px; width: 230px; border: 5px solid rgb(0, 51, 102); border-radius: 6px; box-sizing: initial; }

.progress-autologin .color { position: absolute; background-color: rgb(255, 255, 255); width: 100%; height: 10px; border-radius: 0px; animation: 10s ease-in 0s 1 normal none running progress-autologin; box-sizing: initial; }

@keyframes progress-autologin { 
  0% { width: 0%; }
  25% { width: 50%; }
  50% { width: 75%; }
  75% { width: 85%; }
  100% { width: 100%; }
}

body .pushwoosh-subscription-widget_show { display: none !important; }