/* Form container
---------------------------------------- */
.form--container .form--contact {
   position: relative;
}
.form--container .form--title {
	margin-bottom: 32px; 
   font-size: 24px;
   font-style: normal;
   font-weight: 450;
   line-height: 1.3em;
   letter-spacing: 0.01em;
}
.form--block_row {
	margin-bottom: 16px;	
}
   .form--block_half_row {
      display: flex;
      flex-wrap: nowrap;
      align-items: flex-start;
      gap: 16px;
   }
   .form--block_half_row .form--input_group {
      width: 50%;
   }



/* Form input group 
---------------------------------------- */
.form--input_title {
	margin-bottom: 8px;
	font-size: 16px;
	font-weight: 600;
   color: var(--Black);
}

.form--input_group input, 
.form--input_group textarea {
	display: block;
	width: 100%;
	padding: 12px 14px;
	font-family: Saans, SourceSansCN, "Microsoft YaHei", sans-serif;
	font-size: 14px;
	font-weight: 350;
    font-style: normal;
    line-height: 1;
    letter-spacing: 0.05em;
	color: var(--Black);
	background-color: var(--White);
	border: 1px solid var(--Solid-Grey);
    border-radius: 8px;
	transition: all 0.2s ease;
	outline: none;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
    .form--input_group input {
        height: 40px;
    }
    .form--input_group textarea {
        height: 185px;
        resize: vertical;
        line-height: 1.5;
    }
    .form--input_group input:placeholder-shown, 
    .form--input_group textarea:placeholder-shown {
        border-color: var(--Silver);
    }
    .form--input_group input:focus, 
    .form--input_group textarea:focus {
        border-color: var(--Solid-Grey);
    }
    .form--input_group input::placeholder, 
    .form--input_group textarea::placeholder {
        color: var(--Grey);
    }
    .form--input_group input::-webkit-input-placeholder,
    .form--input_group textarea::-webkit-input-placeholder {
        color: var(--Grey);
    }


/* Select 
---------------------------------------- */
.form--select2 select {
	width: 100%;
}
.form--container .select2-container--default .select2-selection--single {
    border-color: var(--Silver);
}
.form--container .select2-container--default.select2-container--open .select2-selection--single,
.form--container .select2-container--default .select2-dropdown,
.form--container .select2-container--default .select2-search--dropdown,
.form--container .form--select2_selected .select2-container--default .select2-selection--single {
    border-color: var(--Solid-Grey);
}
.form--container .select2-container--default.select2-container--open .select2-dropdown {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.form--container .select2-container--default .select2-results__option {
    padding: 6px 14px;
}
.form--container .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--Black);
}
.form--container .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--Grey);
}



/* Form file uploads block 
---------------------------------------- */
.form--file_upload_box {
    padding-bottom: 5px;
}
.form--upload_box {
	display: block;
	min-height: 140px;
	width: 100%;
	color: var(--Grey);
	background-color: #F6F6F6;
	border: 1px solid var(--Silver);
    border-radius: 8px;
	cursor: pointer;
	text-align: center;
	position: relative;
	}
	.form--upload_box input[type="file"] {
		visibility: hidden;
		opacity: 0;
		position: absolute;
		width: 0.1px;
		height: 0.1px;
		padding: 0;
		margin: 0;
	}
	.form--no_files .form--upload_before {
		display: block;
	}
	.form--files_selected .form--uploaded_files {
		display: block;
}

/* File upload area 
---------------------------------------- */
.form--upload_before {
	display: none;
	width: 100%;
	height: 100%;
	padding: 28px;
	}
	.form--upload_instructions {
        font-size: 14px;
        line-height: 1.5;
		padding-bottom: 1em;
        color: var(--Grey);
	}
	.form--upload_instructions b {
		font-weight: 700;
	}
	.form--upload_instructions_plus {
		display: block;
	}
	.form--upload_restrictions {
		font-size: 12px;
		color: var(--Grey);
}
@media (hover: hover) {
	.form--upload_before:hover .form--upload_instructions b {
        color: var(--Dark-Violet);
		text-decoration: underline;
	}
}


