/*Общее*/
input:hover,input:focus,textarea:focus,textarea:hover,select,select:hover,select:focus{outline:none}

/*Поля*/
.form input:not([type=radio]):not([type=checkbox]), .form textarea,.form select { color: var(--ct); font-weight: 300;  height: 50px; background-color: white; border-radius: 5px; padding: 0 1rem; border: 1px solid var(--cl2); line-height: 50px; width: 100%; margin-bottom: 1rem; }
.form [type=submit] {display: inline-flex;}
.form textarea {line-height: 1.2;min-height: 100px;padding: 1rem}
.form input::placeholder, .form textarea::placeholder {color: var(--ct)}


/**/
.check {display: flex;column-gap:0.5rem;font-size: 14px;}
.check input {margin-bottom: auto;margin-top: 3px;}
.check label a {text-decoration:underline;color: var(--ct)}

/**/
form .alert { color: red; font-size: 0.8rem; margin-top: -.5rem; }
form .messages>div { padding:2rem; text-align: center; flex-direction: column; font-weight: 500; font-size: 24px; line-height: 35px; }
form .messages .icon_wrap { width: 6rem; height: 6rem; display: flex; justify-content: center; margin: auto; background-color: var(--cl); margin-bottom: 1rem; }
form .messages .icon {background-color: var(--c1-2) !important; height: 5rem;margin: 0}
form .messages .fail .icon {background-color: red !important; }
form .messages .btn {margin: 2rem auto;font-size: 16px; font-weight: 400;}

.radio_bg label {background: var(--cl); font-weight: 500; cursor: pointer; color: var(--cl3);border-radius: 5px; padding:0.75rem 1.5rem; user-select: none  }
.radio_bg input {position: absolute;opacity: 0; pointer-events: none}
.radio_bg input:checked+label,.radio_bg input:checked+span+label {background-color: var(--c1-2); color: var(--ct)}

/**/
.select {position: relative}
.select2-container {min-width: 200px;}
.select.type_2 .select2-selection--single {border-radius: 5px; line-height: 45px;height: 45px; border: 1px solid var(--cl2) !important}
.select.type_2  .select2-selection__rendered {line-height: 45px !important;height: 45px;    padding: 0 1rem;}
.select.type_2 .select2-selection__arrow {height: 45px;padding: 0 1rem}
.select.type_2 .select2-selection__arrow b {height: 9px; width: 15px;margin-left: -12px;margin-top: -4px;}

/**/
.policy {font-size: 12px;line-height: 16px; font-weight: 300;margin: auto 0}
.policy a {text-decoration: underline;color: var(--ct)}

/**/
.file-form {margin-bottom: 0.5rem;cursor: pointer}
.file-form span {font-size: 16px;color: var(--ct);border-bottom: 1px dashed}
.file-form .count {color: var(--cl3);display: block;border-bottom:none;font-size: 12px;margin-left: 1rem}
.file-form:before{content: "+";color: var(--c1);font-size: 20px}
.file-form input { position: absolute; opacity: 0;pointer-events: none}

/**/
.form.hide{display:none}

@media (max-width:768px){
    .form input, .form textarea,.form select  {line-height: 40px;height: 40px;}
    .form select {padding-left: 1rem !important; text-align: center !important;}
}

@media (max-width:576px){
    .form [type=submit]{font-size: 12px;    padding: 0 0.5rem;width: 100%;margin-bottom: 0.5rem}
    .form input, .form textarea, .form select {font-size: 12px;}
}