/* v24 form framework by Aleksandr S, https://lapra.ru/ */
 
/*
 STANDART FORM variables
*/

 .standart_form {--input-font-size:1.3rem; --input-font-weight:600; --input-height:3rem; --input-padding:0 0rem; --textarea-height:3rem; --label-font-size:var(--input-font-size); --label-font-size-focused:1.4rem; --input-border:0px solid #CDCDCD; --input-border-bottom:0px solid #8D9196; --input-border-radius:0rem; --label-border-color:#CDCDCD; --input-border-focused-color:var(--input-font-color); --input-font-color:#FFF; --label-font-color:#8D9196; --error-fontr-color:#D11B1B; --form-item-margin:0rem 0}

@media screen and (max-width:1023px) {
 .standart_form {--input-font-size:1.3rem; --input-font-weight:600; --input-height:3rem; --input-padding:0 0rem; --textarea-height:3rem; --label-font-size:var(--input-font-size); --label-font-size-focused:1.4rem; --input-border:0px solid #CDCDCD; --input-border-bottom:0px solid #8D9196; --input-border-radius:0rem; --label-border-color:#CDCDCD; --input-border-focused-color:var(--input-font-color); --input-font-color:#FFF; --label-font-color:#8D9196; --error-fontr-color:#D11B1B; --form-item-margin:0rem 0}
}

.standart_form {position:relative; background:transparent; z-index:9; margin:0 auto; width:100%; max-width:88rem}
.standart_form p {}
 
 .js-sendform.disabled {pointer-events:none;}
 
 /*
 STANDART FORM  sended_form_message
*/


.sended_form_message {Display:none; position:absolute; top:0; left:0; right:0; bottom:0; align-items:center; justify-content:center; flex-direction:column; background:#fff; text-align:center}
form.sended .sended_form_message {display:flex; z-index:3}


/*
 STANDART FORM form_item
*/


input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {-webkit-text-fill-color:var(--input-font-color); -webkit-box-shadow:0 0 0px 66rem rgba(255,255,255,1) inset}

.form_item_wrapper {Display:flex; align-items:center}
.form_item {margin:var(--form-item-margin); position:relative; width:100%; background-color:transparent; box-sizing:border-box; border:var(--input-border); border-bottom:var(--input-border-bottom); border-radius:var(--input-border-radius)}
.form_item label {font-size:var(--label-font-size); font-weight:300; color:var(--label-font-color); line-height:1; margin-bottom:0; display:block; z-index:2; overflow:hidden; text-overflow:ellipsis; transform:translate(0px,0); transition:transform .4s; transition-property:transform, opacity, font-size; white-space:nowrap; right:0; left:0; pointer-events:none !important; position:absolute; text-align:left; padding:var(--input-padding); top:calc(var(--input-height)/2 - var(--label-font-size)/2)}
.form_item.form_item_focus label,.form_item.form_item_hasvalue label {transform:translate(0 , calc(var(--label-font-size-focused) * -1.5)); font-size:var(--label-font-size-focused);opacity:0}
.form_item input,.form_item textarea {font-size:var(--input-font-size); font-weight:var(--input-font-weight); background:transparent; border:0; color:var(--input-font-color); height:var(--input-height); padding:var(--input-padding); text-overflow:ellipsis; display:block; width:100%; white-space:nowrap; overflow:hidden; box-sizing:border-box; position:relative; line-height:1; outline:0; z-index:1; border-radius:var(--input-border-radius)}
.form_item textarea {height:var(--textarea-height); resize:none; display:block; border:0; background-position:0 0; line-height:1.3; position:relative; white-space:normal; padding-top:calc(var(--input-height)/2 - var(--input-font-size)/2); padding-bottom:calc(var(--input-height)/2 - var(--input-font-size)/2)}
) .form_item_error input::placeholder,.form_item_error_alt input::placeholder {color:var(--error-fontr-color)}
.form_item_error,.form_item_error_alt {outline:0; animation-duration:.5s; animation-delay:.25s}
@keyframes bounce {0% {transform:translateX(0px); timing-function:ease-in}
37% {transform:translateX(5px); timing-function:ease-out}
55% {transform:translateX(-5px); timing-function:ease-in}
73% {transform:translateX(4px); timing-function:ease-out}
82% {transform:translateX(-4px); timing-function:ease-in}
91% {transform:translateX(2px); timing-function:ease-out}
96% {transform:translateX(-2px); timing-function:ease-in}
100% {transform:translateX(0px); timing-function:ease-in}
}.form_item.form_item_error .form_item_error_mes,.form_item_error_alt .form_item_error_mes {display:block}
.form_item.form_item_error.form_item_error_alt {border-bottom-left-radius:0px; border-bottom-right-radius:0px}
.form_item_error_mes {background:#fff; color:var(--error-fontr-color); font-size:var(--label-font-size-focused); line-height:1.1; left:-1px; position:absolute; right:-1px; top:calc(100% + 4px); padding:var(--input-padding); align-items:left; display:none; text-align:left}
.form_item.form_item_focus {border-color:var(--input-border-focused-color)}
.form_item.form_item_error ,.form_item_error_alt {border-color:var(--error-fontr-color)}
.form_item.form_item_error label {}
.form_item.form_item_error label span {color:var(--error-fontr-color)}
.form_item.form_item_error input {}
.form_item.form_item_error textarea {color:var(--error-fontr-color)}
.form_item.form_item_error input:-webkit-autofill, .form_item.form_item_error input:-webkit-autofill:hover, .form_item.form_item_error input:-webkit-autofill:focus {-webkit-text-fill-color:var(--error-fontr-color); -webkit-box-shadow:0 0 0px 66rem rgba(0,0,0,0) inset; outline-color:#000}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px #23232329;
}

.form_item.form_item_hasvalue .input-clear  {display:flex;}

.input-clear  {background:#2F3337; position: absolute; right:-2rem; top:0; bottom:0; width: 2rem;display:none; align-items:center;}
.input-clear svg {fill:#8D9196; width: 1.2rem; }
.input-clear:hover svg {fill:#fff;} 
.form_item_hasvalue {}

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

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

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

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

/*
 store-files 
*/

 .form_item_file.form_item {border-style:dashed}
.store-files {display:flex; flex-wrap:wrap; font-size:1.6rem}
.store-file {margin:0 1rem 2rem 1rem; display:flex; width:calc(25% - 2rem); box-sizing:border-box; padding:2rem; box-sizing:border-box; border-radius:var(--input-border-radius)}
.store-file:hover {box-shadow:0rem 0.5rem 2.5rem rgba(0, 0, 0, 0.08); border-radius:var(--input-border-radius)}
.store-file__ico {flex-shrink:0; width:6rem; height:6rem; margin-right:2rem; background-position:50% 50%; background-repeat:no-repeat; background-size:cover}
.store-file__name {font-weight:400; word-break:break-all; line-height:2.25rem; color:#2B2D34; margin-bottom:0.5rem}
.store-file__descr {font-weight:400; color:#818181}
.list-download {margin-top:-1.25rem; margin-bottom:5rem; display:flex; justify-content:flex-end}
.list-send {margin-top:6rem; margin-bottom:5rem; display:flex; justify-content:flex-end}
.files__upload-result_countainer {display:flex; justify-content:space-between; white-space:nowrap; align-items:center; line-height:1.3; height:5.2rem}
.f_item {display:flex; background-position:0rem 50%; background-size:2.5rem 2.5rem; background-repeat:no-repeat; padding-left:1.6rem; background-size:contain}
.files__upload-result {display:flex; flex-direction:column; width:calc(100% - 6rem); gap:1rem}
.f_name {font-weight:400; overflow:hidden; text-overflow:ellipsis}
.f_size {color:#808185; font-weight:400; flex-shrink:0; margin-left:2rem; Display:none}
.files__upload-result_remove {width:2rem; height:2rem; background-position:50% 50%; background-repeat:no-repeat; background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 9V20H17V9H19V21C19 21.5523 18.5523 22 18 22H6C5.44772 22 5 21.5523 5 21V9H7ZM11 9V18H9V9H11ZM15 9V18H13V9H15ZM15 2C15.4304 2 15.8126 2.27543 15.9487 2.68377L16.72 4.999L20 5V7H4V5L7.279 4.999L8.05132 2.68377C8.18743 2.27543 8.56957 2 9 2H15ZM14.2792 4H9.72076L9.387 4.999H14.612L14.2792 4Z' fill='%23000'/%3E%3C/svg%3E%0A"); cursor:pointer; flex-shrink:0; margin-right:2rem; opacity:0.4; transition:opacity 0.4s; background-size:contain}
.files__upload-result_remove:hover {opacity:1}
.files__upload-dropzone {height:5.2rem; background:rgba(215, 220, 228, 0.30); color:#828282; line-height:1.3; box-sizing:border-box; display:flex; align-items:center; justify-content:flex-start; padding:0 1.6rem; border-radius:var(--input-border-radius); margin-bottom:0; cursor:pointer}
.files__upload-dropzone:hover {border-color:#2056C3}
.files__upload-btn_countainer {display:block; font-weight:500; height:2.75rem; line-height:2.75rem; cursor:pointer; transition:opacity 0.4s}
.textarea-formitem-upload {width:100%; margin-bottom:0}
.files__upload-btn_countainer:hover {opacity:0.9}
.files__upload-btn_countainer:active {}
.files__upload-btn_countainer .files__upload-button {padding:0 1.75rem 0 3.5rem; display:block; text-align:left; box-sizing:border-box; background-position:0rem 50%; background-size:2.5rem 2.5rem; background-repeat:no-repeat; background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.34837 3.33468C8.46359 2.26663 9.97607 1.66663 11.5532 1.66663C13.1304 1.66663 14.643 2.26665 15.7582 3.33471C16.8735 4.40276 17.5 5.85135 17.5 7.3618C17.5 8.87222 16.8736 10.3208 15.7583 11.3889L9.75122 17.1419C8.9546 17.9048 7.8742 18.3333 6.74768 18.3333C5.62112 18.3333 4.54071 17.9047 3.74412 17.1418C2.94752 16.3789 2.5 15.3442 2.5 14.2653C2.5 13.1864 2.9475 12.1518 3.74409 11.3889L9.75122 5.63588C10.2292 5.1781 10.8774 4.92106 11.5533 4.92106C12.2292 4.92106 12.8775 5.17821 13.3554 5.63595C13.8334 6.09369 14.1019 6.71451 14.1019 7.36185C14.1019 8.00914 13.8335 8.6299 13.3555 9.08768L7.34837 14.8407L6.14694 13.6901L12.1541 7.93708C12.3133 7.78453 12.4028 7.57768 12.4028 7.36185C12.4028 7.14607 12.3133 6.93913 12.154 6.78655C11.9947 6.63397 11.7786 6.54825 11.5533 6.54825C11.3279 6.54825 11.1119 6.63394 10.9526 6.78648L4.94552 12.5395C4.46756 12.9972 4.19907 13.618 4.19907 14.2653C4.19907 14.9126 4.46758 15.5335 4.94554 15.9912C5.4235 16.4489 6.07175 16.7061 6.74768 16.7061C7.42365 16.7061 8.07186 16.449 8.54979 15.9913L14.5569 10.2383C15.3535 9.47541 15.8009 8.44074 15.8009 7.3618C15.8009 6.28291 15.3534 5.2482 14.5568 4.4853C13.7602 3.72241 12.6798 3.29382 11.5532 3.29382C10.4267 3.29382 9.34639 3.72238 8.54979 4.48528L3.74409 9.08768L2.54267 7.93708L7.34837 3.33468Z' fill='%232056C3'/%3E%3C/svg%3E%0A")}
.files__upload-btn_countainer > mark {background:transparent}
.files__upload-btn_countainer input[type=file] {position:absolute; top:0; left:0; opacity:0; border:0}

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

@media screen and (max-width:767px) {
.files__upload-result_remove {width:1.6rem; height:1.6rem}
}