/* File upload errors 
---------------------------------------- */
.form--input_error .form--upload_box {
    border: 1.5px solid var(--Error);
}
	.form--error_too_many .error--too_many,
	.form--error_too_large .error--too_large,
	.form--error_invalid_type .error--invalid_type {
		display: block;
    }
    .form--file_upload_box .form--error_status {
        margin-top: 8px;
    }


/* Uploaded file list 
---------------------------------------- */
.form--uploaded_files {
	display: none;
	position: relative;
	width: 100%;
	height: 100%;
	padding: 12px 36px 12px 24px;
	}
	.form--files_container {
		display: flex;
		align-items: flex-start;
		flex-wrap: wrap;
        /* gap: 16px; */
	}
	.form--uploaded_files .button--close {
		position: absolute;
		width: 40px;
		height: 40px;
		top: 0;
		right: 0;
        /*  
            <svg width="16px" height="16px" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path style="fill:none;stroke:#8A8A7E;stroke-width:1.3;stroke-linecap:round;" d="M15.4,0.6L0.7,15.3"/>
                <path style="fill:none;stroke:#8A8A7E;stroke-width:1.3;stroke-linecap:round;" d="M0.6,0.6l14.7,14.6"/>
            </svg>
        */
        background-image: url("data:image/svg+xml,%3Csvg width='16px' height='16px' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill:none;stroke:%238A8A7E;stroke-width:1.3;stroke-linecap:round;' d='M15.4,0.6L0.7,15.3'/%3E%3Cpath style='fill:none;stroke:%238A8A7E;stroke-width:1.3;stroke-linecap:round;' d='M0.6,0.6l14.7,14.6'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-position: center;
		background-size: 14px 14px;
}

.button--file {
    position: relative;
	height: 40px;
	padding: 12px 30px 12px 20px;
	background-color: transparent;
    border: none;
	cursor: pointer;
	outline: none; 
	}
	.button--file p {
		display: block;
		font-family: Saans, SourceSansCN, "Microsoft YaHei", sans-serif;
      font-size: 14px;
		line-height: 1;
		white-space: nowrap;
		color: var(--Dark-Grey);
		padding: 0;	
	}
    .button--file::before {
        content: "";
		position: absolute;
		width: 16px;
		height: 36px;
		top: 0;
		left: 0;
        /*
            <svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M1.30699 7.99383L7.13095 2.44414C7.71021 1.89216 8.49586 1.58206 9.31507 1.58206C10.1343 
            1.58206 10.9199 1.89216 11.4992 2.44414C12.0784 2.99613 12.4039 3.74478 12.4039 4.5254C12.4039 
            5.30602 12.0784 6.05467 11.4992 6.60665L4.5829 13.1962C4.29165 13.4643 3.90156 13.6126 3.49666 
            13.6093C3.09176 13.6059 2.70444 13.4511 2.41812 13.1783C2.13179 12.9055 1.96938 12.5364 1.96587 
            12.1506C1.96235 11.7647 2.118 11.393 2.3993 11.1155L8.58669 5.21948C8.68334 5.1275 8.7377 5.00271 
            8.7378 4.87254C8.73789 4.74238 8.68372 4.6175 8.5872 4.5254C8.49068 4.43329 8.35971 4.3815 8.22312 
            4.38141C8.08652 4.38131 7.95548 4.43293 7.85882 4.52491L1.67144 10.4209C1.19218 10.8815 0.923897 
            11.5042 0.92529 12.1528C0.926684 12.8014 1.19764 13.4231 1.67887 13.8818C2.1601 14.3404 2.81242 
            14.5988 3.49307 14.6003C4.17373 14.6018 4.8273 14.3464 5.31077 13.8898L12.227 7.30024C12.9995 
            6.56431 13.4335 5.56612 13.4336 4.52526C13.4337 3.4844 12.9999 2.48613 12.2276 1.75007C11.4553 
            1.014 10.4077 0.600434 9.31543 0.600342C8.22313 0.60025 7.17553 1.01364 6.40308 1.74958L0.578092 
            7.30024C0.484325 7.39275 0.43244 7.51666 0.433613 7.64527C0.434786 7.77388 0.488922 7.89691 0.584363 
            7.98785C0.679803 8.0788 0.80891 8.13039 0.943878 8.1315C1.07885 8.13262 1.2099 8.08318 1.30699 
            7.99383Z" fill="#4D4D4D"/>
            </svg>
        */
        background-image: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.30699 7.99383L7.13095 2.44414C7.71021 1.89216 8.49586 1.58206 9.31507 1.58206C10.1343 1.58206 10.9199 1.89216 11.4992 2.44414C12.0784 2.99613 12.4039 3.74478 12.4039 4.5254C12.4039 5.30602 12.0784 6.05467 11.4992 6.60665L4.5829 13.1962C4.29165 13.4643 3.90156 13.6126 3.49666 13.6093C3.09176 13.6059 2.70444 13.4511 2.41812 13.1783C2.13179 12.9055 1.96938 12.5364 1.96587 12.1506C1.96235 11.7647 2.118 11.393 2.3993 11.1155L8.58669 5.21948C8.68334 5.1275 8.7377 5.00271 8.7378 4.87254C8.73789 4.74238 8.68372 4.6175 8.5872 4.5254C8.49068 4.43329 8.35971 4.3815 8.22312 4.38141C8.08652 4.38131 7.95548 4.43293 7.85882 4.52491L1.67144 10.4209C1.19218 10.8815 0.923897 11.5042 0.92529 12.1528C0.926684 12.8014 1.19764 13.4231 1.67887 13.8818C2.1601 14.3404 2.81242 14.5988 3.49307 14.6003C4.17373 14.6018 4.8273 14.3464 5.31077 13.8898L12.227 7.30024C12.9995 6.56431 13.4335 5.56612 13.4336 4.52526C13.4337 3.4844 12.9999 2.48613 12.2276 1.75007C11.4553 1.014 10.4077 0.600434 9.31543 0.600342C8.22313 0.60025 7.17553 1.01364 6.40308 1.74958L0.578092 7.30024C0.484325 7.39275 0.43244 7.51666 0.433613 7.64527C0.434786 7.77388 0.488922 7.89691 0.584363 7.98785C0.679803 8.0788 0.80891 8.13039 0.943878 8.1315C1.07885 8.13262 1.2099 8.08318 1.30699 7.99383Z' fill='%234D4D4D'/%3E%3C/svg%3E");        background-repeat: no-repeat;
        background-repeat: no-repeat;
        background-position: center;
    }

	.button--file::after {
        display: none;
        content: "";
		position: absolute;
		width: 27px;
		height: 36px;
		top: 0;
		right: 0;
        /*  
            <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M1.43359 5.60034H15.4336" stroke="#FD6A6A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
            <path d="M2.43359 5.60034L3.29074 15.8861C3.29074 16.3407 3.47135 16.7767 3.79284 17.0982C4.11433 17.4197 4.55037 17.6003 5.00502 17.6003H11.8622C12.3168 17.6003 12.7529 17.4197 13.0743 17.0982C13.3958 16.7767 13.5765 16.3407 13.5765 15.8861L14.4336 5.60034" stroke="#FD6A6A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
            <path d="M5.43359 5.60034V2.60034C5.43359 2.33513 5.53895 2.08077 5.72649 1.89323C5.91402 1.7057 6.16838 1.60034 6.43359 1.60034H10.4336C10.6988 1.60034 10.9532 1.7057 11.1407 1.89323C11.3282 2.08077 11.4336 2.33513 11.4336 2.60034V5.60034" stroke="#FD6A6A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
            <path d="M6.43359 9.60034L10.4336 13.6003M10.4336 9.60034L6.43359 13.6003" stroke="#FD6A6A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
        */
        background-image: url("data:image/svg+xml,%3Csvg width='17' height='19' viewBox='0 0 17 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.43359 5.60034H15.4336' stroke='%23FD6A6A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.43359 5.60034L3.29074 15.8861C3.29074 16.3407 3.47135 16.7767 3.79284 17.0982C4.11433 17.4197 4.55037 17.6003 5.00502 17.6003H11.8622C12.3168 17.6003 12.7529 17.4197 13.0743 17.0982C13.3958 16.7767 13.5765 16.3407 13.5765 15.8861L14.4336 5.60034' stroke='%23FD6A6A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.43359 5.60034V2.60034C5.43359 2.33513 5.53895 2.08077 5.72649 1.89323C5.91402 1.7057 6.16838 1.60034 6.43359 1.60034H10.4336C10.6988 1.60034 10.9532 1.7057 11.1407 1.89323C11.3282 2.08077 11.4336 2.33513 11.4336 2.60034V5.60034' stroke='%23FD6A6A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.43359 9.60034L10.4336 13.6003M10.4336 9.60034L6.43359 13.6003' stroke='%23FD6A6A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
}

@media (hover: hover) {
    .button--file:hover::after {
        display: block;
    }
    /* .button--file:hover p {
        color: var(--Error);
    } */
    .form--uploaded_files .button--close:hover {
        /*  
            <svg width="16px" height="16px" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path style="fill:none;stroke:#5412B2;stroke-width:1.3;stroke-linecap:round;" d="M15.4,0.6L0.7,15.3"/>
                <path style="fill:none;stroke:#5412B2;stroke-width:1.3;stroke-linecap:round;" d="M0.6,0.6l14.7,14.6"/>
            </svg>
        */
        background-image: url("data:image/svg+xml,%3Csvg width='16px' height='16px' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill:none;stroke:%235412B2;stroke-width:1.3;stroke-linecap:round;' d='M15.4,0.6L0.7,15.3'/%3E%3Cpath style='fill:none;stroke:%235412B2;stroke-width:1.3;stroke-linecap:round;' d='M0.6,0.6l14.7,14.6'/%3E%3C/svg%3E");
	}
}



/* Input errors 
---------------------------------------- */
.form--input_error input,
.form--input_error textarea,
.form--input_error input:focus,
.form--input_error textarea:focus,
.form--input_error input:placeholder-shown,
.form--input_error textarea:placeholder-shown {
	border-color: var(--Error);
    border-width: 1.5px;
    /* color: var(--Error); */
}
.form--input_error input::placeholder, 
.form--input_error textarea::placeholder {
    color: var(--Error);
}
.form--input_error input::-webkit-input-placeholder,
.form--input_error textarea::-webkit-input-placeholder {
    color: var(--Error);
}
.form--input_error .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--Error);
}
.form--input_error .select2-container--default .select2-selection--single {
	border-color: var(--Error);
    border-width: 1.5px;
}

