@charset "utf-8";

.hiddenBlock { display: none; }

.wrapper_progress_form { display: flex; justify-content: space-between; padding-bottom: 10px; }

.wrapper_progress_form__one, .wrapper_progress_form__to { display: inline-block; background: rgb(236, 236, 236); color: white; font-size: 2em; line-height: 1.1em; border-radius: 3px; font-weight: bold; height: 7px; width: 58%; margin-right: 2px; text-indent: 100%; overflow: hidden; }

.wrapper_progress_form__one.active, .wrapper_progress_form__to.active { background-color: rgb(90, 53, 148); }

@font-face { font-family: FontAwesome; src: url("//netdna.bootstrapcdn.com/font-awesome/4.5.0/fonts/fontawesome-webfont.woff?v=4.5.0") format("woff"), url("//netdna.bootstrapcdn.com/font-awesome/4.5.0/fonts/fontawesome-webfont.ttf?v=4.5.0") format("truetype"); font-weight: normal; font-style: normal; }

input { width: 100%; margin: 0px !important; }

.form_error_msg { color: rgb(255, 0, 0); position: absolute; top: 42px; left: 0px; }

.form-control { height: 46px; border: 1px solid rgb(204, 204, 204) !important; }

.phone-eror-mess { display: block; width: 100%; line-height: 2em; color: rgb(255, 255, 255); text-align: center; background-color: red; }

.form-error-content { margin-bottom: 10px; text-align: center; background: rgb(203, 13, 13); color: rgb(255, 255, 255); text-transform: uppercase; padding: 5px; display: none; }

.form-error-content.active { display: block; }

.form-preloader { display: none; position: absolute; inset: 0px; z-index: 100; background: rgba(0, 0, 0, 0.7); place-content: center; height: 100%; }

.form-preloader.active { display: flex; }

.form-preloader__img { width: 50px; display: flex; justify-content: center; align-items: center; }

img { }

.top-form { font-weight: bold; }

.reg-error { color: rgb(255, 0, 0); }

.form_has_error { color: rgb(255, 0, 0); }

.reg-form_error { text-align: center; margin: 25px 0px 15px; color: rgb(255, 0, 0); position: absolute; bottom: 39px; width: 100%; }

.reg-form .popup { box-sizing: border-box; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 101; }

.reg-form .popup .overlay { position: fixed; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.5); z-index: 95; width: 100%; height: 100%; }

.reg-form .popup .container { display: block; width: 320px; padding: 20px; margin: 5% auto 0px; position: relative; background: rgb(255, 255, 255); z-index: 100; box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 3px 3px; text-align: center; }

.buttonSend { display: flex; justify-content: center; align-items: center; position: relative; }

.loadBtn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 20px; max-height: 20px; }

.btnFormText { margin: 0px !important; }

.form-group { margin-bottom: 15px; text-align: center; width: 100%; position: relative; }

.valid:-webkit-autofill { appearance: none; border: 1px solid green; position: relative; }

.isValid:-webkit-autofill { appearance: none; position: relative; border: 1px solid red !important; }

.iti { width: 100%; }

.fa__err, .fa__checked { display: none; cursor: pointer; }

.fa__errInfo { display: none; max-width: 180px; padding: 4px; line-height: 1; text-align: start; }

.hiden-btn { width: 100%; }

.form-group .btn { display: flex; flex-direction: row; justify-content: center; align-items: center; box-sizing: border-box; width: 100%; margin-top: 10px; background-color: rgba(239, 74, 60, 0.7); box-shadow: none; cursor: pointer; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; padding: 17px; color: rgb(255, 255, 255); border: none; }

.valid { border: 1px solid green; position: relative; }

.isValid { position: relative; border: 1px solid red !important; }

.isValid + span { display: block; }

.isValid + .fa__err, .valid + i { display: block; position: absolute; font-family: FontAwesome; font-weight: 600; font-size: 16px; top: 50%; right: 10px; transform: translate(0px, -50%); z-index: 100; font-style: normal; color: rgb(231, 76, 60); visibility: visible; }

.valid + i { color: rgb(46, 204, 113); }

.isValid + .fa__err::before { content: ""; }

.valid + i::before { content: ""; }

.isValid + .fa__err + .fa__errInfo { display: flex; justify-content: center; align-items: center; position: absolute; right: 5px; top: -54%; padding: 5px; color: red; font-size: 10px; background: rgb(255, 255, 255); z-index: 200; border: 1px solid red !important; border-radius: 8px !important; }

.notvalidphone { background-color: rgb(253, 164, 164) !important; border: 1px solid red !important; }

.initial { border: 1px solid gray !important; }

@media (max-width: 400px) {
  .fa__errInfo { max-width: 150px; }
}

form { position: relative; }

form * { box-sizing: border-box; }

form__loader-wrapper { }

.form__loader_send { position: absolute; inset: 0px; background-color: rgba(0, 0, 0, 0.7); z-index: 100; display: flex; align-items: center; justify-content: center; }

.loader-form-send { font-size: 48px; color: rgb(255, 255, 255); display: inline-block; font-family: Arial, Helvetica, sans-serif; font-weight: 400; position: relative; }

.loader-form-send::after { content: ""; height: 4px; width: 0%; display: block; background: rgb(255, 61, 0); animation: 5s linear 0s infinite normal none running lineGrow; }

@keyframes lineGrow { 
  100% { width: 100%; }
}

.preloaderWrapperForm { position: fixed; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.83); z-index: 9999; text-align: center; margin: 0px !important; }

.preloaderWrapperForm span { width: 5px; height: 50px; background: linear-gradient(rgb(127, 64, 149), rgb(251, 51, 147)); display: inline-block; margin-top: 0px; margin-bottom: 0px; margin-left: 1px; border-radius: 50px; animation: 1.5s ease-in-out 0s infinite normal none running animade; margin-right: 4px !important; }

@keyframes animade { 
  0%, 50%, 100% { transform: scaleY(0.5); }
  20% { transform: scaleY(1); }
}

.preloaderWrapperForm span:nth-child(1) { animation-delay: 1.1s; }

.preloaderWrapperForm span:nth-child(2) { animation-delay: 1.2s; }

.preloaderWrapperForm span:nth-child(3) { animation-delay: 1.3s; }

.preloaderWrapperForm span:nth-child(4) { animation-delay: 1.4s; }

.preloaderWrapperForm span:nth-child(5) { animation-delay: 1.5s; }