@charset "utf-8";

@import url("flags.css");

@import url("intlTelInput.css");

@import url("modal-error.css");

@import url(../../../css/globalForm.css);

@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; }

.form-group .btn { margin: 0px auto; height: 56px; width: 100%; background-color: rgb(53, 60, 69); }

.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; }
}

.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; }