.form--error_status {
        display: none;
        margin-top: 3px;
        font-size: 12px;
        font-weight: 350;
        color: var(--Error);
    }
    .form--error_status > * {
        display: none;
        font-size: 12px;
        font-weight: 350;
        color: var(--Error);
        line-height: 1.3;
    }
    .form--input_error .form--error_status {
        display: block;
    }
        .form--error_no_data .error--no_data,
        .form--error_incorrect_email .error--incorrect_email,
        .form--error_incorrect_phone .error--incorrect_phone {
            display: inline-block;
        }


/* Checkbox 
---------------------------------------- */
.form--checkbox {
	position: relative;
}
    .form--checkbox input {
        opacity: 0 !important;
        width: 0px !important;
        height: 0px !important;
        border-radius: unset !important;
        border: none !important;
        }
    .form--checkbox_label {
        position: absolute;
        top: 0;
        left: 0;
        width: 24px;
        height: 24px;
        border: 1px solid var(--Silver);
        border-radius: 4px;
        cursor: pointer;
    }
    .checkbox--active .form--checkbox_label {
        border-color: var(--Black);
    }
    .form--checkbox_state {
        position: absolute;
        top: 1px;
        left: 1px;
        height: 22px;
        width: 22px;
    }
    .checkbox--active .form--checkbox_state {
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        /* 
            <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path style="fill:none;stroke:#535347;stroke-width:1.5;stroke-linecap:round;" d="M5.7,10.8l4.8,5.1l7.7-8.1"/>
            </svg> 
        */
        background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill:none;stroke:%23535347;stroke-width:1.5;stroke-linecap:round;' d='M5.7,10.8l4.8,5.1l7.7-8.1'/%3E%3C/svg%3E");    
    }
.form--checkbox_option {
    margin: 0 0 0 36px;
    max-width: 400px;
    font-size: 14px;
    line-height: 24px;
    color: var(--Grey);
    display: block;
}
.checkbox--active .form--checkbox_option {
    color: var(--Black);
}
    .form--checkbox_option a {
        font-weight: 700;
        /* text-decoration: underline dotted 1px; */
    }
    .form--input_error .form--checkbox_label {
        border-color: var(--Error);
        border-width: 1.5px;
    }
    @media (hover: hover) {
        .form--checkbox_option a:hover {
            text-decoration: underline solid;
            color: var(--Dark-Violet);
        }
    }

/* Hidden fields 
---------------------------------------- */
.form--block_row.form--block_hidden {
	display: none;
}




/* Submit button 
---------------------------------------- */

.form--block_row.form--block_submit {
    display: block;
    margin-bottom: 0;
}
.form--block_submit_controls {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    column-gap: 40px;
    row-gap: 5px;
    margin-bottom: 0;
}
    .form--block_submit .form--gdpr {
        flex-grow: 1;
    }
    .form--block_submit .form--submit {
        flex-grow: 0;
    }
        .form--submit .button--submit {
            min-width: 150px;
            width: 100%;
        }


.form--submit_error .form--submit_errors {
    display: block;
    margin-top: 10px;
}
    .form--error_form_invalid .error--has_errors {
        display: block;
    }

@media (max-width: 600px) {
    .form--block_submit_controls {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        column-gap: 40px;
        row-gap: 24px;
        margin-bottom: 0;
    }
    .form--block_submit .form--submit {
        width: 100%;
    }
}

/* AJAX messages 
---------------------------------------- */
.form--process_active .form--process {
	display: block;
}
.form--process_active .form--contact {
	display: none;
}

.form--process {
	display: none;
}
.form--process_msg {
	display: none;
	text-align: center;
}
.form--process_msg.form--msg_active { 
   display: block; 
}
.form--process_msg .form--process_img {
	margin-bottom: 20px;
}
.form--process_msg h3 {
    font-size: 36px;
    font-style: normal;
    font-weight: 450;
    line-height: 1.2em; 
    letter-spacing: 0.01em;
    margin-bottom: 16px;
}
.form--process_msg p {
	padding: 0;
}
.form--process_msg a {
    font-weight: 700;
}
.form--process_msg .button--message_close {
    margin-top: 32px;
    width: 150px;
    margin-left: auto;
    margin-right: auto;
}


/* Recaptcha
---------------------------------------- */
.form--recaptcha {
   padding-bottom: 12px;
}
.form--recaptcha .form--block_row,
.form--recaptcha .form--title {
   display: none;
}
.captcha--mask {
	/* position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0; */
	padding-bottom: 42px;
	background-color: rgba(255,255,255,0.9);
	display: flex;
	align-items: center;
	justify-content: center;
   flex-direction: column;
   z-index: 10;
   min-height: 220px;
}

.captcha--mask.captcha--challenge {
	padding-bottom: 0;
	background-color: var(--White);
	border: 1px solid var(--Silver);
	border-radius: 8px;
	text-align: center;
	padding: 20px 20px 32px 20px;
}
.captcha--mask .spinner--container {
	padding-bottom: 38px;
}
.captcha--container h3 {
	margin-bottom: 12px;
}
.captcha--container .captcha--image {
	display: flex;
	justify-content: center;
}
.captcha--container .captcha--reload {
	width: 50px;
	height: 50px;
	margin-left: 8px;
	padding: 10px;
	cursor: pointer
}
.captcha--reload.challenge--loading svg {
  animation: rotate 1s linear infinite;
  animation-delay: 1s;
  transform-origin: center;
}

@keyframes rotate {
   0% {
      transform: rotate(0deg);
   }
   100% {
      transform: rotate(360deg);
   }
}

.captcha--container .captcha--query {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}
.captcha--container .captcha--input {
	text-transform: uppercase;
   padding-left: 10px
}
.captcha--container .captcha--input:focus,
.captcha--container .captcha--input:focus-visible {
   outline: none;
}
.captcha--container .captcha--submit {
	min-width: 150px;
	margin-left: 12px;
}



/* Modal form
---------------------------------------- */
.modal--window {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100%;
  background-color: transparent;
  overflow-y: scroll;
  z-index: 99999;
}
   .modal--window .modal--container {
      position: relative;
      width: 100%;
      min-height: 100vh;
      padding: 60px;
   }
   .modal--window .modal--mask {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background-color: var(--Silver);
      opacity: 0.6; 
   }

   .modal--window .modal--frame {
      position: relative;
      margin: 0 auto;
      padding: 48px 48px 36px 48px;
      background-color: #FFF;
      max-width: 850px;
   }

   .modal--window .modal--window_close {
      display: block;
      position: absolute;
      width: 40px;
      height: 40px;
      top: 0;
      right: 0;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24'%3E%3Cstyle type='text/css'%3E .line%7Bfill:none;stroke:%234D4D4D;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cg%3E%3Cline class='line' x1='1.131' y1='22.869' x2='22.869' y2='1.131'/%3E%3Cline class='line' x1='1.131' y1='1.131' x2='22.869' y2='22.869'/%3E%3C/g%3E%3C/svg%3E%0A");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 16px 16px;
   }
   @media (hover: hover) {
      .modal--window .modal--window_close:hover .line{
         stroke: var(--Dark-Violet);
      }
   }

   @media (max-width: 900px) {
      .modal--window .modal--container {
         padding: 40px;
      }
   }
   @media (max-width: 768px) {
      .form--block_half_row {
         display: flex;
         flex-wrap: wrap;
         gap: 16px;
      }
      .form--block_half_row .form--input_group {
         width: 100%;
      }
      .modal--window .modal--frame {
         padding: 48px 32px 36px 32px;
      }
   }
   @media (max-width: 550px) {
      .modal--window .modal--container {
         padding: 0;
      }
      .modal--window .modal--frame {
         padding: 48px 24px 36px 24px;
      }
   }


.modal--error_message {
    text-align: center;
}
   .modal--error_message .modal--network_error {
      margin-bottom: 20px;
   }
   .modal--error_message h3 {
      font-size: 36px;
      font-style: normal;
      font-weight: 450;
      line-height: 1.2em; 
      letter-spacing: 0.01em;
      margin-bottom: 16px;
   }
   .modal--error_message a {
      font-weight: 700;
   }
   .modal--error_message .button--item {
      margin-top: 32px;
      width: 150px;
      margin-left: auto;
      margin-right: auto;
   }


.modal--active {
  overflow-y: hidden;
}
   .modal--active .modal--window {
      display: block;
   }
   .modal--active body {
      width: calc(100vw - var(--Scroll-Width) );
   }

   .modal--active .section--viewport .section--screen,
   .modal--active .section--viewport .section--screen {
      left: calc((100vw - 100%) / -2);
      width: 100vw;
   }
   .modal--active .section--header {
      width: calc(100vw - var(--Scroll-Width) );
   }
   .modal--active .section--viewport .section--screen.gb_table--fixed_header {
      width: calc(100vw - var(--Scroll-Width) );
   }
   .modal--active .section--viewport .section--screen.section--nav_bar:not(.nav_bar--sticked) {
      left: calc((100vw - 100% - var(--Scroll-Width)) / -2);
      width: calc(100vw - var(--Scroll-Width) );
   }
   
   @media (max-width: 1440px) {
      .modal--active .section--viewport .section--screen.accordition--head {
         width: calc(100vw - var(--Scroll-Width));
         left: -60px;
      }
      .modal--active .section--viewport .section--screen.section--nav_bar {
         left: calc((100vw - 100% - var(--Scroll-Width)) / -2);
      }
      .modal--active .nav_bar--sticked .nav_bar--content {
         width: calc(100% - var(--Scroll-Width));
      } 
   }
   @media (max-width: 1066px) {
      .modal--active .section--viewport .section--screen.accordition--head {
         left: -50px;
      }
   }
   @media (max-width: 768px) {
      .modal--active .section--viewport .section--screen.accordition--head {
         left: -40px;
      }
   }
   @media (max-width: 450px) {
      .modal--active .section--viewport .section--screen.accordition--head {
         left: -22px;
      }
   }