From 022748d6ab19c84bcd29a74a5f1230a30e87ffea Mon Sep 17 00:00:00 2001
From: merelendor <merelendor@gmail.com>
Date: Tue, 18 Apr 2023 09:01:24 +0300
Subject: [PATCH] mobile fixes for markup, fixes for contacts fields on sending
 data to CRM

---
 .../forms/Form_2_Contacts/index.js            |    2 +-
 .../forms/Form_3_Signer/index.js              |  731 ++-
 css/forms/style.css                           |   13 +
 css/forms/style.less                          |   17 +
 css/main/style.css                            | 5118 ++++++++++++++++-
 css/main/style.less                           |    6 +
 pages/api/questionnaire/send.js               |   15 +-
 pages/index.js                                |  217 +-
 8 files changed, 5714 insertions(+), 405 deletions(-)

diff --git a/components/questionnaire/forms/Form_2_Contacts/index.js b/components/questionnaire/forms/Form_2_Contacts/index.js
index ededac2..6ef1df7 100644
--- a/components/questionnaire/forms/Form_2_Contacts/index.js
+++ b/components/questionnaire/forms/Form_2_Contacts/index.js
@@ -174,7 +174,7 @@ class Form_2_Contacts extends QuestionnaireForm
 									onChange={ (event) => this._handle_onCheckboxFieldChange(event.target.name, parseInt(event.target.value, 10)) } 
 									disabled={ checking } 
 								/>
-								<label htmlFor="main.mail_delivery_address_type.postal" className="unselectable" style={{ width: "100%" }}>
+								<label htmlFor="main.mail_delivery_address_type.postal" className="chackbox_with_margin unselectable" style={{ width: "100%" }}>
 									<span>По следующему адресу { parseInt(mail_delivery_address_type, 10) === 100000002 && <sup className="required_label">*</sup> }</span>
 									<AddressSuggests 
 										className={ errors.indexOf("contacts.postal_address") > -1 ? "error" : "" } 
diff --git a/components/questionnaire/forms/Form_3_Signer/index.js b/components/questionnaire/forms/Form_3_Signer/index.js
index f000d16..56971d1 100644
--- a/components/questionnaire/forms/Form_3_Signer/index.js
+++ b/components/questionnaire/forms/Form_3_Signer/index.js
@@ -69,6 +69,42 @@ const suggestsInnDebounce = (query) =>
 
 const suggestsInn = debounce(suggestsInnDebounce, 200);
 
+const signer_template = {
+	not_head_person: true, 
+	lastname: "", 
+	firstname: "", 
+	middlename: "", 
+	no_middle_name: false, 
+	jobtitle: "", 
+	signer_rule_basic: "", 
+	signer_rule_basic_add: "", 
+	docdate: "", 
+	docnumber: "", 
+	delegation_agreement: false, 
+	telephone: "", 
+	email: "", 
+};
+
+const identity_document_template = {
+	doctype: "", 
+	seria: "", 
+	docnumber: "", 
+	issuedate: "", 
+	code: "", 
+	issueby: "", 
+	issueby_search_dadata: "", 
+	placebirth: "", 
+	citizenship: {
+		title: "", 
+		code: "", 
+	}, 
+	registration_address: {
+		name: "", 
+		fias_id: "", 
+	}
+};
+
+
 class Form_3_Signer extends QuestionnaireForm
 {
 	constructor(props)
@@ -166,6 +202,8 @@ class Form_3_Signer extends QuestionnaireForm
 			modal_show_personal_data: false, 
 			status: "empty", 
 			errors: [], 
+			signer_from_list: true, 
+			client_contacts: [], 
 		};
 
 		this.ref_form = React.createRef();
@@ -183,16 +221,22 @@ class Form_3_Signer extends QuestionnaireForm
 			signatory_person_files: nextProps.questionnaire.signatory_person_files, 
 			signatory_corporate_files: nextProps.questionnaire.signatory_corporate_files, 
 			status: nextProps.questionnaire.status, 
+			client_contacts: nextProps.questionnaire.client_contacts, 
 		};
 	}
 
 	componentDidMount()
 	{
-		const { main } = this.state;
+		const { main, signatory_person } = this.state;
 		if( main.inn !== null && main.inn.length === 12)
 		{
 			this._handle_onCheckboxFieldChange("head_person.evo_indefinite", true);
 		}
+
+		if(signatory_person.lastname !== null || signatory_person.lastname !== undefined || signatory_person.lastname !== "")
+		{
+			this.setState({ signer_from_list: false });
+		}
 	}
 
 	_handle_onCitizenshipChange = (name, value) => 
@@ -320,6 +364,27 @@ class Form_3_Signer extends QuestionnaireForm
 		]);
 	}
 
+	_handle_onSignerFromListSelect = (contact) => 
+	{
+		console.log(contact);
+
+		const signer = { ...JSON.parse(JSON.stringify(signer_template)), ...contact };
+		if(signer.identity_document === undefined || signer.identity_document === null)
+		{
+			signer.identity_document = JSON.parse(JSON.stringify(identity_document_template));
+		}
+
+		this._handle_onBranchChange([
+			{ name: "signatory_person", value: signer }, 
+			{ name: "signatory_person_files", value: [] }, 
+			{ name: "signatory_corporate_files", value: [] }, 
+		]);
+
+		this.setState({ signer_from_list: false }, () => 
+		{
+		});
+	}
+
 	_handle_onNextPage = (event) => 
 	{
 		event.preventDefault();
@@ -578,6 +643,8 @@ class Form_3_Signer extends QuestionnaireForm
 			signatory_person_files, 
 			signatory_corporate_files, 
 			delegation_files, 
+			signer_from_list, 
+			client_contacts, 
 		} = this.state;
 
 		console.log({ errors });
@@ -1044,344 +1111,390 @@ class Form_3_Signer extends QuestionnaireForm
 					{ signatory_person.not_head_person && (
 						<React.Fragment>
 							<p className="title">Информация о подписанте <small>(заполняется если подписант договора лизинга отличается от единоличного исполнительного органа)</small></p>
-
-							<div className="form_field">
-								<label>Фамилия <sup className="required_label">*</sup></label>
-								<SuggestsInput 
-									className={ errors.indexOf("signatory_person.lastname") > -1 ? "error" : "" } 
-									type="lastname" 
-									id="signatory_person.lastname" 
-									name="signatory_person.lastname" 
-									value={ this._checkStrValue(signatory_person.lastname) } 
-									placeholder="Введите фамилию" 
-									onChange={ (value) => { this._removeError("signatory_person.lastname"); this._handle_onTextFieldChange("signatory_person.lastname", value); } } 
-									required={ true } 
-									disabled={ checking } 
-								/>
-							</div>
-
-							<div className="form_field">
-								<label>Имя <sup className="required_label">*</sup></label>
-								<SuggestsInput 
-									className={ errors.indexOf("signatory_person.firstname") > -1 ? "error" : "" } 
-									type="firstname" 
-									id="signatory_person.firstname" 
-									name="signatory_person.firstname" 
-									value={ this._checkStrValue(signatory_person.firstname) } 
-									placeholder="Введите имя" 
-									onChange={ (value) => { this._removeError("signatory_person.firstname"); this._handle_onTextFieldChange("signatory_person.firstname", value); } } 
-									required={ true } 
-									disabled={ checking } 
-								/>
-							</div>
-
-							<div className="form_field">
-								<label>Отчество <small>если имеется</small></label>
-								<SuggestsInput 
-									type="middlename" 
-									id="signatory_person.middlename" 
-									name="signatory_person.middlename" 
-									value={ this._checkStrValue(signatory_person.middlename) } 
-									placeholder="Введите имя" 
-									onChange={ (value) => this._handle_onTextFieldChange("signatory_person.middlename", value) } 
-									required={ false } 
-									disabled={ checking } 
-								/>
-							</div>
-
-							<div className="form_field">
-								<label>Тип документа <sup className="required_label">*</sup></label>
-								<Select 
-									id="signatory_person.identity_document.doctype" 
-									name="signatory_person.identity_document.doctype" 
-									options={ doctypes_personal } 
-									placeholder="Выберите тип документа" 
-									noOptionsMessage={ ({ inputValue }) => !inputValue ? noOptionsText :"Ничего не найдено" } 
-									isSearchable={ false } 
-									className="autocomlete" 
-									classNamePrefix="react-select" 
-									value={ doctypes_personal.filter((type) => signatory_person.identity_document.doctype === type.value) } 
-									onChange={ (element) => this._handle_onDocumentTypeChange("signatory_person", element) } 
-									required={ true } 
-									isDisabled={ checking } 
-								/>
-							</div>
-
-							{ errors.indexOf("signatory_person.identity_document.invalid") > -1 && 
-							( 
-								<FormMessage type="error" title="Ошибка" message="Указаны недействительные паспортные данные."/>
-							) }
-
-							<div className="formgroup">
-								<div className="form_field">
-									<label>Серия паспорта <sup className="required_label">*</sup></label>
-									<InputMask 
-										className={ errors.indexOf("signatory_person.identity_document.seria") > -1 ? "error" : "" } 
-										mask='9999' 
-										id="signatory_person.identity_document.seria" 
-										name="signatory_person.identity_document.seria" 
-										value={ this._checkStrValue(signatory_person.identity_document.seria) } 
-										placeholder="Введите серию" 
-										onChange={ (event) => { this._removeError(event.target.name); this._handle_onTextFieldChange(event.target.name, event.target.value); } } 
-										required={ true } 
-										disabled={ checking } 
-									/>
-								</div>
-
-								<div className="form_field">
-									<label>Номер паспорта <sup className="required_label">*</sup></label>
-									<InputMask 
-										className={ errors.indexOf("signatory_person.identity_document.docnumber") > -1 ? "error" : "" } 
-										mask='999999' 
-										id="signatory_person.identity_document.docnumber" 
-										name="signatory_person.identity_document.docnumber" 
-										value={ this._checkStrValue(signatory_person.identity_document.docnumber) } 
-										placeholder="Введите номер" 
-										onChange={ (event) => { this._removeError(event.target.name); this._handle_onTextFieldChange(event.target.name, event.target.value); } } 
-										required={ true } 
-										disabled={ checking } 
-									/>
+							<div className="form_field" style={{ marginBottom: "20px", }}>
+								<div className="formgroup control">
+									{ !checking && (
+										<div className="form_field checkbox">
+											<input type="checkbox" hidden="" 
+												checked={ signer_from_list } 
+												id={ `signer_from_list` } 
+												name={ `signer_from_list` } 
+												onChange={ (event) => { this.setState({ signer_from_list: signer_from_list ? false : true })} } 
+												/>
+											<label className="unselectable" htmlFor={ `signer_from_list` }>Выбрать подписанта из списка</label>
+										</div>
+									) }
 								</div>
 							</div>
 
-							<div className="formgroup">
-								<div className="form_field">
-									<label>Дата выдачи <sup className="required_label">*</sup></label>
-									<CalendarDatePicker 
-										className={ errors.indexOf("signatory_person.identity_document.issuedate") > -1 ? "error" : "" } 
-										style={{ width: "calc(100% - 198px)" }} 
-										placeholder="ДД.ММ.ГГГГ" 
-										max={ moment().toDate() } 
-										id={ "signatory_person.identity_document.issuedate" } 
-										value={ this._checkStrValue(signatory_person.identity_document.issuedate) !== "" ? this._checkStrValue(signatory_person.identity_document.issuedate) : null } 
-										onChange={ (date) => { this._removeError("signatory_person.identity_document.issuedate"); this._handle_onTextFieldChange("signatory_person.identity_document.issuedate", date); } } 
-										required={ true } 
-										disabled={ checking } 
-									/>
+							{ signer_from_list ? (
+								<div className="feed" style={{ marginTop: "0px", }}>
+									<div className="feed_list">
+										{ client_contacts.map((contact, index) => (
+											<div className="form_field checkbox" key={ index }>
+												<input type="radio" hidden="" 
+													id={ `contacts_${ index }` } 
+													name={ `contacts_${ index }` } 
+													onChange={ () => { this._handle_onSignerFromListSelect(contact) } } 
+													disabled={ false } 
+												/>
+												<label className="unselectable" htmlFor={ `contacts_${ index }` }>
+													<div className="feed_item user quest">
+														<img src="/assets/images/icons/avatar.svg" alt="" />
+														<div>
+															<p className="item_title">{ contact.lastname } { contact.firstname } { contact.middlename }</p>
+															<p className="item_desc">
+																<span>{ contact.jobtitle }</span>
+															</p>
+														</div>
+													</div>
+												</label>
+											</div>
+
+										)) }
+									</div>
 								</div>
+							) : (
+								<React.Fragment>
+									<div className="form_field">
+										<label>Фамилия <sup className="required_label">*</sup></label>
+										<SuggestsInput 
+											className={ errors.indexOf("signatory_person.lastname") > -1 ? "error" : "" } 
+											type="lastname" 
+											id="signatory_person.lastname" 
+											name="signatory_person.lastname" 
+											value={ this._checkStrValue(signatory_person.lastname) } 
+											placeholder="Введите фамилию" 
+											onChange={ (value) => { this._removeError("signatory_person.lastname"); this._handle_onTextFieldChange("signatory_person.lastname", value); } } 
+											required={ true } 
+											disabled={ checking } 
+										/>
+									</div>
 
-								<div className="form_field">
-									<label>Код подразделения <sup className="required_label">*</sup></label>
-									<DocumentIssuerSuggestsInput 
-										className={ errors.indexOf("signatory_person.identity_document.code") > -1 ? "error" : "" } 
-										type="issuer" 
-										id="signatory_person.identity_document.code" 
-										name="signatory_person.identity_document.code" 
-										value={ this._checkStrValue(signatory_person.identity_document.code) } 
-										placeholder="Введите код" 
-										onChange={ (value) => { this._removeError("signatory_person.identity_document.code"); this._handle_onIssuerCodeChange("signatory_person", value); } } 
-										maxResults={ 5 } 
-										required={ true } 
-										disabled={ checking } 
-									/>
-								</div>
-							</div>
+									<div className="form_field">
+										<label>Имя <sup className="required_label">*</sup></label>
+										<SuggestsInput 
+											className={ errors.indexOf("signatory_person.firstname") > -1 ? "error" : "" } 
+											type="firstname" 
+											id="signatory_person.firstname" 
+											name="signatory_person.firstname" 
+											value={ this._checkStrValue(signatory_person.firstname) } 
+											placeholder="Введите имя" 
+											onChange={ (value) => { this._removeError("signatory_person.firstname"); this._handle_onTextFieldChange("signatory_person.firstname", value); } } 
+											required={ true } 
+											disabled={ checking } 
+										/>
+									</div>
 
-							<div className="form_field">
-								<label>Кем выдан <sup className="required_label">*</sup></label>
-								<DocumentIssuerSuggestsInput 
-									className={ errors.indexOf("signatory_person.identity_document.issueby") > -1 ? "error" : "" } 
-									type="issuer" 
-									id="signatory_person.identity_document.issueby" 
-									name="signatory_person.identity_document.issueby" 
-									value={ this._checkStrValue(signatory_person.identity_document.issueby) } 
-									placeholder="Введите наименование подразделения выдавшего документ" 
-									onChange={ (value) => { this._removeError("signatory_person.identity_document.issueby"); this._handle_onIssuerChange("signatory_person", value); } } 
-									required={ true } 
-									disabled={ checking } 
-								/>
-							</div>
+									<div className="form_field">
+										<label>Отчество <small>если имеется</small></label>
+										<SuggestsInput 
+											type="middlename" 
+											id="signatory_person.middlename" 
+											name="signatory_person.middlename" 
+											value={ this._checkStrValue(signatory_person.middlename) } 
+											placeholder="Введите имя" 
+											onChange={ (value) => this._handle_onTextFieldChange("signatory_person.middlename", value) } 
+											required={ false } 
+											disabled={ checking } 
+										/>
+									</div>
 
-							<div className="form_field">
-								<label>Место рождения <sup className="required_label">*</sup></label>
-								<AddressSuggests 
-									className={ errors.indexOf("signatory_person.identity_document.placebirth") > -1 ? "error" : "" } 
-									id={ "signatory_person.identity_document.placebirth" } 
-									value={ this._checkStrValue(signatory_person.identity_document.placebirth) } 
-									placeholder="Укажите место рождения" 
-									onChange={ (data) => { this._removeError("signatory_person.identity_document.placebirth"); this._handle_onTextFieldChange("signatory_person.identity_document.placebirth", data.name); } } 
-									required={ true } 
-									disabled={ checking } 
-								/>
-							</div>
+									<div className="form_field">
+										<label>Тип документа <sup className="required_label">*</sup></label>
+										<Select 
+											id="signatory_person.identity_document.doctype" 
+											name="signatory_person.identity_document.doctype" 
+											options={ doctypes_personal } 
+											placeholder="Выберите тип документа" 
+											noOptionsMessage={ ({ inputValue }) => !inputValue ? noOptionsText :"Ничего не найдено" } 
+											isSearchable={ false } 
+											className="autocomlete" 
+											classNamePrefix="react-select" 
+											value={ doctypes_personal.filter((type) => signatory_person.identity_document.doctype === type.value) } 
+											onChange={ (element) => this._handle_onDocumentTypeChange("signatory_person", element) } 
+											required={ true } 
+											isDisabled={ checking } 
+										/>
+									</div>
 
-							{ parseInt(signatory_person.identity_document.doctype, 10) !== 100000000 && (
-								<div className="form_field">
-									<label>Гражданство <sup className="required_label">*</sup></label>
-									<Select 
-										className={ errors.indexOf("signatory_person.identity_document.placebirth") > -1 ? "autocomlete error" : "autocomlete" } 
-										id="signatory_person.identity_document.citizenship" 
-										name="signatory_person.identity_document.citizenship" 
-										options={ citizenships } 
-										placeholder="Выберите страну" 
-										noOptionsMessage={ ({ inputValue }) => !inputValue ? noOptionsText :"Ничего не найдено" } 
-										isSearchable={ true } 
-										classNamePrefix="react-select" 
-										value={ signatory_person_citizenship.code !== null ? signatory_person_citizenship : undefined } 
-										onChange={ (element) => { this._removeError("signatory_person.identity_document.citizenship"); this._handle_onCitizenshipChange(`signatory_person.identity_document.citizenship`, element.value); } } 
-										required={ true } 
-										isDisabled={ checking } 
-									/>
-								</div>
-							) }
+									{ errors.indexOf("signatory_person.identity_document.invalid") > -1 && 
+									( 
+										<FormMessage type="error" title="Ошибка" message="Указаны недействительные паспортные данные."/>
+									) }
 
-							<div className="form_field">
-								<label>Адрес регистрации <sup className="required_label">*</sup></label>
-								<AddressSuggests 
-									className={ errors.indexOf("signatory_person.identity_document.registration_address.name") > -1 ? "error" : "" } 
-									value={ this._checkStrValue(signatory_person.identity_document.registration_address.name) } 
-									fias={ this._checkStrValue(signatory_person.identity_document.registration_address.fias_id) } 
-									onChange={ (data) => { this._removeError("signatory_person.identity_document.registration_address.name"); this._handle_onTextFieldChange("signatory_person.identity_document.registration_address", data); } } 
-									required={ true } 
-									disabled={ checking } 
-								/>
-							</div>
-
-							<div className="form_field">
-								<label>Должность <sup className="required_label">*</sup></label>
-								<input type="text" 
-									className={ errors.indexOf("signatory_person.jobtitle") > -1 ? "error" : "" } 
-									id="signatory_person.jobtitle" 
-									name="signatory_person.jobtitle" 
-									value={ this._checkStrValue(signatory_person.jobtitle) } 
-									placeholder="Укажите должность" 
-									onChange={ (event) => { this._removeError("signatory_person.jobtitle"); this._handle_onTextFieldChange(event.target.name, event.target.value); } } 
-									required={ true } 
-									disabled={ checking } 
-								/>
-							</div>
-
-							<div className="formgroup">
-								<div className="form_field">
-									<label>Телефон <sup className="required_label">*</sup></label>
-									<InputMask 
-										className={ errors.indexOf("signatory_person.telephone") > -1 ? "error" : "" } 
-										id={ "signatory_person.telephone" } 
-										name={ "signatory_person.telephone" } 
-										value={ this._checkStrValue(signatory_person.telephone) } 
-										placeholder="Введите номер телефона" 
-										onChange={ (event) => { this._removeError("signatory_person.telephone"); this._handle_onTextFieldChange(event.target.name, event.target.value); } } 
-										required={ true } 
-										disabled={ checking } 
-										mask='+7 (999) 999 99 99' 
-									/>
-								</div>
-
-								<div className="form_field">
-									<label>E-mail <sup className="required_label">*</sup></label>
-									<input type="email" 
-										className={ errors.indexOf("signatory_person.email") > -1 ? "error" : "" } 
-										id="signatory_person.email" 
-										name="signatory_person.email" 
-										value={ this._checkStrValue(signatory_person.email) } 
-										placeholder="E-mail" 
-										onChange={ (event) => { this._removeError("signatory_person.email"); this._handle_onTextFieldChange(event.target.name, event.target.value); } } 
-										pattern="[^@\s]+@[^@\s]+\.[^@\s]+" 
-										required={ true } 
-										disabled={ checking } 
-									/>
-								</div>
-							</div>
-
-							{ errors.indexOf("signatory_person_files") > -1 && 
-							( 
-								<FormMessage type="error" title="Ошибка" message="Пожалуйста, приложите как минимум одно отсканированное изображение или фотографию документа, подтверждающего личность."/>
-							) }
-							<FilesList 
-								maxFiles={ 2 } 
-								title="Прикрепить скан паспорта подписанта" 
-								name="signatory_person_files" 
-								files={ signatory_person_files } 
-								onAddFile={ (name, files) => { this._removeError("signatory_person_files"); this._handle_onAddFile(name, files); } } 
-								onRemoveFile={ this._handle_onRemoveFile } 
-								checking={ checking } 
-							/>
-							<input type="text" id="signatory_person_files_error_check" onChange={ () => {} } value={ signatory_person_files.length > 0 ? signatory_person_files.length : "" } required={ true } style={{ opacity: 0.0, height: "0px", marginTop: "-25px", display: "flex" }}/>
-
-							<p><b>Реквизиты документа подтверждающие полномочия на подписание договора лизинга</b></p>
-
-							<div className="form_field">
-								<label>Право подписи на основании <sup className="required_label">*</sup></label>
-								<Select 
-									id="signatory_person.signer_rule_basic" 
-									name="signatory_person.signer_rule_basic" 
-									options={ doctypes_corporate } 
-									placeholder="Вид документа" 
-									noOptionsMessage={ ({ inputValue }) => !inputValue ? noOptionsText :"Ничего не найдено" } 
-									isSearchable={ true } 
-									className="autocomlete" 
-									classNamePrefix="react-select" 
-									value={ doctypes_corporate.filter((type) => signatory_person.signer_rule_basic === type.value) } 
-									onChange={ (element) => { this._removeError("signatory_person.signer_rule_basic"); this._handle_onTextFieldChange(`signatory_person.signer_rule_basic`, element.value); } } 
-									required={ true } 
-									isDisabled={ checking } 
-								/>
-							</div>
-
-							{ parseInt(signatory_person.signer_rule_basic, 10) === 100000003 && (
-								<div className="form_field">
-									<label>Наименование документа <sup className="required_label">*</sup></label>
-									<input type="text" 
-										className={ errors.indexOf("signatory_person.signer_rule_basic_add") > -1 ? "error" : "" } 
-										id="signatory_person.signer_rule_basic_add" 
-										name="signatory_person.signer_rule_basic_add" 
-										value={ this._checkStrValue(signatory_person.signer_rule_basic_add) } 
-										placeholder="Наименование документа" 
-										onChange={ (event) => { this._removeError("signatory_person.signer_rule_basic_add"); this._handle_onTextFieldChange(event.target.name, event.target.value); } } 
-										required={ true } 
-										disabled={ checking } 
-									/>
-								</div>
-							) }
-
-							{ (parseInt(signatory_person.signer_rule_basic, 10) === 100000000 || parseInt(signatory_person.signer_rule_basic, 10) === 100000003) && (
-								<>
 									<div className="formgroup">
 										<div className="form_field">
-											<label>Номер документа <sup className="required_label">*</sup></label>
-											<input type="text" 
-												className={ errors.indexOf("signatory_person.docnumber") > -1 ? "error" : "" } 
-												id="signatory_person.docnumber" 
-												name="signatory_person.docnumber" 
-												value={ this._checkStrValue(signatory_person.docnumber) } 
-												placeholder="Номер документа" 
-												onChange={ (event) => { this._removeError("signatory_person.docnumber"); this._handle_onTextFieldChange(event.target.name, event.target.value); } } 
+											<label>Серия паспорта <sup className="required_label">*</sup></label>
+											<InputMask 
+												className={ errors.indexOf("signatory_person.identity_document.seria") > -1 ? "error" : "" } 
+												mask='9999' 
+												id="signatory_person.identity_document.seria" 
+												name="signatory_person.identity_document.seria" 
+												value={ this._checkStrValue(signatory_person.identity_document.seria) } 
+												placeholder="Введите серию" 
+												onChange={ (event) => { this._removeError(event.target.name); this._handle_onTextFieldChange(event.target.name, event.target.value); } } 
 												required={ true } 
 												disabled={ checking } 
 											/>
 										</div>
 
 										<div className="form_field">
-											<label>Дата документа <sup className="required_label">*</sup></label>
-											<CalendarDatePicker 
-												className={ errors.indexOf("signatory_person.docdate") > -1 ? "error" : "" } 
-												style={{ width: "calc(100% - 198px)" }} 
-												placeholder="ДД.ММ.ГГГГ" 
-												max={ moment().toDate() } 
-												id={ "signatory_person.docdate" } 
-												value={ this._checkStrValue(signatory_person.docdate) !== "" ? this._checkStrValue(signatory_person.docdate) : null } 
-												onChange={ (date) => { this._removeError("signatory_person.docdate"); this._handle_onTextFieldChange("signatory_person.docdate", date); } } 
+											<label>Номер паспорта <sup className="required_label">*</sup></label>
+											<InputMask 
+												className={ errors.indexOf("signatory_person.identity_document.docnumber") > -1 ? "error" : "" } 
+												mask='999999' 
+												id="signatory_person.identity_document.docnumber" 
+												name="signatory_person.identity_document.docnumber" 
+												value={ this._checkStrValue(signatory_person.identity_document.docnumber) } 
+												placeholder="Введите номер" 
+												onChange={ (event) => { this._removeError(event.target.name); this._handle_onTextFieldChange(event.target.name, event.target.value); } } 
 												required={ true } 
 												disabled={ checking } 
 											/>
 										</div>
 									</div>
 
-									{ errors.indexOf("signatory_corporate_files") > -1 && 
+									<div className="formgroup">
+										<div className="form_field">
+											<label>Дата выдачи <sup className="required_label">*</sup></label>
+											<CalendarDatePicker 
+												className={ errors.indexOf("signatory_person.identity_document.issuedate") > -1 ? "error" : "" } 
+												style={{ width: "calc(100% - 198px)" }} 
+												placeholder="ДД.ММ.ГГГГ" 
+												max={ moment().toDate() } 
+												id={ "signatory_person.identity_document.issuedate" } 
+												value={ this._checkStrValue(signatory_person.identity_document.issuedate) !== "" ? this._checkStrValue(signatory_person.identity_document.issuedate) : null } 
+												onChange={ (date) => { this._removeError("signatory_person.identity_document.issuedate"); this._handle_onTextFieldChange("signatory_person.identity_document.issuedate", date); } } 
+												required={ true } 
+												disabled={ checking } 
+											/>
+										</div>
+
+										<div className="form_field">
+											<label>Код подразделения <sup className="required_label">*</sup></label>
+											<DocumentIssuerSuggestsInput 
+												className={ errors.indexOf("signatory_person.identity_document.code") > -1 ? "error" : "" } 
+												type="issuer" 
+												id="signatory_person.identity_document.code" 
+												name="signatory_person.identity_document.code" 
+												value={ this._checkStrValue(signatory_person.identity_document.code) } 
+												placeholder="Введите код" 
+												onChange={ (value) => { this._removeError("signatory_person.identity_document.code"); this._handle_onIssuerCodeChange("signatory_person", value); } } 
+												maxResults={ 5 } 
+												required={ true } 
+												disabled={ checking } 
+											/>
+										</div>
+									</div>
+
+									<div className="form_field">
+										<label>Кем выдан <sup className="required_label">*</sup></label>
+										<DocumentIssuerSuggestsInput 
+											className={ errors.indexOf("signatory_person.identity_document.issueby") > -1 ? "error" : "" } 
+											type="issuer" 
+											id="signatory_person.identity_document.issueby" 
+											name="signatory_person.identity_document.issueby" 
+											value={ this._checkStrValue(signatory_person.identity_document.issueby) } 
+											placeholder="Введите наименование подразделения выдавшего документ" 
+											onChange={ (value) => { this._removeError("signatory_person.identity_document.issueby"); this._handle_onIssuerChange("signatory_person", value); } } 
+											required={ true } 
+											disabled={ checking } 
+										/>
+									</div>
+
+									<div className="form_field">
+										<label>Место рождения <sup className="required_label">*</sup></label>
+										<AddressSuggests 
+											className={ errors.indexOf("signatory_person.identity_document.placebirth") > -1 ? "error" : "" } 
+											id={ "signatory_person.identity_document.placebirth" } 
+											value={ this._checkStrValue(signatory_person.identity_document.placebirth) } 
+											placeholder="Укажите место рождения" 
+											onChange={ (data) => { this._removeError("signatory_person.identity_document.placebirth"); this._handle_onTextFieldChange("signatory_person.identity_document.placebirth", data.name); } } 
+											required={ true } 
+											disabled={ checking } 
+										/>
+									</div>
+
+									{ parseInt(signatory_person.identity_document.doctype, 10) !== 100000000 && (
+										<div className="form_field">
+											<label>Гражданство <sup className="required_label">*</sup></label>
+											<Select 
+												className={ errors.indexOf("signatory_person.identity_document.placebirth") > -1 ? "autocomlete error" : "autocomlete" } 
+												id="signatory_person.identity_document.citizenship" 
+												name="signatory_person.identity_document.citizenship" 
+												options={ citizenships } 
+												placeholder="Выберите страну" 
+												noOptionsMessage={ ({ inputValue }) => !inputValue ? noOptionsText :"Ничего не найдено" } 
+												isSearchable={ true } 
+												classNamePrefix="react-select" 
+												value={ signatory_person_citizenship.code !== null ? signatory_person_citizenship : undefined } 
+												onChange={ (element) => { this._removeError("signatory_person.identity_document.citizenship"); this._handle_onCitizenshipChange(`signatory_person.identity_document.citizenship`, element.value); } } 
+												required={ true } 
+												isDisabled={ checking } 
+											/>
+										</div>
+									) }
+
+									<div className="form_field">
+										<label>Адрес регистрации <sup className="required_label">*</sup></label>
+										<AddressSuggests 
+											className={ errors.indexOf("signatory_person.identity_document.registration_address.name") > -1 ? "error" : "" } 
+											value={ this._checkStrValue(signatory_person.identity_document.registration_address.name) } 
+											fias={ this._checkStrValue(signatory_person.identity_document.registration_address.fias_id) } 
+											onChange={ (data) => { this._removeError("signatory_person.identity_document.registration_address.name"); this._handle_onTextFieldChange("signatory_person.identity_document.registration_address", data); } } 
+											required={ true } 
+											disabled={ checking } 
+										/>
+									</div>
+
+									<div className="form_field">
+										<label>Должность <sup className="required_label">*</sup></label>
+										<input type="text" 
+											className={ errors.indexOf("signatory_person.jobtitle") > -1 ? "error" : "" } 
+											id="signatory_person.jobtitle" 
+											name="signatory_person.jobtitle" 
+											value={ this._checkStrValue(signatory_person.jobtitle) } 
+											placeholder="Укажите должность" 
+											onChange={ (event) => { this._removeError("signatory_person.jobtitle"); this._handle_onTextFieldChange(event.target.name, event.target.value); } } 
+											required={ true } 
+											disabled={ checking } 
+										/>
+									</div>
+
+									<div className="formgroup">
+										<div className="form_field">
+											<label>Телефон <sup className="required_label">*</sup></label>
+											<InputMask 
+												className={ errors.indexOf("signatory_person.telephone") > -1 ? "error" : "" } 
+												id={ "signatory_person.telephone" } 
+												name={ "signatory_person.telephone" } 
+												value={ this._checkStrValue(signatory_person.telephone) } 
+												placeholder="Введите номер телефона" 
+												onChange={ (event) => { this._removeError("signatory_person.telephone"); this._handle_onTextFieldChange(event.target.name, event.target.value); } } 
+												required={ true } 
+												disabled={ checking } 
+												mask='+7 (999) 999 99 99' 
+											/>
+										</div>
+
+										<div className="form_field">
+											<label>E-mail <sup className="required_label">*</sup></label>
+											<input type="email" 
+												className={ errors.indexOf("signatory_person.email") > -1 ? "error" : "" } 
+												id="signatory_person.email" 
+												name="signatory_person.email" 
+												value={ this._checkStrValue(signatory_person.email) } 
+												placeholder="E-mail" 
+												onChange={ (event) => { this._removeError("signatory_person.email"); this._handle_onTextFieldChange(event.target.name, event.target.value); } } 
+												pattern="[^@\s]+@[^@\s]+\.[^@\s]+" 
+												required={ true } 
+												disabled={ checking } 
+											/>
+										</div>
+									</div>
+
+									{ errors.indexOf("signatory_person_files") > -1 && 
 									( 
-										<FormMessage type="error" title="Ошибка" message="Пожалуйста, приложите как минимум одно отсканированное изображение или фотографию документа, подтверждающего право подписи."/>
+										<FormMessage type="error" title="Ошибка" message="Пожалуйста, приложите как минимум одно отсканированное изображение или фотографию документа, подтверждающего личность."/>
 									) }
 									<FilesList 
 										maxFiles={ 2 } 
-										title="Прикрепить скан документа на право подписи" 
-										name="signatory_corporate_files" 
-										files={ signatory_corporate_files } 
-										onAddFile={ (name, files) => { this._removeError("signatory_corporate_files"); this._handle_onAddFile(name, files); } } 
+										title="Прикрепить скан паспорта подписанта" 
+										name="signatory_person_files" 
+										files={ signatory_person_files } 
+										onAddFile={ (name, files) => { this._removeError("signatory_person_files"); this._handle_onAddFile(name, files); } } 
 										onRemoveFile={ this._handle_onRemoveFile } 
 										checking={ checking } 
 									/>
-									<input type="text" id="signatory_corporate_files_error_check" onChange={ () => {} } value={ signatory_corporate_files.length > 0 ? signatory_corporate_files.length : "" } required={ true } style={{ opacity: 0.0, height: "0px", marginTop: "-25px", display: "flex" }}/>
-								</>
+									<input type="text" id="signatory_person_files_error_check" onChange={ () => {} } value={ signatory_person_files.length > 0 ? signatory_person_files.length : "" } required={ true } style={{ opacity: 0.0, height: "0px", marginTop: "-25px", display: "flex" }}/>
+
+									<p><b>Реквизиты документа подтверждающие полномочия на подписание договора лизинга</b></p>
+
+									<div className="form_field">
+										<label>Право подписи на основании <sup className="required_label">*</sup></label>
+										<Select 
+											className={ errors.indexOf("signatory_person.signer_rule_basic") > -1 ? "autocomlete error" : "autocomlete" } 
+											id="signatory_person.signer_rule_basic" 
+											name="signatory_person.signer_rule_basic" 
+											options={ doctypes_corporate } 
+											placeholder="Вид документа" 
+											noOptionsMessage={ ({ inputValue }) => !inputValue ? noOptionsText :"Ничего не найдено" } 
+											isSearchable={ true } 
+											classNamePrefix="react-select" 
+											value={ doctypes_corporate.filter((type) => signatory_person.signer_rule_basic === type.value) } 
+											onChange={ (element) => { this._removeError("signatory_person.signer_rule_basic"); this._handle_onTextFieldChange(`signatory_person.signer_rule_basic`, element.value); } } 
+											required={ true } 
+											isDisabled={ checking } 
+										/>
+									</div>
+
+									{ parseInt(signatory_person.signer_rule_basic, 10) === 100000003 && (
+										<div className="form_field">
+											<label>Наименование документа <sup className="required_label">*</sup></label>
+											<input type="text" 
+												className={ errors.indexOf("signatory_person.signer_rule_basic_add") > -1 ? "error" : "" } 
+												id="signatory_person.signer_rule_basic_add" 
+												name="signatory_person.signer_rule_basic_add" 
+												value={ this._checkStrValue(signatory_person.signer_rule_basic_add) } 
+												placeholder="Наименование документа" 
+												onChange={ (event) => { this._removeError("signatory_person.signer_rule_basic_add"); this._handle_onTextFieldChange(event.target.name, event.target.value); } } 
+												required={ true } 
+												disabled={ checking } 
+											/>
+										</div>
+									) }
+
+									{ (parseInt(signatory_person.signer_rule_basic, 10) === 100000000 || parseInt(signatory_person.signer_rule_basic, 10) === 100000003) && (
+										<>
+											<div className="formgroup">
+												<div className="form_field">
+													<label>Номер документа <sup className="required_label">*</sup></label>
+													<input type="text" 
+														className={ errors.indexOf("signatory_person.docnumber") > -1 ? "error" : "" } 
+														id="signatory_person.docnumber" 
+														name="signatory_person.docnumber" 
+														value={ this._checkStrValue(signatory_person.docnumber) } 
+														placeholder="Номер документа" 
+														onChange={ (event) => { this._removeError("signatory_person.docnumber"); this._handle_onTextFieldChange(event.target.name, event.target.value); } } 
+														required={ true } 
+														disabled={ checking } 
+													/>
+												</div>
+
+												<div className="form_field">
+													<label>Дата документа <sup className="required_label">*</sup></label>
+													<CalendarDatePicker 
+														className={ errors.indexOf("signatory_person.docdate") > -1 ? "error" : "" } 
+														style={{ width: "calc(100% - 198px)" }} 
+														placeholder="ДД.ММ.ГГГГ" 
+														max={ moment().toDate() } 
+														id={ "signatory_person.docdate" } 
+														value={ this._checkStrValue(signatory_person.docdate) !== "" ? this._checkStrValue(signatory_person.docdate) : null } 
+														onChange={ (date) => { this._removeError("signatory_person.docdate"); this._handle_onTextFieldChange("signatory_person.docdate", date); } } 
+														required={ true } 
+														disabled={ checking } 
+													/>
+												</div>
+											</div>
+
+											{ errors.indexOf("signatory_corporate_files") > -1 && 
+											( 
+												<FormMessage type="error" title="Ошибка" message="Пожалуйста, приложите как минимум одно отсканированное изображение или фотографию документа, подтверждающего право подписи."/>
+											) }
+											<FilesList 
+												maxFiles={ 2 } 
+												title="Прикрепить скан документа на право подписи" 
+												name="signatory_corporate_files" 
+												files={ signatory_corporate_files } 
+												onAddFile={ (name, files) => { this._removeError("signatory_corporate_files"); this._handle_onAddFile(name, files); } } 
+												onRemoveFile={ this._handle_onRemoveFile } 
+												checking={ checking } 
+											/>
+											<input type="text" id="signatory_corporate_files_error_check" onChange={ () => {} } value={ signatory_corporate_files.length > 0 ? signatory_corporate_files.length : "" } required={ true } style={{ opacity: 0.0, height: "0px", marginTop: "-25px", display: "flex" }}/>
+										</>
+									) }
+								</React.Fragment>
 							) }
 						</React.Fragment>
 					) }
diff --git a/css/forms/style.css b/css/forms/style.css
index 31fad8c..e8cdd06 100644
--- a/css/forms/style.css
+++ b/css/forms/style.css
@@ -1652,3 +1652,16 @@
     width: 100%;
   }
 }
+@media all and (max-width: 1024px) {
+  .chackbox_with_margin::before {
+    top: 0;
+    bottom: 0;
+    margin: 0px!important;
+  }
+  .chackbox_with_margin div {
+    margin-top: 10px!important;
+  }
+  .chackbox_with_margin input {
+    margin: 0px!important;
+  }
+}
diff --git a/css/forms/style.less b/css/forms/style.less
index 9879df1..e1cbb09 100644
--- a/css/forms/style.less
+++ b/css/forms/style.less
@@ -1922,4 +1922,21 @@
 	@media all and (max-width: 720px) {
 		width: 100%;
 	}	
+}
+
+.chackbox_with_margin {
+	@media all and (max-width: 1024px) {
+		&::before {
+			top: 0;
+			bottom: 0;
+			margin: 0px!important;
+		}
+
+		div { 
+			margin-top: 10px!important;
+		}
+		input {
+			margin: 0px!important;
+		}
+	}
 }
\ No newline at end of file
diff --git a/css/main/style.css b/css/main/style.css
index c375742..b9cfe53 100644
--- a/css/main/style.css
+++ b/css/main/style.css
@@ -1 +1,5117 @@
-main{padding-top:112px;min-height:calc(100vh - 587px);position:relative}@media all and (max-width:1600px) and (min-width:1280px){main{padding-top:82px;min-height:calc(100vh - 456px)}}@media all and (max-width:1279px){main{padding-top:86px}}main section.gray{background:var(--inactive)}@media all and (max-width:1279px){}main .title_wrapper{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:50px}@media all and (max-width:1600px) and (min-width:1280px){main .title_wrapper{margin-bottom:30px}}@media all and (max-width:1279px){main .title_wrapper{margin-bottom:20px}}@media all and (max-width:768px){main .title_wrapper{flex-wrap:wrap}}main .title_wrapper h1,main .title_wrapper h2,main .title_wrapper h3,main .title_wrapper h4,main .title_wrapper h5{margin-bottom:0}@media all and (max-width:768px){main .title_wrapper .section_title:not(:only-child){margin-right:10px}}main .title_wrapper .section_title+h5,main .title_wrapper .section_title+.section_subtitle{margin-top:8px;font-weight:normal;font-weight:400;font-size:14px;line-height:29px;color:var(--text_not_active)}@media all and (max-width:960px){main .title_wrapper .section_title+h5,main .title_wrapper .section_title+.section_subtitle{font-size:11px;line-height:15px;margin-top:4px}}main .title_wrapper .title_link{font-weight:600;display:inline-block;margin-left:55px;align-self:flex-end;line-height:24px}@media all and (max-width:1279px){main .title_wrapper .title_link{font-size:13px;margin-left:12px;line-height:30px}}@media all and (max-width:768px){main .title_wrapper .title_link{margin-left:0}}main .title_wrapper .left{display:flex;max-width:70%}@media all and (max-width:768px){main .title_wrapper .left{max-width:none}}main .title_wrapper .right{display:flex}@media all and (max-width:768px){main .title_wrapper .right{width:100%;text-align:left;margin-top:8px}main .title_wrapper .right p{font-size:10px;line-height:15px;text-align:left}}main .title_wrapper .company-dropdown{position:relative;z-index:5}main .title_wrapper .company-dropdown .arrow{cursor:pointer;padding-right:22px;background:url(/assets/images/icons/company-arrow.svg) no-repeat 100% 8px}main .title_wrapper .company-dropdown .companies_list{display:none;position:absolute;right:0;top:calc(100% + 28px);width:412px;background:#fff;box-shadow:0 4px 32px rgba(0,0,0,0.16);padding:35px 60px 20px 6px}@media all and (max-width:1279px){main .title_wrapper .company-dropdown .companies_list{top:calc(100% + 35px)}}@media all and (max-width:768px){main .title_wrapper .company-dropdown .companies_list{top:calc(100% + 25px);max-width:300px;right:16px;left:0;margin-left:0}}main .title_wrapper .company-dropdown .companies_list.opened{display:block}main .title_wrapper .company-dropdown .companies_list:before{content:"";display:block;width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-bottom:24px solid #fff;position:absolute;top:-24px;right:60px}@media all and (max-width:768px){main .title_wrapper .company-dropdown .companies_list:before{right:auto;left:60px}}main .title_wrapper .company-dropdown .companies_list .company_item{padding-left:60px;margin-bottom:20px;cursor:pointer}main .title_wrapper .company-dropdown .companies_list .company_item:not(:last-child){border-bottom:1px solid #EDEFF5;padding-bottom:20px}@media all and (max-width:768px){main .title_wrapper .company-dropdown .companies_list .company_item{padding-left:50px}}main .title_wrapper .company-dropdown .companies_list .company_item.selected{pointer-events:none;background:url(/assets/images/icons/icon-selected.svg) no-repeat 10px 50%}@media all and (max-width:768px){main .title_wrapper .company-dropdown .companies_list .company_item.selected{background-size:24px !important}}main .title_wrapper .back{padding-left:28px;background:url("../../public/assets/images/icons/page-back.svg") no-repeat left center;color:var(--blue);font-weight:700;margin-right:25px}@media all and (max-width:768px){main .title_wrapper .back+.section_title{width:100%}}main #main_slider{height:600px;background:var(--gray-light);padding:0;position:relative}@media all and (max-width:1279px){main #main_slider{height:395px}}main #main_slider .container{position:relative;height:100%;background:repeating-linear-gradient(90deg, rgba(255,255,255,0.1), rgba(255,255,255,0.1) 1px, transparent 2px, transparent 20%)}@media all and (max-width:768px){main #main_slider .container{background:transparent}}main #main_slider .slider_active_title{font-weight:bold;font-size:43px;line-height:63px;letter-spacing:2px;color:#fff;max-width:560px;position:absolute;top:55px;left:0;text-transform:uppercase;font-family:'PF Din Display Pro Bold'}@media all and (max-width:1279px){main #main_slider .slider_active_title{font-size:20px;line-height:35px;max-width:280px;top:25px}}main #main_slider .slider_list{position:absolute;bottom:0;left:0;right:0;display:flex}@media all and (max-width:1279px){main #main_slider .slider_list{height:135px}}@media all and (max-width:768px){main #main_slider .slider_list{display:none}}main #main_slider .slider_list .slider_item{width:20%;max-width:20%;height:300px;padding:15px 25px;display:flex;flex-wrap:wrap;align-items:flex-end;align-content:flex-end;cursor:pointer;position:relative;overflow:hidden}@media all and (max-width:1279px){main #main_slider .slider_list .slider_item{height:135px;padding:15px 20px}}main #main_slider .slider_list .slider_item:after{content:"";display:block;position:absolute;left:0;right:0;top:0;z-index:1;width:100%;height:100%;transform:translateY(100%);transition:175ms transform cubic-bezier(.25, .46, .45, .94)}main #main_slider .slider_list .slider_item .item_name{font-size:24px;line-height:24px;text-transform:uppercase;color:#fff;width:100%;display:flex;height:86px;align-content:center;align-items:center;justify-content:space-between;transition:175ms transform cubic-bezier(.25, .46, .45, .94);transform:translateY(57px);position:relative;z-index:2;margin-right:15px;font-family:'PF Din Display Pro Bold'}@media all and (max-width:1279px){main #main_slider .slider_list .slider_item .item_name{font-size:20px;height:80px}}main #main_slider .slider_list .slider_item .item_name:after{content:"";display:block;width:22px;min-width:22px;height:14px;background:url("/assets/images/icons/slider_arrow.svg") no-repeat center}main #main_slider .slider_list .slider_item a{display:inline-block;line-height:40px;color:#fff;font-weight:600;transition:175ms transform cubic-bezier(.25, .46, .45, .94);transform:translateY(57px);position:relative;z-index:2}@media all and (max-width:1279px){main #main_slider .slider_list .slider_item a{font-size:13px}}main #main_slider .slider_list .slider_item.active{background:currentColor}main #main_slider .slider_list .slider_item.active .item_name,main #main_slider .slider_list .slider_item.active a{transform:translateY(0)}main #main_slider .slider_list .slider_item.active .item_name:after{width:44px;background:url("/assets/images/icons/slider_arrow-hover.svg") no-repeat center;transform:rotate(-90deg) translate(15px, 15px)}@media all and (max-width:1279px){main #main_slider .slider_list .slider_item.active .item_name:after{transform:rotate(-90deg) translate(-15px, 15px)}}main #main_slider .slider_list .slider_item:hover .item_name,main #main_slider .slider_list .slider_item:hover a{transform:translateY(0)}main #main_slider .slider_list .slider_item:hover:after{transform:translateY(0);background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, currentColor 100%)}main #main_slider .slider_list .slider_navto{width:20%;max-width:20%;height:300px}main #main_slider .slider_list .slider_navto a{background:#fff;width:100%;height:100%;clip-path:polygon(100% 0, 0% 100%, 100% 100%);transition:175ms background cubic-bezier(.25, .46, .45, .94);box-sizing:border-box;padding:0 25px;display:flex;align-items:flex-end;justify-content:flex-end}main #main_slider .slider_list .slider_navto a:after{content:"";display:block;width:22px;min-width:22px;height:86px;transition:175ms all cubic-bezier(.25, .46, .45, .94);background:url("/assets/images/icons/slider_arrow-blue.svg") no-repeat center}main #main_slider .slider_list .slider_navto a:hover{background:#04a8a4}main #main_slider .slider_list .slider_navto a:hover:after{width:90px;background:url("/assets/images/icons/arrow-navto.svg") no-repeat center}@media all and (max-width:768px){main #calc{background:#EDEFF5}}main #calc .container{background:url("/assets/images/calc-bg.jpg") no-repeat right center #EDEFF5;padding:70px 25px;position:relative}main #calc .container:after{content:"";display:block;position:absolute;top:0;bottom:0;right:-100%;width:100%;left:auto;background-color:inherit}@media all and (max-width:1279px){main #calc .container{padding:50px 25px}}@media all and (max-width:1279px){main #calc .container{background:#EDEFF5}}@media all and (max-width:768px){main #calc .container{padding:25px 0}}main #calc .calc_body{display:flex;justify-content:space-between}@media all and (max-width:768px){main #calc .calc_body{display:block}}main #calc .calc_body .calc_settings{width:830px}@media all and (max-width:1420px){main #calc .calc_body .calc_settings{width:calc(100% - 410px)}}@media all and (max-width:1279px){main #calc .calc_body .calc_settings{width:calc(50% - 15px)}}@media all and (max-width:768px){main #calc .calc_body .calc_settings{width:100%}}main #calc .calc_body .calc_settings .settings_box{background:rgba(255,255,255,0.6);border-radius:4px;height:57px;margin-bottom:80px;position:relative;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;padding:10px}main #calc .calc_body .calc_settings .settings_box output[hidden]{display:none}main #calc .calc_body .calc_settings .settings_box:last-child{margin-bottom:20px}@media all and (max-width:1279px){main #calc .calc_body .calc_settings .settings_box{margin-bottom:45px;height:48px;padding:8px}}main #calc .calc_body .calc_settings .settings_box p{margin-bottom:15px;font-weight:700}@media all and (max-width:1279px){main #calc .calc_body .calc_settings .settings_box p{font-size:13px}}main #calc .calc_body .calc_settings .settings_box p.min{position:absolute;top:65px;font-weight:400;left:10px;margin:0}@media all and (max-width:960px){main #calc .calc_body .calc_settings .settings_box p.min{display:none}}main #calc .calc_body .calc_settings .settings_box p.max{position:absolute;top:65px;font-weight:400;right:10px;margin:0}@media all and (max-width:960px){main #calc .calc_body .calc_settings .settings_box p.max{top:30px}}main #calc .calc_body .calc_settings .settings_box .line{width:100%;background:rgba(142,148,167,0.4)}@media all and (max-width:960px){main #calc .calc_body .calc_settings .settings_box .line{width:calc(100% - 55px)}}main #calc .calc_body .calc_settings .settings_box .line,main #calc .calc_body .calc_settings .settings_box .rangeslider.rangeslider--horizontal{position:relative;height:5px;z-index:2}main #calc .calc_body .calc_settings .settings_box .line .active_line,main #calc .calc_body .calc_settings .settings_box .rangeslider.rangeslider--horizontal .active_line,main #calc .calc_body .calc_settings .settings_box .line .rangeslider__fill,main #calc .calc_body .calc_settings .settings_box .rangeslider.rangeslider--horizontal .rangeslider__fill{background:var(--blue);position:absolute;left:0;bottom:0;height:10px}main #calc .calc_body .calc_settings .settings_box .line .dragble,main #calc .calc_body .calc_settings .settings_box .rangeslider.rangeslider--horizontal .dragble,main #calc .calc_body .calc_settings .settings_box .line .rangeslider__handle,main #calc .calc_body .calc_settings .settings_box .rangeslider.rangeslider--horizontal .rangeslider__handle{width:1px;height:16px;cursor:pointer;position:absolute;top:8px;left:0}main #calc .calc_body .calc_settings .settings_box .line .dragble:after,main #calc .calc_body .calc_settings .settings_box .rangeslider.rangeslider--horizontal .dragble:after,main #calc .calc_body .calc_settings .settings_box .line .rangeslider__handle:after,main #calc .calc_body .calc_settings .settings_box .rangeslider.rangeslider--horizontal .rangeslider__handle:after{content:"";display:block;transform:rotate(45deg) translate(-6px, 6px);width:16px;height:16px;background:var(--blue)}main #calc .calc_body .calc_result{width:350px;align-items:stretch;align-content:stretch;display:flex;flex-wrap:wrap}@media all and (max-width:1420px){main #calc .calc_body .calc_result{width:320px}}@media all and (max-width:1279px){main #calc .calc_body .calc_result{width:calc(50% - 15px)}}@media all and (max-width:768px){main #calc .calc_body .calc_result{width:100%;margin-top:35px}}main #calc .calc_body .calc_result .result_box{width:100%}main #calc .calc_body .calc_result .result_box p{font-weight:700}@media all and (max-width:1279px){main #calc .calc_body .calc_result .result_box p{font-weight:400;font-size:13px;line-height:20px;margin-bottom:20px}}@media all and (max-width:768px){main #calc .calc_body .calc_result .result_box p{margin-bottom:8px}}main #calc .calc_body .calc_result .result_box p.price{font-size:41px;line-height:1}main #calc .calc_body .calc_result .result_box p.price sup{font-weight:300;font-size:12px;line-height:18px;color:#8E94A7;vertical-align:super}@media all and (max-width:1279px){main #calc .calc_body .calc_result .result_box p.price{font-size:32px}}@media all and (max-width:1279px){main #calc .calc_body .calc_result .result_box p.price{font-size:20px;margin-bottom:0;font-weight:700}}@media all and (max-width:768px){main #calc .calc_body .calc_result .result_box{width:50%}}main #calc .calc_body .calc_result .button{width:100%;align-self:center}@media all and (max-width:768px){main #calc .calc_body .calc_result .button{margin-top:30px;margin-bottom:15px}}main #calc .calc_body .calc_result .secondary{align-self:flex-end}main .news_arrows{display:flex;align-content:center}@media all and (max-width:1279px){main .news_arrows{display:none !important}}main .news_arrows button{width:97px;height:28px;background-color:var(--blue);box-sizing:border-box;padding:0 10px;transition:175ms background ease-in-out}main .news_arrows button svg{width:8px;height:12px;margin-left:auto}main .news_arrows button svg path{stroke:#fff;transition:175ms stroke ease-in-out}main .news_arrows button:disabled,main .news_arrows button.slick-disabled{cursor:default;background-color:var(--inactive);background-position:center}main .news_arrows button:disabled svg,main .news_arrows button.slick-disabled svg{margin-left:0}main .news_arrows button:disabled svg path,main .news_arrows button.slick-disabled svg path{stroke:#8E94A7}@media all and (max-width:768px){main #news .news_slider_wrapper{margin:0 -16px}}main .news_list,main .career_list{display:flex;white-space:nowrap;width:100%}main .news_list .slick-list,main .career_list .slick-list{width:100%}main .news_list .slick-list .slick-track,main .career_list .slick-list .slick-track{white-space:nowrap;display:flex;padding-right:100px}main .news_list .slick-list .slick-track:after,main .career_list .slick-list .slick-track:after{content:"";display:block;width:365px;min-width:365px;height:200px}main .news_list .news_item,main .career_list .news_item,main .news_list .career_item,main .career_list .career_item{width:365px;min-width:365px;padding:35px 20px;background:#EDEFF5;position:relative}@media all and (max-width:1279px){main .news_list .news_item,main .career_list .news_item,main .news_list .career_item,main .career_list .career_item{width:214px;min-width:214px;padding:25px 15px}}@media all and (max-width:768px){main .news_list .news_item,main .career_list .news_item,main .news_list .career_item,main .career_list .career_item{margin-right:1px}}main .news_list .news_item p,main .career_list .news_item p,main .news_list .career_item p,main .career_list .career_item p{white-space:normal;margin-bottom:22px;line-height:24px;transition:175ms color ease-in-out}main .news_list .news_item .news_date,main .career_list .news_item .news_date,main .news_list .career_item .news_date,main .career_list .career_item .news_date{margin-bottom:35px}@media all and (max-width:1279px){main .news_list .news_item .news_date,main .career_list .news_item .news_date,main .news_list .career_item .news_date,main .career_list .career_item .news_date{margin-bottom:15px}}main .news_list .news_item img,main .career_list .news_item img,main .news_list .career_item img,main .career_list .career_item img{display:block;margin-bottom:22px;object-fit:cover}@media all and (max-width:1279px){main .news_list .news_item img,main .career_list .news_item img,main .news_list .career_item img,main .career_list .career_item img{height:178px;width:100%;margin-bottom:15px}}main .news_list .news_item .news_title,main .career_list .news_item .news_title,main .news_list .career_item .news_title,main .career_list .career_item .news_title,main .news_list .news_item .career_title,main .career_list .news_item .career_title,main .news_list .career_item .career_title,main .career_list .career_item .career_title{color:#0C0C0C;font-size:24px;line-height:28px;font-weight:700}@media all and (max-width:1279px){main .news_list .news_item .news_title,main .career_list .news_item .news_title,main .news_list .career_item .news_title,main .career_list .career_item .news_title,main .news_list .news_item .career_title,main .career_list .news_item .career_title,main .news_list .career_item .career_title,main .career_list .career_item .career_title{font-size:19px;line-height:26px;margin-bottom:15px}}main .news_list .news_item .news_link,main .career_list .news_item .news_link,main .news_list .career_item .news_link,main .career_list .career_item .news_link,main .news_list .news_item .career_link,main .career_list .news_item .career_link,main .news_list .career_item .career_link,main .career_list .career_item .career_link{margin-bottom:0;color:var(--blue)}@media all and (max-width:1279px){main .news_list .news_item .news_link,main .career_list .news_item .news_link,main .news_list .career_item .news_link,main .career_list .career_item .news_link,main .news_list .news_item .career_link,main .career_list .news_item .career_link,main .news_list .career_item .career_link,main .career_list .career_item .career_link{font-weight:700;font-size:13px}}main .news_list .news_item a,main .career_list .news_item a,main .news_list .career_item a,main .career_list .career_item a{display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:3}main .news_list .news_item:after,main .career_list .news_item:after,main .news_list .career_item:after,main .career_list .career_item:after{content:"";display:block;position:absolute;top:-24px;left:0;right:0;bottom:-24px;opacity:0;visibility:hidden;transition:175ms all ease-in-out}main .news_list .news_item:hover,main .career_list .news_item:hover,main .news_list .career_item:hover,main .career_list .career_item:hover{z-index:2}main .news_list .news_item:hover:after,main .career_list .news_item:hover:after,main .news_list .career_item:hover:after,main .career_list .career_item:hover:after{opacity:1;visibility:visible;background:var(--green);z-index:0}main .news_list .news_item:hover p,main .career_list .news_item:hover p,main .news_list .career_item:hover p,main .career_list .career_item:hover p,main .news_list .news_item:hover img,main .career_list .news_item:hover img,main .news_list .career_item:hover img,main .career_list .career_item:hover img{color:#fff;z-index:2;position:relative}main .news_list .news_item:hover .news_date:after,main .career_list .news_item:hover .news_date:after,main .news_list .career_item:hover .news_date:after,main .career_list .career_item:hover .news_date:after{content:"";position:absolute;bottom:-8px;height:2px;left:0;right:0;background:linear-gradient(to right, #ffffff 0%, rgba(255,255,255,0) 100%)}main .news_list.masongry_columns,main .career_list.masongry_columns{display:flex;justify-content:space-between}main .news_list.masongry_columns .column,main .career_list.masongry_columns .column{width:calc(50% - 15px)}main .news_list.masongry_columns .news_item,main .career_list.masongry_columns .news_item,main .news_list.masongry_columns .career_item,main .career_list.masongry_columns .career_item{width:100%;margin-bottom:30px}@media all and (max-width:768px){main .news_list.masongry_columns,main .career_list.masongry_columns{display:block}main .news_list.masongry_columns .column,main .career_list.masongry_columns .column{width:100%}}main .programs_list,main .services_list{display:flex;flex-wrap:wrap}@media all and (max-width:1279px){main .programs_list,main .services_list{justify-content:space-between}}main .programs_list .program_item,main .services_list .program_item,main .programs_list .service_item,main .services_list .service_item{margin-top:40px;margin-bottom:40px;width:calc(25% - 23px);position:relative;background:#EDEFF5;transform-origin:left;transition:all 175ms ease-in-out;height:390px}@media all and (max-width:1420px){main .programs_list .program_item,main .services_list .program_item,main .programs_list .service_item,main .services_list .service_item{overflow:hidden}}@media all and (max-width:1279px){main .programs_list .program_item,main .services_list .program_item,main .programs_list .service_item,main .services_list .service_item{width:calc(50% - 15px);margin-right:0 !important;margin-bottom:30px;margin-top:0;height:258px;overflow:hidden}}@media all and (max-width:768px){main .programs_list .program_item,main .services_list .program_item,main .programs_list .service_item,main .services_list .service_item{width:100%}}main .programs_list .program_item:after,main .services_list .program_item:after,main .programs_list .service_item:after,main .services_list .service_item:after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:#eeeff4;z-index:0;transition:all 125ms ease-in-out}main .programs_list .program_item a,main .services_list .program_item a,main .programs_list .service_item a,main .services_list .service_item a{height:100%;display:block;box-sizing:border-box;padding:36px 18px;position:relative;z-index:2}@media all and (max-width:1279px){main .programs_list .program_item a,main .services_list .program_item a,main .programs_list .service_item a,main .services_list .service_item a{padding:24px 18px}}main .programs_list .program_item a span,main .services_list .program_item a span,main .programs_list .service_item a span,main .services_list .service_item a span{display:inline-block}main .programs_list .program_item:not(:nth-child(4n)),main .services_list .program_item:not(:nth-child(4n)),main .programs_list .service_item:not(:nth-child(4n)),main .services_list .service_item:not(:nth-child(4n)){margin-right:30px}main .programs_list .program_item .program_name,main .services_list .program_item .program_name,main .programs_list .service_item .program_name,main .services_list .service_item .program_name,main .programs_list .program_item .service_name,main .services_list .program_item .service_name,main .programs_list .service_item .service_name,main .services_list .service_item .service_name{font-weight:700;font-size:26px;line-height:36px;color:#000;position:relative;z-index:2;transform:translateY(0);transition:125ms transform ease-in-out;max-width:70%}@media all and (max-width:1279px){main .programs_list .program_item .program_name,main .services_list .program_item .program_name,main .programs_list .service_item .program_name,main .services_list .service_item .program_name,main .programs_list .program_item .service_name,main .services_list .program_item .service_name,main .programs_list .service_item .service_name,main .services_list .service_item .service_name{font-size:19px;line-height:26px}}main .programs_list .program_item .program_link,main .services_list .program_item .program_link,main .programs_list .service_item .program_link,main .services_list .service_item .program_link,main .programs_list .program_item .service_link,main .services_list .program_item .service_link,main .programs_list .service_item .service_link,main .services_list .service_item .service_link{position:absolute;right:0px;bottom:-10px;color:var(--blue);font-weight:600;font-size:15px;line-height:20px;opacity:0;z-index:2;transform:translate(0, 0);transition:125ms all ease-in-out}main .programs_list .program_item img,main .services_list .program_item img,main .programs_list .service_item img,main .services_list .service_item img{position:absolute;right:0;bottom:0;transform:translate(0, 0);transition:125ms all ease-in-out}@media all and (max-width:1420px) and (min-width:1280px){main .programs_list .program_item img,main .services_list .program_item img,main .programs_list .service_item img,main .services_list .service_item img{max-width:100%}}@media all and (max-width:1279px){main .programs_list .program_item img,main .services_list .program_item img,main .programs_list .service_item img,main .services_list .service_item img{max-height:120%}}@media all and (min-width:1280px){main .programs_list .program_item:hover,main .services_list .program_item:hover,main .programs_list .service_item:hover,main .services_list .service_item:hover{overflow:visible}main .programs_list .program_item:hover:after,main .services_list .program_item:hover:after,main .programs_list .service_item:hover:after,main .services_list .service_item:hover:after{top:-35px;right:-20px;bottom:-35px}main .programs_list .program_item:hover img,main .services_list .program_item:hover img,main .programs_list .service_item:hover img,main .services_list .service_item:hover img{transform:translate(20px, -35px)}main .programs_list .program_item:hover .program_name,main .services_list .program_item:hover .program_name,main .programs_list .service_item:hover .program_name,main .services_list .service_item:hover .program_name,main .programs_list .program_item:hover .service_name,main .services_list .program_item:hover .service_name,main .programs_list .service_item:hover .service_name,main .services_list .service_item:hover .service_name{transform:translateY(-30px)}main .programs_list .program_item:hover .program_link,main .services_list .program_item:hover .program_link,main .programs_list .service_item:hover .program_link,main .services_list .service_item:hover .program_link,main .programs_list .program_item:hover .service_link,main .services_list .program_item:hover .service_link,main .programs_list .service_item:hover .service_link,main .services_list .service_item:hover .service_link{opacity:1;transform:translate(-10px, -10px)}}main .services_list{justify-content:center}@media all and (max-width:1279px){main .services_list{justify-content:space-between}}main .services_list .service_item{width:calc(33.333% - 20px)}main .services_list .service_item:after{background:#f1f2f7}main .services_list .service_item .service_name{max-width:50%}main .services_list .service_item:not(:nth-child(3n)){margin-right:30px}main .services_list .service_item:nth-child(3n){margin-right:0}main .services_list .service_item:nth-child(4n){margin-right:30px}@media all and (max-width:1279px){main .services_list .service_item{width:calc(50% - 15px)}main .services_list .service_item img{max-height:100%}}@media all and (max-width:768px){main .services_list .service_item{width:100%}}main .special_list{display:flex;flex-wrap:wrap;justify-content:space-between}main .special_list .special_item{position:relative;width:calc(50% - 18px);min-width:calc(50% - 18px);margin-bottom:80px}main .special_list .special_item a{display:block;color:#0C0C0C;position:relative;z-index:2;box-sizing:border-box;padding:25px calc(50% + 20px) 25px 20px}main .special_list .special_item a .special_name{font-size:26px;line-height:35px;font-weight:700;color:#0C0C0C;margin-bottom:25px;display:block;transition:all 220ms ease-in-out}main .special_list .special_item a .speacial_text{display:block;margin-bottom:10px;font-weight:700;color:#0C0C0C;transform:translate(0, 0);transition:all 220ms ease-in-out}main .special_list .special_item a .special_desc{font-size:15px;line-height:24px;transform:translate(0, 0);transition:all 220ms ease-in-out}main .special_list .special_item a .special_link{display:inline-block;font-weight:600;opacity:0;transform:translate(10px, 10px);transition:all 220ms ease-in-out;color:#fff}main .special_list .special_item:after{content:"";display:block;position:absolute;top:20px;bottom:30px;right:30px;left:30%;transition:all 220ms ease-in-out;background:var(--inactive);z-index:0}main .special_list .special_item img{display:block;position:absolute;top:0;bottom:0;width:50%;height:100%;right:0;object-fit:cover;z-index:1}@media all and (min-width:1280px){main .special_list .special_item:hover a .special_name{color:#fff}main .special_list .special_item:hover a .speacial_text,main .special_list .special_item:hover a .special_desc{transform:translate(0, -10px);color:#fff}main .special_list .special_item:hover a .special_link{opacity:1;color:#fff;transform:translate(0, 0)}main .special_list .special_item:hover:after{background:var(--green);top:0;left:0;bottom:0}}@media all and (max-width:1279px){main .special_list .special_item{width:calc(50% - 15px);min-width:calc(50% - 15px);margin-bottom:30px}main .special_list .special_item a{padding:30px 0 0 0;display:flex;flex-wrap:wrap}main .special_list .special_item a .special_name{font-size:19px;line-height:26px}main .special_list .special_item a .special_desc{font-size:13px;line-height:20px;width:100%}main .special_list .special_item a .speacial_text{width:100%}main .special_list .special_item a .special_link{opacity:1;transform:translate(0, 0);color:var(--blue)}main .special_list .special_item a img{position:relative;width:100%;height:155px;object-fit:cover;object-position:center}main .special_list .special_item:after{width:182px;top:0;left:auto;right:0;height:120px}}@media all and (max-width:768px){main .special_list .special_item{width:100%;min-width:100%;margin-bottom:25px}}main .special_list.swiped{flex-wrap:unset;white-space:nowrap}main .special_list.swiped .special_item{margin-top:30px;margin-bottom:30px;margin-right:30px}main .special_list.swiped .special_item>*{white-space:normal}main .special_list.swiped .special_item a .special_link{color:var(--blue);opacity:1}main .special_list.swiped .special_item:hover a .special_link{color:#fff}main .brand_select{max-width:306px;margin-left:auto;margin-top:35px;margin-bottom:35px}@media all and (max-width:768px){main .brand_select{max-width:100%;margin-top:10px;margin-bottom:25px}}main .special_detail .special_offer{position:relative;padding:25px calc(100% - 390px) 0 25px;margin-bottom:45px}main .special_detail .special_offer h2{font-size:26px;line-height:35px;color:#0C0C0C;font-weight:700;margin-bottom:25px}main .special_detail .special_offer h2 span{color:#A8026B;font-size:58px;line-height:58px}main .special_detail .special_offer h2 mark{color:#A8026B;background:transparent}main .special_detail .special_offer .button{width:100%;margin-top:40px}main .special_detail .special_offer:after{content:"";display:block;position:absolute;z-index:1;left:420px;top:15px;bottom:25px;right:0;background:var(--inactive)}main .special_detail .special_offer img{display:block;height:100%;width:calc(100% - 502px);position:absolute;right:0;bottom:0;z-index:2;object-fit:cover}@media all and (max-width:1420px){main .special_detail .special_offer{padding-left:0}}@media all and (max-width:1279px){main .special_detail .special_offer{padding:0 calc(50% + 15px) 0 0}main .special_detail .special_offer h2{font-size:19px;line-height:26px;width:100%;order:2;margin-bottom:0}main .special_detail .special_offer h2 span{font-size:19px;line-height:26px}main .special_detail .special_offer img{width:calc(50% - 15px)}main .special_detail .special_offer:after{left:calc(50% - 120px);z-index:-1}}@media all and (max-width:768px){main .special_detail .special_offer{padding:0;display:flex;flex-wrap:wrap}main .special_detail .special_offer img{order:1;width:100%;position:relative;height:155px;margin-bottom:10px}main .special_detail .special_offer .list-column{order:3;margin-top:20px;margin-bottom:30px}main .special_detail .special_offer button.button{order:4;margin-top:0}main .special_detail .special_offer:after{width:182px;left:auto;right:0;top:0;bottom:50px;z-index:-1}}main .special_detail .special_offer-text{margin-bottom:80px;padding:0 25px}@media all and (max-width:768px){main .special_detail .special_offer-text{padding:0;margin-bottom:40px}}main .special_detail .aside_container{margin-top:60px}@media all and (max-width:768px){main .special_detail .aside_container{margin-top:30px;padding-top:30px;border-top:1px solid #EDEFF5}}main .leasing_offer h3{padding:0 25px;margin-bottom:15px;font-size:26px;line-height:35px}@media all and (max-width:768px){main .leasing_offer h3{padding:0;font-size:17px;line-height:24px}}main .leasing_offer .leasing_list{display:flex;flex-wrap:wrap}main .leasing_offer .leasing_list .leasing_item{width:calc(33.333% - 20px);margin-bottom:30px}main .leasing_offer .leasing_list .leasing_item:not(:nth-child(3n)){margin-right:30px}main .leasing_offer .leasing_list .leasing_item .item_wrapper{display:block;padding-bottom:35px;background:#fff;transition:background-color 175ms ease-in-out}main .leasing_offer .leasing_list .leasing_item .item_wrapper img{display:block;width:100%;height:220px;object-fit:cover;margin-bottom:30px}main .leasing_offer .leasing_list .leasing_item .item_wrapper span{display:block;color:#000;transition:color 175ms ease-in-out}main .leasing_offer .leasing_list .leasing_item .item_wrapper .leasing_model{padding:0 30px;margin-bottom:5px;font-weight:700}main .leasing_offer .leasing_list .leasing_item .item_wrapper .leasing_desc{padding:0 30px}main .leasing_offer .leasing_list .leasing_item .item_wrapper:hover{background:var(--green)}main .leasing_offer .leasing_list .leasing_item .item_wrapper:hover .leasing_model,main .leasing_offer .leasing_list .leasing_item .item_wrapper:hover .leasing_desc{color:#fff}@media all and (max-width:1279px){main .leasing_offer .leasing_list{overflow-x:scroll;flex-wrap:unset;margin-right:-80px}main .leasing_offer .leasing_list .leasing_item{min-width:210px;margin-right:5px !important}main .leasing_offer .leasing_list .leasing_item .item_wrapper{padding-bottom:12px}main .leasing_offer .leasing_list .leasing_item .item_wrapper img{margin-bottom:12px;height:135px}main .leasing_offer .leasing_list .leasing_item .item_wrapper .leasing_model,main .leasing_offer .leasing_list .leasing_item .item_wrapper .leasing_desc{padding:0 18px}}@media all and (max-width:768px){main .leasing_offer .leasing_list{margin:0 -16px;padding:0 16px}}main .leasing_offer .leasing_offer-detail{display:flex;justify-content:space-between;margin-top:100px}main .leasing_offer .leasing_offer-detail .image_slider{height:425px;width:calc(100% - 560px)}main .leasing_offer .leasing_offer-detail .image_slider .slide{height:100%}main .leasing_offer .leasing_offer-detail .image_slider .slide img{width:100%;height:100%;object-fit:cover}main .leasing_offer .leasing_offer-detail .offer_desc{width:530px;padding-bottom:40px;position:relative}main .leasing_offer .leasing_offer-detail .offer_desc .offer_name{font-size:26px;line-height:35px;text-transform:uppercase;font-weight:700;margin-bottom:30px}main .leasing_offer .leasing_offer-detail .offer_desc ul{margin-bottom:20px}main .leasing_offer .leasing_offer-detail .offer_desc ul li{line-height:25px}main .leasing_offer .leasing_offer-detail .offer_desc .button{margin-top:40px;width:390px;position:absolute;bottom:0;left:0}@media all and (max-width:1279px){main .leasing_offer .leasing_offer-detail .image_slider{height:300px}main .leasing_offer .leasing_offer-detail .image_slider,main .leasing_offer .leasing_offer-detail .offer_desc{width:calc(50% - 15px)}main .leasing_offer .leasing_offer-detail .image_slider .button,main .leasing_offer .leasing_offer-detail .offer_desc .button{position:relative}}@media all and (max-width:768px){main .leasing_offer .leasing_offer-detail{margin-top:18px;display:block}main .leasing_offer .leasing_offer-detail .image_slider{width:100%;height:168px}main .leasing_offer .leasing_offer-detail .offer_desc{width:100%;padding-bottom:0}main .leasing_offer .leasing_offer-detail .offer_desc .offer_name{font-size:19px;line-height:26px;margin-bottom:13px}main .leasing_offer .leasing_offer-detail .offer_desc .button{width:100%;position:relative}}main .faq_search{margin-bottom:40px}main .faq_search .form_field{width:100%;max-width:635px;margin-left:auto}main .click-more{color:var(--blue);cursor:pointer}main .paymentDateForm{display:flex;align-items:center;margin-top:15px}main .paymentDateForm .form_field{width:100%}main .paymentDateForm button.button{min-width:160px;margin-left:30px}@media all and (max-width:768px){main .paymentDateForm{display:block}main .paymentDateForm button.button{margin-left:0;margin-top:30px}}main .dropdown_blocks_list.zero-margin{margin-left:-30px;border-left:1px solid #EDEFF5;border-right:1px solid #EDEFF5}main .dropdown_blocks_list.zero-margin .dropdown_block{border-bottom:0 !important;position:relative}main .dropdown_blocks_list.zero-margin .dropdown_block:after{content:"";display:block;width:auto;height:1px;background:#EDEFF5;position:absolute;bottom:0;left:32px;right:32px}main .dropdown_blocks_list.zero-margin .dropdown_block .block_header{padding-left:30px;padding-right:30px}main .dropdown_blocks_list.zero-margin .dropdown_block .block_body{margin-left:85px;max-width:755px;overflow:hidden}main .dropdown_blocks_list.zero-margin .dropdown_block .block_body.full{margin-left:30px;max-width:100%}@media all and (max-width:1279px){main .dropdown_blocks_list.zero-margin .dropdown_block .block_body.full{margin-left:0}}@media all and (max-width:1279px){main .dropdown_blocks_list.zero-margin{border:0;margin-left:0}main .dropdown_blocks_list.zero-margin .dropdown_block:after{left:0;right:0}main .dropdown_blocks_list.zero-margin .dropdown_block .block_header{padding-left:5px;padding-right:5px}main .dropdown_blocks_list.zero-margin .dropdown_block .block_body{margin-left:0;padding-left:5px}}main .dropdown_blocks_list .block-column{display:flex;justify-content:space-between;border-bottom:1px solid #EDEFF5;margin-bottom:15px;padding-bottom:15px;flex-wrap:wrap}main .dropdown_blocks_list .block-column .dropdown_block{width:240px;margin-right:50px;border:0 !important}main .dropdown_blocks_list .block-column .dropdown_block+.dropdown_blocks_list{width:calc(100% - 290px)}@media all and (max-width:768px){main .dropdown_blocks_list .block-column .dropdown_block+.dropdown_blocks_list{width:100%}}main .dropdown_blocks_list .block-column .dropdown_block+.dropdown_blocks_list .dropdown_block{width:100%}main .dropdown_blocks_list .block-column .dropdown_block+.dropdown_blocks_list .dropdown_block:not(:last-child){margin-bottom:30px}main .dropdown_blocks_list .block-column .dosc_list{width:calc(100% - 290px)}@media all and (max-width:960px){main .dropdown_blocks_list .block-column .block_with_form{width:100%}}@media all and (max-width:768px){main .dropdown_blocks_list .block-column .block_with_form{margin-top:15px}}@media all and (max-width:768px){main .dropdown_blocks_list .block-column{display:block;margin-bottom:25px;padding-bottom:10px}main .dropdown_blocks_list .block-column .dropdown_block,main .dropdown_blocks_list .block-column .dosc_list{width:100%;margin-right:0;border:0 !important}main .dropdown_blocks_list .block-column .dropdown_block .block_header,main .dropdown_blocks_list .block-column .dosc_list .block_header{padding:0;height:auto}}main .dropdown_blocks_list .dropdown_block:not(:last-child){border-bottom:1px solid #EDEFF5}main .dropdown_blocks_list .dropdown_block.bt{border-bottom:0;border-top:1px solid #EDEFF5}main .dropdown_blocks_list .dropdown_block .block_header{padding:15px 0;height:70px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}main .dropdown_blocks_list .dropdown_block .block_header.default{cursor:default}main .dropdown_blocks_list .dropdown_block .block_header p{margin-bottom:0;margin-right:20px;font-weight:700}main .dropdown_blocks_list .dropdown_block .block_header p.with-icon{display:inline-flex;align-items:center}main .dropdown_blocks_list .dropdown_block .block_header p.with-icon img{margin-right:20px}main .dropdown_blocks_list .dropdown_block .block_header button{width:22px;height:22px;min-width:22px;cursor:pointer;background:url("/assets/images/icons/dropdown-blue.svg") no-repeat center}main .dropdown_blocks_list .dropdown_block .block_body{display:none}main .dropdown_blocks_list .dropdown_block .block_body .company{display:flex;margin-bottom:30px;padding:24px 16px;position:relative}main .dropdown_blocks_list .dropdown_block .block_body .company .title{text-transform:uppercase;font-size:26px;line-height:35px;font-weight:700;min-width:15%}main .dropdown_blocks_list .dropdown_block .block_body .company .title.lower{text-transform:unset}@media all and (max-width:960px){main .dropdown_blocks_list .dropdown_block .block_body .company .title{min-width:120px}}main .dropdown_blocks_list .dropdown_block .block_body .company ul{margin-left:80px}main .dropdown_blocks_list .dropdown_block .block_body .company ul li{line-height:1.5;margin-bottom:6px}main .dropdown_blocks_list .dropdown_block .block_body .company ul li.alert{color:#A8026B}@media all and (max-width:960px){main .dropdown_blocks_list .dropdown_block .block_body .company ul:not(:last-child){padding-bottom:55px}}@media all and (max-width:768px){main .dropdown_blocks_list .dropdown_block .block_body .company ul:not(:last-child){padding-bottom:20px}}@media all and (max-width:767px){main .dropdown_blocks_list .dropdown_block .block_body .company{display:block}main .dropdown_blocks_list .dropdown_block .block_body .company .title{font-size:19px;line-height:26px}main .dropdown_blocks_list .dropdown_block .block_body .company ul{margin-left:0}}main .dropdown_blocks_list .dropdown_block .block_body .company.filled{background:var(--inactive)}main .dropdown_blocks_list .dropdown_block .block_body .company .action{margin-left:auto;position:absolute;right:16px;top:24px}@media all and (max-width:960px){main .dropdown_blocks_list .dropdown_block .block_body .company .action{position:absolute;width:100%;margin-top:0px;left:216px;bottom:24px;right:auto;top:auto}}@media all and (max-width:768px){main .dropdown_blocks_list .dropdown_block .block_body .company .action{margin-left:0;position:static}}main .dropdown_blocks_list .dropdown_block.open .block_header button:not(.rotate){background:url("/assets/images/icons/close-blue.svg") no-repeat center}main .dropdown_blocks_list .dropdown_block.open .block_header button.rotate{transform:rotate(180deg)}main .dropdown_blocks_list .dropdown_block.open .block_body{display:block}main .dropdown_blocks_list .dropdown_block.open .block_body p:not(.doc_name){margin-bottom:35px}@media all and (max-width:768px){main .dropdown_blocks_list .dropdown_block.open .block_body p{margin-bottom:15px}}main .dropdown_blocks_list.filled .dropdown_block.open .block_header{background:var(--inactive);color:var(--blue)}main aside{background:#fff;position:relative;z-index:2}main aside:before{content:"";display:block;width:auto;position:absolute;left:-50vw;right:0;background:#fff;top:0;bottom:0;z-index:-1}@media all and (max-width:1280px){main aside:before{display:none}}main aside .nav_toggle{display:none}@media all and (max-width:1279px){main aside .nav_toggle{display:block;height:23px;z-index:3;background-image:url("/assets/images/icons/icon-select.svg");background-repeat:no-repeat;background-position:100% 50%;font-size:13px;color:var(--blue);font-weight:700;padding-left:0;cursor:pointer;text-align:left;white-space:nowrap;text-overflow:ellipsis;max-width:285px;overflow:hidden;display:none}}main aside .aside_nav{list-style:none;padding:0;margin:0 0 30px 0}main aside .aside_nav li{margin-bottom:0px}main aside .aside_nav li a{display:flex;align-items:center;min-height:56px;color:#000;font-size:15px;line-height:23px;font-weight:700;box-sizing:border-box;padding:6px 15px}main aside .aside_nav li a[disabled]{pointer-events:none;cursor:default;color:#8E94A7}main aside .aside_nav li a span{width:20px;height:20px;border-radius:100%;margin-left:6px;color:#fff;background:#A8026B;font-weight:400;text-align:center;line-height:20px;font-size:11px}main aside .aside_nav li a.active{background:var(--green);color:#fff;font-weight:700}main aside .aside_nav li a.active span{background:#fff;color:#000}@media all and (max-width:1600px) and (min-width:1280px){main aside .aside_nav li a{min-height:48px;font-size:13px;line-height:18px}}@media all and (max-width:1279px){main aside .aside_nav{display:flex;overflow-x:auto}main aside .aside_nav li{margin-bottom:0;background:var(--inactive)}main aside .aside_nav li a{font-size:15px;font-weight:400;padding:0;min-height:unset;white-space:nowrap;padding:0 16px;line-height:42px}main aside .aside_nav li a.active{background-color:var(--green);color:#fff}}@media all and (max-width:768px){main aside .aside_nav{left:0;margin:0 -16px;padding:0 16px}}main aside .button{width:100%}main #order .container{padding-bottom:180px}@media all and (max-width:1279px){main #order .container{padding-bottom:60px}}@media all and (max-width:768px){main #order{background:#EDEFF5}main #order .container{padding:40px 0 0 0}}.model_container{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:60px}.model_container .col{width:calc(50% - 15px)}.model_container .col img{max-width:100%}.model_container .col .model_desc{margin-top:35px}.model_container .col .model_desc p{margin-bottom:10px}.model_container #calc{background:var(--inactive);padding:35px 30px;position:relative}.model_container #calc:after{content:"";display:block;position:absolute;top:0;right:-100%;bottom:0;width:100%;background:inherit}.model_container #calc .calc_body{flex-wrap:wrap}.model_container #calc .calc_body .calc_settings{width:100%;margin-bottom:35px}.model_container #calc .calc_body .calc_result{width:100%}.model_container #calc .calc_body .calc_result .result_box{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.model_container #calc .calc_body .calc_result .result_box p{font-weight:400}.model_container #calc .calc_body .calc_result .result_box.bolder{margin-bottom:35px}.model_container #calc .calc_body .calc_result .result_box.bolder p{font-weight:700;font-size:26px;line-height:35px}.model_container #calc .calc_body .calc_result .calc_footer{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:20px}.model_container #calc .calc_body .calc_result .calc_footer .button{width:calc(50% - 13px);padding:0;font-weight:400}.model_container .aside_container{width:100%;margin-top:0px;border-top:1px solid #EDEFF5}.model_container .aside_container aside{width:305px;padding-top:40px}.model_container .aside_container article{width:calc(100% - 305px);padding-top:40px;border-left:1px solid #EDEFF5}.model_container .aside_container article .dropdown_blocks_list .dropdown_block{padding:0 40px}@media all and (max-width:768px){.model_container{margin-top:20px}.model_container .col{width:100%;margin-bottom:10px}.model_container .col img{margin:0 -16px;width:calc(100% + 32px)}.model_container .col .model_desc{margin-top:12px}.model_container .col #calc{margin:0 -16px;padding:25px 16px}.model_container .col #calc .calc_body .calc_result .result_box.bolder p{font-size:19px;line-height:26px}.model_container .col #calc .calc_body .calc_result .calc_footer{margin-top:0;display:block}.model_container .col #calc .calc_body .calc_result .calc_footer button{width:100%;margin-bottom:0}.model_container .col #calc .calc_body .calc_result .calc_footer button:first-child{margin-top:0}.model_container .aside_container{border-top:0}.model_container .aside_container aside{display:none}.model_container .aside_container article{width:100%;border:0;padding-top:0}.model_container .aside_container article .dropdown_blocks_list .dropdown_block{padding:0}}.catalog_list{display:flex;flex-wrap:wrap}@media all and (max-width:1279px){.catalog_list{justify-content:space-between;width:100%}}.catalog_list .catalog_item{width:calc(33.333% - 20px);margin-bottom:110px}.catalog_list .catalog_item:not(:nth-child(3n)){margin-right:30px}.catalog_list .catalog_item img{width:100%;height:220px;object-fit:cover;margin-bottom:30px}.catalog_list .catalog_item .item_class{font-size:26px;line-height:35px;color:#0C0C0C;font-weight:700;margin-bottom:8px}.catalog_list .catalog_item .item_model{font-size:14px}.catalog_list .catalog_item .item_model b{display:block;font-size:15px}.catalog_list .catalog_item ul li{display:flex;justify-content:space-between;line-height:29px}.catalog_list .catalog_item ul li p{margin:0}.catalog_list .catalog_item ul li.pay{font-weight:700;margin:25px 0}.catalog_list .catalog_item .item_footer{text-align:right;margin-top:30px}@media all and (max-width:1279px){.catalog_list .catalog_item{width:calc(50% - 15px);margin-right:0 !important;margin-bottom:66px}.catalog_list .catalog_item .item_class{font-size:19px;line-height:26px}.catalog_list .catalog_item .item_model{font-size:13px;margin-top:10px}.catalog_list .catalog_item .item_model b{font-size:13px}.catalog_list .catalog_item ul li{line-height:20px;margin-bottom:10px}.catalog_list .catalog_item ul li.pay{margin:15px 0}}@media all and (max-width:768px){.catalog_list .catalog_item{width:100%}.catalog_list .catalog_item img{margin-left:-16px;margin-right:-16px;width:calc(100% + 32px)}.catalog_list .catalog_item ul li{margin-bottom:0px}}.requisites{padding:0 110px}.requisites .requisites_row{display:flex;justify-content:flex-start;margin-bottom:25px}.requisites .requisites_row p{margin:0;max-width:calc(50% - 15px);text-align:left}.requisites .requisites_row p:first-child{font-weight:700;margin-right:30px;width:180px}.requisites .button{margin-top:40px}@media all and (max-width:1420px){.requisites{padding:0}}@media all and (max-width:1279px){.requisites .requisites_row{display:block;margin-bottom:8px}.requisites .requisites_row p{width:100%;margin-bottom:8px}.requisites .button{width:286px}}#choose_region{display:flex;align-items:center}#choose_region p{margin-right:30px;max-width:340px}#choose_region .form_field{width:415px}@media all and (max-width:1279px){#officeViewToggle{justify-content:flex-end}}@media all and (max-width:768px){#officeViewToggle .tab{width:50%;text-align:center}}#map{display:none;width:100%;height:615px;margin:45px 0;background:var(--gray-light)}#map.visible{display:block}@media all and (max-width:1279px){#map{height:320px;margin:20px 0}}.popover{position:absolute;top:0;left:0;z-index:1010;display:block;padding:1px;text-align:left;white-space:normal;background:var(--blue);color:#fff;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;padding:30px 20px;max-width:500px}.popover .close{position:absolute;top:8px;right:8px;width:24px;height:24px;font-size:0;cursor:pointer;background:url("/assets/images/icons/close-white.svg") no-repeat center}.popover p{margin:5px 0}.popover .arrow{position:absolute;left:0;right:0;bottom:-25px;margin:auto;width:43px;height:54px;background:url("/assets/images/pin-open.svg") no-repeat center}.offices_list{display:flex;justify-content:space-between;border-top:1px solid #EDEFF5;margin-top:30px}.offices_list#offices:not(.visible){display:none}.offices_list .column{width:calc(50% - 15px)}.offices_list .column .dropdown_block.open .block_body p{margin-bottom:8px}.offices_list .column .dropdown_block.open .block_body a{display:inline-block;font-weight:700;margin:20px 0 20px 28px}@media all and (max-width:768px){.offices_list{display:block;padding-top:35px;margin-top:35px}.offices_list .column{width:100%}}.dosc_list .list_title{margin-top:45px;font-weight:700;margin-bottom:15px;font-size:15px;line-height:23px}@media all and (max-width:768px){.dosc_list .list_title{margin-top:25px;font-size:13px;line-height:20px}}.dosc_list .list_title:first-child{margin-top:0}.dosc_list .row{margin-bottom:35px;display:flex;align-items:center;justify-content:space-between}@media all and (max-width:1600px) and (min-width:1280px){.dosc_list .row{margin-bottom:20px}}.dosc_list .row p{margin-bottom:0}.dosc_list .row .doc_name{font-weight:700;min-height:56px;display:inline-flex;flex-wrap:wrap;align-items:center;margin-right:30px;max-width:50%}@media all and (max-width:1600px) and (min-width:1280px){.dosc_list .row .doc_name{min-height:42px}}@media all and (max-width:960px){.dosc_list .row .doc_name{align-content:flex-start}}.dosc_list .row .doc_name.full{max-width:100%}.dosc_list .row .doc_name.full span{width:100%}.dosc_list .row .doc_name a{text-decoration:underline;font-weight:700}.dosc_list .row .doc_name a:hover{text-decoration:none}.dosc_list .row .doc_name span{display:block;font-weight:400;margin-top:2px;color:var(--text_not_active)}.dosc_list .row .btn_group{display:flex}@media all and (max-width:768px){.dosc_list .row .btn_group{display:block}}.dosc_list .row .btn_group .button{width:auto;margin-left:30px}@media all and (max-width:768px){.dosc_list .row .btn_group .button{margin-bottom:0px;display:flex;margin-top:16px !important}.dosc_list .row .btn_group .button:first-child{margin-left:0;width:auto;display:inline-flex;margin-top:8px !important}}.dosc_list .row .doc_date{margin-right:30px;margin-left:30px;white-space:nowrap}.dosc_list .row .button{width:auto;padding:0 30px}.dosc_list.medium-icon .row{margin-bottom:15px;width:100%}.dosc_list.medium-icon .doc_name{min-height:40px;background-size:32px;padding-left:48px}.dosc_list.acts_list-checkbox .row{margin-bottom:15px;width:100%}.dosc_list.acts_list-checkbox .row .doc_name{background-size:32px;padding-left:0;background-position:30px 50%;min-height:32px;max-width:none;font-weight:400;position:relative}.dosc_list.acts_list-checkbox .row .doc_name[data-format]:before{left:30px;width:31px;font-size:6px}.dosc_list.acts_list-checkbox .row .doc_name input[type="checkbox"]+label{display:flex;align-items:center;padding-left:0}.dosc_list.acts_list-checkbox .row .doc_name input[type="checkbox"]+label:before{margin-right:56px;position:relative}.dosc_list.acts_list-checkbox .row .doc_name:not(.i-pdf){min-height:0}.dosc_list.acts_list-checkbox .row .doc_name:not(.i-pdf) input[type="checkbox"]+label:before{margin-right:16px}@media all and (max-width:768px){.dosc_list .row{position:relative;flex-wrap:wrap}.dosc_list .row .doc_name{max-width:100%;width:100%}.dosc_list .row .button:not(.download-icon){margin-left:0;margin-right:0;margin-top:8px;width:auto}.dosc_list .row .button.download-icon{position:absolute;right:0;top:0;bottom:0;margin:auto;width:24px;padding:0}}.payments_actions{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:30px}.payments_actions .avans{margin-bottom:0}.payments_actions .avans p{margin:0;padding:0}.payments_actions .avans span{color:#000}.payments_actions div{display:flex;flex-wrap:wrap}.payments_actions div:nth-child(2){min-width:30%}.payments_actions div p{font-weight:700;margin-bottom:16px;width:100%}.payments_actions div p span{color:#A8026B}.payments_actions div button+button{margin-left:16px}@media (max-width:1279px){.payments_actions div{width:100%}.payments_actions div:not(:last-child){margin-bottom:30px}.payments_actions div p{font-size:13px;line-height:20px}}.contract_table{margin-bottom:0px}.contract_table .table_row{min-height:80px;display:flex;width:100%}.contract_table .table_row .table_cell{padding:16px 8px;border:1px solid #EDEFF5;width:13%;min-width:13%}.contract_table .table_row .table_cell:nth-child(3){width:15%;min-width:15%}.contract_table .table_row .table_cell:nth-child(4){width:15%;min-width:15%;white-space:nowrap}.contract_table .table_row .table_cell:nth-child(5){word-break:break-all;width:18%}.contract_table .table_row .table_cell p{margin:0}.contract_table .table_row .table_cell p.closed{color:var(--text_not_active)}.contract_table .table_row .table_cell p.opened{color:var(--green)}.contract_table .table_row .table_cell b{display:block}.contract_table .table_row .table_cell span{display:block;word-break:break-all;margin-top:4px}.contract_table .table_row .table_cell .contract_debt{margin-top:30px}.contract_table .table_row .table_cell .contract_debt span{display:block;color:#A8026B;margin-bottom:4px}.contract_table .table_row .table_cell .service_list{display:flex;flex-wrap:wrap;gap:24px 16px}@media all and (max-width:1279px){.contract_table .table_row .table_cell .service_list{gap:15px}}.contract_table .table_row .table_cell i[data-additional-service]{display:inline-block;width:32px;height:32px}@media all and (max-width:1279px){.contract_table .table_row .table_cell i[data-additional-service]{width:24px;height:24px;background-size:contain !important}}.contract_table .table_row .table_cell i[data-additional-service="1"]{background:url("/assets/images/icons/additional-service-1.svg") no-repeat bottom center;transform:translateY(-4px)}.contract_table .table_row .table_cell i[data-additional-service="2"]{background:url("/assets/images/icons/additional-service-2.svg") no-repeat bottom center}.contract_table .table_row .table_cell i[data-additional-service="3"]{background:url("/assets/images/icons/additional-service-3.svg") no-repeat bottom center}.contract_table .table_row .table_cell i[data-additional-service="4"]{background:url("/assets/images/icons/additional-service-4.svg") no-repeat bottom center}.contract_table .table_row .table_cell i[data-additional-service="5"]{background:url("/assets/images/icons/additional-service-5.svg") no-repeat bottom center}.contract_table .table_row .table_cell i[data-additional-service="6"]{background:url("/assets/images/icons/additional-service-6.svg") no-repeat bottom center}.contract_table .table_row .table_cell i[data-additional-service="7"]{background:url("/assets/images/icons/additional-service-7.svg") no-repeat bottom center}.contract_table .table_row .table_cell i[data-additional-service="8"]{background:url("/assets/images/icons/additional-service-8.svg") no-repeat bottom center}.contract_table .table_header .table_cell{border:0;color:var(--text_not_active);font-weight:700;display:flex;align-items:center}.contract_table .table_header .table_cell.caret{cursor:pointer}.contract_table .table_header .table_cell.caret:after{content:"";display:inline-block;width:16px;min-width:16px;height:16px;margin-left:6px;background:url("/assets/images/icons/icon-select.svg") no-repeat center}.contract_table .table_header .table_cell.caret.reverse:after{transform:scaleY(-1)}@media all and (max-width:1279px){.contract_table.schedule{align-items:flex-start}}.contract_table.schedule .show_more{width:100%;height:60px;text-align:center;background:var(--inactive);color:var(--blue);font-weight:600}@media all and (max-width:1279px){.contract_table.schedule .show_more{margin-bottom:15px}}@media all and (max-width:1279px){.contract_table.schedule .table_row{width:100%;margin-bottom:30px}}@media all and (max-width:768px){.contract_table.schedule .table_row{margin-bottom:15px}}.contract_table.schedule .table_row .table_cell{width:25%;min-width:14%}.contract_table.schedule .table_row .table_cell:nth-child(1),.contract_table.schedule .table_row .table_cell:nth-child(2),.contract_table.schedule .table_row .table_cell:nth-child(4){width:14%;min-width:14%}.contract_table.schedule .table_row[data-status="notpaid"]{background:rgba(168,2,107,0.1)}.contract_table.schedule .table_row[data-status="overpayment-2"]{background:rgba(28,1,169,0.1)}.contract_table.schedule .table_row[data-status="overpayment-1"]{background:rgba(168,2,107,0.1)}.contract_table.schedule .table_row[data-status="paid"]{background:rgba(4,168,164,0.1)}.contract_table.schedule .table_row .toggle_cell{display:none}@media all and (max-width:1279px){.contract_table.schedule .table_row{position:relative;width:calc(50% - 15px)}.contract_table.schedule .table_row .table_cell{width:100%;padding-right:45px}.contract_table.schedule .table_row .table_cell:nth-child(1),.contract_table.schedule .table_row .table_cell:nth-child(2),.contract_table.schedule .table_row .table_cell:nth-child(3),.contract_table.schedule .table_row .table_cell:nth-child(4),.contract_table.schedule .table_row .table_cell:nth-child(5),.contract_table.schedule .table_row .table_cell:nth-child(6){width:100%;text-align:left;font-size:13px;line-height:20px;padding-top:0;border:none;margin:5px 0}.contract_table.schedule .table_row .table_cell:nth-child(1):before,.contract_table.schedule .table_row .table_cell:nth-child(2):before,.contract_table.schedule .table_row .table_cell:nth-child(3):before,.contract_table.schedule .table_row .table_cell:nth-child(4):before,.contract_table.schedule .table_row .table_cell:nth-child(5):before,.contract_table.schedule .table_row .table_cell:nth-child(6):before{content:attr(data-title);display:inline-block;margin-right:6px;font-weight:600;height:auto;position:static;background:transparent}.contract_table.schedule .table_row .table_cell:nth-child(3){margin:0;font-weight:400}.contract_table.schedule .table_row .toggle_cell{display:block;width:16px;height:16px;position:absolute;right:15px;top:28px;background:url("/assets/images/icons/toggle-cell.svg") no-repeat center;border:0;outline:none}}@media all and (max-width:1279px){.contract_table.schedule .table_row{display:flex;flex-wrap:wrap;justify-content:space-between}.contract_table.schedule .table_row:not(.opened) .table_cell:nth-child(4),.contract_table.schedule .table_row:not(.opened) .table_cell:nth-child(5),.contract_table.schedule .table_row:not(.opened) .table_cell:nth-child(6){display:none}.contract_table.schedule .table_row.opened .toggle_cell{transform:rotate(180deg)}.contract_table.schedule .table_row .table_cell:nth-child(1),.contract_table.schedule .table_row .table_cell:nth-child(2){width:50%;margin-top:0;margin-bottom:0;font-weight:700}.contract_table.schedule .table_row .table_cell:nth-child(1)::before,.contract_table.schedule .table_row .table_cell:nth-child(2)::before{font-weight:700}.contract_table.schedule .table_row .table_cell:nth-child(2){text-align:right}.contract_table.schedule .table_row .table_cell:nth-child(3),.contract_table.schedule .table_row .table_cell:nth-child(4){display:flex;justify-content:space-between;align-items:flex-end;font-weight:700}.contract_table.schedule .table_row .table_cell:nth-child(3):before,.contract_table.schedule .table_row .table_cell:nth-child(4):before{font-weight:400;font-size:13px;line-height:20px;max-width:55%;margin-right:20px}.contract_table.schedule .table_row .table_cell:nth-child(3){margin-top:10px;margin-bottom:8px}.contract_table.schedule .table_row .table_cell:nth-child(5){display:flex;justify-content:space-between;padding-top:15px;margin-top:15px;border-top:1px solid #EDEFF5;margin-left:-15px;margin-right:-15px;padding-left:15px;padding-right:60px;width:calc(100% + 30px)}.contract_table.schedule .table_row .table_cell:nth-child(5),.contract_table.schedule .table_row .table_cell:nth-child(6){font-size:13px;line-height:20px;margin-bottom:0;margin-top:10px}.contract_table.schedule .table_row .table_cell:nth-child(5):before,.contract_table.schedule .table_row .table_cell:nth-child(6):before{display:none}}@media all and (max-width:768px){.contract_table.schedule .table_row{width:100%}}@media all and (max-width:1600px) and (min-width:1280px){.contract_table{margin-bottom:30px}.contract_table .table_row{min-height:0}.contract_table .table_row .table_cell{padding:12px 5px}}@media all and (max-width:1279px){.contract_table{display:flex;flex-wrap:wrap;justify-content:space-between}.contract_table .table_row{width:calc(50% - 15px);margin-bottom:30px;border:1px solid #EDEFF5;display:flex;flex-wrap:wrap;justify-content:space-between;padding:25px 15px}.contract_table .table_row.table_header{display:none}.contract_table .table_row .table_cell{border:0;width:100%;font-size:13px;line-height:20px;padding:0;position:relative}.contract_table .table_row .table_cell:nth-child(1),.contract_table .table_row .table_cell:nth-child(4){font-size:10px;line-height:15px;width:50%;text-align:left}.contract_table .table_row .table_cell:nth-child(4){width:100%;display:flex;justify-content:space-between;position:relative;padding-bottom:16px;margin-bottom:16px}.contract_table .table_row .table_cell:nth-child(4):before{content:"";position:absolute;bottom:0;left:-15px;right:0;width:auto;height:1px;background:#EDEFF5}.contract_table .table_row .table_cell:nth-child(4) span{margin-top:0}.contract_table .table_row .table_cell:nth-child(2){font-size:10px;line-height:15px;width:40%;text-align:right}.contract_table .table_row .table_cell:nth-child(5){text-align:left}.contract_table .table_row .table_cell:nth-child(3){font-weight:700;margin:15px 0;width:100%}.contract_table .table_row .table_cell:nth-child(5){width:100%;order:6;margin-top:-20px}.contract_table .table_row .table_cell:nth-child(5) .contract_debt{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:15px}.contract_table .table_row .table_cell:nth-child(5) .contract_debt span{margin-top:0;margin-bottom:0}.contract_table .table_row .table_cell:nth-child(6){width:100%;margin-top:0;padding-top:0;position:relative;font-size:13px;top:0;right:0;order:5;display:flex;justify-content:flex-end;max-width:45%;margin-left:auto}.contract_table .table_row .table_cell:nth-child(6) .price{margin-left:15px}.contract_table .table_row .table_cell:nth-child(7){order:7;display:flex;align-items:center;width:100%;text-align:right;justify-content:flex-start;margin-top:15px;padding-top:0;position:relative}.contract_table .table_row .table_cell:nth-child(7):before{content:"";position:absolute;top:0;right:-15px;left:0;width:auto;height:1px;background:#EDEFF5;display:none}.contract_table .table_row .table_cell:nth-child(7) .price{margin-left:15px}}@media all and (max-width:768px){.contract_table .table_row{width:100%;margin-bottom:15px}}.logo_list{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:35px 0}.logo_list .logo_item{width:calc(16.666% - 25px);height:97px;display:flex;align-items:center;justify-content:center;margin:15px 0}.logo_list .logo_item img{max-width:100%;max-height:100%;object-fit:contain}.leasing_offers_list{display:flex;justify-content:space-between;margin-top:60px}.leasing_offers_list .offer_item{width:calc(33.333% - 20px);padding-left:80px;position:relative}.leasing_offers_list .offer_item p{margin-bottom:15px}.leasing_offers_list .offer_item img{position:absolute;top:0;left:0}.leasing_offers_list .offer_item ul li:not(:last-child){margin-bottom:6px}.catalog_sort{display:flex;align-items:center;justify-content:flex-end;margin-bottom:65px}.catalog_sort .sort_container{margin-left:40px;position:relative}.catalog_sort .sort_container button{height:40px;padding:0 20px 0 48px;color:var(--blue)}.catalog_sort .sort_container button.i-filter{background:url("/assets/images/icons/icon-filter.svg") no-repeat 20px 50%}.catalog_sort .sort_container button.i-sort{background:url("/assets/images/icons/icon-sort.svg") no-repeat 20px 50%}.news_cotnainer{display:flex;justify-content:space-between}.news_cotnainer .left{width:525px}.news_cotnainer .left .image{width:100%;height:525px;background:var(--gray-light);margin-bottom:30px}.news_cotnainer .left .image img{width:100%;height:100%;object-fit:cover}.news_cotnainer .left .socials a{width:48px;height:48px;margin-right:15px}.news_cotnainer .right{width:calc(100% - 555px)}.news_cotnainer .right h1{margin-bottom:20px}.news_cotnainer .right .date{display:block;text-transform:uppercase;margin-bottom:35px}.news_cotnainer .right p,.news_cotnainer .right ul,.news_cotnainer .right ol{margin-bottom:20px}.calendar_wrapper #calendar_month{margin-left:auto;max-width:235px;padding-left:32px;display:block;background:url("/assets/images/icons/icon-date.svg") no-repeat 8px 50%,url("/assets/images/icons/icon-select.svg") no-repeat calc(100% - 16px) 50%}@media all and (max-width:960px){.calendar_wrapper #calendar_month{margin-left:0;max-width:284px}}@media all and (max-width:768px){.calendar_wrapper #calendar_month{max-width:100%}}.calendar_wrapper .calendar_nav{display:none}@media all and (max-width:768px){.calendar_wrapper .calendar_nav{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.calendar_wrapper .calendar_nav button{max-width:48%;height:28px;font-size:10px;color:var(--blue);padding:0}.calendar_wrapper .calendar_nav button:first-child:before{content:"<";display:inline-block;width:20px;height:28px;line-height:28px;text-align:left}.calendar_wrapper .calendar_nav button:last-child:after{content:">";display:inline-block;width:20px;height:28px;line-height:28px;text-align:right}.calendar_wrapper .calendar_nav button:disabled{opacity:.3}}.calendar_wrapper .calendar_grid{margin-top:30px}.calendar_wrapper .calendar_grid .grid_header{display:flex;flex-wrap:wrap}.calendar_wrapper .calendar_grid .grid_header .grid_cell{padding:15px;text-transform:uppercase;font-weight:bold;font-size:15px;line-height:23px;color:#0C0C0C;width:14.2%}.calendar_wrapper .calendar_grid .grid_body{display:flex;flex-wrap:wrap}.calendar_wrapper .calendar_grid .grid_body .grid_week{width:100%;display:flex}.calendar_wrapper .calendar_grid .grid_body .grid_cell{padding:15px;width:15%;height:150px;border:1px solid #E0E0E0;box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:stretch}.calendar_wrapper .calendar_grid .grid_body .grid_cell .cell_header{color:#87878E;align-self:flex-start;text-transform:capitalize}.calendar_wrapper .calendar_grid .grid_body .grid_cell .cell_header span:not(.year){font-size:26px;line-height:35px;font-weight:700;color:#000;padding-right:4px}.calendar_wrapper .calendar_grid .grid_body .grid_cell .cell_header .year{display:block}.calendar_wrapper .calendar_grid .grid_body .grid_cell .cell_body{align-self:flex-end}.calendar_wrapper .calendar_grid .grid_body .grid_cell .cell_body p{color:#000}.calendar_wrapper .calendar_grid .grid_body .grid_cell .cell_body p span{display:block;font-weight:700}.calendar_wrapper .calendar_grid .grid_body .grid_cell.disabled{background:#EDEFF5;opacity:.4}.calendar_wrapper .calendar_grid .grid_body .grid_cell.payment{background:var(--green);border:1px solid var(--green)}.calendar_wrapper .calendar_grid .grid_body .grid_cell.payment .cell_header{color:#fff}.calendar_wrapper .calendar_grid .grid_body .grid_cell.payment .cell_header span{color:inherit}.calendar_wrapper .calendar_grid .grid_body .grid_cell.payment .cell_body p{color:#fff}.calendar_wrapper .calendar_grid .grid_body .grid_cell.current{background:var(--blue) !important;border:1px solid var(--blue) !important}.calendar_wrapper .calendar_grid .grid_body .grid_cell.current .cell_header{color:#fff}.calendar_wrapper .calendar_grid .grid_body .grid_cell.current .cell_header span{color:inherit}.calendar_wrapper .calendar_grid .grid_body .grid_cell.current .cell_body p{color:#fff}@media all and (max-width:1600px) and (min-width:1280px){.calendar_wrapper .calendar_grid .grid_header .grid_cell{font-size:14px;line-height:18px;padding:10px}.calendar_wrapper .calendar_grid .grid_body .grid_cell{padding:10px;height:135px}.calendar_wrapper .calendar_grid .grid_body .grid_cell .cell_header span:not(.year){font-size:22px;line-height:30px}}@media all and (max-width:960px){.calendar_wrapper .calendar_grid{position:relative;margin-right:-80px}.calendar_wrapper .calendar_grid .grid_header{width:22px;position:absolute;left:0;top:0}.calendar_wrapper .calendar_grid .grid_header .grid_cell{width:100%;height:72px;padding:14px 0;text-align:center;font-size:13px;line-height:20px}.calendar_wrapper .calendar_grid .grid_body{margin-left:30px;overflow-x:auto}.calendar_wrapper .calendar_grid .grid_body .grid_week{width:auto}.calendar_wrapper .calendar_grid .grid_body .grid_cell{height:72px;padding:10px;width:33.333%;min-width:256px;font-size:13px;line-height:20px;align-items:flex-start}.calendar_wrapper .calendar_grid .grid_body .grid_cell .cell_header span:not(.year){font-size:13px;line-height:20px}.calendar_wrapper .calendar_grid .grid_body .grid_cell .cell_body{width:100%}.calendar_wrapper .calendar_grid .grid_body .grid_cell .cell_body p{width:100%;display:flex;align-items:center;justify-content:space-between}}@media all and (max-width:768px){.calendar_wrapper .calendar_grid{margin-top:15px;margin-right:0}.calendar_wrapper .calendar_grid .grid_body .grid_week{width:100%;flex-wrap:wrap}.calendar_wrapper .calendar_grid .grid_body .grid_week:not(.active){display:none}.calendar_wrapper .calendar_grid .grid_body .grid_week .grid_cell{display:flex;width:100%}}.calendar_payment{display:flex}.calendar_payment .day{color:#87878E;font-size:26px;line-height:35px;font-weight:700;margin-right:50px}@media all and (max-width:1279px){.calendar_payment .day{font-size:13px;line-height:20px}}.calendar_payment .day span{display:block;font-size:50px;line-height:1;color:#000}@media all and (max-width:1279px){.calendar_payment .day span{font-size:22px}}.calendar_payment .payment_table{display:table;margin-top:12px}@media all and (max-width:1279px){.calendar_payment .payment_table{margin-top:0}}.calendar_payment .payment_table .table_row{display:table-row}.calendar_payment .payment_table .table_row .table_cell{display:table-cell;padding:2px 10px}.calendar_payment .payment_table .table_row .table_cell a{font-weight:700}@media all and (max-width:1279px){.calendar_payment .payment_table .table_row .table_cell{font-size:13px}}.calendar_payment .payment_table .table_row.table_header .table_cell{color:#87878E;padding:12px 10px}@media all and (max-width:1279px){.calendar_payment .payment_table .table_row.table_header .table_cell{padding:0 10px 12px 10px}}@media all and (max-width:768px){.calendar_payment{display:block}}.acts_wrapper{display:flex;justify-content:space-between}.acts_wrapper .acts_list-checkbox,.acts_wrapper .reconciliation_form{width:calc(50% - 10px)}@media all and (max-width:768px){.acts_wrapper{flex-wrap:wrap}.acts_wrapper .acts_list-checkbox{width:100%;order:1;margin-bottom:40px}.acts_wrapper .reconciliation_form{order:2;width:100%}}main .dropdown_blocks_list .dropdown_block .block_body .transaction_detail{margin:30px 0}main .dropdown_blocks_list .dropdown_block .block_body .transaction_detail p{margin-bottom:10px}main .dropdown_blocks_list .dropdown_block .block_body .transaction_detail ul{max-width:60%;display:flex;flex-wrap:wrap}main .dropdown_blocks_list .dropdown_block .block_body .transaction_detail ul li{width:50%}main .dropdown_blocks_list .dropdown_block .block_body .fines_detail{margin:30px 0}main .dropdown_blocks_list .dropdown_block .block_body .fines_detail p{margin-bottom:10px}main .dropdown_blocks_list .dropdown_block .block_body .fines_detail ul{max-width:100%;display:flex;flex-wrap:wrap}main .dropdown_blocks_list .dropdown_block .block_body .fines_detail ul li{width:50%}.dropdown_block+.dosc_list{margin-top:20px}@media all and (max-width:768px){.dropdown_block+.dosc_list{margin-top:0;padding-top:20px;border-top:1px solid #EDEFF5}}.helpBox_wrapper{position:absolute;top:0;left:0;bottom:-30px;right:0;pointer-events:none;z-index:98;margin:0 auto;max-width:1310px}@media all and (max-width:1420px){.helpBox_wrapper{width:calc(100% - 160px)}}@media all and (max-width:960px){.helpBox_wrapper{position:relative;bottom:0;z-index:2;margin-bottom:-40px}}@media all and (max-width:768px){.helpBox_wrapper{width:calc(100% - 32px);margin-bottom:-80px}}.helpBox_wrapper .helpBox{max-width:730px;background:#FFFFFF;box-shadow:0 4px 32px rgba(0,0,0,0.16);border-radius:17px;padding:30px 25px;display:flex;justify-content:space-between;margin:0;position:sticky;margin-top:auto;pointer-events:all;top:calc(100vh - 220px)}@media all and (max-width:1279px){.helpBox_wrapper .helpBox{top:calc(100vh - 240px)}}.helpBox_wrapper .helpBox.hidden{display:none}@media all and (max-width:960px){.helpBox_wrapper .helpBox.hidden{display:flex;flex-wrap:wrap}}.helpBox_wrapper .helpBox .avatar{width:62px;min-width:62px;height:62px;display:flex;align-items:center;justify-content:center}.helpBox_wrapper .helpBox .avatar img{width:100%;height:100%;object-fit:cover;border-radius:31px}.helpBox_wrapper .helpBox .content{width:calc(100% - 86px)}.helpBox_wrapper .helpBox .content p{font-size:15px;line-height:22px;margin-bottom:3px}.helpBox_wrapper .helpBox .content p.message{font-weight:700;color:var(--blue)}.helpBox_wrapper .helpBox .content p.position{color:var(--text_not_active)}.helpBox_wrapper .helpBox .content .info{margin-top:15px;display:flex;flex-wrap:wrap;gap:15px}.helpBox_wrapper .helpBox .content .info a{display:flex;align-items:center;width:auto;min-width:calc(33.33% - 15px);padding-left:38px;line-height:1.2;min-height:26px;font-size:15px;color:#0C0C0C;box-sizing:border-box;background:url("/assets/images/icons/icon-messanger.svg") no-repeat left center;word-break:break-word}.helpBox_wrapper .helpBox .content .info a[href^="tel:"]{background:url("/assets/images/icons/icon-phone-blue.svg") no-repeat left center}.helpBox_wrapper .helpBox .content .info a[href^="mailto:"]{background:url("/assets/images/icons/icon-email.svg") no-repeat left center}@media all and (max-width:1279px){.helpBox_wrapper .helpBox .content .info{display:block}.helpBox_wrapper .helpBox .content .info a{width:auto}.helpBox_wrapper .helpBox .content .info a:not(:last-child){margin-bottom:16px}}@media all and (max-width:960px){.helpBox_wrapper .helpBox .content{width:100%;margin-top:10px}}.helpBox_wrapper .helpBox .button{position:absolute;top:5px;right:5px;width:44px;height:44px;background:url("/assets/images/icons/close-blue.svg") no-repeat center}@media all and (max-width:960px){.helpBox_wrapper .helpBox .button{display:none}}.helpBox_wrapper .helpBox_small{max-width:100px;background:#FFFFFF;box-shadow:0 4px 32px rgba(0,0,0,0.16);border-top-right-radius:17px;border-bottom-right-radius:17px;border-top-left-radius:17px;border-bottom-left-radius:17px;padding:20px 20px;display:flex;justify-content:space-between;margin:0;position:sticky;margin-top:auto;pointer-events:all;top:calc(100vh - 150px)}@media all and (max-width:1420px){.helpBox_wrapper .helpBox_small{margin-left:-80px;border-top-left-radius:0px;border-bottom-left-radius:0px}}@media all and (max-width:960px){.helpBox_wrapper .helpBox_small{display:none}}.helpBox_wrapper .helpBox_small.hidden{display:none}.helpBox_wrapper .helpBox_small .avatar{width:62px;min-width:62px;height:62px;display:flex;align-items:center;justify-content:center}.helpBox_wrapper .helpBox_small .avatar img{width:100%;height:100%;object-fit:cover;border-radius:31px}.feed{position:relative;padding-top:0;margin-bottom:30px}@media (max-width:1600px) and (min-width:1280px){.feed{margin-top:50px}}.feed .feed_item{box-sizing:border-box;padding:24px 16px;background:var(--inactive)}.feed .feed_item.user{background:transparent;display:flex !important;align-items:center}.feed .feed_item.user div{margin-left:16px}.feed .feed_item.user div p{margin-bottom:7px}.feed .feed_item.user div p:last-child{margin-bottom:0}.feed p{margin-bottom:16px;color:#0C0C0C}.feed p.item_title{font-weight:700}.feed .item_link{color:var(--blue)}.feed .feed_list{margin-right:-50px}@media all and (max-width:768px){.feed .feed_list{margin-right:0}}.feed .feed_list .slick-track{display:flex}.feed .feed_list .slick-track:after{content:"";display:block;width:20px;height:50px;float:left}.feed .feed_list .slick-slide{margin-right:30px;width:480px}.feed .feed_list .slick-slide div{height:100%}.feed .feed_list .slick-slide:first-child{margin-left:0}@media (max-width:1279px){.feed .feed_list .slick-slide{width:289px !important;min-width:289px !important}}@media all and (max-width:768px){.feed .feed_list .slick-slide{margin-right:15px}}.feed .slick-arrow{width:96px;height:28px;padding:0 9px;background:var(--blue);outline:none;border:0;position:absolute;right:0;top:-44px}.feed .slick-arrow.slick-prev{right:96px}.feed .slick-arrow.slick-disabled{pointer-events:none;background:var(--inactive)}.feed .slick-arrow.slick-disabled svg{margin:auto}.feed .slick-arrow.slick-disabled svg path{stroke:#8E94A7}@media (max-width:1279px){.feed .slick-arrow{display:none !important}}.offline{max-width:920px;text-align:center;margin:30px auto}.offline p{font-weight:400;font-size:26px;line-height:150%;text-align:center;color:#1C01A9}@media all and (max-width:1279px){.offline{max-width:610px;margin:15px auto}.offline p{font-size:13px;line-height:20px}}.events-list li{border-bottom:1px solid #EDEFF5;color:#2C2D2E;padding:10px 0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;position:relative;margin-bottom:15px}.events-list li.new:after{content:"";display:block;width:13px;height:13px;border-radius:100%;background:#2F80ED;position:absolute;top:14px;right:0}@media all and (max-width:960px){.events-list li.new:after{right:auto;left:0}}.events-list li p{line-height:20px;max-width:580px}.events-list li p:not(:last-child){margin-bottom:5px}@media all and (max-width:960px){.events-list li p{max-width:none}}.events-list li p.name{color:#8E94A7;font-weight:700;position:relative}@media all and (max-width:960px){.events-list li p.name{order:3;width:100%}}.events-list li p.name b{color:#2C2D2E}.events-list li p.type{background:#A8026B;color:#fff;border-radius:4px;padding:4px 10px;font-weight:700}@media all and (max-width:960px){.events-list li p.type{order:2;position:absolute;top:7px;right:0}}.events-list li p.date{font-weight:700;color:#8E94A7;margin-right:30px}@media all and (max-width:960px){.events-list li p.date{order:1;width:100%;margin-left:20px;margin-right:0;margin-bottom:10px}}.events-list li p.action{width:100%;margin-top:10px}@media all and (max-width:960px){.events-list li p.action{order:4;text-align:left}}.events-list li a{color:var(--blue);font-weight:600}.grecaptcha-badge{visibility:hidden}@media all and (max-width:1279px){.changes{min-height:60vh}}.changes .block{margin-bottom:55px}.changes .block .title{font-weight:700;margin-bottom:15px}.changes .block .title a{font-weight:400;display:inline-block;margin-left:25px}.changes .block.alert{display:flex}.changes .block.alert p{font-weight:700;color:#A8026B;margin-bottom:0;margin-right:15px}.changes .block.alert a{font-weight:600}@media all and (max-width:768px){.changes .block.alert{display:block}.changes .block.alert p{margin-bottom:12px}}.changes .feed .feed_list{margin-right:-30px;box-sizing:border-box}@media all and (max-width:1279px){.changes .feed .feed_list{overflow:visible}}.changes .feed .feed_list .slick-track:after{display:none}.changes form .button{margin-top:25px}.changes form .form_field{display:flex;align-items:center;padding:6px 0;margin-bottom:10px}.changes form .form_field label{position:relative}.help_tooltip{margin-left:16px;position:relative}.help_tooltip .help_icon{padding:0;height:24px;width:24px}.help_tooltip .help_icon:hover svg path[stroke]{stroke:var(--blue)}.help_tooltip .help_icon:hover svg path[fill]{fill:var(--blue)}@media all and (min-width:768px){.help_tooltip .help_icon:hover+.help_content{display:block}}.help_tooltip .help_content{display:none;position:absolute;top:-25px;margin:auto;left:55px;width:412px;background:#FFFFFF;padding:17px;box-shadow:0 4px 32px rgba(0,0,0,0.16);z-index:2}.help_tooltip .help_content.opened{display:block}.help_tooltip .help_content .button{display:none}.help_tooltip .help_content:before{content:"";display:block;width:0;height:0;border-top:12px solid transparent;border-right:24px solid #fff;border-bottom:12px solid transparent;position:absolute;top:24px;margin:auto;left:-24px}@media all and (max-width:768px){.help_tooltip .help_content{position:fixed;top:0;bottom:0;left:0;right:0;width:auto;z-index:99999;background:rgba(12,12,12,0.5)}.help_tooltip .help_content:before{display:none}.help_tooltip .help_content div{margin:70px 16px 40px 16px;padding:16px 16px 56px 16px;background:#fff;position:relative}.help_tooltip .help_content .button{display:block;text-align:center;position:absolute;left:0;right:0;bottom:0}}.help_tooltip .help_tooltip_content ul{list-style:unset;margin-left:10px}.calc input,.calc select,.calc .date_input_wrapper{max-width:320px;margin-left:20px}@media all and (max-width:768px){.calc input,.calc select,.calc .date_input_wrapper{margin-left:0;margin-top:10px}}@media all and (max-width:768px){.calc>.form_field{display:block !important}.calc>.form_field label{padding-right:30px}}.calc .form_field .form_field{margin-bottom:0;margin-left:20px}@media all and (max-width:768px){.calc .form_field .form_field{margin-left:0}}.calc .btn_group{display:flex;flex-wrap:wrap}.calc .btn_group .button:first-child{width:160px;margin-right:30px}@media all and (max-width:768px){.calc .btn_group .button:first-child{order:2;width:100%;margin-right:0;margin-top:20px}}.calc .btn_group .button:nth-child(2){width:350px}@media all and (max-width:768px){.calc .btn_group .button:nth-child(2){order:1;width:100%;min-width:100% !important}}@media all and (max-width:768px){.calc .help_tooltip{position:absolute;right:0;top:5px}}.calc .help_tooltip .help_tooltip_content ul{list-style:unset;margin-left:10px}.compare{width:100% !important;position:relative}.compare:before{content:"";position:absolute;top:-60px;bottom:-60px;width:1px;background:#EDEFF5;display:none}@media all and (min-width:1280px){.compare:before{display:block}}.compare .compare_top{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:35px}@media all and (max-width:1279px){.compare .compare_top{display:block}}.compare .compare_top p{font-weight:700}@media all and (max-width:1279px){.compare .compare_top p{margin-bottom:12px;max-width:60%}}@media all and (max-width:768px){.compare .compare_top p{max-width:none}}.compare .compare_top a{font-weight:400;display:inline-block;margin-left:30px;margin-right:auto}@media all and (max-width:1279px){.compare .compare_top a{display:block;margin-left:0;margin-top:20px;font-weight:700}}@media all and (max-width:1279px){.compare .compare_top{display:flex;flex-wrap:wrap;margin-bottom:10px}.compare .compare_top a{order:1;margin-top:0;margin-bottom:15px}.compare .compare_top p{width:100%;order:3}.compare .compare_top button{order:2;margin-bottom:25px}}.compare .compare_data{display:flex;flex-wrap:wrap;width:100%;padding-bottom:10px;margin-bottom:30px;border-bottom:1px solid var(--inactive);padding-right:30%}@media all and (min-width:1280px){.compare .compare_data{padding-left:16px}}.compare .compare_data .form_field{width:50%;margin-bottom:20px}@media all and (max-width:768px){.compare .compare_data .form_field{width:100%}}.compare .compare_data .form_field p span{color:var(--text_not_active)}@media all and (max-width:1279px){.compare .compare_data{padding-right:0}}.compare .compare_tables{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:45px}.compare .compare_tables .compare_table{width:calc(50% - 15px);display:table}.compare .compare_tables .compare_table.touchable{display:none}@media all and (max-width:1279px){.compare .compare_tables .compare_table.touchable{display:block;width:100%}.compare .compare_tables .compare_table.touchable .table_body{display:block}.compare .compare_tables .compare_table.touchable .table_body .table_row{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:16px}.compare .compare_tables .compare_table.touchable .table_body .table_row.opened .row_title{border-color:transparent}.compare .compare_tables .compare_table.touchable .table_body .table_row.opened .row_title:after{transform:rotate(180deg)}.compare .compare_tables .compare_table.touchable .table_body .table_row.opened .table_group{display:flex}.compare .compare_tables .compare_table.touchable .table_body .table_row .row_title{font-weight:700;width:100%;border-bottom:1px solid #EDEFF5;padding:3px 0;display:flex;align-items:center;justify-content:space-between}.compare .compare_tables .compare_table.touchable .table_body .table_row .row_title:after{content:"";width:24px;height:24px;background:url("../../public/assets/images/icons/dropdown.svg") no-repeat center;transform:rotate(0deg);transition:transform 175ms ease;display:block}.compare .compare_tables .compare_table.touchable .table_body .table_row .table_group{border:1px solid #EDEFF5;width:100%;display:none;justify-content:space-between;padding:24px 16px;position:relative}.compare .compare_tables .compare_table.touchable .table_body .table_row .table_group:after{content:"";display:block;width:1px;position:absolute;left:0;right:0;top:24px;bottom:24px;height:auto;background:#EDEFF5;margin:auto;gap:0 30px}.compare .compare_tables .compare_table.touchable .table_body .table_row .table_cell{width:calc(50% - 30px);display:block;border:0}.compare .compare_tables .compare_table.touchable .table_body .table_row .table_cell div{border:0;font-weight:700;display:flex;margin-bottom:16px;width:100% !important}.compare .compare_tables .compare_table.touchable .table_body .table_row .table_cell div:last-child{margin-bottom:0}.compare .compare_tables .compare_table.touchable .table_body .table_row .table_cell div span{font-weight:400;width:50%;padding-right:15px;box-sizing:border-box}}@media all and (max-width:768px){.compare .compare_tables .compare_table.touchable .table_body .table_row .table_group{flex-wrap:wrap}.compare .compare_tables .compare_table.touchable .table_body .table_row .table_group .table_cell{width:100%}.compare .compare_tables .compare_table.touchable .table_body .table_row .table_group .table_cell:first-child{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #EDEFF5}.compare .compare_tables .compare_table.touchable .table_body .table_row .table_group:after{display:none}}@media all and (max-width:1279px){.compare .compare_tables .compare_table:not(.touchable){display:none}}.compare .compare_tables .compare_table .table_title{font-weight:700;margin-bottom:16px;display:table-caption}.compare .compare_tables .compare_table button{width:100%;color:var(--blue);height:58px}.compare .compare_tables .compare_table:not(.touchable) .table_body{display:table;border-collapse:collapse;width:100%}.compare .compare_tables .compare_table:not(.touchable) .table_row{display:table-row;width:100%;border-collapse:collapse}.compare .compare_tables .compare_table:not(.touchable) .table_row.table_header{display:table-header-group}.compare .compare_tables .compare_table:not(.touchable) .table_row.table_header div{font-weight:700;color:var(--text_not_active)}.compare .compare_tables .compare_table:not(.touchable) .table_row.table_header div.sortable{padding-right:35px;position:relative;cursor:pointer}.compare .compare_tables .compare_table:not(.touchable) .table_row.table_header div.sortable:after{content:"";display:block;position:absolute;right:5px;top:17px;width:16px;height:16px;background:url("../../public/assets/images/icons/sortable.svg") no-repeat center}.compare .compare_tables .compare_table:not(.touchable) .table_row div{padding:16px 5px;width:calc(33.333% - 12px);min-width:calc(33.333% - 12px);border:1px solid #EDEFF5;display:table-cell;border-bottom:0}.compare .compare_tables .compare_table:not(.touchable) .table_row div:first-child{width:35px;min-width:35px}.compare .compare_tables .compare_table:not(.touchable) .table_row.row-button{height:58px;position:relative;display:table-row}.compare .compare_tables .compare_table:not(.touchable) .table_row.row-button button{position:absolute;top:0;left:0;right:0;bottom:0}.compare .compare_suscr{margin-bottom:80px}@media all and (max-width:1279px){.compare .compare_suscr{margin-bottom:40px}}.compare .compare_suscr .block_title{font-weight:700;width:100%;margin-bottom:20px}.compare .compare_suscr .block_title a{font-weight:400;margin-left:30px}.compare .compare_suscr .feed{gap:0 8px;display:flex;flex-wrap:wrap}.compare .compare_suscr .feed .feed_item{position:relative;padding-left:30px;width:calc(33.33% - 8px);margin-bottom:16px;padding-top:0;padding-bottom:0}@media all and (max-width:1279px){.compare .compare_suscr .feed .feed_item{width:calc(50% - 8px)}}@media all and (max-width:768px){.compare .compare_suscr .feed .feed_item{width:100%}}.compare .compare_suscr .feed .feed_item input+label{position:absolute;left:0;top:0;right:0;bottom:0}.compare .compare_suscr .feed .feed_item input+label:before{top:0;bottom:0;margin:auto}.compare .compare_suscr .feed .feed_item img{width:48px;min-width:48px;border-radius:100%;height:48px}.compare .btn_group{display:flex;gap:0 20px}@media all and (max-width:1279px){.compare .btn_group{display:block}}.compare .btn_group button{width:100%;max-width:420px}@media all and (max-width:1279px){.compare .btn_group button{display:flex;margin-bottom:15px}}@media all and (max-width:768px){.compare .btn_group button{max-width:none;height:auto;padding:10px 20px;font-weight:600}}.compare .compare_message{margin:70px 0}.compare .compare_message p{max-width:446px;font-weight:700;text-align:center;margin:auto;display:block}.fine .fine_block{margin-bottom:40px;max-width:600px;display:flex;flex-wrap:wrap;justify-content:space-between}.fine .fine_block:last-child{margin-bottom:0}.fine .fine_block .fine_col{width:calc(50% - 23px);max-width:240px}@media all and (max-width:768px){.fine .fine_block .fine_col{width:100%;max-width:100%}}.fine .fine_block .fine_col p{display:flex;justify-content:space-between}.fine .fine_block .fine_col p span{font-weight:700;color:#000}.fine .fine_block .fine_col:first-child p{color:var(--text_not_active)}@media all and (max-width:768px){.fine .fine_block .fine_col:first-child{margin-bottom:35px}}.fine .fine_block .fine_col:nth-child(2) p{padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--inactive)}.fine .fine_block .fine_col:nth-child(2) p:last-child{border:0}.faq-list .faq_item{margin-bottom:20px;display:flex;flex-wrap:wrap}.faq-list .faq_item .item_title{font-weight:700;max-width:235px;width:235px;margin-right:20px;padding-top:20px}@media all and (max-width:1279px){.faq-list .faq_item .item_title{max-width:100%;width:100%;padding-top:0}}.faq-list .faq_item .dropdown_blocks_list{width:calc(100% - 255px)}@media all and (max-width:1279px){.faq-list .faq_item .dropdown_blocks_list{max-width:100%;width:100%}}.faq-list .faq_item .dropdown_blocks_list .dropdown_block:last-child{border-bottom:1px solid #EDEFF5}.faq-list .faq_item .dropdown_blocks_list .dropdown_block .block_header{padding-top:0}.faq-list .faq_item .dropdown_blocks_list .dropdown_block .block_header p{font-weight:400}@media all and (max-width:1279px){.new-appeal{max-width:255px;margin-left:auto;display:block !important}}@media all and (max-width:768px){.new-appeal{width:100%;max-width:100%;margin:20px 0 0 0}}.appeal_list .appeal_item{margin-bottom:20px;padding:16px;border:1px solid rgba(0,16,61,0.12)}@media all and (max-width:768px){.appeal_list .appeal_item{padding:0;border:0}}.appeal_list .appeal_item p{margin-bottom:8px}.appeal_list .appeal_item p:last-child{margin-bottom:0}.appeal_list .appeal_item .item_header{margin-bottom:25px;position:relative}@media all and (max-width:768px){.appeal_list .appeal_item .item_header{padding-top:35px}}.appeal_list .appeal_item .item_header .status{position:absolute;top:0;right:0;color:#fff;font-weight:700;font-size:15px;line-height:20px;padding:4px 10px;background:#04A8A4;border-radius:4px}@media all and (max-width:768px){.appeal_list .appeal_item .item_header .status{font-size:13px;line-height:20px;right:auto;left:0;font-weight:400}}.appeal_list .appeal_item .item_body .item_text{margin:0 -16px;padding:0 16px}@media all and (max-width:768px){.appeal_list .appeal_item .item_body .item_text{margin-left:0;margin-right:0;padding-left:0;padding-right:0}}.appeal_list .appeal_item .item_body .item_text:not(:last-child){padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid rgba(0,16,61,0.12)}.appeal_list .appeal_item .item_body .item_text .dosc_list{display:flex;gap:0 20px;flex-wrap:wrap;margin-top:16px}.appeal_list .appeal_item .item_body .item_text .dosc_list .row{width:calc(33.333% - 20px)}@media all and (max-width:1279px){.appeal_list .appeal_item .item_body .item_text .dosc_list .row{width:calc(50% - 20px)}}@media all and (max-width:768px){.appeal_list .appeal_item .item_body .item_text .dosc_list .row{width:100%}}.appeal_list .appeal_item .item_body .item_text .doc_name{max-width:100%}.appeal_list .appeal_item .item_body .item_text .doc_name span{width:100%}.new_appeal{display:flex;flex-wrap:wrap;justify-content:flex-start}.new_appeal .column:first-child{width:440px;margin-right:30px}@media all and (max-width:1279px){.new_appeal .column:first-child{width:100%;margin-right:0;margin-bottom:30px}}.new_appeal .column:nth-child(2){width:calc(100% - 470px);max-width:660px}@media all and (max-width:1279px){.new_appeal .column:nth-child(2){width:100%;max-width:100%}}.new_appeal .column.full{width:100%;margin-right:0;display:flex;flex-wrap:wrap;justify-content:space-between}.new_appeal .column.full .column_text_block{width:calc(50% - 37px);margin-bottom:30px}@media all and (max-width:1279px){.new_appeal .column.full .column_text_block{width:100%;margin-bottom:20px}}.new_appeal .column .column_text_block{margin-bottom:40px}.new_appeal .column .column_text_block p{margin-bottom:8px}.new_appeal .column .column_text_block .dosc_list{display:flex;flex-wrap:wrap}.new_appeal .column .column_text_block .dosc_list .row{width:50%}@media all and (max-width:768px){.new_appeal .column .column_text_block .dosc_list .row{width:100%;margin-bottom:20px}}.new_appeal .column .column_text_block .dosc_list .row .doc_name{max-width:100%}@media all and (max-width:768px){.new_appeal .column .column_text_block .dosc_list .row .doc_name{min-height:42px}}@media all and (max-width:1279px){.new_appeal .column .appeal_list:not(.visible) .appeal_item:not(.open){display:none}}.new_appeal .column .appeal_list .appeal_item{padding:8px;margin-bottom:8px;border:0;border-bottom:1px solid #EDEFF5}.new_appeal .column .appeal_list .appeal_item .block_header{padding:0;height:auto}.new_appeal .column .appeal_list .appeal_item .block_header p{font-weight:400}@media all and (max-width:1279px){.new_appeal .column .appeal_list .appeal_item .block_header button.rotate{transform:rotate(-90deg)}}.new_appeal .column .appeal_list .appeal_item.open{background:#EDEFF5;border-radius:4px}.new_appeal .column .appeal_list .appeal_item.open button.rotate{transform:rotate(-90deg)}@media all and (max-width:1279px){.new_appeal .column .appeal_list .appeal_item.open button.rotate{transform:rotate(0deg)}}@media all and (max-width:1279px){.gibdd.dropdown_blocks_list .dropdown_block .block_body .company{padding:0}}@media all and (max-width:768px){.gibdd.dropdown_blocks_list .dosc_list{margin-top:20px}.gibdd.dropdown_blocks_list .dosc_list .row{margin-bottom:0}.gibdd.dropdown_blocks_list .dropdown_block .block_body .company ul li b{display:block;margin-top:2px}}.search_list .search_item{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #EDEFF5}.search_list .search_item .item_title{font-weight:700;margin-bottom:10px}.search_list .search_item a{color:var(--blue)}.search_list .search_item mark{color:#fff;background:var(--blue)}.search_list .search_item mark a{color:#fff;text-decoration:underline}.form_field .input_with_notes{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:320px;margin-left:20px}@media all and (max-width:768px){.form_field .input_with_notes{margin-left:0}}.form_field .input_with_notes input{width:100%;margin-bottom:6px;margin-left:0}.form_field .input_with_notes span{font-size:12px;margin-bottom:-14px}main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block{margin-bottom:15px}main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block:after{left:0;right:0}main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .title{font-size:26px;line-height:35px;font-weight:700;min-width:30%;padding-right:20px}@media all and (max-width:1280px){main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .title{display:none}}main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body{max-width:none;margin-left:0}@media all and (max-width:767px){main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body{padding-left:0}}main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_detail{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0}main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_detail p{width:100%;margin-bottom:15px}main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_detail p.fines_doc{margin-top:20px}@media all and (max-width:767px){main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_detail p.fines_doc{margin-bottom:0;margin-top:10px}}main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_detail ul{margin-left:0;display:block;width:calc(50% - 15px)}main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_detail ul li{width:100%}@media all and (max-width:767px){main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_detail ul{width:100%;padding-bottom:0}}@media all and (max-width:767px){main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .dosc_list{margin-bottom:15px}}.services_invoice_button{min-width:220px}@media all and (max-width:1600px){.services_invoice_button{min-width:195px}}@media all and (max-width:1280px){.contract_payments_status_cell{border-top:unset!important}}@media all and (max-width:1279px){.contract_payments_invoices_cell{flex-direction:column;width:100%;display:flex;white-space:nowrap;min-width:100% !important}.contract_payments_invoices_cell p{white-space:nowrap!important;display:flex}.contract_payments_invoices_cell p span{white-space:nowrap;padding-left:10px;margin-top:0px!important}}@media all and (max-width:900px){.contract_payments_invoices_cell{flex-direction:column;width:100%;display:flex;white-space:nowrap;min-width:100% !important}.contract_payments_invoices_cell p{white-space:normal!important;display:flex;flex-direction:column}.contract_payments_invoices_cell p span{padding-left:0px}}@media all and (max-width:768px){.contract_payments_invoices_cell{flex-direction:column;width:100%;display:flex;white-space:nowrap;min-width:100% !important}.contract_payments_invoices_cell p{flex-direction:row;white-space:nowrap!important;display:flex}.contract_payments_invoices_cell p span{white-space:nowrap;padding-left:10px;margin-top:0px!important}}@media all and (max-width:400px){.contract_payments_invoices_cell{flex-direction:column;width:100%;display:flex;white-space:nowrap;min-width:100% !important}.contract_payments_invoices_cell p{white-space:normal!important;display:flex;flex-direction:column}.contract_payments_invoices_cell p span{padding-left:0px}}.search_form_buttons_wrapper{flex-direction:row;display:flex;align-items:flex-start;justify-content:flex-end;margin-left:auto}.search_form_buttons_wrapper .button{display:block!important}/*# sourceMappingURL=./style.css.map */
\ No newline at end of file
+main {
+  padding-top: 112px;
+  min-height: calc(100vh - 587px);
+  position: relative;
+}
+@media all and (max-width: 1600px) and (min-width: 1280px) {
+  main {
+    padding-top: 82px;
+    min-height: calc(100vh - 456px);
+  }
+}
+@media all and (max-width: 1279px) {
+  main {
+    padding-top: 86px;
+  }
+}
+main section.gray {
+  background: var(--inactive);
+}
+@media all and (max-width: 1279px) {
+}
+main .title_wrapper {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  margin-bottom: 50px;
+}
+@media all and (max-width: 1600px) and (min-width: 1280px) {
+  main .title_wrapper {
+    margin-bottom: 30px;
+  }
+}
+@media all and (max-width: 1279px) {
+  main .title_wrapper {
+    margin-bottom: 20px;
+  }
+}
+@media all and (max-width: 768px) {
+  main .title_wrapper {
+    flex-wrap: wrap;
+  }
+}
+main .title_wrapper h1,
+main .title_wrapper h2,
+main .title_wrapper h3,
+main .title_wrapper h4,
+main .title_wrapper h5 {
+  margin-bottom: 0;
+}
+@media all and (max-width: 768px) {
+  main .title_wrapper .section_title:not(:only-child) {
+    margin-right: 10px;
+  }
+}
+main .title_wrapper .section_title + h5,
+main .title_wrapper .section_title + .section_subtitle {
+  margin-top: 8px;
+  font-weight: normal;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 29px;
+  color: var(--text_not_active);
+}
+@media all and (max-width: 960px) {
+  main .title_wrapper .section_title + h5,
+  main .title_wrapper .section_title + .section_subtitle {
+    font-size: 11px;
+    line-height: 15px;
+    margin-top: 4px;
+  }
+}
+main .title_wrapper .title_link {
+  font-weight: 600;
+  display: inline-block;
+  margin-left: 55px;
+  align-self: flex-end;
+  line-height: 24px;
+}
+@media all and (max-width: 1279px) {
+  main .title_wrapper .title_link {
+    font-size: 13px;
+    margin-left: 12px;
+    line-height: 30px;
+  }
+}
+@media all and (max-width: 768px) {
+  main .title_wrapper .title_link {
+    margin-left: 0;
+  }
+}
+main .title_wrapper .left {
+  display: flex;
+  max-width: 70%;
+}
+@media all and (max-width: 768px) {
+  main .title_wrapper .left {
+    max-width: none;
+  }
+}
+main .title_wrapper .right {
+  display: flex;
+}
+@media all and (max-width: 768px) {
+  main .title_wrapper .right {
+    width: 100%;
+    text-align: left;
+    margin-top: 8px;
+  }
+  main .title_wrapper .right p {
+    font-size: 10px;
+    line-height: 15px;
+    text-align: left;
+  }
+}
+main .title_wrapper .company-dropdown {
+  position: relative;
+  z-index: 5;
+}
+main .title_wrapper .company-dropdown .arrow {
+  cursor: pointer;
+  padding-right: 22px;
+  background: url(/assets/images/icons/company-arrow.svg) no-repeat 100% 8px;
+}
+main .title_wrapper .company-dropdown .companies_list {
+  display: none;
+  position: absolute;
+  right: 0;
+  top: calc(100% + 28px);
+  width: 412px;
+  background: #fff;
+  box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.16);
+  padding: 35px 60px 20px 6px;
+}
+@media all and (max-width: 1279px) {
+  main .title_wrapper .company-dropdown .companies_list {
+    top: calc(100% + 35px);
+  }
+}
+@media all and (max-width: 768px) {
+  main .title_wrapper .company-dropdown .companies_list {
+    top: calc(100% + 25px);
+    max-width: 300px;
+    right: 16px;
+    left: 0;
+    margin-left: 0;
+  }
+}
+main .title_wrapper .company-dropdown .companies_list.opened {
+  display: block;
+}
+main .title_wrapper .company-dropdown .companies_list:before {
+  content: "";
+  display: block;
+  width: 0;
+  height: 0;
+  border-left: 13px solid transparent;
+  border-right: 13px solid transparent;
+  border-bottom: 24px solid #fff;
+  position: absolute;
+  top: -24px;
+  right: 60px;
+}
+@media all and (max-width: 768px) {
+  main .title_wrapper .company-dropdown .companies_list:before {
+    right: auto;
+    left: 60px;
+  }
+}
+main .title_wrapper .company-dropdown .companies_list .company_item {
+  padding-left: 60px;
+  margin-bottom: 20px;
+  cursor: pointer;
+}
+main .title_wrapper .company-dropdown .companies_list .company_item:not(:last-child) {
+  border-bottom: 1px solid #EDEFF5;
+  padding-bottom: 20px;
+}
+@media all and (max-width: 768px) {
+  main .title_wrapper .company-dropdown .companies_list .company_item {
+    padding-left: 50px;
+  }
+}
+main .title_wrapper .company-dropdown .companies_list .company_item.selected {
+  pointer-events: none;
+  background: url(/assets/images/icons/icon-selected.svg) no-repeat 10px 50%;
+}
+@media all and (max-width: 768px) {
+  main .title_wrapper .company-dropdown .companies_list .company_item.selected {
+    background-size: 24px !important;
+  }
+}
+main .title_wrapper .back {
+  padding-left: 28px;
+  background: url("../../public/assets/images/icons/page-back.svg") no-repeat left center;
+  color: var(--blue);
+  font-weight: 700;
+  margin-right: 25px;
+}
+@media all and (max-width: 768px) {
+  main .title_wrapper .back + .section_title {
+    width: 100%;
+  }
+}
+main #main_slider {
+  height: 600px;
+  background: var(--gray-light);
+  padding: 0;
+  position: relative;
+}
+@media all and (max-width: 1279px) {
+  main #main_slider {
+    height: 395px;
+  }
+}
+main #main_slider .container {
+  position: relative;
+  height: 100%;
+  background: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1) 1px, transparent 2px, transparent 20%);
+}
+@media all and (max-width: 768px) {
+  main #main_slider .container {
+    background: transparent;
+  }
+}
+main #main_slider .slider_active_title {
+  font-weight: bold;
+  font-size: 43px;
+  line-height: 63px;
+  letter-spacing: 2px;
+  color: #fff;
+  max-width: 560px;
+  position: absolute;
+  top: 55px;
+  left: 0;
+  text-transform: uppercase;
+  font-family: 'PF Din Display Pro Bold';
+}
+@media all and (max-width: 1279px) {
+  main #main_slider .slider_active_title {
+    font-size: 20px;
+    line-height: 35px;
+    max-width: 280px;
+    top: 25px;
+  }
+}
+main #main_slider .slider_list {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  display: flex;
+}
+@media all and (max-width: 1279px) {
+  main #main_slider .slider_list {
+    height: 135px;
+  }
+}
+@media all and (max-width: 768px) {
+  main #main_slider .slider_list {
+    display: none;
+  }
+}
+main #main_slider .slider_list .slider_item {
+  width: 20%;
+  max-width: 20%;
+  height: 300px;
+  padding: 15px 25px;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-end;
+  align-content: flex-end;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+}
+@media all and (max-width: 1279px) {
+  main #main_slider .slider_list .slider_item {
+    height: 135px;
+    padding: 15px 20px;
+  }
+}
+main #main_slider .slider_list .slider_item:after {
+  content: "";
+  display: block;
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  z-index: 1;
+  width: 100%;
+  height: 100%;
+  transform: translateY(100%);
+  transition: 175ms transform cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+main #main_slider .slider_list .slider_item .item_name {
+  font-size: 24px;
+  line-height: 24px;
+  text-transform: uppercase;
+  color: #fff;
+  width: 100%;
+  display: flex;
+  height: 86px;
+  align-content: center;
+  align-items: center;
+  justify-content: space-between;
+  transition: 175ms transform cubic-bezier(0.25, 0.46, 0.45, 0.94);
+  transform: translateY(57px);
+  position: relative;
+  z-index: 2;
+  margin-right: 15px;
+  font-family: 'PF Din Display Pro Bold';
+}
+@media all and (max-width: 1279px) {
+  main #main_slider .slider_list .slider_item .item_name {
+    font-size: 20px;
+    height: 80px;
+  }
+}
+main #main_slider .slider_list .slider_item .item_name:after {
+  content: "";
+  display: block;
+  width: 22px;
+  min-width: 22px;
+  height: 14px;
+  background: url("/assets/images/icons/slider_arrow.svg") no-repeat center;
+}
+main #main_slider .slider_list .slider_item a {
+  display: inline-block;
+  line-height: 40px;
+  color: #fff;
+  font-weight: 600;
+  transition: 175ms transform cubic-bezier(0.25, 0.46, 0.45, 0.94);
+  transform: translateY(57px);
+  position: relative;
+  z-index: 2;
+}
+@media all and (max-width: 1279px) {
+  main #main_slider .slider_list .slider_item a {
+    font-size: 13px;
+  }
+}
+main #main_slider .slider_list .slider_item.active {
+  background: currentColor;
+}
+main #main_slider .slider_list .slider_item.active .item_name,
+main #main_slider .slider_list .slider_item.active a {
+  transform: translateY(0px);
+}
+main #main_slider .slider_list .slider_item.active .item_name:after {
+  width: 44px;
+  background: url("/assets/images/icons/slider_arrow-hover.svg") no-repeat center;
+  transform: rotate(-90deg) translate(15px, 15px);
+}
+@media all and (max-width: 1279px) {
+  main #main_slider .slider_list .slider_item.active .item_name:after {
+    transform: rotate(-90deg) translate(-15px, 15px);
+  }
+}
+main #main_slider .slider_list .slider_item:hover .item_name,
+main #main_slider .slider_list .slider_item:hover a {
+  transform: translateY(0px);
+}
+main #main_slider .slider_list .slider_item:hover:after {
+  transform: translateY(0px);
+  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, currentColor 100%);
+}
+main #main_slider .slider_list .slider_navto {
+  width: 20%;
+  max-width: 20%;
+  height: 300px;
+}
+main #main_slider .slider_list .slider_navto a {
+  background: #fff;
+  width: 100%;
+  height: 100%;
+  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
+  transition: 175ms background cubic-bezier(0.25, 0.46, 0.45, 0.94);
+  box-sizing: border-box;
+  padding: 0 25px;
+  display: flex;
+  align-items: flex-end;
+  justify-content: flex-end;
+}
+main #main_slider .slider_list .slider_navto a:after {
+  content: "";
+  display: block;
+  width: 22px;
+  min-width: 22px;
+  height: 86px;
+  transition: 175ms all cubic-bezier(0.25, 0.46, 0.45, 0.94);
+  background: url("/assets/images/icons/slider_arrow-blue.svg") no-repeat center;
+}
+main #main_slider .slider_list .slider_navto a:hover {
+  background: #04a8a4;
+}
+main #main_slider .slider_list .slider_navto a:hover:after {
+  width: 90px;
+  background: url("/assets/images/icons/arrow-navto.svg") no-repeat center;
+}
+@media all and (max-width: 768px) {
+  main #calc {
+    background: #EDEFF5;
+  }
+}
+main #calc .container {
+  background: url("/assets/images/calc-bg.jpg") no-repeat right center #EDEFF5;
+  padding: 70px 25px;
+  position: relative;
+}
+main #calc .container:after {
+  content: "";
+  display: block;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: -100%;
+  width: 100%;
+  left: auto;
+  background-color: inherit;
+}
+@media all and (max-width: 1279px) {
+  main #calc .container {
+    padding: 50px 25px;
+  }
+}
+@media all and (max-width: 1279px) {
+  main #calc .container {
+    background: #EDEFF5;
+  }
+}
+@media all and (max-width: 768px) {
+  main #calc .container {
+    padding: 25px 0;
+  }
+}
+main #calc .calc_body {
+  display: flex;
+  justify-content: space-between;
+}
+@media all and (max-width: 768px) {
+  main #calc .calc_body {
+    display: block;
+  }
+}
+main #calc .calc_body .calc_settings {
+  width: 830px;
+}
+@media all and (max-width: 1420px) {
+  main #calc .calc_body .calc_settings {
+    width: calc(100% - 410px);
+  }
+}
+@media all and (max-width: 1279px) {
+  main #calc .calc_body .calc_settings {
+    width: calc(50% - 15px);
+  }
+}
+@media all and (max-width: 768px) {
+  main #calc .calc_body .calc_settings {
+    width: 100%;
+  }
+}
+main #calc .calc_body .calc_settings .settings_box {
+  background: rgba(255, 255, 255, 0.6);
+  border-radius: 4px;
+  height: 57px;
+  margin-bottom: 80px;
+  position: relative;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-end;
+  justify-content: space-between;
+  padding: 10px;
+}
+main #calc .calc_body .calc_settings .settings_box output[hidden] {
+  display: none;
+}
+main #calc .calc_body .calc_settings .settings_box:last-child {
+  margin-bottom: 20px;
+}
+@media all and (max-width: 1279px) {
+  main #calc .calc_body .calc_settings .settings_box {
+    margin-bottom: 45px;
+    height: 48px;
+    padding: 8px;
+  }
+}
+main #calc .calc_body .calc_settings .settings_box p {
+  margin-bottom: 15px;
+  font-weight: 700;
+}
+@media all and (max-width: 1279px) {
+  main #calc .calc_body .calc_settings .settings_box p {
+    font-size: 13px;
+  }
+}
+main #calc .calc_body .calc_settings .settings_box p.min {
+  position: absolute;
+  top: 65px;
+  font-weight: 400;
+  left: 10px;
+  margin: 0;
+}
+@media all and (max-width: 960px) {
+  main #calc .calc_body .calc_settings .settings_box p.min {
+    display: none;
+  }
+}
+main #calc .calc_body .calc_settings .settings_box p.max {
+  position: absolute;
+  top: 65px;
+  font-weight: 400;
+  right: 10px;
+  margin: 0;
+}
+@media all and (max-width: 960px) {
+  main #calc .calc_body .calc_settings .settings_box p.max {
+    top: 30px;
+  }
+}
+main #calc .calc_body .calc_settings .settings_box .line {
+  width: 100%;
+  background: rgba(142, 148, 167, 0.4);
+}
+@media all and (max-width: 960px) {
+  main #calc .calc_body .calc_settings .settings_box .line {
+    width: calc(100% - 55px);
+  }
+}
+main #calc .calc_body .calc_settings .settings_box .line,
+main #calc .calc_body .calc_settings .settings_box .rangeslider.rangeslider--horizontal {
+  position: relative;
+  height: 5px;
+  z-index: 2;
+}
+main #calc .calc_body .calc_settings .settings_box .line .active_line,
+main #calc .calc_body .calc_settings .settings_box .rangeslider.rangeslider--horizontal .active_line,
+main #calc .calc_body .calc_settings .settings_box .line .rangeslider__fill,
+main #calc .calc_body .calc_settings .settings_box .rangeslider.rangeslider--horizontal .rangeslider__fill {
+  background: var(--blue);
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  height: 10px;
+}
+main #calc .calc_body .calc_settings .settings_box .line .dragble,
+main #calc .calc_body .calc_settings .settings_box .rangeslider.rangeslider--horizontal .dragble,
+main #calc .calc_body .calc_settings .settings_box .line .rangeslider__handle,
+main #calc .calc_body .calc_settings .settings_box .rangeslider.rangeslider--horizontal .rangeslider__handle {
+  width: 1px;
+  height: 16px;
+  cursor: pointer;
+  position: absolute;
+  top: 8px;
+  left: 0;
+}
+main #calc .calc_body .calc_settings .settings_box .line .dragble:after,
+main #calc .calc_body .calc_settings .settings_box .rangeslider.rangeslider--horizontal .dragble:after,
+main #calc .calc_body .calc_settings .settings_box .line .rangeslider__handle:after,
+main #calc .calc_body .calc_settings .settings_box .rangeslider.rangeslider--horizontal .rangeslider__handle:after {
+  content: "";
+  display: block;
+  transform: rotate(45deg) translate(-6px, 6px);
+  width: 16px;
+  height: 16px;
+  background: var(--blue);
+}
+main #calc .calc_body .calc_result {
+  width: 350px;
+  align-items: stretch;
+  align-content: stretch;
+  display: flex;
+  flex-wrap: wrap;
+}
+@media all and (max-width: 1420px) {
+  main #calc .calc_body .calc_result {
+    width: 320px;
+  }
+}
+@media all and (max-width: 1279px) {
+  main #calc .calc_body .calc_result {
+    width: calc(50% - 15px);
+  }
+}
+@media all and (max-width: 768px) {
+  main #calc .calc_body .calc_result {
+    width: 100%;
+    margin-top: 35px;
+  }
+}
+main #calc .calc_body .calc_result .result_box {
+  width: 100%;
+}
+main #calc .calc_body .calc_result .result_box p {
+  font-weight: 700;
+}
+@media all and (max-width: 1279px) {
+  main #calc .calc_body .calc_result .result_box p {
+    font-weight: 400;
+    font-size: 13px;
+    line-height: 20px;
+    margin-bottom: 20px;
+  }
+}
+@media all and (max-width: 768px) {
+  main #calc .calc_body .calc_result .result_box p {
+    margin-bottom: 8px;
+  }
+}
+main #calc .calc_body .calc_result .result_box p.price {
+  font-size: 41px;
+  line-height: 1;
+}
+main #calc .calc_body .calc_result .result_box p.price sup {
+  font-weight: 300;
+  font-size: 12px;
+  line-height: 18px;
+  color: #8E94A7;
+  vertical-align: super;
+}
+@media all and (max-width: 1279px) {
+  main #calc .calc_body .calc_result .result_box p.price {
+    font-size: 32px;
+  }
+}
+@media all and (max-width: 1279px) {
+  main #calc .calc_body .calc_result .result_box p.price {
+    font-size: 20px;
+    margin-bottom: 0;
+    font-weight: 700;
+  }
+}
+@media all and (max-width: 768px) {
+  main #calc .calc_body .calc_result .result_box {
+    width: 50%;
+  }
+}
+main #calc .calc_body .calc_result .button {
+  width: 100%;
+  align-self: center;
+}
+@media all and (max-width: 768px) {
+  main #calc .calc_body .calc_result .button {
+    margin-top: 30px;
+    margin-bottom: 15px;
+  }
+}
+main #calc .calc_body .calc_result .secondary {
+  align-self: flex-end;
+}
+main .news_arrows {
+  display: flex;
+  align-content: center;
+}
+@media all and (max-width: 1279px) {
+  main .news_arrows {
+    display: none !important;
+  }
+}
+main .news_arrows button {
+  width: 97px;
+  height: 28px;
+  background-color: var(--blue);
+  box-sizing: border-box;
+  padding: 0 10px;
+  transition: 175ms background ease-in-out;
+}
+main .news_arrows button svg {
+  width: 8px;
+  height: 12px;
+  margin-left: auto;
+}
+main .news_arrows button svg path {
+  stroke: #fff;
+  transition: 175ms stroke ease-in-out;
+}
+main .news_arrows button:disabled,
+main .news_arrows button.slick-disabled {
+  cursor: default;
+  background-color: var(--inactive);
+  background-position: center;
+}
+main .news_arrows button:disabled svg,
+main .news_arrows button.slick-disabled svg {
+  margin-left: 0;
+}
+main .news_arrows button:disabled svg path,
+main .news_arrows button.slick-disabled svg path {
+  stroke: #8E94A7;
+}
+@media all and (max-width: 768px) {
+  main #news .news_slider_wrapper {
+    margin: 0 -16px;
+  }
+}
+main .news_list,
+main .career_list {
+  display: flex;
+  white-space: nowrap;
+  width: 100%;
+}
+main .news_list .slick-list,
+main .career_list .slick-list {
+  width: 100%;
+}
+main .news_list .slick-list .slick-track,
+main .career_list .slick-list .slick-track {
+  white-space: nowrap;
+  display: flex;
+  padding-right: 100px;
+}
+main .news_list .slick-list .slick-track:after,
+main .career_list .slick-list .slick-track:after {
+  content: "";
+  display: block;
+  width: 365px;
+  min-width: 365px;
+  height: 200px;
+}
+main .news_list .news_item,
+main .career_list .news_item,
+main .news_list .career_item,
+main .career_list .career_item {
+  width: 365px;
+  min-width: 365px;
+  padding: 35px 20px;
+  background: #EDEFF5;
+  position: relative;
+}
+@media all and (max-width: 1279px) {
+  main .news_list .news_item,
+  main .career_list .news_item,
+  main .news_list .career_item,
+  main .career_list .career_item {
+    width: 214px;
+    min-width: 214px;
+    padding: 25px 15px;
+  }
+}
+@media all and (max-width: 768px) {
+  main .news_list .news_item,
+  main .career_list .news_item,
+  main .news_list .career_item,
+  main .career_list .career_item {
+    margin-right: 1px;
+  }
+}
+main .news_list .news_item p,
+main .career_list .news_item p,
+main .news_list .career_item p,
+main .career_list .career_item p {
+  white-space: normal;
+  margin-bottom: 22px;
+  line-height: 24px;
+  transition: 175ms color ease-in-out;
+}
+main .news_list .news_item .news_date,
+main .career_list .news_item .news_date,
+main .news_list .career_item .news_date,
+main .career_list .career_item .news_date {
+  margin-bottom: 35px;
+}
+@media all and (max-width: 1279px) {
+  main .news_list .news_item .news_date,
+  main .career_list .news_item .news_date,
+  main .news_list .career_item .news_date,
+  main .career_list .career_item .news_date {
+    margin-bottom: 15px;
+  }
+}
+main .news_list .news_item img,
+main .career_list .news_item img,
+main .news_list .career_item img,
+main .career_list .career_item img {
+  display: block;
+  margin-bottom: 22px;
+  object-fit: cover;
+}
+@media all and (max-width: 1279px) {
+  main .news_list .news_item img,
+  main .career_list .news_item img,
+  main .news_list .career_item img,
+  main .career_list .career_item img {
+    height: 178px;
+    width: 100%;
+    margin-bottom: 15px;
+  }
+}
+main .news_list .news_item .news_title,
+main .career_list .news_item .news_title,
+main .news_list .career_item .news_title,
+main .career_list .career_item .news_title,
+main .news_list .news_item .career_title,
+main .career_list .news_item .career_title,
+main .news_list .career_item .career_title,
+main .career_list .career_item .career_title {
+  color: #0C0C0C;
+  font-size: 24px;
+  line-height: 28px;
+  font-weight: 700;
+}
+@media all and (max-width: 1279px) {
+  main .news_list .news_item .news_title,
+  main .career_list .news_item .news_title,
+  main .news_list .career_item .news_title,
+  main .career_list .career_item .news_title,
+  main .news_list .news_item .career_title,
+  main .career_list .news_item .career_title,
+  main .news_list .career_item .career_title,
+  main .career_list .career_item .career_title {
+    font-size: 19px;
+    line-height: 26px;
+    margin-bottom: 15px;
+  }
+}
+main .news_list .news_item .news_link,
+main .career_list .news_item .news_link,
+main .news_list .career_item .news_link,
+main .career_list .career_item .news_link,
+main .news_list .news_item .career_link,
+main .career_list .news_item .career_link,
+main .news_list .career_item .career_link,
+main .career_list .career_item .career_link {
+  margin-bottom: 0;
+  color: var(--blue);
+}
+@media all and (max-width: 1279px) {
+  main .news_list .news_item .news_link,
+  main .career_list .news_item .news_link,
+  main .news_list .career_item .news_link,
+  main .career_list .career_item .news_link,
+  main .news_list .news_item .career_link,
+  main .career_list .news_item .career_link,
+  main .news_list .career_item .career_link,
+  main .career_list .career_item .career_link {
+    font-weight: 700;
+    font-size: 13px;
+  }
+}
+main .news_list .news_item a,
+main .career_list .news_item a,
+main .news_list .career_item a,
+main .career_list .career_item a {
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 3;
+}
+main .news_list .news_item:after,
+main .career_list .news_item:after,
+main .news_list .career_item:after,
+main .career_list .career_item:after {
+  content: "";
+  display: block;
+  position: absolute;
+  top: -24px;
+  left: 0;
+  right: 0;
+  bottom: -24px;
+  opacity: 0;
+  visibility: hidden;
+  transition: 175ms all ease-in-out;
+}
+main .news_list .news_item:hover,
+main .career_list .news_item:hover,
+main .news_list .career_item:hover,
+main .career_list .career_item:hover {
+  z-index: 2;
+}
+main .news_list .news_item:hover:after,
+main .career_list .news_item:hover:after,
+main .news_list .career_item:hover:after,
+main .career_list .career_item:hover:after {
+  opacity: 1;
+  visibility: visible;
+  background: var(--green);
+  z-index: 0;
+}
+main .news_list .news_item:hover p,
+main .career_list .news_item:hover p,
+main .news_list .career_item:hover p,
+main .career_list .career_item:hover p,
+main .news_list .news_item:hover img,
+main .career_list .news_item:hover img,
+main .news_list .career_item:hover img,
+main .career_list .career_item:hover img {
+  color: #fff;
+  z-index: 2;
+  position: relative;
+}
+main .news_list .news_item:hover .news_date:after,
+main .career_list .news_item:hover .news_date:after,
+main .news_list .career_item:hover .news_date:after,
+main .career_list .career_item:hover .news_date:after {
+  content: "";
+  position: absolute;
+  bottom: -8px;
+  height: 2px;
+  left: 0;
+  right: 0;
+  background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
+}
+main .news_list.masongry_columns,
+main .career_list.masongry_columns {
+  display: flex;
+  justify-content: space-between;
+}
+main .news_list.masongry_columns .column,
+main .career_list.masongry_columns .column {
+  width: calc(50% - 15px);
+}
+main .news_list.masongry_columns .news_item,
+main .career_list.masongry_columns .news_item,
+main .news_list.masongry_columns .career_item,
+main .career_list.masongry_columns .career_item {
+  width: 100%;
+  margin-bottom: 30px;
+}
+@media all and (max-width: 768px) {
+  main .news_list.masongry_columns,
+  main .career_list.masongry_columns {
+    display: block;
+  }
+  main .news_list.masongry_columns .column,
+  main .career_list.masongry_columns .column {
+    width: 100%;
+  }
+}
+main .programs_list,
+main .services_list {
+  display: flex;
+  flex-wrap: wrap;
+}
+@media all and (max-width: 1279px) {
+  main .programs_list,
+  main .services_list {
+    justify-content: space-between;
+  }
+}
+main .programs_list .program_item,
+main .services_list .program_item,
+main .programs_list .service_item,
+main .services_list .service_item {
+  margin-top: 40px;
+  margin-bottom: 40px;
+  width: calc(25% - 23px);
+  position: relative;
+  background: #EDEFF5;
+  transform-origin: left;
+  transition: all 175ms ease-in-out;
+  height: 390px;
+}
+@media all and (max-width: 1420px) {
+  main .programs_list .program_item,
+  main .services_list .program_item,
+  main .programs_list .service_item,
+  main .services_list .service_item {
+    overflow: hidden;
+  }
+}
+@media all and (max-width: 1279px) {
+  main .programs_list .program_item,
+  main .services_list .program_item,
+  main .programs_list .service_item,
+  main .services_list .service_item {
+    width: calc(50% - 15px);
+    margin-right: 0 !important;
+    margin-bottom: 30px;
+    margin-top: 0;
+    height: 258px;
+    overflow: hidden;
+  }
+}
+@media all and (max-width: 768px) {
+  main .programs_list .program_item,
+  main .services_list .program_item,
+  main .programs_list .service_item,
+  main .services_list .service_item {
+    width: 100%;
+  }
+}
+main .programs_list .program_item:after,
+main .services_list .program_item:after,
+main .programs_list .service_item:after,
+main .services_list .service_item:after {
+  content: "";
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: #eeeff4;
+  z-index: 0;
+  transition: all 125ms ease-in-out;
+}
+main .programs_list .program_item a,
+main .services_list .program_item a,
+main .programs_list .service_item a,
+main .services_list .service_item a {
+  height: 100%;
+  display: block;
+  box-sizing: border-box;
+  padding: 36px 18px;
+  position: relative;
+  z-index: 2;
+}
+@media all and (max-width: 1279px) {
+  main .programs_list .program_item a,
+  main .services_list .program_item a,
+  main .programs_list .service_item a,
+  main .services_list .service_item a {
+    padding: 24px 18px;
+  }
+}
+main .programs_list .program_item a span,
+main .services_list .program_item a span,
+main .programs_list .service_item a span,
+main .services_list .service_item a span {
+  display: inline-block;
+}
+main .programs_list .program_item:not(:nth-child(4n)),
+main .services_list .program_item:not(:nth-child(4n)),
+main .programs_list .service_item:not(:nth-child(4n)),
+main .services_list .service_item:not(:nth-child(4n)) {
+  margin-right: 30px;
+}
+main .programs_list .program_item .program_name,
+main .services_list .program_item .program_name,
+main .programs_list .service_item .program_name,
+main .services_list .service_item .program_name,
+main .programs_list .program_item .service_name,
+main .services_list .program_item .service_name,
+main .programs_list .service_item .service_name,
+main .services_list .service_item .service_name {
+  font-weight: 700;
+  font-size: 26px;
+  line-height: 36px;
+  color: #000;
+  position: relative;
+  z-index: 2;
+  transform: translateY(0px);
+  transition: 125ms transform ease-in-out;
+  max-width: 70%;
+}
+@media all and (max-width: 1279px) {
+  main .programs_list .program_item .program_name,
+  main .services_list .program_item .program_name,
+  main .programs_list .service_item .program_name,
+  main .services_list .service_item .program_name,
+  main .programs_list .program_item .service_name,
+  main .services_list .program_item .service_name,
+  main .programs_list .service_item .service_name,
+  main .services_list .service_item .service_name {
+    font-size: 19px;
+    line-height: 26px;
+  }
+}
+main .programs_list .program_item .program_link,
+main .services_list .program_item .program_link,
+main .programs_list .service_item .program_link,
+main .services_list .service_item .program_link,
+main .programs_list .program_item .service_link,
+main .services_list .program_item .service_link,
+main .programs_list .service_item .service_link,
+main .services_list .service_item .service_link {
+  position: absolute;
+  right: 0px;
+  bottom: -10px;
+  color: var(--blue);
+  font-weight: 600;
+  font-size: 15px;
+  line-height: 20px;
+  opacity: 0;
+  z-index: 2;
+  transform: translate(0, 0);
+  transition: 125ms all ease-in-out;
+}
+main .programs_list .program_item img,
+main .services_list .program_item img,
+main .programs_list .service_item img,
+main .services_list .service_item img {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  transform: translate(0, 0);
+  transition: 125ms all ease-in-out;
+}
+@media all and (max-width: 1420px) and (min-width: 1280px) {
+  main .programs_list .program_item img,
+  main .services_list .program_item img,
+  main .programs_list .service_item img,
+  main .services_list .service_item img {
+    max-width: 100%;
+  }
+}
+@media all and (max-width: 1279px) {
+  main .programs_list .program_item img,
+  main .services_list .program_item img,
+  main .programs_list .service_item img,
+  main .services_list .service_item img {
+    max-height: 120%;
+  }
+}
+@media all and (min-width: 1280px) {
+  main .programs_list .program_item:hover,
+  main .services_list .program_item:hover,
+  main .programs_list .service_item:hover,
+  main .services_list .service_item:hover {
+    overflow: visible;
+  }
+  main .programs_list .program_item:hover:after,
+  main .services_list .program_item:hover:after,
+  main .programs_list .service_item:hover:after,
+  main .services_list .service_item:hover:after {
+    top: -35px;
+    right: -20px;
+    bottom: -35px;
+  }
+  main .programs_list .program_item:hover img,
+  main .services_list .program_item:hover img,
+  main .programs_list .service_item:hover img,
+  main .services_list .service_item:hover img {
+    transform: translate(20px, -35px);
+  }
+  main .programs_list .program_item:hover .program_name,
+  main .services_list .program_item:hover .program_name,
+  main .programs_list .service_item:hover .program_name,
+  main .services_list .service_item:hover .program_name,
+  main .programs_list .program_item:hover .service_name,
+  main .services_list .program_item:hover .service_name,
+  main .programs_list .service_item:hover .service_name,
+  main .services_list .service_item:hover .service_name {
+    transform: translateY(-30px);
+  }
+  main .programs_list .program_item:hover .program_link,
+  main .services_list .program_item:hover .program_link,
+  main .programs_list .service_item:hover .program_link,
+  main .services_list .service_item:hover .program_link,
+  main .programs_list .program_item:hover .service_link,
+  main .services_list .program_item:hover .service_link,
+  main .programs_list .service_item:hover .service_link,
+  main .services_list .service_item:hover .service_link {
+    opacity: 1;
+    transform: translate(-10px, -10px);
+  }
+}
+main .services_list {
+  justify-content: center;
+}
+@media all and (max-width: 1279px) {
+  main .services_list {
+    justify-content: space-between;
+  }
+}
+main .services_list .service_item {
+  width: calc(33.333% - 20px);
+}
+main .services_list .service_item:after {
+  background: #f1f2f7;
+}
+main .services_list .service_item .service_name {
+  max-width: 50%;
+}
+main .services_list .service_item:not(:nth-child(3n)) {
+  margin-right: 30px;
+}
+main .services_list .service_item:nth-child(3n) {
+  margin-right: 0;
+}
+main .services_list .service_item:nth-child(4n) {
+  margin-right: 30px;
+}
+@media all and (max-width: 1279px) {
+  main .services_list .service_item {
+    width: calc(50% - 15px);
+  }
+  main .services_list .service_item img {
+    max-height: 100%;
+  }
+}
+@media all and (max-width: 768px) {
+  main .services_list .service_item {
+    width: 100%;
+  }
+}
+main .special_list {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+main .special_list .special_item {
+  position: relative;
+  width: calc(50% - 18px);
+  min-width: calc(50% - 18px);
+  margin-bottom: 80px;
+}
+main .special_list .special_item a {
+  display: block;
+  color: #0C0C0C;
+  position: relative;
+  z-index: 2;
+  box-sizing: border-box;
+  padding: 25px calc(50% + 20px) 25px 20px;
+}
+main .special_list .special_item a .special_name {
+  font-size: 26px;
+  line-height: 35px;
+  font-weight: 700;
+  color: #0C0C0C;
+  margin-bottom: 25px;
+  display: block;
+  transition: all 220ms ease-in-out;
+}
+main .special_list .special_item a .speacial_text {
+  display: block;
+  margin-bottom: 10px;
+  font-weight: 700;
+  color: #0C0C0C;
+  transform: translate(0px, 0px);
+  transition: all 220ms ease-in-out;
+}
+main .special_list .special_item a .special_desc {
+  font-size: 15px;
+  line-height: 24px;
+  transform: translate(0px, 0px);
+  transition: all 220ms ease-in-out;
+}
+main .special_list .special_item a .special_link {
+  display: inline-block;
+  font-weight: 600;
+  opacity: 0;
+  transform: translate(10px, 10px);
+  transition: all 220ms ease-in-out;
+  color: #fff;
+}
+main .special_list .special_item:after {
+  content: "";
+  display: block;
+  position: absolute;
+  top: 20px;
+  bottom: 30px;
+  right: 30px;
+  left: 30%;
+  transition: all 220ms ease-in-out;
+  background: var(--inactive);
+  z-index: 0;
+}
+main .special_list .special_item img {
+  display: block;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  width: 50%;
+  height: 100%;
+  right: 0;
+  object-fit: cover;
+  z-index: 1;
+}
+@media all and (min-width: 1280px) {
+  main .special_list .special_item:hover a .special_name {
+    color: #fff;
+  }
+  main .special_list .special_item:hover a .speacial_text,
+  main .special_list .special_item:hover a .special_desc {
+    transform: translate(0px, -10px);
+    color: #fff;
+  }
+  main .special_list .special_item:hover a .special_link {
+    opacity: 1;
+    color: #fff;
+    transform: translate(0px, 0px);
+  }
+  main .special_list .special_item:hover:after {
+    background: var(--green);
+    top: 0;
+    left: 0;
+    bottom: 0;
+  }
+}
+@media all and (max-width: 1279px) {
+  main .special_list .special_item {
+    width: calc(50% - 15px);
+    min-width: calc(50% - 15px);
+    margin-bottom: 30px;
+  }
+  main .special_list .special_item a {
+    padding: 30px 0 0 0;
+    display: flex;
+    flex-wrap: wrap;
+  }
+  main .special_list .special_item a .special_name {
+    font-size: 19px;
+    line-height: 26px;
+  }
+  main .special_list .special_item a .special_desc {
+    font-size: 13px;
+    line-height: 20px;
+    width: 100%;
+  }
+  main .special_list .special_item a .speacial_text {
+    width: 100%;
+  }
+  main .special_list .special_item a .special_link {
+    opacity: 1;
+    transform: translate(0, 0);
+    color: var(--blue);
+  }
+  main .special_list .special_item a img {
+    position: relative;
+    width: 100%;
+    height: 155px;
+    object-fit: cover;
+    object-position: center;
+  }
+  main .special_list .special_item:after {
+    width: 182px;
+    top: 0;
+    left: auto;
+    right: 0;
+    height: 120px;
+  }
+}
+@media all and (max-width: 768px) {
+  main .special_list .special_item {
+    width: 100%;
+    min-width: 100%;
+    margin-bottom: 25px;
+  }
+}
+main .special_list.swiped {
+  flex-wrap: unset;
+  white-space: nowrap;
+}
+main .special_list.swiped .special_item {
+  margin-top: 30px;
+  margin-bottom: 30px;
+  margin-right: 30px;
+}
+main .special_list.swiped .special_item > * {
+  white-space: normal;
+}
+main .special_list.swiped .special_item a .special_link {
+  color: var(--blue);
+  opacity: 1;
+}
+main .special_list.swiped .special_item:hover a .special_link {
+  color: #fff;
+}
+main .brand_select {
+  max-width: 306px;
+  margin-left: auto;
+  margin-top: 35px;
+  margin-bottom: 35px;
+}
+@media all and (max-width: 768px) {
+  main .brand_select {
+    max-width: 100%;
+    margin-top: 10px;
+    margin-bottom: 25px;
+  }
+}
+main .special_detail .special_offer {
+  position: relative;
+  padding: 25px calc(100% - 390px) 0 25px;
+  margin-bottom: 45px;
+}
+main .special_detail .special_offer h2 {
+  font-size: 26px;
+  line-height: 35px;
+  color: #0C0C0C;
+  font-weight: 700;
+  margin-bottom: 25px;
+}
+main .special_detail .special_offer h2 span {
+  color: #A8026B;
+  font-size: 58px;
+  line-height: 58px;
+}
+main .special_detail .special_offer h2 mark {
+  color: #A8026B;
+  background: transparent;
+}
+main .special_detail .special_offer .button {
+  width: 100%;
+  margin-top: 40px;
+}
+main .special_detail .special_offer:after {
+  content: "";
+  display: block;
+  position: absolute;
+  z-index: 1;
+  left: 420px;
+  top: 15px;
+  bottom: 25px;
+  right: 0;
+  background: var(--inactive);
+}
+main .special_detail .special_offer img {
+  display: block;
+  height: 100%;
+  width: calc(100% - 502px);
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  z-index: 2;
+  object-fit: cover;
+}
+@media all and (max-width: 1420px) {
+  main .special_detail .special_offer {
+    padding-left: 0;
+  }
+}
+@media all and (max-width: 1279px) {
+  main .special_detail .special_offer {
+    padding: 0 calc(50% + 15px) 0 0;
+  }
+  main .special_detail .special_offer h2 {
+    font-size: 19px;
+    line-height: 26px;
+    width: 100%;
+    order: 2;
+    margin-bottom: 0;
+  }
+  main .special_detail .special_offer h2 span {
+    font-size: 19px;
+    line-height: 26px;
+  }
+  main .special_detail .special_offer img {
+    width: calc(50% - 15px);
+  }
+  main .special_detail .special_offer:after {
+    left: calc(50% - 120px);
+    z-index: -1;
+  }
+}
+@media all and (max-width: 768px) {
+  main .special_detail .special_offer {
+    padding: 0;
+    display: flex;
+    flex-wrap: wrap;
+  }
+  main .special_detail .special_offer img {
+    order: 1;
+    width: 100%;
+    position: relative;
+    height: 155px;
+    margin-bottom: 10px;
+  }
+  main .special_detail .special_offer .list-column {
+    order: 3;
+    margin-top: 20px;
+    margin-bottom: 30px;
+  }
+  main .special_detail .special_offer button.button {
+    order: 4;
+    margin-top: 0;
+  }
+  main .special_detail .special_offer:after {
+    width: 182px;
+    left: auto;
+    right: 0;
+    top: 0;
+    bottom: 50px;
+    z-index: -1;
+  }
+}
+main .special_detail .special_offer-text {
+  margin-bottom: 80px;
+  padding: 0 25px;
+}
+@media all and (max-width: 768px) {
+  main .special_detail .special_offer-text {
+    padding: 0;
+    margin-bottom: 40px;
+  }
+}
+main .special_detail .aside_container {
+  margin-top: 60px;
+}
+@media all and (max-width: 768px) {
+  main .special_detail .aside_container {
+    margin-top: 30px;
+    padding-top: 30px;
+    border-top: 1px solid #EDEFF5;
+  }
+}
+main .leasing_offer h3 {
+  padding: 0 25px;
+  margin-bottom: 15px;
+  font-size: 26px;
+  line-height: 35px;
+}
+@media all and (max-width: 768px) {
+  main .leasing_offer h3 {
+    padding: 0;
+    font-size: 17px;
+    line-height: 24px;
+  }
+}
+main .leasing_offer .leasing_list {
+  display: flex;
+  flex-wrap: wrap;
+}
+main .leasing_offer .leasing_list .leasing_item {
+  width: calc(33.333% - 20px);
+  margin-bottom: 30px;
+}
+main .leasing_offer .leasing_list .leasing_item:not(:nth-child(3n)) {
+  margin-right: 30px;
+}
+main .leasing_offer .leasing_list .leasing_item .item_wrapper {
+  display: block;
+  padding-bottom: 35px;
+  background: #fff;
+  transition: background-color 175ms ease-in-out;
+}
+main .leasing_offer .leasing_list .leasing_item .item_wrapper img {
+  display: block;
+  width: 100%;
+  height: 220px;
+  object-fit: cover;
+  margin-bottom: 30px;
+}
+main .leasing_offer .leasing_list .leasing_item .item_wrapper span {
+  display: block;
+  color: #000;
+  transition: color 175ms ease-in-out;
+}
+main .leasing_offer .leasing_list .leasing_item .item_wrapper .leasing_model {
+  padding: 0 30px;
+  margin-bottom: 5px;
+  font-weight: 700;
+}
+main .leasing_offer .leasing_list .leasing_item .item_wrapper .leasing_desc {
+  padding: 0 30px;
+}
+main .leasing_offer .leasing_list .leasing_item .item_wrapper:hover {
+  background: var(--green);
+}
+main .leasing_offer .leasing_list .leasing_item .item_wrapper:hover .leasing_model,
+main .leasing_offer .leasing_list .leasing_item .item_wrapper:hover .leasing_desc {
+  color: #fff;
+}
+@media all and (max-width: 1279px) {
+  main .leasing_offer .leasing_list {
+    overflow-x: scroll;
+    flex-wrap: unset;
+    margin-right: -80px;
+  }
+  main .leasing_offer .leasing_list .leasing_item {
+    min-width: 210px;
+    margin-right: 5px !important;
+  }
+  main .leasing_offer .leasing_list .leasing_item .item_wrapper {
+    padding-bottom: 12px;
+  }
+  main .leasing_offer .leasing_list .leasing_item .item_wrapper img {
+    margin-bottom: 12px;
+    height: 135px;
+  }
+  main .leasing_offer .leasing_list .leasing_item .item_wrapper .leasing_model,
+  main .leasing_offer .leasing_list .leasing_item .item_wrapper .leasing_desc {
+    padding: 0 18px;
+  }
+}
+@media all and (max-width: 768px) {
+  main .leasing_offer .leasing_list {
+    margin: 0 -16px;
+    padding: 0 16px;
+  }
+}
+main .leasing_offer .leasing_offer-detail {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 100px;
+}
+main .leasing_offer .leasing_offer-detail .image_slider {
+  height: 425px;
+  width: calc(100% - 560px);
+}
+main .leasing_offer .leasing_offer-detail .image_slider .slide {
+  height: 100%;
+}
+main .leasing_offer .leasing_offer-detail .image_slider .slide img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+main .leasing_offer .leasing_offer-detail .offer_desc {
+  width: 530px;
+  padding-bottom: 40px;
+  position: relative;
+}
+main .leasing_offer .leasing_offer-detail .offer_desc .offer_name {
+  font-size: 26px;
+  line-height: 35px;
+  text-transform: uppercase;
+  font-weight: 700;
+  margin-bottom: 30px;
+}
+main .leasing_offer .leasing_offer-detail .offer_desc ul {
+  margin-bottom: 20px;
+}
+main .leasing_offer .leasing_offer-detail .offer_desc ul li {
+  line-height: 25px;
+}
+main .leasing_offer .leasing_offer-detail .offer_desc .button {
+  margin-top: 40px;
+  width: 390px;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+}
+@media all and (max-width: 1279px) {
+  main .leasing_offer .leasing_offer-detail .image_slider {
+    height: 300px;
+  }
+  main .leasing_offer .leasing_offer-detail .image_slider,
+  main .leasing_offer .leasing_offer-detail .offer_desc {
+    width: calc(50% - 15px);
+  }
+  main .leasing_offer .leasing_offer-detail .image_slider .button,
+  main .leasing_offer .leasing_offer-detail .offer_desc .button {
+    position: relative;
+  }
+}
+@media all and (max-width: 768px) {
+  main .leasing_offer .leasing_offer-detail {
+    margin-top: 18px;
+    display: block;
+  }
+  main .leasing_offer .leasing_offer-detail .image_slider {
+    width: 100%;
+    height: 168px;
+  }
+  main .leasing_offer .leasing_offer-detail .offer_desc {
+    width: 100%;
+    padding-bottom: 0;
+  }
+  main .leasing_offer .leasing_offer-detail .offer_desc .offer_name {
+    font-size: 19px;
+    line-height: 26px;
+    margin-bottom: 13px;
+  }
+  main .leasing_offer .leasing_offer-detail .offer_desc .button {
+    width: 100%;
+    position: relative;
+  }
+}
+main .faq_search {
+  margin-bottom: 40px;
+}
+main .faq_search .form_field {
+  width: 100%;
+  max-width: 635px;
+  margin-left: auto;
+}
+main .click-more {
+  color: var(--blue);
+  cursor: pointer;
+}
+main .paymentDateForm {
+  display: flex;
+  align-items: center;
+  margin-top: 15px;
+}
+main .paymentDateForm .form_field {
+  width: 100%;
+}
+main .paymentDateForm button.button {
+  min-width: 160px;
+  margin-left: 30px;
+}
+@media all and (max-width: 768px) {
+  main .paymentDateForm {
+    display: block;
+  }
+  main .paymentDateForm button.button {
+    margin-left: 0;
+    margin-top: 30px;
+  }
+}
+main .dropdown_blocks_list.zero-margin {
+  margin-left: -30px;
+  border-left: 1px solid #EDEFF5;
+  border-right: 1px solid #EDEFF5;
+}
+main .dropdown_blocks_list.zero-margin .dropdown_block {
+  border-bottom: 0 !important;
+  position: relative;
+}
+main .dropdown_blocks_list.zero-margin .dropdown_block:after {
+  content: "";
+  display: block;
+  width: auto;
+  height: 1px;
+  background: #EDEFF5;
+  position: absolute;
+  bottom: 0;
+  left: 32px;
+  right: 32px;
+}
+main .dropdown_blocks_list.zero-margin .dropdown_block .block_header {
+  padding-left: 30px;
+  padding-right: 30px;
+}
+main .dropdown_blocks_list.zero-margin .dropdown_block .block_body {
+  margin-left: 85px;
+  max-width: 755px;
+  overflow: hidden;
+}
+main .dropdown_blocks_list.zero-margin .dropdown_block .block_body.full {
+  margin-left: 30px;
+  max-width: 100%;
+}
+@media all and (max-width: 1279px) {
+  main .dropdown_blocks_list.zero-margin .dropdown_block .block_body.full {
+    margin-left: 0;
+  }
+}
+@media all and (max-width: 1279px) {
+  main .dropdown_blocks_list.zero-margin {
+    border: 0;
+    margin-left: 0;
+  }
+  main .dropdown_blocks_list.zero-margin .dropdown_block:after {
+    left: 0;
+    right: 0;
+  }
+  main .dropdown_blocks_list.zero-margin .dropdown_block .block_header {
+    padding-left: 5px;
+    padding-right: 5px;
+  }
+  main .dropdown_blocks_list.zero-margin .dropdown_block .block_body {
+    margin-left: 0;
+    padding-left: 5px;
+  }
+}
+main .dropdown_blocks_list .block-column {
+  display: flex;
+  justify-content: space-between;
+  border-bottom: 1px solid #EDEFF5;
+  margin-bottom: 15px;
+  padding-bottom: 15px;
+  flex-wrap: wrap;
+}
+main .dropdown_blocks_list .block-column .dropdown_block {
+  width: 240px;
+  margin-right: 50px;
+  border: 0 !important;
+}
+main .dropdown_blocks_list .block-column .dropdown_block + .dropdown_blocks_list {
+  width: calc(100% - 290px);
+}
+@media all and (max-width: 768px) {
+  main .dropdown_blocks_list .block-column .dropdown_block + .dropdown_blocks_list {
+    width: 100%;
+  }
+}
+main .dropdown_blocks_list .block-column .dropdown_block + .dropdown_blocks_list .dropdown_block {
+  width: 100%;
+}
+main .dropdown_blocks_list .block-column .dropdown_block + .dropdown_blocks_list .dropdown_block:not(:last-child) {
+  margin-bottom: 30px;
+}
+main .dropdown_blocks_list .block-column .dosc_list {
+  width: calc(100% - 290px);
+}
+@media all and (max-width: 960px) {
+  main .dropdown_blocks_list .block-column .block_with_form {
+    width: 100%;
+  }
+}
+@media all and (max-width: 768px) {
+  main .dropdown_blocks_list .block-column .block_with_form {
+    margin-top: 15px;
+  }
+}
+@media all and (max-width: 768px) {
+  main .dropdown_blocks_list .block-column {
+    display: block;
+    margin-bottom: 25px;
+    padding-bottom: 10px;
+  }
+  main .dropdown_blocks_list .block-column .dropdown_block,
+  main .dropdown_blocks_list .block-column .dosc_list {
+    width: 100%;
+    margin-right: 0;
+    border: 0 !important;
+  }
+  main .dropdown_blocks_list .block-column .dropdown_block .block_header,
+  main .dropdown_blocks_list .block-column .dosc_list .block_header {
+    padding: 0;
+    height: auto;
+  }
+}
+main .dropdown_blocks_list .dropdown_block:not(:last-child) {
+  border-bottom: 1px solid #EDEFF5;
+}
+main .dropdown_blocks_list .dropdown_block.bt {
+  border-bottom: 0;
+  border-top: 1px solid #EDEFF5;
+}
+main .dropdown_blocks_list .dropdown_block .block_header {
+  padding: 15px 0;
+  height: 70px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  cursor: pointer;
+}
+main .dropdown_blocks_list .dropdown_block .block_header.default {
+  cursor: default;
+}
+main .dropdown_blocks_list .dropdown_block .block_header p {
+  margin-bottom: 0;
+  margin-right: 20px;
+  font-weight: 700;
+}
+main .dropdown_blocks_list .dropdown_block .block_header p.with-icon {
+  display: inline-flex;
+  align-items: center;
+}
+main .dropdown_blocks_list .dropdown_block .block_header p.with-icon img {
+  margin-right: 20px;
+}
+main .dropdown_blocks_list .dropdown_block .block_header button {
+  width: 22px;
+  height: 22px;
+  min-width: 22px;
+  cursor: pointer;
+  background: url("/assets/images/icons/dropdown-blue.svg") no-repeat center;
+}
+main .dropdown_blocks_list .dropdown_block .block_body {
+  display: none;
+}
+main .dropdown_blocks_list .dropdown_block .block_body .company {
+  display: flex;
+  margin-bottom: 30px;
+  padding: 24px 16px;
+  position: relative;
+}
+main .dropdown_blocks_list .dropdown_block .block_body .company .title {
+  text-transform: uppercase;
+  font-size: 26px;
+  line-height: 35px;
+  font-weight: 700;
+  min-width: 15%;
+}
+main .dropdown_blocks_list .dropdown_block .block_body .company .title.lower {
+  text-transform: unset;
+}
+@media all and (max-width: 960px) {
+  main .dropdown_blocks_list .dropdown_block .block_body .company .title {
+    min-width: 120px;
+  }
+}
+main .dropdown_blocks_list .dropdown_block .block_body .company ul {
+  margin-left: 80px;
+}
+main .dropdown_blocks_list .dropdown_block .block_body .company ul li {
+  line-height: 1.5;
+  margin-bottom: 6px;
+}
+main .dropdown_blocks_list .dropdown_block .block_body .company ul li.alert {
+  color: #A8026B;
+}
+@media all and (max-width: 960px) {
+  main .dropdown_blocks_list .dropdown_block .block_body .company ul:not(:last-child) {
+    padding-bottom: 55px;
+  }
+}
+@media all and (max-width: 768px) {
+  main .dropdown_blocks_list .dropdown_block .block_body .company ul:not(:last-child) {
+    padding-bottom: 20px;
+  }
+}
+@media all and (max-width: 767px) {
+  main .dropdown_blocks_list .dropdown_block .block_body .company {
+    display: block;
+  }
+  main .dropdown_blocks_list .dropdown_block .block_body .company .title {
+    font-size: 19px;
+    line-height: 26px;
+  }
+  main .dropdown_blocks_list .dropdown_block .block_body .company ul {
+    margin-left: 0;
+  }
+}
+main .dropdown_blocks_list .dropdown_block .block_body .company.filled {
+  background: var(--inactive);
+}
+main .dropdown_blocks_list .dropdown_block .block_body .company .action {
+  margin-left: auto;
+  position: absolute;
+  right: 16px;
+  top: 24px;
+}
+@media all and (max-width: 960px) {
+  main .dropdown_blocks_list .dropdown_block .block_body .company .action {
+    position: absolute;
+    width: 100%;
+    margin-top: 0px;
+    left: 216px;
+    bottom: 24px;
+    right: auto;
+    top: auto;
+  }
+}
+@media all and (max-width: 768px) {
+  main .dropdown_blocks_list .dropdown_block .block_body .company .action {
+    margin-left: 0;
+    position: static;
+  }
+}
+main .dropdown_blocks_list .dropdown_block.open .block_header button:not(.rotate) {
+  background: url("/assets/images/icons/close-blue.svg") no-repeat center;
+}
+main .dropdown_blocks_list .dropdown_block.open .block_header button.rotate {
+  transform: rotate(180deg);
+}
+main .dropdown_blocks_list .dropdown_block.open .block_body {
+  display: block;
+}
+main .dropdown_blocks_list .dropdown_block.open .block_body p:not(.doc_name) {
+  margin-bottom: 35px;
+}
+@media all and (max-width: 768px) {
+  main .dropdown_blocks_list .dropdown_block.open .block_body p {
+    margin-bottom: 15px;
+  }
+}
+main .dropdown_blocks_list.filled .dropdown_block.open .block_header {
+  background: var(--inactive);
+  color: var(--blue);
+}
+main aside {
+  background: #fff;
+  position: relative;
+  z-index: 2;
+}
+main aside:before {
+  content: "";
+  display: block;
+  width: auto;
+  position: absolute;
+  left: -50vw;
+  right: 0;
+  background: #fff;
+  top: 0;
+  bottom: 0;
+  z-index: -1;
+}
+@media all and (max-width: 1280px) {
+  main aside:before {
+    display: none;
+  }
+}
+main aside .nav_toggle {
+  display: none;
+}
+@media all and (max-width: 1279px) {
+  main aside .nav_toggle {
+    display: block;
+    height: 23px;
+    z-index: 3;
+    background-image: url("/assets/images/icons/icon-select.svg");
+    background-repeat: no-repeat;
+    background-position: 100% 50%;
+    font-size: 13px;
+    color: var(--blue);
+    font-weight: 700;
+    padding-left: 0;
+    cursor: pointer;
+    text-align: left;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    max-width: 285px;
+    overflow: hidden;
+    display: none;
+  }
+}
+main aside .aside_nav {
+  list-style: none;
+  padding: 0;
+  margin: 0 0 30px 0;
+}
+main aside .aside_nav li {
+  margin-bottom: 0px;
+}
+main aside .aside_nav li a {
+  display: flex;
+  align-items: center;
+  min-height: 56px;
+  color: #000;
+  font-size: 15px;
+  line-height: 23px;
+  font-weight: 700;
+  box-sizing: border-box;
+  padding: 6px 15px;
+}
+main aside .aside_nav li a[disabled] {
+  pointer-events: none;
+  cursor: default;
+  color: #8E94A7;
+}
+main aside .aside_nav li a span {
+  width: 20px;
+  height: 20px;
+  border-radius: 100%;
+  margin-left: 6px;
+  color: #fff;
+  background: #A8026B;
+  font-weight: 400;
+  text-align: center;
+  line-height: 20px;
+  font-size: 11px;
+}
+main aside .aside_nav li a.active {
+  background: var(--green);
+  color: #fff;
+  font-weight: 700;
+}
+main aside .aside_nav li a.active span {
+  background: #fff;
+  color: #000;
+}
+@media all and (max-width: 1600px) and (min-width: 1280px) {
+  main aside .aside_nav li a {
+    min-height: 48px;
+    font-size: 13px;
+    line-height: 18px;
+  }
+}
+@media all and (max-width: 1279px) {
+  main aside .aside_nav {
+    display: flex;
+    overflow-x: auto;
+  }
+  main aside .aside_nav li {
+    margin-bottom: 0;
+    background: var(--inactive);
+  }
+  main aside .aside_nav li a {
+    font-size: 15px;
+    font-weight: 400;
+    padding: 0;
+    min-height: unset;
+    white-space: nowrap;
+    padding: 0 16px;
+    line-height: 42px;
+  }
+  main aside .aside_nav li a.active {
+    background-color: var(--green);
+    color: #fff;
+  }
+}
+@media all and (max-width: 768px) {
+  main aside .aside_nav {
+    left: 0;
+    margin: 0 -16px;
+    padding: 0 16px;
+  }
+}
+main aside .button {
+  width: 100%;
+}
+main #order .container {
+  padding-bottom: 180px;
+}
+@media all and (max-width: 1279px) {
+  main #order .container {
+    padding-bottom: 60px;
+  }
+}
+@media all and (max-width: 768px) {
+  main #order {
+    background: #EDEFF5;
+  }
+  main #order .container {
+    padding: 40px 0 0 0;
+  }
+}
+.model_container {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  margin-top: 60px;
+}
+.model_container .col {
+  width: calc(50% - 15px);
+}
+.model_container .col img {
+  max-width: 100%;
+}
+.model_container .col .model_desc {
+  margin-top: 35px;
+}
+.model_container .col .model_desc p {
+  margin-bottom: 10px;
+}
+.model_container #calc {
+  background: var(--inactive);
+  padding: 35px 30px;
+  position: relative;
+}
+.model_container #calc:after {
+  content: "";
+  display: block;
+  position: absolute;
+  top: 0;
+  right: -100%;
+  bottom: 0;
+  width: 100%;
+  background: inherit;
+}
+.model_container #calc .calc_body {
+  flex-wrap: wrap;
+}
+.model_container #calc .calc_body .calc_settings {
+  width: 100%;
+  margin-bottom: 35px;
+}
+.model_container #calc .calc_body .calc_result {
+  width: 100%;
+}
+.model_container #calc .calc_body .calc_result .result_box {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 15px;
+}
+.model_container #calc .calc_body .calc_result .result_box p {
+  font-weight: 400;
+}
+.model_container #calc .calc_body .calc_result .result_box.bolder {
+  margin-bottom: 35px;
+}
+.model_container #calc .calc_body .calc_result .result_box.bolder p {
+  font-weight: 700;
+  font-size: 26px;
+  line-height: 35px;
+}
+.model_container #calc .calc_body .calc_result .calc_footer {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 20px;
+}
+.model_container #calc .calc_body .calc_result .calc_footer .button {
+  width: calc(50% - 13px);
+  padding: 0;
+  font-weight: 400;
+}
+.model_container .aside_container {
+  width: 100%;
+  margin-top: 0px;
+  border-top: 1px solid #EDEFF5;
+}
+.model_container .aside_container aside {
+  width: 305px;
+  padding-top: 40px;
+}
+.model_container .aside_container article {
+  width: calc(100% - 305px);
+  padding-top: 40px;
+  border-left: 1px solid #EDEFF5;
+}
+.model_container .aside_container article .dropdown_blocks_list .dropdown_block {
+  padding: 0 40px;
+}
+@media all and (max-width: 768px) {
+  .model_container {
+    margin-top: 20px;
+  }
+  .model_container .col {
+    width: 100%;
+    margin-bottom: 10px;
+  }
+  .model_container .col img {
+    margin: 0 -16px;
+    width: calc(100% + 32px);
+  }
+  .model_container .col .model_desc {
+    margin-top: 12px;
+  }
+  .model_container .col #calc {
+    margin: 0 -16px;
+    padding: 25px 16px;
+  }
+  .model_container .col #calc .calc_body .calc_result .result_box.bolder p {
+    font-size: 19px;
+    line-height: 26px;
+  }
+  .model_container .col #calc .calc_body .calc_result .calc_footer {
+    margin-top: 0;
+    display: block;
+  }
+  .model_container .col #calc .calc_body .calc_result .calc_footer button {
+    width: 100%;
+    margin-bottom: 0;
+  }
+  .model_container .col #calc .calc_body .calc_result .calc_footer button:first-child {
+    margin-top: 0;
+  }
+  .model_container .aside_container {
+    border-top: 0;
+  }
+  .model_container .aside_container aside {
+    display: none;
+  }
+  .model_container .aside_container article {
+    width: 100%;
+    border: 0;
+    padding-top: 0;
+  }
+  .model_container .aside_container article .dropdown_blocks_list .dropdown_block {
+    padding: 0;
+  }
+}
+.catalog_list {
+  display: flex;
+  flex-wrap: wrap;
+}
+@media all and (max-width: 1279px) {
+  .catalog_list {
+    justify-content: space-between;
+    width: 100%;
+  }
+}
+.catalog_list .catalog_item {
+  width: calc(33.333% - 20px);
+  margin-bottom: 110px;
+}
+.catalog_list .catalog_item:not(:nth-child(3n)) {
+  margin-right: 30px;
+}
+.catalog_list .catalog_item img {
+  width: 100%;
+  height: 220px;
+  object-fit: cover;
+  margin-bottom: 30px;
+}
+.catalog_list .catalog_item .item_class {
+  font-size: 26px;
+  line-height: 35px;
+  color: #0C0C0C;
+  font-weight: 700;
+  margin-bottom: 8px;
+}
+.catalog_list .catalog_item .item_model {
+  font-size: 14px;
+}
+.catalog_list .catalog_item .item_model b {
+  display: block;
+  font-size: 15px;
+}
+.catalog_list .catalog_item ul li {
+  display: flex;
+  justify-content: space-between;
+  line-height: 29px;
+}
+.catalog_list .catalog_item ul li p {
+  margin: 0;
+}
+.catalog_list .catalog_item ul li.pay {
+  font-weight: 700;
+  margin: 25px 0;
+}
+.catalog_list .catalog_item .item_footer {
+  text-align: right;
+  margin-top: 30px;
+}
+@media all and (max-width: 1279px) {
+  .catalog_list .catalog_item {
+    width: calc(50% - 15px);
+    margin-right: 0 !important;
+    margin-bottom: 66px;
+  }
+  .catalog_list .catalog_item .item_class {
+    font-size: 19px;
+    line-height: 26px;
+  }
+  .catalog_list .catalog_item .item_model {
+    font-size: 13px;
+    margin-top: 10px;
+  }
+  .catalog_list .catalog_item .item_model b {
+    font-size: 13px;
+  }
+  .catalog_list .catalog_item ul li {
+    line-height: 20px;
+    margin-bottom: 10px;
+  }
+  .catalog_list .catalog_item ul li.pay {
+    margin: 15px 0;
+  }
+}
+@media all and (max-width: 768px) {
+  .catalog_list .catalog_item {
+    width: 100%;
+  }
+  .catalog_list .catalog_item img {
+    margin-left: -16px;
+    margin-right: -16px;
+    width: calc(100% + 32px);
+  }
+  .catalog_list .catalog_item ul li {
+    margin-bottom: 0px;
+  }
+}
+.requisites {
+  padding: 0 110px;
+}
+.requisites .requisites_row {
+  display: flex;
+  justify-content: flex-start;
+  margin-bottom: 25px;
+}
+.requisites .requisites_row p {
+  margin: 0;
+  max-width: calc(50% - 15px);
+  text-align: left;
+}
+.requisites .requisites_row p:first-child {
+  font-weight: 700;
+  margin-right: 30px;
+  width: 180px;
+}
+.requisites .button {
+  margin-top: 40px;
+}
+@media all and (max-width: 1420px) {
+  .requisites {
+    padding: 0;
+  }
+}
+@media all and (max-width: 1279px) {
+  .requisites .requisites_row {
+    display: block;
+    margin-bottom: 8px;
+  }
+  .requisites .requisites_row p {
+    width: 100%;
+    margin-bottom: 8px;
+  }
+  .requisites .button {
+    width: 286px;
+  }
+}
+#choose_region {
+  display: flex;
+  align-items: center;
+}
+#choose_region p {
+  margin-right: 30px;
+  max-width: 340px;
+}
+#choose_region .form_field {
+  width: 415px;
+}
+@media all and (max-width: 1279px) {
+  #officeViewToggle {
+    justify-content: flex-end;
+  }
+}
+@media all and (max-width: 768px) {
+  #officeViewToggle .tab {
+    width: 50%;
+    text-align: center;
+  }
+}
+#map {
+  display: none;
+  width: 100%;
+  height: 615px;
+  margin: 45px 0;
+  background: var(--gray-light);
+}
+#map.visible {
+  display: block;
+}
+@media all and (max-width: 1279px) {
+  #map {
+    height: 320px;
+    margin: 20px 0;
+  }
+}
+.popover {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 1010;
+  display: block;
+  padding: 1px;
+  text-align: left;
+  white-space: normal;
+  background: var(--blue);
+  color: #fff;
+  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  -webkit-background-clip: padding-box;
+  -moz-background-clip: padding;
+  background-clip: padding-box;
+  padding: 30px 20px;
+  max-width: 500px;
+}
+.popover .close {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+  width: 24px;
+  height: 24px;
+  font-size: 0;
+  cursor: pointer;
+  background: url("/assets/images/icons/close-white.svg") no-repeat center;
+}
+.popover p {
+  margin: 5px 0;
+}
+.popover .arrow {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: -25px;
+  margin: auto;
+  width: 43px;
+  height: 54px;
+  background: url("/assets/images/pin-open.svg") no-repeat center;
+}
+.offices_list {
+  display: flex;
+  justify-content: space-between;
+  border-top: 1px solid #EDEFF5;
+  margin-top: 30px;
+}
+.offices_list#offices:not(.visible) {
+  display: none;
+}
+.offices_list .column {
+  width: calc(50% - 15px);
+}
+.offices_list .column .dropdown_block.open .block_body p {
+  margin-bottom: 8px;
+}
+.offices_list .column .dropdown_block.open .block_body a {
+  display: inline-block;
+  font-weight: 700;
+  margin: 20px 0 20px 28px;
+}
+@media all and (max-width: 768px) {
+  .offices_list {
+    display: block;
+    padding-top: 35px;
+    margin-top: 35px;
+  }
+  .offices_list .column {
+    width: 100%;
+  }
+}
+.dosc_list .list_title {
+  margin-top: 45px;
+  font-weight: 700;
+  margin-bottom: 15px;
+  font-size: 15px;
+  line-height: 23px;
+}
+@media all and (max-width: 768px) {
+  .dosc_list .list_title {
+    margin-top: 25px;
+    font-size: 13px;
+    line-height: 20px;
+  }
+}
+.dosc_list .list_title:first-child {
+  margin-top: 0;
+}
+.dosc_list .row {
+  margin-bottom: 35px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+@media all and (max-width: 1600px) and (min-width: 1280px) {
+  .dosc_list .row {
+    margin-bottom: 20px;
+  }
+}
+.dosc_list .row p {
+  margin-bottom: 0;
+}
+.dosc_list .row .doc_name {
+  font-weight: 700;
+  min-height: 56px;
+  display: inline-flex;
+  flex-wrap: wrap;
+  align-items: center;
+  margin-right: 30px;
+  max-width: 50%;
+}
+@media all and (max-width: 1600px) and (min-width: 1280px) {
+  .dosc_list .row .doc_name {
+    min-height: 42px;
+  }
+}
+@media all and (max-width: 960px) {
+  .dosc_list .row .doc_name {
+    align-content: flex-start;
+  }
+}
+.dosc_list .row .doc_name.full {
+  max-width: 100%;
+}
+.dosc_list .row .doc_name.full span {
+  width: 100%;
+}
+.dosc_list .row .doc_name a {
+  text-decoration: underline;
+  font-weight: 700;
+}
+.dosc_list .row .doc_name a:hover {
+  text-decoration: none;
+}
+.dosc_list .row .doc_name span {
+  display: block;
+  font-weight: 400;
+  margin-top: 2px;
+  color: var(--text_not_active);
+}
+.dosc_list .row .btn_group {
+  display: flex;
+}
+@media all and (max-width: 768px) {
+  .dosc_list .row .btn_group {
+    display: block;
+  }
+}
+.dosc_list .row .btn_group .button {
+  width: auto;
+  margin-left: 30px;
+}
+@media all and (max-width: 768px) {
+  .dosc_list .row .btn_group .button {
+    margin-bottom: 0px;
+    display: flex;
+    margin-top: 16px !important;
+  }
+  .dosc_list .row .btn_group .button:first-child {
+    margin-left: 0;
+    width: auto;
+    display: inline-flex;
+    margin-top: 8px !important;
+  }
+}
+.dosc_list .row .doc_date {
+  margin-right: 30px;
+  margin-left: 30px;
+  white-space: nowrap;
+}
+.dosc_list .row .button {
+  width: auto;
+  padding: 0 30px;
+}
+.dosc_list.medium-icon .row {
+  margin-bottom: 15px;
+  width: 100%;
+}
+.dosc_list.medium-icon .doc_name {
+  min-height: 40px;
+  background-size: 32px;
+  padding-left: 48px;
+}
+.dosc_list.acts_list-checkbox .row {
+  margin-bottom: 15px;
+  width: 100%;
+}
+.dosc_list.acts_list-checkbox .row .doc_name {
+  background-size: 32px;
+  padding-left: 0;
+  background-position: 30px 50%;
+  min-height: 32px;
+  max-width: none;
+  font-weight: 400;
+  position: relative;
+}
+.dosc_list.acts_list-checkbox .row .doc_name[data-format]:before {
+  left: 30px;
+  width: 31px;
+  font-size: 6px;
+}
+.dosc_list.acts_list-checkbox .row .doc_name input[type="checkbox"] + label {
+  display: flex;
+  align-items: center;
+  padding-left: 0;
+}
+.dosc_list.acts_list-checkbox .row .doc_name input[type="checkbox"] + label:before {
+  margin-right: 56px;
+  position: relative;
+}
+.dosc_list.acts_list-checkbox .row .doc_name:not(.i-pdf) {
+  min-height: 0;
+}
+.dosc_list.acts_list-checkbox .row .doc_name:not(.i-pdf) input[type="checkbox"] + label:before {
+  margin-right: 16px;
+}
+@media all and (max-width: 768px) {
+  .dosc_list .row {
+    position: relative;
+    flex-wrap: wrap;
+  }
+  .dosc_list .row .doc_name {
+    max-width: 100%;
+    width: 100%;
+  }
+  .dosc_list .row .button:not(.download-icon) {
+    margin-left: 0;
+    margin-right: 0;
+    margin-top: 8px;
+    width: auto;
+  }
+  .dosc_list .row .button.download-icon {
+    position: absolute;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    margin: auto;
+    width: 24px;
+    padding: 0;
+  }
+}
+.payments_actions {
+  display: flex;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  margin-bottom: 30px;
+}
+.payments_actions .avans {
+  margin-bottom: 0;
+}
+.payments_actions .avans p {
+  margin: 0;
+  padding: 0;
+}
+.payments_actions .avans span {
+  color: #000;
+}
+.payments_actions div {
+  display: flex;
+  flex-wrap: wrap;
+}
+.payments_actions div:nth-child(2) {
+  min-width: 30%;
+}
+.payments_actions div p {
+  font-weight: 700;
+  margin-bottom: 16px;
+  width: 100%;
+}
+.payments_actions div p span {
+  color: #A8026B;
+}
+.payments_actions div button + button {
+  margin-left: 16px;
+}
+@media (max-width: 1279px) {
+  .payments_actions div {
+    width: 100%;
+  }
+  .payments_actions div:not(:last-child) {
+    margin-bottom: 30px;
+  }
+  .payments_actions div p {
+    font-size: 13px;
+    line-height: 20px;
+  }
+}
+.contract_table {
+  margin-bottom: 0px;
+}
+.contract_table .table_row {
+  min-height: 80px;
+  display: flex;
+  width: 100%;
+}
+.contract_table .table_row .table_cell {
+  padding: 16px 8px;
+  border: 1px solid #EDEFF5;
+  width: 13%;
+  min-width: 13%;
+}
+.contract_table .table_row .table_cell:nth-child(3) {
+  width: 15%;
+  min-width: 15%;
+}
+.contract_table .table_row .table_cell:nth-child(4) {
+  width: 15%;
+  min-width: 15%;
+  white-space: nowrap;
+}
+.contract_table .table_row .table_cell:nth-child(5) {
+  word-break: break-all;
+  width: 18%;
+}
+.contract_table .table_row .table_cell p {
+  margin: 0;
+}
+.contract_table .table_row .table_cell p.closed {
+  color: var(--text_not_active);
+}
+.contract_table .table_row .table_cell p.opened {
+  color: var(--green);
+}
+.contract_table .table_row .table_cell b {
+  display: block;
+}
+.contract_table .table_row .table_cell span {
+  display: block;
+  word-break: break-all;
+  margin-top: 4px;
+}
+.contract_table .table_row .table_cell .contract_debt {
+  margin-top: 30px;
+}
+.contract_table .table_row .table_cell .contract_debt span {
+  display: block;
+  color: #A8026B;
+  margin-bottom: 4px;
+}
+.contract_table .table_row .table_cell .service_list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 24px 16px;
+}
+@media all and (max-width: 1279px) {
+  .contract_table .table_row .table_cell .service_list {
+    gap: 15px;
+  }
+}
+.contract_table .table_row .table_cell i[data-additional-service] {
+  display: inline-block;
+  width: 32px;
+  height: 32px;
+}
+@media all and (max-width: 1279px) {
+  .contract_table .table_row .table_cell i[data-additional-service] {
+    width: 24px;
+    height: 24px;
+    background-size: contain !important;
+  }
+}
+.contract_table .table_row .table_cell i[data-additional-service="1"] {
+  background: url("/assets/images/icons/additional-service-1.svg") no-repeat bottom center;
+  transform: translateY(-4px);
+}
+.contract_table .table_row .table_cell i[data-additional-service="2"] {
+  background: url("/assets/images/icons/additional-service-2.svg") no-repeat bottom center;
+}
+.contract_table .table_row .table_cell i[data-additional-service="3"] {
+  background: url("/assets/images/icons/additional-service-3.svg") no-repeat bottom center;
+}
+.contract_table .table_row .table_cell i[data-additional-service="4"] {
+  background: url("/assets/images/icons/additional-service-4.svg") no-repeat bottom center;
+}
+.contract_table .table_row .table_cell i[data-additional-service="5"] {
+  background: url("/assets/images/icons/additional-service-5.svg") no-repeat bottom center;
+}
+.contract_table .table_row .table_cell i[data-additional-service="6"] {
+  background: url("/assets/images/icons/additional-service-6.svg") no-repeat bottom center;
+}
+.contract_table .table_row .table_cell i[data-additional-service="7"] {
+  background: url("/assets/images/icons/additional-service-7.svg") no-repeat bottom center;
+}
+.contract_table .table_row .table_cell i[data-additional-service="8"] {
+  background: url("/assets/images/icons/additional-service-8.svg") no-repeat bottom center;
+}
+.contract_table .table_header .table_cell {
+  border: 0;
+  color: var(--text_not_active);
+  font-weight: 700;
+  display: flex;
+  align-items: center;
+}
+.contract_table .table_header .table_cell.caret {
+  cursor: pointer;
+}
+.contract_table .table_header .table_cell.caret:after {
+  content: "";
+  display: inline-block;
+  width: 16px;
+  min-width: 16px;
+  height: 16px;
+  margin-left: 6px;
+  background: url("/assets/images/icons/icon-select.svg") no-repeat center;
+}
+.contract_table .table_header .table_cell.caret.reverse:after {
+  transform: scaleY(-1);
+}
+@media all and (max-width: 1279px) {
+  .contract_table.schedule {
+    align-items: flex-start;
+  }
+}
+.contract_table.schedule .show_more {
+  width: 100%;
+  height: 60px;
+  text-align: center;
+  background: var(--inactive);
+  color: var(--blue);
+  font-weight: 600;
+}
+@media all and (max-width: 1279px) {
+  .contract_table.schedule .show_more {
+    margin-bottom: 15px;
+  }
+}
+@media all and (max-width: 1279px) {
+  .contract_table.schedule .table_row {
+    width: 100%;
+    margin-bottom: 30px;
+  }
+}
+@media all and (max-width: 768px) {
+  .contract_table.schedule .table_row {
+    margin-bottom: 15px;
+  }
+}
+.contract_table.schedule .table_row .table_cell {
+  width: 25%;
+  min-width: 14%;
+}
+.contract_table.schedule .table_row .table_cell:nth-child(1),
+.contract_table.schedule .table_row .table_cell:nth-child(2),
+.contract_table.schedule .table_row .table_cell:nth-child(4) {
+  width: 14%;
+  min-width: 14%;
+}
+.contract_table.schedule .table_row[data-status="notpaid"] {
+  background: rgba(168, 2, 107, 0.1);
+}
+.contract_table.schedule .table_row[data-status="overpayment-2"] {
+  background: rgba(28, 1, 169, 0.1);
+}
+.contract_table.schedule .table_row[data-status="overpayment-1"] {
+  background: rgba(168, 2, 107, 0.1);
+}
+.contract_table.schedule .table_row[data-status="paid"] {
+  background: rgba(4, 168, 164, 0.1);
+}
+.contract_table.schedule .table_row .toggle_cell {
+  display: none;
+}
+@media all and (max-width: 1279px) {
+  .contract_table.schedule .table_row {
+    position: relative;
+    width: calc(50% - 15px);
+  }
+  .contract_table.schedule .table_row .table_cell {
+    width: 100%;
+    padding-right: 45px;
+  }
+  .contract_table.schedule .table_row .table_cell:nth-child(1),
+  .contract_table.schedule .table_row .table_cell:nth-child(2),
+  .contract_table.schedule .table_row .table_cell:nth-child(3),
+  .contract_table.schedule .table_row .table_cell:nth-child(4),
+  .contract_table.schedule .table_row .table_cell:nth-child(5),
+  .contract_table.schedule .table_row .table_cell:nth-child(6) {
+    width: 100%;
+    text-align: left;
+    font-size: 13px;
+    line-height: 20px;
+    padding-top: 0;
+    border: none;
+    margin: 5px 0;
+  }
+  .contract_table.schedule .table_row .table_cell:nth-child(1):before,
+  .contract_table.schedule .table_row .table_cell:nth-child(2):before,
+  .contract_table.schedule .table_row .table_cell:nth-child(3):before,
+  .contract_table.schedule .table_row .table_cell:nth-child(4):before,
+  .contract_table.schedule .table_row .table_cell:nth-child(5):before,
+  .contract_table.schedule .table_row .table_cell:nth-child(6):before {
+    content: attr(data-title);
+    display: inline-block;
+    margin-right: 6px;
+    font-weight: 600;
+    height: auto;
+    position: static;
+    background: transparent;
+  }
+  .contract_table.schedule .table_row .table_cell:nth-child(3) {
+    margin: 0;
+    font-weight: 400;
+  }
+  .contract_table.schedule .table_row .toggle_cell {
+    display: block;
+    width: 16px;
+    height: 16px;
+    position: absolute;
+    right: 15px;
+    top: 28px;
+    background: url("/assets/images/icons/toggle-cell.svg") no-repeat center;
+    border: 0;
+    outline: none;
+  }
+}
+@media all and (max-width: 1279px) {
+  .contract_table.schedule .table_row {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+  }
+  .contract_table.schedule .table_row:not(.opened) .table_cell:nth-child(4),
+  .contract_table.schedule .table_row:not(.opened) .table_cell:nth-child(5),
+  .contract_table.schedule .table_row:not(.opened) .table_cell:nth-child(6) {
+    display: none;
+  }
+  .contract_table.schedule .table_row.opened .toggle_cell {
+    transform: rotate(180deg);
+  }
+  .contract_table.schedule .table_row .table_cell:nth-child(1),
+  .contract_table.schedule .table_row .table_cell:nth-child(2) {
+    width: 50%;
+    margin-top: 0;
+    margin-bottom: 0;
+    font-weight: 700;
+  }
+  .contract_table.schedule .table_row .table_cell:nth-child(1)::before,
+  .contract_table.schedule .table_row .table_cell:nth-child(2)::before {
+    font-weight: 700;
+  }
+  .contract_table.schedule .table_row .table_cell:nth-child(2) {
+    text-align: right;
+  }
+  .contract_table.schedule .table_row .table_cell:nth-child(3),
+  .contract_table.schedule .table_row .table_cell:nth-child(4) {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-end;
+    font-weight: 700;
+  }
+  .contract_table.schedule .table_row .table_cell:nth-child(3):before,
+  .contract_table.schedule .table_row .table_cell:nth-child(4):before {
+    font-weight: 400;
+    font-size: 13px;
+    line-height: 20px;
+    max-width: 55%;
+    margin-right: 20px;
+  }
+  .contract_table.schedule .table_row .table_cell:nth-child(3) {
+    margin-top: 10px;
+    margin-bottom: 8px;
+  }
+  .contract_table.schedule .table_row .table_cell:nth-child(5) {
+    display: flex;
+    justify-content: space-between;
+    padding-top: 15px;
+    margin-top: 15px;
+    border-top: 1px solid #EDEFF5;
+    margin-left: -15px;
+    margin-right: -15px;
+    padding-left: 15px;
+    padding-right: 60px;
+    width: calc(100% + 30px);
+  }
+  .contract_table.schedule .table_row .table_cell:nth-child(5),
+  .contract_table.schedule .table_row .table_cell:nth-child(6) {
+    font-size: 13px;
+    line-height: 20px;
+    margin-bottom: 0;
+    margin-top: 10px;
+  }
+  .contract_table.schedule .table_row .table_cell:nth-child(5):before,
+  .contract_table.schedule .table_row .table_cell:nth-child(6):before {
+    display: none;
+  }
+}
+@media all and (max-width: 768px) {
+  .contract_table.schedule .table_row {
+    width: 100%;
+  }
+}
+@media all and (max-width: 1600px) and (min-width: 1280px) {
+  .contract_table {
+    margin-bottom: 30px;
+  }
+  .contract_table .table_row {
+    min-height: 0;
+  }
+  .contract_table .table_row .table_cell {
+    padding: 12px 5px;
+  }
+}
+@media all and (max-width: 1279px) {
+  .contract_table {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+  }
+  .contract_table .table_row {
+    width: calc(50% - 15px);
+    margin-bottom: 30px;
+    border: 1px solid #EDEFF5;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    padding: 25px 15px;
+  }
+  .contract_table .table_row.table_header {
+    display: none;
+  }
+  .contract_table .table_row .table_cell {
+    border: 0;
+    width: 100%;
+    font-size: 13px;
+    line-height: 20px;
+    padding: 0;
+    position: relative;
+  }
+  .contract_table .table_row .table_cell:nth-child(1),
+  .contract_table .table_row .table_cell:nth-child(4) {
+    font-size: 10px;
+    line-height: 15px;
+    width: 50%;
+    text-align: left;
+  }
+  .contract_table .table_row .table_cell:nth-child(4) {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    position: relative;
+    padding-bottom: 16px;
+    margin-bottom: 16px;
+  }
+  .contract_table .table_row .table_cell:nth-child(4):before {
+    content: "";
+    position: absolute;
+    bottom: 0;
+    left: -15px;
+    right: 0;
+    width: auto;
+    height: 1px;
+    background: #EDEFF5;
+  }
+  .contract_table .table_row .table_cell:nth-child(4) span {
+    margin-top: 0;
+  }
+  .contract_table .table_row .table_cell:nth-child(2) {
+    font-size: 10px;
+    line-height: 15px;
+    width: 40%;
+    text-align: right;
+  }
+  .contract_table .table_row .table_cell:nth-child(5) {
+    text-align: left;
+  }
+  .contract_table .table_row .table_cell:nth-child(3) {
+    font-weight: 700;
+    margin: 15px 0;
+    width: 100%;
+  }
+  .contract_table .table_row .table_cell:nth-child(5) {
+    width: 100%;
+    order: 6;
+    margin-top: -20px;
+  }
+  .contract_table .table_row .table_cell:nth-child(5) .contract_debt {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-top: 15px;
+  }
+  .contract_table .table_row .table_cell:nth-child(5) .contract_debt span {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+  .contract_table .table_row .table_cell:nth-child(6) {
+    width: 100%;
+    margin-top: 0;
+    padding-top: 0;
+    position: relative;
+    font-size: 13px;
+    top: 0;
+    right: 0;
+    order: 5;
+    display: flex;
+    justify-content: flex-end;
+    max-width: 45%;
+    margin-left: auto;
+  }
+  .contract_table .table_row .table_cell:nth-child(6) .price {
+    margin-left: 15px;
+  }
+  .contract_table .table_row .table_cell:nth-child(7) {
+    order: 7;
+    display: flex;
+    align-items: center;
+    width: 100%;
+    text-align: right;
+    justify-content: flex-start;
+    margin-top: 15px;
+    padding-top: 0;
+    position: relative;
+  }
+  .contract_table .table_row .table_cell:nth-child(7):before {
+    content: "";
+    position: absolute;
+    top: 0;
+    right: -15px;
+    left: 0;
+    width: auto;
+    height: 1px;
+    background: #EDEFF5;
+    display: none;
+  }
+  .contract_table .table_row .table_cell:nth-child(7) .price {
+    margin-left: 15px;
+  }
+}
+@media all and (max-width: 768px) {
+  .contract_table .table_row {
+    width: 100%;
+    margin-bottom: 15px;
+  }
+}
+.logo_list {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  margin: 35px 0;
+}
+.logo_list .logo_item {
+  width: calc(16.666% - 25px);
+  height: 97px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 15px 0;
+}
+.logo_list .logo_item img {
+  max-width: 100%;
+  max-height: 100%;
+  object-fit: contain;
+}
+.leasing_offers_list {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 60px;
+}
+.leasing_offers_list .offer_item {
+  width: calc(33.333% - 20px);
+  padding-left: 80px;
+  position: relative;
+}
+.leasing_offers_list .offer_item p {
+  margin-bottom: 15px;
+}
+.leasing_offers_list .offer_item img {
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.leasing_offers_list .offer_item ul li:not(:last-child) {
+  margin-bottom: 6px;
+}
+.catalog_sort {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  margin-bottom: 65px;
+}
+.catalog_sort .sort_container {
+  margin-left: 40px;
+  position: relative;
+}
+.catalog_sort .sort_container button {
+  height: 40px;
+  padding: 0 20px 0 48px;
+  color: var(--blue);
+}
+.catalog_sort .sort_container button.i-filter {
+  background: url("/assets/images/icons/icon-filter.svg") no-repeat 20px 50%;
+}
+.catalog_sort .sort_container button.i-sort {
+  background: url("/assets/images/icons/icon-sort.svg") no-repeat 20px 50%;
+}
+.news_cotnainer {
+  display: flex;
+  justify-content: space-between;
+}
+.news_cotnainer .left {
+  width: 525px;
+}
+.news_cotnainer .left .image {
+  width: 100%;
+  height: 525px;
+  background: var(--gray-light);
+  margin-bottom: 30px;
+}
+.news_cotnainer .left .image img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.news_cotnainer .left .socials a {
+  width: 48px;
+  height: 48px;
+  margin-right: 15px;
+}
+.news_cotnainer .right {
+  width: calc(100% - 555px);
+}
+.news_cotnainer .right h1 {
+  margin-bottom: 20px;
+}
+.news_cotnainer .right .date {
+  display: block;
+  text-transform: uppercase;
+  margin-bottom: 35px;
+}
+.news_cotnainer .right p,
+.news_cotnainer .right ul,
+.news_cotnainer .right ol {
+  margin-bottom: 20px;
+}
+.calendar_wrapper #calendar_month {
+  margin-left: auto;
+  max-width: 235px;
+  padding-left: 32px;
+  display: block;
+  background: url("/assets/images/icons/icon-date.svg") no-repeat 8px 50%, url("/assets/images/icons/icon-select.svg") no-repeat calc(100% - 16px) 50%;
+}
+@media all and (max-width: 960px) {
+  .calendar_wrapper #calendar_month {
+    margin-left: 0;
+    max-width: 284px;
+  }
+}
+@media all and (max-width: 768px) {
+  .calendar_wrapper #calendar_month {
+    max-width: 100%;
+  }
+}
+.calendar_wrapper .calendar_nav {
+  display: none;
+}
+@media all and (max-width: 768px) {
+  .calendar_wrapper .calendar_nav {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-top: 15px;
+  }
+  .calendar_wrapper .calendar_nav button {
+    max-width: 48%;
+    height: 28px;
+    font-size: 10px;
+    color: var(--blue);
+    padding: 0;
+  }
+  .calendar_wrapper .calendar_nav button:first-child:before {
+    content: "<";
+    display: inline-block;
+    width: 20px;
+    height: 28px;
+    line-height: 28px;
+    text-align: left;
+  }
+  .calendar_wrapper .calendar_nav button:last-child:after {
+    content: ">";
+    display: inline-block;
+    width: 20px;
+    height: 28px;
+    line-height: 28px;
+    text-align: right;
+  }
+  .calendar_wrapper .calendar_nav button:disabled {
+    opacity: 0.3;
+  }
+}
+.calendar_wrapper .calendar_grid {
+  margin-top: 30px;
+}
+.calendar_wrapper .calendar_grid .grid_header {
+  display: flex;
+  flex-wrap: wrap;
+}
+.calendar_wrapper .calendar_grid .grid_header .grid_cell {
+  padding: 15px;
+  text-transform: uppercase;
+  font-weight: bold;
+  font-size: 15px;
+  line-height: 23px;
+  color: #0C0C0C;
+  width: 14.2%;
+}
+.calendar_wrapper .calendar_grid .grid_body {
+  display: flex;
+  flex-wrap: wrap;
+}
+.calendar_wrapper .calendar_grid .grid_body .grid_week {
+  width: 100%;
+  display: flex;
+}
+.calendar_wrapper .calendar_grid .grid_body .grid_cell {
+  padding: 15px;
+  width: 15%;
+  height: 150px;
+  border: 1px solid #E0E0E0;
+  box-sizing: border-box;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: stretch;
+}
+.calendar_wrapper .calendar_grid .grid_body .grid_cell .cell_header {
+  color: #87878E;
+  align-self: flex-start;
+  text-transform: capitalize;
+}
+.calendar_wrapper .calendar_grid .grid_body .grid_cell .cell_header span:not(.year) {
+  font-size: 26px;
+  line-height: 35px;
+  font-weight: 700;
+  color: #000;
+  padding-right: 4px;
+}
+.calendar_wrapper .calendar_grid .grid_body .grid_cell .cell_header .year {
+  display: block;
+}
+.calendar_wrapper .calendar_grid .grid_body .grid_cell .cell_body {
+  align-self: flex-end;
+}
+.calendar_wrapper .calendar_grid .grid_body .grid_cell .cell_body p {
+  color: #000;
+}
+.calendar_wrapper .calendar_grid .grid_body .grid_cell .cell_body p span {
+  display: block;
+  font-weight: 700;
+}
+.calendar_wrapper .calendar_grid .grid_body .grid_cell.disabled {
+  background: #EDEFF5;
+  opacity: 0.4;
+}
+.calendar_wrapper .calendar_grid .grid_body .grid_cell.payment {
+  background: var(--green);
+  border: 1px solid var(--green);
+}
+.calendar_wrapper .calendar_grid .grid_body .grid_cell.payment .cell_header {
+  color: #fff;
+}
+.calendar_wrapper .calendar_grid .grid_body .grid_cell.payment .cell_header span {
+  color: inherit;
+}
+.calendar_wrapper .calendar_grid .grid_body .grid_cell.payment .cell_body p {
+  color: #fff;
+}
+.calendar_wrapper .calendar_grid .grid_body .grid_cell.current {
+  background: var(--blue) !important;
+  border: 1px solid var(--blue) !important;
+}
+.calendar_wrapper .calendar_grid .grid_body .grid_cell.current .cell_header {
+  color: #fff;
+}
+.calendar_wrapper .calendar_grid .grid_body .grid_cell.current .cell_header span {
+  color: inherit;
+}
+.calendar_wrapper .calendar_grid .grid_body .grid_cell.current .cell_body p {
+  color: #fff;
+}
+@media all and (max-width: 1600px) and (min-width: 1280px) {
+  .calendar_wrapper .calendar_grid .grid_header .grid_cell {
+    font-size: 14px;
+    line-height: 18px;
+    padding: 10px;
+  }
+  .calendar_wrapper .calendar_grid .grid_body .grid_cell {
+    padding: 10px;
+    height: 135px;
+  }
+  .calendar_wrapper .calendar_grid .grid_body .grid_cell .cell_header span:not(.year) {
+    font-size: 22px;
+    line-height: 30px;
+  }
+}
+@media all and (max-width: 960px) {
+  .calendar_wrapper .calendar_grid {
+    position: relative;
+    margin-right: -80px;
+  }
+  .calendar_wrapper .calendar_grid .grid_header {
+    width: 22px;
+    position: absolute;
+    left: 0;
+    top: 0;
+  }
+  .calendar_wrapper .calendar_grid .grid_header .grid_cell {
+    width: 100%;
+    height: 72px;
+    padding: 14px 0;
+    text-align: center;
+    font-size: 13px;
+    line-height: 20px;
+  }
+  .calendar_wrapper .calendar_grid .grid_body {
+    margin-left: 30px;
+    overflow-x: auto;
+  }
+  .calendar_wrapper .calendar_grid .grid_body .grid_week {
+    width: auto;
+  }
+  .calendar_wrapper .calendar_grid .grid_body .grid_cell {
+    height: 72px;
+    padding: 10px;
+    width: 33.333%;
+    min-width: 256px;
+    font-size: 13px;
+    line-height: 20px;
+    align-items: flex-start;
+  }
+  .calendar_wrapper .calendar_grid .grid_body .grid_cell .cell_header span:not(.year) {
+    font-size: 13px;
+    line-height: 20px;
+  }
+  .calendar_wrapper .calendar_grid .grid_body .grid_cell .cell_body {
+    width: 100%;
+  }
+  .calendar_wrapper .calendar_grid .grid_body .grid_cell .cell_body p {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+}
+@media all and (max-width: 768px) {
+  .calendar_wrapper .calendar_grid {
+    margin-top: 15px;
+    margin-right: 0;
+  }
+  .calendar_wrapper .calendar_grid .grid_body .grid_week {
+    width: 100%;
+    flex-wrap: wrap;
+  }
+  .calendar_wrapper .calendar_grid .grid_body .grid_week:not(.active) {
+    display: none;
+  }
+  .calendar_wrapper .calendar_grid .grid_body .grid_week .grid_cell {
+    display: flex;
+    width: 100%;
+  }
+}
+.calendar_payment {
+  display: flex;
+}
+.calendar_payment .day {
+  color: #87878E;
+  font-size: 26px;
+  line-height: 35px;
+  font-weight: 700;
+  margin-right: 50px;
+}
+@media all and (max-width: 1279px) {
+  .calendar_payment .day {
+    font-size: 13px;
+    line-height: 20px;
+  }
+}
+.calendar_payment .day span {
+  display: block;
+  font-size: 50px;
+  line-height: 1;
+  color: #000;
+}
+@media all and (max-width: 1279px) {
+  .calendar_payment .day span {
+    font-size: 22px;
+  }
+}
+.calendar_payment .payment_table {
+  display: table;
+  margin-top: 12px;
+}
+@media all and (max-width: 1279px) {
+  .calendar_payment .payment_table {
+    margin-top: 0;
+  }
+}
+.calendar_payment .payment_table .table_row {
+  display: table-row;
+}
+.calendar_payment .payment_table .table_row .table_cell {
+  display: table-cell;
+  padding: 2px 10px;
+}
+.calendar_payment .payment_table .table_row .table_cell a {
+  font-weight: 700;
+}
+@media all and (max-width: 1279px) {
+  .calendar_payment .payment_table .table_row .table_cell {
+    font-size: 13px;
+  }
+}
+.calendar_payment .payment_table .table_row.table_header .table_cell {
+  color: #87878E;
+  padding: 12px 10px;
+}
+@media all and (max-width: 1279px) {
+  .calendar_payment .payment_table .table_row.table_header .table_cell {
+    padding: 0 10px 12px 10px;
+  }
+}
+@media all and (max-width: 768px) {
+  .calendar_payment {
+    display: block;
+  }
+}
+.acts_wrapper {
+  display: flex;
+  justify-content: space-between;
+}
+.acts_wrapper .acts_list-checkbox,
+.acts_wrapper .reconciliation_form {
+  width: calc(50% - 10px);
+}
+@media all and (max-width: 768px) {
+  .acts_wrapper {
+    flex-wrap: wrap;
+  }
+  .acts_wrapper .acts_list-checkbox {
+    width: 100%;
+    order: 1;
+    margin-bottom: 40px;
+  }
+  .acts_wrapper .reconciliation_form {
+    order: 2;
+    width: 100%;
+  }
+}
+main .dropdown_blocks_list .dropdown_block .block_body .transaction_detail {
+  margin: 30px 0;
+}
+main .dropdown_blocks_list .dropdown_block .block_body .transaction_detail p {
+  margin-bottom: 10px;
+}
+main .dropdown_blocks_list .dropdown_block .block_body .transaction_detail ul {
+  max-width: 60%;
+  display: flex;
+  flex-wrap: wrap;
+}
+main .dropdown_blocks_list .dropdown_block .block_body .transaction_detail ul li {
+  width: 50%;
+}
+main .dropdown_blocks_list .dropdown_block .block_body .fines_detail {
+  margin: 30px 0;
+}
+main .dropdown_blocks_list .dropdown_block .block_body .fines_detail p {
+  margin-bottom: 10px;
+}
+main .dropdown_blocks_list .dropdown_block .block_body .fines_detail ul {
+  max-width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+}
+main .dropdown_blocks_list .dropdown_block .block_body .fines_detail ul li {
+  width: 50%;
+}
+.dropdown_block + .dosc_list {
+  margin-top: 20px;
+}
+@media all and (max-width: 768px) {
+  .dropdown_block + .dosc_list {
+    margin-top: 0;
+    padding-top: 20px;
+    border-top: 1px solid #EDEFF5;
+  }
+}
+.helpBox_wrapper {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: -30px;
+  right: 0;
+  pointer-events: none;
+  z-index: 98;
+  margin: 0 auto;
+  max-width: 1310px;
+}
+@media all and (max-width: 1420px) {
+  .helpBox_wrapper {
+    width: calc(100% - 160px);
+  }
+}
+@media all and (max-width: 960px) {
+  .helpBox_wrapper {
+    position: relative;
+    bottom: 0;
+    z-index: 2;
+    margin-bottom: -40px;
+  }
+}
+@media all and (max-width: 768px) {
+  .helpBox_wrapper {
+    width: calc(100% - 32px);
+    margin-bottom: -80px;
+  }
+}
+.helpBox_wrapper .helpBox {
+  max-width: 730px;
+  background: #FFFFFF;
+  box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.16);
+  border-radius: 17px;
+  padding: 30px 25px;
+  display: flex;
+  justify-content: space-between;
+  margin: 0;
+  position: sticky;
+  margin-top: auto;
+  pointer-events: all;
+  top: calc(100vh - 220px);
+}
+@media all and (max-width: 1279px) {
+  .helpBox_wrapper .helpBox {
+    top: calc(100vh - 240px);
+  }
+}
+.helpBox_wrapper .helpBox.hidden {
+  display: none;
+}
+@media all and (max-width: 960px) {
+  .helpBox_wrapper .helpBox.hidden {
+    display: flex;
+    flex-wrap: wrap;
+  }
+}
+.helpBox_wrapper .helpBox .avatar {
+  width: 62px;
+  min-width: 62px;
+  height: 62px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.helpBox_wrapper .helpBox .avatar img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  border-radius: 31px;
+}
+.helpBox_wrapper .helpBox .content {
+  width: calc(100% - 86px);
+}
+.helpBox_wrapper .helpBox .content p {
+  font-size: 15px;
+  line-height: 22px;
+  margin-bottom: 3px;
+}
+.helpBox_wrapper .helpBox .content p.message {
+  font-weight: 700;
+  color: var(--blue);
+}
+.helpBox_wrapper .helpBox .content p.position {
+  color: var(--text_not_active);
+}
+.helpBox_wrapper .helpBox .content .info {
+  margin-top: 15px;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 15px;
+}
+.helpBox_wrapper .helpBox .content .info a {
+  display: flex;
+  align-items: center;
+  width: auto;
+  min-width: calc(33.33% - 15px);
+  padding-left: 38px;
+  line-height: 1.2;
+  min-height: 26px;
+  font-size: 15px;
+  color: #0C0C0C;
+  box-sizing: border-box;
+  background: url("/assets/images/icons/icon-messanger.svg") no-repeat left center;
+  word-break: break-word;
+}
+.helpBox_wrapper .helpBox .content .info a[href^="tel:"] {
+  background: url("/assets/images/icons/icon-phone-blue.svg") no-repeat left center;
+}
+.helpBox_wrapper .helpBox .content .info a[href^="mailto:"] {
+  background: url("/assets/images/icons/icon-email.svg") no-repeat left center;
+}
+@media all and (max-width: 1279px) {
+  .helpBox_wrapper .helpBox .content .info {
+    display: block;
+  }
+  .helpBox_wrapper .helpBox .content .info a {
+    width: auto;
+  }
+  .helpBox_wrapper .helpBox .content .info a:not(:last-child) {
+    margin-bottom: 16px;
+  }
+}
+@media all and (max-width: 960px) {
+  .helpBox_wrapper .helpBox .content {
+    width: 100%;
+    margin-top: 10px;
+  }
+}
+.helpBox_wrapper .helpBox .button {
+  position: absolute;
+  top: 5px;
+  right: 5px;
+  width: 44px;
+  height: 44px;
+  background: url("/assets/images/icons/close-blue.svg") no-repeat center;
+}
+@media all and (max-width: 960px) {
+  .helpBox_wrapper .helpBox .button {
+    display: none;
+  }
+}
+.helpBox_wrapper .helpBox_small {
+  max-width: 100px;
+  background: #FFFFFF;
+  box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.16);
+  border-top-right-radius: 17px;
+  border-bottom-right-radius: 17px;
+  border-top-left-radius: 17px;
+  border-bottom-left-radius: 17px;
+  padding: 20px 20px;
+  display: flex;
+  justify-content: space-between;
+  margin: 0;
+  position: sticky;
+  margin-top: auto;
+  pointer-events: all;
+  top: calc(100vh - 150px);
+}
+@media all and (max-width: 1420px) {
+  .helpBox_wrapper .helpBox_small {
+    margin-left: -80px;
+    border-top-left-radius: 0px;
+    border-bottom-left-radius: 0px;
+  }
+}
+@media all and (max-width: 960px) {
+  .helpBox_wrapper .helpBox_small {
+    display: none;
+  }
+}
+.helpBox_wrapper .helpBox_small.hidden {
+  display: none;
+}
+.helpBox_wrapper .helpBox_small .avatar {
+  width: 62px;
+  min-width: 62px;
+  height: 62px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.helpBox_wrapper .helpBox_small .avatar img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  border-radius: 31px;
+}
+.feed {
+  position: relative;
+  padding-top: 0;
+  margin-bottom: 30px;
+}
+@media (max-width: 1600px) and (min-width: 1280px) {
+  .feed {
+    margin-top: 50px;
+  }
+}
+.feed .feed_item {
+  box-sizing: border-box;
+  padding: 24px 16px;
+  background: var(--inactive);
+}
+.feed .feed_item.user {
+  background: transparent;
+  display: flex !important;
+  align-items: center;
+}
+.feed .feed_item.user.quest {
+  padding: 5px 16px;
+}
+.feed .feed_item.user.quest img {
+  width: 48px;
+  height: 48px;
+}
+.feed .feed_item.user div {
+  margin-left: 16px;
+}
+.feed .feed_item.user div p {
+  margin-bottom: 7px;
+}
+.feed .feed_item.user div p:last-child {
+  margin-bottom: 0;
+}
+.feed p {
+  margin-bottom: 16px;
+  color: #0C0C0C;
+}
+.feed p.item_title {
+  font-weight: 700;
+}
+.feed .item_link {
+  color: var(--blue);
+}
+.feed .feed_list {
+  margin-right: -50px;
+}
+@media all and (max-width: 768px) {
+  .feed .feed_list {
+    margin-right: 0;
+  }
+}
+.feed .feed_list .slick-track {
+  display: flex;
+}
+.feed .feed_list .slick-track:after {
+  content: "";
+  display: block;
+  width: 20px;
+  height: 50px;
+  float: left;
+}
+.feed .feed_list .slick-slide {
+  margin-right: 30px;
+  width: 480px;
+}
+.feed .feed_list .slick-slide div {
+  height: 100%;
+}
+.feed .feed_list .slick-slide:first-child {
+  margin-left: 0;
+}
+@media (max-width: 1279px) {
+  .feed .feed_list .slick-slide {
+    width: 289px !important;
+    min-width: 289px !important;
+  }
+}
+@media all and (max-width: 768px) {
+  .feed .feed_list .slick-slide {
+    margin-right: 15px;
+  }
+}
+.feed .slick-arrow {
+  width: 96px;
+  height: 28px;
+  padding: 0 9px;
+  background: var(--blue);
+  outline: none;
+  border: 0;
+  position: absolute;
+  right: 0;
+  top: -44px;
+}
+.feed .slick-arrow.slick-prev {
+  right: 96px;
+}
+.feed .slick-arrow.slick-disabled {
+  pointer-events: none;
+  background: var(--inactive);
+}
+.feed .slick-arrow.slick-disabled svg {
+  margin: auto;
+}
+.feed .slick-arrow.slick-disabled svg path {
+  stroke: #8E94A7;
+}
+@media (max-width: 1279px) {
+  .feed .slick-arrow {
+    display: none !important;
+  }
+}
+.offline {
+  max-width: 920px;
+  text-align: center;
+  margin: 30px auto;
+}
+.offline p {
+  font-weight: 400;
+  font-size: 26px;
+  line-height: 150%;
+  text-align: center;
+  color: #1C01A9;
+}
+@media all and (max-width: 1279px) {
+  .offline {
+    max-width: 610px;
+    margin: 15px auto;
+  }
+  .offline p {
+    font-size: 13px;
+    line-height: 20px;
+  }
+}
+.events-list li {
+  border-bottom: 1px solid #EDEFF5;
+  color: #2C2D2E;
+  padding: 10px 0;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  align-items: flex-start;
+  position: relative;
+  margin-bottom: 15px;
+}
+.events-list li.new:after {
+  content: "";
+  display: block;
+  width: 13px;
+  height: 13px;
+  border-radius: 100%;
+  background: #2F80ED;
+  position: absolute;
+  top: 14px;
+  right: 0;
+}
+@media all and (max-width: 960px) {
+  .events-list li.new:after {
+    right: auto;
+    left: 0;
+  }
+}
+.events-list li p {
+  line-height: 20px;
+  max-width: 580px;
+}
+.events-list li p:not(:last-child) {
+  margin-bottom: 5px;
+}
+@media all and (max-width: 960px) {
+  .events-list li p {
+    max-width: none;
+  }
+}
+.events-list li p.name {
+  color: #8E94A7;
+  font-weight: 700;
+  position: relative;
+}
+@media all and (max-width: 960px) {
+  .events-list li p.name {
+    order: 3;
+    width: 100%;
+  }
+}
+.events-list li p.name b {
+  color: #2C2D2E;
+}
+.events-list li p.type {
+  background: #A8026B;
+  color: #fff;
+  border-radius: 4px;
+  padding: 4px 10px;
+  font-weight: 700;
+}
+@media all and (max-width: 960px) {
+  .events-list li p.type {
+    order: 2;
+    position: absolute;
+    top: 7px;
+    right: 0;
+  }
+}
+.events-list li p.date {
+  font-weight: 700;
+  color: #8E94A7;
+  margin-right: 30px;
+}
+@media all and (max-width: 960px) {
+  .events-list li p.date {
+    order: 1;
+    width: 100%;
+    margin-left: 20px;
+    margin-right: 0;
+    margin-bottom: 10px;
+  }
+}
+.events-list li p.action {
+  width: 100%;
+  margin-top: 10px;
+}
+@media all and (max-width: 960px) {
+  .events-list li p.action {
+    order: 4;
+    text-align: left;
+  }
+}
+.events-list li a {
+  color: var(--blue);
+  font-weight: 600;
+}
+.grecaptcha-badge {
+  visibility: hidden;
+}
+@media all and (max-width: 1279px) {
+  .changes {
+    min-height: 60vh;
+  }
+}
+.changes .block {
+  margin-bottom: 55px;
+}
+.changes .block .title {
+  font-weight: 700;
+  margin-bottom: 15px;
+}
+.changes .block .title a {
+  font-weight: 400;
+  display: inline-block;
+  margin-left: 25px;
+}
+.changes .block.alert {
+  display: flex;
+}
+.changes .block.alert p {
+  font-weight: 700;
+  color: #A8026B;
+  margin-bottom: 0;
+  margin-right: 15px;
+}
+.changes .block.alert a {
+  font-weight: 600;
+}
+@media all and (max-width: 768px) {
+  .changes .block.alert {
+    display: block;
+  }
+  .changes .block.alert p {
+    margin-bottom: 12px;
+  }
+}
+.changes .feed .feed_list {
+  margin-right: -30px;
+  box-sizing: border-box;
+}
+@media all and (max-width: 1279px) {
+  .changes .feed .feed_list {
+    overflow: visible;
+  }
+}
+.changes .feed .feed_list .slick-track:after {
+  display: none;
+}
+.changes form .button {
+  margin-top: 25px;
+}
+.changes form .form_field {
+  display: flex;
+  align-items: center;
+  padding: 6px 0;
+  margin-bottom: 10px;
+}
+.changes form .form_field label {
+  position: relative;
+}
+.help_tooltip {
+  margin-left: 16px;
+  position: relative;
+}
+.help_tooltip .help_icon {
+  padding: 0;
+  height: 24px;
+  width: 24px;
+}
+.help_tooltip .help_icon:hover svg path[stroke] {
+  stroke: var(--blue);
+}
+.help_tooltip .help_icon:hover svg path[fill] {
+  fill: var(--blue);
+}
+@media all and (min-width: 768px) {
+  .help_tooltip .help_icon:hover + .help_content {
+    display: block;
+  }
+}
+.help_tooltip .help_content {
+  display: none;
+  position: absolute;
+  top: -25px;
+  margin: auto;
+  left: 55px;
+  width: 412px;
+  background: #FFFFFF;
+  padding: 17px;
+  box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.16);
+  z-index: 2;
+}
+.help_tooltip .help_content.opened {
+  display: block;
+}
+.help_tooltip .help_content .button {
+  display: none;
+}
+.help_tooltip .help_content:before {
+  content: "";
+  display: block;
+  width: 0;
+  height: 0;
+  border-top: 12px solid transparent;
+  border-right: 24px solid #fff;
+  border-bottom: 12px solid transparent;
+  position: absolute;
+  top: 24px;
+  margin: auto;
+  left: -24px;
+}
+@media all and (max-width: 768px) {
+  .help_tooltip .help_content {
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    width: auto;
+    z-index: 99999;
+    background: rgba(12, 12, 12, 0.5);
+  }
+  .help_tooltip .help_content:before {
+    display: none;
+  }
+  .help_tooltip .help_content div {
+    margin: 70px 16px 40px 16px;
+    padding: 16px 16px 56px 16px;
+    background: #fff;
+    position: relative;
+  }
+  .help_tooltip .help_content .button {
+    display: block;
+    text-align: center;
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 0;
+  }
+}
+.help_tooltip .help_tooltip_content ul {
+  list-style: unset;
+  margin-left: 10px;
+}
+.calc input,
+.calc select,
+.calc .date_input_wrapper {
+  max-width: 320px;
+  margin-left: 20px;
+}
+@media all and (max-width: 768px) {
+  .calc input,
+  .calc select,
+  .calc .date_input_wrapper {
+    margin-left: 0;
+    margin-top: 10px;
+  }
+}
+@media all and (max-width: 768px) {
+  .calc > .form_field {
+    display: block !important;
+  }
+  .calc > .form_field label {
+    padding-right: 30px;
+  }
+}
+.calc .form_field .form_field {
+  margin-bottom: 0;
+  margin-left: 20px;
+}
+@media all and (max-width: 768px) {
+  .calc .form_field .form_field {
+    margin-left: 0;
+  }
+}
+.calc .btn_group {
+  display: flex;
+  flex-wrap: wrap;
+}
+.calc .btn_group .button:first-child {
+  width: 160px;
+  margin-right: 30px;
+}
+@media all and (max-width: 768px) {
+  .calc .btn_group .button:first-child {
+    order: 2;
+    width: 100%;
+    margin-right: 0;
+    margin-top: 20px;
+  }
+}
+.calc .btn_group .button:nth-child(2) {
+  width: 350px;
+}
+@media all and (max-width: 768px) {
+  .calc .btn_group .button:nth-child(2) {
+    order: 1;
+    width: 100%;
+    min-width: 100% !important;
+  }
+}
+@media all and (max-width: 768px) {
+  .calc .help_tooltip {
+    position: absolute;
+    right: 0;
+    top: 5px;
+  }
+}
+.calc .help_tooltip .help_tooltip_content ul {
+  list-style: unset;
+  margin-left: 10px;
+}
+.compare {
+  width: 100% !important;
+  position: relative;
+}
+.compare:before {
+  content: "";
+  position: absolute;
+  top: -60px;
+  bottom: -60px;
+  width: 1px;
+  background: #EDEFF5;
+  display: none;
+}
+@media all and (min-width: 1280px) {
+  .compare:before {
+    display: block;
+  }
+}
+.compare .compare_top {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 35px;
+}
+@media all and (max-width: 1279px) {
+  .compare .compare_top {
+    display: block;
+  }
+}
+.compare .compare_top p {
+  font-weight: 700;
+}
+@media all and (max-width: 1279px) {
+  .compare .compare_top p {
+    margin-bottom: 12px;
+    max-width: 60%;
+  }
+}
+@media all and (max-width: 768px) {
+  .compare .compare_top p {
+    max-width: none;
+  }
+}
+.compare .compare_top a {
+  font-weight: 400;
+  display: inline-block;
+  margin-left: 30px;
+  margin-right: auto;
+}
+@media all and (max-width: 1279px) {
+  .compare .compare_top a {
+    display: block;
+    margin-left: 0;
+    margin-top: 20px;
+    font-weight: 700;
+  }
+}
+@media all and (max-width: 1279px) {
+  .compare .compare_top {
+    display: flex;
+    flex-wrap: wrap;
+    margin-bottom: 10px;
+  }
+  .compare .compare_top a {
+    order: 1;
+    margin-top: 0;
+    margin-bottom: 15px;
+  }
+  .compare .compare_top p {
+    width: 100%;
+    order: 3;
+  }
+  .compare .compare_top button {
+    order: 2;
+    margin-bottom: 25px;
+  }
+}
+.compare .compare_data {
+  display: flex;
+  flex-wrap: wrap;
+  width: 100%;
+  padding-bottom: 10px;
+  margin-bottom: 30px;
+  border-bottom: 1px solid var(--inactive);
+  padding-right: 30%;
+}
+@media all and (min-width: 1280px) {
+  .compare .compare_data {
+    padding-left: 16px;
+  }
+}
+.compare .compare_data .form_field {
+  width: 50%;
+  margin-bottom: 20px;
+}
+@media all and (max-width: 768px) {
+  .compare .compare_data .form_field {
+    width: 100%;
+  }
+}
+.compare .compare_data .form_field p span {
+  color: var(--text_not_active);
+}
+@media all and (max-width: 1279px) {
+  .compare .compare_data {
+    padding-right: 0;
+  }
+}
+.compare .compare_tables {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  margin-bottom: 45px;
+}
+.compare .compare_tables .compare_table {
+  width: calc(50% - 15px);
+  display: table;
+}
+.compare .compare_tables .compare_table.touchable {
+  display: none;
+}
+@media all and (max-width: 1279px) {
+  .compare .compare_tables .compare_table.touchable {
+    display: block;
+    width: 100%;
+  }
+  .compare .compare_tables .compare_table.touchable .table_body {
+    display: block;
+  }
+  .compare .compare_tables .compare_table.touchable .table_body .table_row {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    margin-top: 16px;
+  }
+  .compare .compare_tables .compare_table.touchable .table_body .table_row.opened .row_title {
+    border-color: transparent;
+  }
+  .compare .compare_tables .compare_table.touchable .table_body .table_row.opened .row_title:after {
+    transform: rotate(180deg);
+  }
+  .compare .compare_tables .compare_table.touchable .table_body .table_row.opened .table_group {
+    display: flex;
+  }
+  .compare .compare_tables .compare_table.touchable .table_body .table_row .row_title {
+    font-weight: 700;
+    width: 100%;
+    border-bottom: 1px solid #EDEFF5;
+    padding: 3px 0;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+  .compare .compare_tables .compare_table.touchable .table_body .table_row .row_title:after {
+    content: "";
+    width: 24px;
+    height: 24px;
+    background: url("../../public/assets/images/icons/dropdown.svg") no-repeat center;
+    transform: rotate(0deg);
+    transition: transform 175ms ease;
+    display: block;
+  }
+  .compare .compare_tables .compare_table.touchable .table_body .table_row .table_group {
+    border: 1px solid #EDEFF5;
+    width: 100%;
+    display: none;
+    justify-content: space-between;
+    padding: 24px 16px;
+    position: relative;
+  }
+  .compare .compare_tables .compare_table.touchable .table_body .table_row .table_group:after {
+    content: "";
+    display: block;
+    width: 1px;
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 24px;
+    bottom: 24px;
+    height: auto;
+    background: #EDEFF5;
+    margin: auto;
+    gap: 0 30px;
+  }
+  .compare .compare_tables .compare_table.touchable .table_body .table_row .table_cell {
+    width: calc(50% - 30px);
+    display: block;
+    border: 0;
+  }
+  .compare .compare_tables .compare_table.touchable .table_body .table_row .table_cell div {
+    border: 0;
+    font-weight: 700;
+    display: flex;
+    margin-bottom: 16px;
+    width: 100% !important;
+  }
+  .compare .compare_tables .compare_table.touchable .table_body .table_row .table_cell div:last-child {
+    margin-bottom: 0;
+  }
+  .compare .compare_tables .compare_table.touchable .table_body .table_row .table_cell div span {
+    font-weight: 400;
+    width: 50%;
+    padding-right: 15px;
+    box-sizing: border-box;
+  }
+}
+@media all and (max-width: 768px) {
+  .compare .compare_tables .compare_table.touchable .table_body .table_row .table_group {
+    flex-wrap: wrap;
+  }
+  .compare .compare_tables .compare_table.touchable .table_body .table_row .table_group .table_cell {
+    width: 100%;
+  }
+  .compare .compare_tables .compare_table.touchable .table_body .table_row .table_group .table_cell:first-child {
+    padding-bottom: 16px;
+    margin-bottom: 16px;
+    border-bottom: 1px solid #EDEFF5;
+  }
+  .compare .compare_tables .compare_table.touchable .table_body .table_row .table_group:after {
+    display: none;
+  }
+}
+@media all and (max-width: 1279px) {
+  .compare .compare_tables .compare_table:not(.touchable) {
+    display: none;
+  }
+}
+.compare .compare_tables .compare_table .table_title {
+  font-weight: 700;
+  margin-bottom: 16px;
+  display: table-caption;
+}
+.compare .compare_tables .compare_table button {
+  width: 100%;
+  color: var(--blue);
+  height: 58px;
+}
+.compare .compare_tables .compare_table:not(.touchable) .table_body {
+  display: table;
+  border-collapse: collapse;
+  width: 100%;
+}
+.compare .compare_tables .compare_table:not(.touchable) .table_row {
+  display: table-row;
+  width: 100%;
+  border-collapse: collapse;
+}
+.compare .compare_tables .compare_table:not(.touchable) .table_row.table_header {
+  display: table-header-group;
+}
+.compare .compare_tables .compare_table:not(.touchable) .table_row.table_header div {
+  font-weight: 700;
+  color: var(--text_not_active);
+}
+.compare .compare_tables .compare_table:not(.touchable) .table_row.table_header div.sortable {
+  padding-right: 35px;
+  position: relative;
+  cursor: pointer;
+}
+.compare .compare_tables .compare_table:not(.touchable) .table_row.table_header div.sortable:after {
+  content: "";
+  display: block;
+  position: absolute;
+  right: 5px;
+  top: 17px;
+  width: 16px;
+  height: 16px;
+  background: url("../../public/assets/images/icons/sortable.svg") no-repeat center;
+}
+.compare .compare_tables .compare_table:not(.touchable) .table_row div {
+  padding: 16px 5px;
+  width: calc(33.333% - 12px);
+  min-width: calc(33.333% - 12px);
+  border: 1px solid #EDEFF5;
+  display: table-cell;
+  border-bottom: 0;
+}
+.compare .compare_tables .compare_table:not(.touchable) .table_row div:first-child {
+  width: 35px;
+  min-width: 35px;
+}
+.compare .compare_tables .compare_table:not(.touchable) .table_row.row-button {
+  height: 58px;
+  position: relative;
+  display: table-row;
+}
+.compare .compare_tables .compare_table:not(.touchable) .table_row.row-button button {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+.compare .compare_suscr {
+  margin-bottom: 80px;
+}
+@media all and (max-width: 1279px) {
+  .compare .compare_suscr {
+    margin-bottom: 40px;
+  }
+}
+.compare .compare_suscr .block_title {
+  font-weight: 700;
+  width: 100%;
+  margin-bottom: 20px;
+}
+.compare .compare_suscr .block_title a {
+  font-weight: 400;
+  margin-left: 30px;
+}
+.compare .compare_suscr .feed {
+  gap: 0 8px;
+  display: flex;
+  flex-wrap: wrap;
+}
+.compare .compare_suscr .feed .feed_item {
+  position: relative;
+  padding-left: 30px;
+  width: calc(33.33% - 8px);
+  margin-bottom: 16px;
+  padding-top: 0;
+  padding-bottom: 0;
+}
+@media all and (max-width: 1279px) {
+  .compare .compare_suscr .feed .feed_item {
+    width: calc(50% - 8px);
+  }
+}
+@media all and (max-width: 768px) {
+  .compare .compare_suscr .feed .feed_item {
+    width: 100%;
+  }
+}
+.compare .compare_suscr .feed .feed_item input + label {
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+}
+.compare .compare_suscr .feed .feed_item input + label:before {
+  top: 0;
+  bottom: 0;
+  margin: auto;
+}
+.compare .compare_suscr .feed .feed_item img {
+  width: 48px;
+  min-width: 48px;
+  border-radius: 100%;
+  height: 48px;
+}
+.compare .btn_group {
+  display: flex;
+  gap: 0 20px;
+}
+@media all and (max-width: 1279px) {
+  .compare .btn_group {
+    display: block;
+  }
+}
+.compare .btn_group button {
+  width: 100%;
+  max-width: 420px;
+}
+@media all and (max-width: 1279px) {
+  .compare .btn_group button {
+    display: flex;
+    margin-bottom: 15px;
+  }
+}
+@media all and (max-width: 768px) {
+  .compare .btn_group button {
+    max-width: none;
+    height: auto;
+    padding: 10px 20px;
+    font-weight: 600;
+  }
+}
+.compare .compare_message {
+  margin: 70px 0;
+}
+.compare .compare_message p {
+  max-width: 446px;
+  font-weight: 700;
+  text-align: center;
+  margin: auto;
+  display: block;
+}
+.fine .fine_block {
+  margin-bottom: 40px;
+  max-width: 600px;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+.fine .fine_block:last-child {
+  margin-bottom: 0;
+}
+.fine .fine_block .fine_col {
+  width: calc(50% - 23px);
+  max-width: 240px;
+}
+@media all and (max-width: 768px) {
+  .fine .fine_block .fine_col {
+    width: 100%;
+    max-width: 100%;
+  }
+}
+.fine .fine_block .fine_col p {
+  display: flex;
+  justify-content: space-between;
+}
+.fine .fine_block .fine_col p span {
+  font-weight: 700;
+  color: #000;
+}
+.fine .fine_block .fine_col:first-child p {
+  color: var(--text_not_active);
+}
+@media all and (max-width: 768px) {
+  .fine .fine_block .fine_col:first-child {
+    margin-bottom: 35px;
+  }
+}
+.fine .fine_block .fine_col:nth-child(2) p {
+  padding-bottom: 8px;
+  margin-bottom: 8px;
+  border-bottom: 1px solid var(--inactive);
+}
+.fine .fine_block .fine_col:nth-child(2) p:last-child {
+  border: 0;
+}
+.faq-list .faq_item {
+  margin-bottom: 20px;
+  display: flex;
+  flex-wrap: wrap;
+}
+.faq-list .faq_item .item_title {
+  font-weight: 700;
+  max-width: 235px;
+  width: 235px;
+  margin-right: 20px;
+  padding-top: 20px;
+}
+@media all and (max-width: 1279px) {
+  .faq-list .faq_item .item_title {
+    max-width: 100%;
+    width: 100%;
+    padding-top: 0;
+  }
+}
+.faq-list .faq_item .dropdown_blocks_list {
+  width: calc(100% - 255px);
+}
+@media all and (max-width: 1279px) {
+  .faq-list .faq_item .dropdown_blocks_list {
+    max-width: 100%;
+    width: 100%;
+  }
+}
+.faq-list .faq_item .dropdown_blocks_list .dropdown_block:last-child {
+  border-bottom: 1px solid #EDEFF5;
+}
+.faq-list .faq_item .dropdown_blocks_list .dropdown_block .block_header {
+  padding-top: 0;
+}
+.faq-list .faq_item .dropdown_blocks_list .dropdown_block .block_header p {
+  font-weight: 400;
+}
+@media all and (max-width: 1279px) {
+  .new-appeal {
+    max-width: 255px;
+    margin-left: auto;
+    display: block !important;
+  }
+}
+@media all and (max-width: 768px) {
+  .new-appeal {
+    width: 100%;
+    max-width: 100%;
+    margin: 20px 0 0 0;
+  }
+}
+.appeal_list .appeal_item {
+  margin-bottom: 20px;
+  padding: 16px;
+  border: 1px solid rgba(0, 16, 61, 0.12);
+}
+@media all and (max-width: 768px) {
+  .appeal_list .appeal_item {
+    padding: 0;
+    border: 0;
+  }
+}
+.appeal_list .appeal_item p {
+  margin-bottom: 8px;
+}
+.appeal_list .appeal_item p:last-child {
+  margin-bottom: 0;
+}
+.appeal_list .appeal_item .item_header {
+  margin-bottom: 25px;
+  position: relative;
+}
+@media all and (max-width: 768px) {
+  .appeal_list .appeal_item .item_header {
+    padding-top: 35px;
+  }
+}
+.appeal_list .appeal_item .item_header .status {
+  position: absolute;
+  top: 0;
+  right: 0;
+  color: #fff;
+  font-weight: 700;
+  font-size: 15px;
+  line-height: 20px;
+  padding: 4px 10px;
+  background: #04A8A4;
+  border-radius: 4px;
+}
+@media all and (max-width: 768px) {
+  .appeal_list .appeal_item .item_header .status {
+    font-size: 13px;
+    line-height: 20px;
+    right: auto;
+    left: 0;
+    font-weight: 400;
+  }
+}
+.appeal_list .appeal_item .item_body .item_text {
+  margin: 0 -16px;
+  padding: 0 16px;
+}
+@media all and (max-width: 768px) {
+  .appeal_list .appeal_item .item_body .item_text {
+    margin-left: 0;
+    margin-right: 0;
+    padding-left: 0;
+    padding-right: 0;
+  }
+}
+.appeal_list .appeal_item .item_body .item_text:not(:last-child) {
+  padding-bottom: 16px;
+  margin-bottom: 16px;
+  border-bottom: 1px solid rgba(0, 16, 61, 0.12);
+}
+.appeal_list .appeal_item .item_body .item_text .dosc_list {
+  display: flex;
+  gap: 0 20px;
+  flex-wrap: wrap;
+  margin-top: 16px;
+}
+.appeal_list .appeal_item .item_body .item_text .dosc_list .row {
+  width: calc(33.333% - 20px);
+}
+@media all and (max-width: 1279px) {
+  .appeal_list .appeal_item .item_body .item_text .dosc_list .row {
+    width: calc(50% - 20px);
+  }
+}
+@media all and (max-width: 768px) {
+  .appeal_list .appeal_item .item_body .item_text .dosc_list .row {
+    width: 100%;
+  }
+}
+.appeal_list .appeal_item .item_body .item_text .doc_name {
+  max-width: 100%;
+}
+.appeal_list .appeal_item .item_body .item_text .doc_name span {
+  width: 100%;
+}
+.new_appeal {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+}
+.new_appeal .column:first-child {
+  width: 440px;
+  margin-right: 30px;
+}
+@media all and (max-width: 1279px) {
+  .new_appeal .column:first-child {
+    width: 100%;
+    margin-right: 0;
+    margin-bottom: 30px;
+  }
+}
+.new_appeal .column:nth-child(2) {
+  width: calc(100% - 470px);
+  max-width: 660px;
+}
+@media all and (max-width: 1279px) {
+  .new_appeal .column:nth-child(2) {
+    width: 100%;
+    max-width: 100%;
+  }
+}
+.new_appeal .column.full {
+  width: 100%;
+  margin-right: 0;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+.new_appeal .column.full .column_text_block {
+  width: calc(50% - 37px);
+  margin-bottom: 30px;
+}
+@media all and (max-width: 1279px) {
+  .new_appeal .column.full .column_text_block {
+    width: 100%;
+    margin-bottom: 20px;
+  }
+}
+.new_appeal .column .column_text_block {
+  margin-bottom: 40px;
+}
+.new_appeal .column .column_text_block p {
+  margin-bottom: 8px;
+}
+.new_appeal .column .column_text_block .dosc_list {
+  display: flex;
+  flex-wrap: wrap;
+}
+.new_appeal .column .column_text_block .dosc_list .row {
+  width: 50%;
+}
+@media all and (max-width: 768px) {
+  .new_appeal .column .column_text_block .dosc_list .row {
+    width: 100%;
+    margin-bottom: 20px;
+  }
+}
+.new_appeal .column .column_text_block .dosc_list .row .doc_name {
+  max-width: 100%;
+}
+@media all and (max-width: 768px) {
+  .new_appeal .column .column_text_block .dosc_list .row .doc_name {
+    min-height: 42px;
+  }
+}
+@media all and (max-width: 1279px) {
+  .new_appeal .column .appeal_list:not(.visible) .appeal_item:not(.open) {
+    display: none;
+  }
+}
+.new_appeal .column .appeal_list .appeal_item {
+  padding: 8px;
+  margin-bottom: 8px;
+  border: 0;
+  border-bottom: 1px solid #EDEFF5;
+}
+.new_appeal .column .appeal_list .appeal_item .block_header {
+  padding: 0;
+  height: auto;
+}
+.new_appeal .column .appeal_list .appeal_item .block_header p {
+  font-weight: 400;
+}
+@media all and (max-width: 1279px) {
+  .new_appeal .column .appeal_list .appeal_item .block_header button.rotate {
+    transform: rotate(-90deg);
+  }
+}
+.new_appeal .column .appeal_list .appeal_item.open {
+  background: #EDEFF5;
+  border-radius: 4px;
+}
+.new_appeal .column .appeal_list .appeal_item.open button.rotate {
+  transform: rotate(-90deg);
+}
+@media all and (max-width: 1279px) {
+  .new_appeal .column .appeal_list .appeal_item.open button.rotate {
+    transform: rotate(0deg);
+  }
+}
+@media all and (max-width: 1279px) {
+  .gibdd.dropdown_blocks_list .dropdown_block .block_body .company {
+    padding: 0;
+  }
+}
+@media all and (max-width: 768px) {
+  .gibdd.dropdown_blocks_list .dosc_list {
+    margin-top: 20px;
+  }
+  .gibdd.dropdown_blocks_list .dosc_list .row {
+    margin-bottom: 0;
+  }
+  .gibdd.dropdown_blocks_list .dropdown_block .block_body .company ul li b {
+    display: block;
+    margin-top: 2px;
+  }
+}
+.search_list .search_item {
+  padding-bottom: 20px;
+  margin-bottom: 20px;
+  border-bottom: 1px solid #EDEFF5;
+}
+.search_list .search_item .item_title {
+  font-weight: 700;
+  margin-bottom: 10px;
+}
+.search_list .search_item a {
+  color: var(--blue);
+}
+.search_list .search_item mark {
+  color: #fff;
+  background: var(--blue);
+}
+.search_list .search_item mark a {
+  color: #fff;
+  text-decoration: underline;
+}
+.form_field .input_with_notes {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  max-width: 320px;
+  margin-left: 20px;
+}
+@media all and (max-width: 768px) {
+  .form_field .input_with_notes {
+    margin-left: 0;
+  }
+}
+.form_field .input_with_notes input {
+  width: 100%;
+  margin-bottom: 6px;
+  margin-left: 0;
+}
+.form_field .input_with_notes span {
+  font-size: 12px;
+  margin-bottom: -14px;
+}
+/* fix for gibdd*/
+main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block {
+  margin-bottom: 15px;
+}
+main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block:after {
+  left: 0;
+  right: 0;
+}
+main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .title {
+  font-size: 26px;
+  line-height: 35px;
+  font-weight: 700;
+  min-width: 30%;
+  padding-right: 20px;
+}
+@media all and (max-width: 1280px) {
+  main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .title {
+    display: none;
+  }
+}
+main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body {
+  max-width: none;
+  margin-left: 0;
+}
+@media all and (max-width: 767px) {
+  main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body {
+    padding-left: 0;
+  }
+}
+main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_detail {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  margin: 0;
+}
+main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_detail p {
+  width: 100%;
+  margin-bottom: 15px;
+}
+main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_detail p.fines_doc {
+  margin-top: 20px;
+}
+@media all and (max-width: 767px) {
+  main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_detail p.fines_doc {
+    margin-bottom: 0;
+    margin-top: 10px;
+  }
+}
+main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_detail ul {
+  margin-left: 0;
+  display: block;
+  width: calc(50% - 15px);
+}
+main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_detail ul li {
+  width: 100%;
+}
+@media all and (max-width: 767px) {
+  main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_detail ul {
+    width: 100%;
+    padding-bottom: 0;
+  }
+}
+@media all and (max-width: 767px) {
+  main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .dosc_list {
+    margin-bottom: 15px;
+  }
+}
+.services_invoice_button {
+  min-width: 220px;
+}
+@media all and (max-width: 1600px) {
+  .services_invoice_button {
+    min-width: 195px;
+  }
+}
+@media all and (max-width: 1280px) {
+  .contract_payments_status_cell {
+    border-top: unset!important;
+  }
+}
+@media all and (max-width: 1279px) {
+  .contract_payments_invoices_cell {
+    flex-direction: column;
+    width: 100%;
+    display: flex;
+    white-space: nowrap;
+    min-width: 100% !important;
+  }
+  .contract_payments_invoices_cell p {
+    white-space: nowrap!important;
+    display: flex;
+  }
+  .contract_payments_invoices_cell p span {
+    white-space: nowrap;
+    padding-left: 10px;
+    margin-top: 0px!important;
+  }
+}
+@media all and (max-width: 900px) {
+  .contract_payments_invoices_cell {
+    flex-direction: column;
+    width: 100%;
+    display: flex;
+    white-space: nowrap;
+    min-width: 100% !important;
+  }
+  .contract_payments_invoices_cell p {
+    white-space: normal!important;
+    display: flex;
+    flex-direction: column;
+  }
+  .contract_payments_invoices_cell p span {
+    padding-left: 0px;
+  }
+}
+@media all and (max-width: 768px) {
+  .contract_payments_invoices_cell {
+    flex-direction: column;
+    width: 100%;
+    display: flex;
+    white-space: nowrap;
+    min-width: 100% !important;
+  }
+  .contract_payments_invoices_cell p {
+    flex-direction: row;
+    white-space: nowrap!important;
+    display: flex;
+  }
+  .contract_payments_invoices_cell p span {
+    white-space: nowrap;
+    padding-left: 10px;
+    margin-top: 0px!important;
+  }
+}
+@media all and (max-width: 400px) {
+  .contract_payments_invoices_cell {
+    flex-direction: column;
+    width: 100%;
+    display: flex;
+    white-space: nowrap;
+    min-width: 100% !important;
+  }
+  .contract_payments_invoices_cell p {
+    white-space: normal!important;
+    display: flex;
+    flex-direction: column;
+  }
+  .contract_payments_invoices_cell p span {
+    padding-left: 0px;
+  }
+}
+.search_form_buttons_wrapper {
+  flex-direction: row;
+  display: flex;
+  align-items: flex-start;
+  justify-content: flex-end;
+  margin-left: auto;
+}
+.search_form_buttons_wrapper .button {
+  display: block!important;
+}
diff --git a/css/main/style.less b/css/main/style.less
index 3bdcb59..83f03b6 100644
--- a/css/main/style.less
+++ b/css/main/style.less
@@ -4228,6 +4228,12 @@ main .dropdown_blocks_list .dropdown_block .block_body {
             display: flex !important;
             align-items: center;
 
+			&.quest {
+				padding: 5px 16px;
+	
+				img { width: 48px; height: 48px; }
+			}
+	
             div {
                 margin-left: 16px;
 
diff --git a/pages/api/questionnaire/send.js b/pages/api/questionnaire/send.js
index 9cfc7a7..50752a4 100644
--- a/pages/api/questionnaire/send.js
+++ b/pages/api/questionnaire/send.js
@@ -129,7 +129,20 @@ export default async function handler(req, res)
 
 						//const main = _pick(parsed.main, ["title", "inn", "kpp", "email", "telephone", "websiteurl", "financial_loan"]);
 
-						let payload = { ...parsed.main, ...{ head_person: parsed.head_person }, ...{ signatory_person: parsed.signatory_person }, };
+						const contacts = {};
+						for(let c in parsed.contacts)
+						{
+							if(parsed.contacts[c].name === null)
+							{
+								contacts[c] = null;
+							}
+							else
+							{
+								contacts[c] = parsed.contacts[c];
+							}
+						}
+
+						let payload = { ...parsed.main, ...contacts, ...{ head_person: parsed.head_person }, ...{ signatory_person: parsed.signatory_person }, };
 						payload.mail_delivery_address_type = parseInt(payload.mail_delivery_address_type, 10);
 						payload.questionnaire_sign_type = digital ? "eds" : "paper";
 
diff --git a/pages/index.js b/pages/index.js
index 5aaa5fe..237da3b 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -158,6 +158,29 @@ class IndexPage extends React.Component
 		this.props.router.push("/questionnaire");
 	}
 
+	_renderQuestionnaireStatus = () => 
+	{
+		const { company, contracts } = this.state;
+
+		if(company.questionnaire_status === "need_to_fill")
+		{
+			<div className="contract_table" style={{ flexDirection: "column" }}>
+				<h4>Анкета лизингополучателя</h4>
+				<p>Вам необходимо заполнить анкету лизингополучателя для актуализации данных.</p>
+				<div className="questionnaire status_action" style={{ margin: "0px", "padding": "0px", paddingTop: "30px", }}>
+					<button className="button button-blue" style={{ width: "100%", minWidth: "255px" }} onClick={ () => this.props.router.push("/questionnaire") }>Заполнить анкету</button>
+				</div>
+			</div>
+		}
+
+		return (
+			<div className="contract_table" style={{ flexDirection: "column" }}>
+				<h4>Анкета лизингополучателя</h4>
+				<p>Анкета подписана, скоро здесь появятся ваши договоры лизинга.</p>
+			</div>
+		);
+	}
+
 	render()
 	{
 		const { company, loading, page, pages, search, date_from, date_from_type, date_to, date_to_type, contracts, sort_number, sort_date, sort_status, all } = this.state;
@@ -191,7 +214,7 @@ class IndexPage extends React.Component
 					</div>
 					<AnnouncementsList />
 
-					{ company.questionnaire_status === "need_to_fill" && (
+					{ contracts !== null && contracts.length > 0 && company.questionnaire_status === "need_to_fill" && (
 						<div className="questionnaire message notify" style={{marginLeft: "0"}}>
 							<svg width="44" height="45" viewBox="0 0 44 45" fill="none" xmlns="http://www.w3.org/2000/svg">
 								<path d="M40.5425 31.1863L25.7969 8.08116C24.9653 6.77804 23.5459 6 22 6C20.4539 6 19.0345 6.77804 18.2032 8.08116L3.45741 31.1862C2.57234 32.5732 2.51363 34.3313 3.30467 35.7746C4.09572 37.2173 5.60918 38.1137 7.25444 38.1137H36.7456C38.3909 38.1137 39.9044 37.2175 40.6956 35.7742C41.4863 34.3313 41.4276 32.5733 40.5425 31.1863ZM22 34.2245C20.644 34.2245 19.5448 33.1252 19.5448 31.7694C19.5448 30.4133 20.6441 29.3141 22 29.3141C23.356 29.3141 24.4551 30.4133 24.4551 31.7694C24.4551 33.1252 23.3559 34.2245 22 34.2245ZM25.403 17.1635L24.1937 25.3052C24.0157 26.5037 22.8999 27.3309 21.7016 27.1529C20.7334 27.0091 20.0075 26.25 19.8582 25.333L18.5451 17.2074C18.2394 15.3155 19.5251 13.534 21.417 13.2283C23.3089 12.9226 25.0904 14.2083 25.3962 16.1002C25.4536 16.4565 25.4517 16.8243 25.403 17.1635Z" fill="white"/>
@@ -203,107 +226,115 @@ class IndexPage extends React.Component
 						</div>
 					) }
 
-					<div className="contract_search">
-						<form onSubmit={ (event) => { event.preventDefault(); } }>
-							<div className="form_field">
-								<input type="search" value={ search } placeholder="Поиск" onChange={ (event) => {
-									this._handle_onChange_search(event.target.value);
-								} }/>
-							</div>
-							<div className="form_field">
-								{/*
-								<input type={ date_from_type } id="date_from" className="date_input" value="" placeholder="Дата договора от" onFocus={ () => this.setState({ date_from_type: "date" }) } onBlur={ () => { this.setState({ date_from_type: "text" }) } } onChange={ (date) => {
-									this._handle_onChange_date_from(date);
-								} }/>
-								<label htmlFor="date_from">Дата<br/>договора от</label>
-								*/}
-								<DateInput placeholder="Дата договора от" id={ "date_from" } onChange={ (date) => this.setState({ date_from: date }) }/>
-							</div>
-							<div className="form_field">
-								{/*<input type={ date_to_type } id="date_for" className="date_input" value="" placeholder="Дата договора по" onFocus={ () => this.setState({ date_from_type: "date" }) } onBlur={ () => { this.setState({ date_from_type: "text" }) } } onChange={ (date) => {
-									this._handle_onChange_date_to(date);
-								} }/>
-							<label htmlFor="date_for">Дата<br/>договора по</label>*/}
-								<DateInput placeholder="Дата договора по" id={ "date_to" } onChange={ (date) => this.setState({ date_to: date }) }/>
-							</div>
-							<button className="button" disabled={ search !== "" || date_from !== "" || date_to !== "" ? false : true } onClick={ this._handle_onSearch }>Поиск</button>
-						</form>
-					</div>
+					{ contracts !== null && contracts.length > 0 && (
+						<div className="contract_search">
+							<form onSubmit={ (event) => { event.preventDefault(); } }>
+								<div className="form_field">
+									<input type="search" value={ search } placeholder="Поиск" onChange={ (event) => {
+										this._handle_onChange_search(event.target.value);
+									} }/>
+								</div>
+								<div className="form_field">
+									{/*
+									<input type={ date_from_type } id="date_from" className="date_input" value="" placeholder="Дата договора от" onFocus={ () => this.setState({ date_from_type: "date" }) } onBlur={ () => { this.setState({ date_from_type: "text" }) } } onChange={ (date) => {
+										this._handle_onChange_date_from(date);
+									} }/>
+									<label htmlFor="date_from">Дата<br/>договора от</label>
+									*/}
+									<DateInput placeholder="Дата договора от" id={ "date_from" } onChange={ (date) => this.setState({ date_from: date }) }/>
+								</div>
+								<div className="form_field">
+									{/*<input type={ date_to_type } id="date_for" className="date_input" value="" placeholder="Дата договора по" onFocus={ () => this.setState({ date_from_type: "date" }) } onBlur={ () => { this.setState({ date_from_type: "text" }) } } onChange={ (date) => {
+										this._handle_onChange_date_to(date);
+									} }/>
+								<label htmlFor="date_for">Дата<br/>договора по</label>*/}
+									<DateInput placeholder="Дата договора по" id={ "date_to" } onChange={ (date) => this.setState({ date_to: date }) }/>
+								</div>
+								<button className="button" disabled={ search !== "" || date_from !== "" || date_to !== "" ? false : true } onClick={ this._handle_onSearch }>Поиск</button>
+							</form>
+						</div>
+					) }
 					{ loading ? (
 						<div className="table_row table_header" style={{ minHeight: 450, display: "flex", justifyContent: "center", alignItems: "center" }}>
 							<SpinnerCircular size={90} thickness={51} speed={100} color="rgba(28, 1, 169, 1)" secondaryColor="rgba(236, 239, 244, 1)" />
 						</div>
 					) : (
-						<div className="contract_table">
-							<div className="table_row table_header">
-								<div className={`table_cell caret ${ sort_number === "asc" ? "reverse" : "" }`} onClick={ this._handle_onChangeSort_number }>Номер договора</div>
-								<div className={`table_cell caret ${ sort_date === "asc" ? "reverse" : "" }`} onClick={ this._handle_onChangeSort_date }>Дата договора</div>
-								<div className="table_cell">Автомобиль</div>
-								<div className="table_cell">Гос.номер / VIN</div>
-								<div className={`table_cell caret ${ sort_status === "asc" ? "reverse" : "" }`} onClick={ this._handle_onChangeSort_status }>Статус</div>
-								<div className="table_cell">Следующий платеж</div>
-								<div className="table_cell">Дополнительные услуги</div>
-							</div>
-							{ contracts !== undefined && contracts !== null && (
-								<>
-									{ contracts.length > 0 ? contracts.map((contract, index) => (
-										<Link href={`/contract/${ contract.number }/payments`} key={ index }>
-											<div className="table_row" key={ index } style={{ cursor: "pointer" }}>
-												<div className="table_cell"><a>{ contract.number }</a></div>
-												<div className="table_cell">{ moment(contract.date).format("DD.MM.YYYY") }</div>
-												<div className="table_cell">{ contract.car?.brand?.name } { contract.car?.model?.name }</div>
-												<div className="table_cell">
-													{ contract.car?.reg_number !== null ? contract.car?.reg_number : "Без рег. номера" }
-													<span>{ contract.car?.vin_number }</span>
-												</div>
-												<div className="table_cell">
-													<p className={ contract_status[contract.status] }>{ contract.status }</p>
-													{ contract.debt_leasing !== undefined && contract.debt_leasing !== null && parseFloat(contract.debt_leasing) > 0 && (
-														<p className="contract_debt">
-															<span>Задолжность:</span>
-															{ numeral(contract.debt_leasing).format(' ., ') }&nbsp;₽
-														</p>
-													) }
-													{ contract.debt_penalty_fee !== undefined && contract.debt_penalty_fee !== null && parseFloat(contract.debt_penalty_fee) > 0 && (
-														<p className="contract_debt">
-															<span>Пени:</span>
-															{ numeral(contract.debt_penalty_fee).format(' ., ') }&nbsp;₽
-														</p>
-													) }
-												</div>
-												<div className="table_cell">
-													{ contract.current_payment_date !== null ? (
-														<>{ moment(contract.current_payment_date).format("DD.MM.YYYY") }<b className="price" style={{ whiteSpace: "nowrap" }}>{ numeral(contract.current_payment_amount).format(' ., ') }&nbsp;₽</b></>
-													) : "-" }
-												</div>
-												<div className="table_cell">
-													<div className="service_list">
-														{ contract.telematics_exists && <i title="Телематика" data-additional-service="1" onClick={ (event) => { event.stopPropagation(); event.preventDefault(); this._handle_onService(`/contract/${ contract.number }/services#telematic`) } }></i> }
-														{ contract.rat_exists && <i title="РАТ" data-additional-service="2" onClick={ (event) => { event.stopPropagation(); event.preventDefault(); this._handle_onService(`/contract/${ contract.number }/services#ratcard`) } }></i> }
-														{ contract.gibddreg_exists && <i title="Регистрация в ГИБДД" data-additional-service="3" onClick={ (event) => { event.stopPropagation(); event.preventDefault(); this._handle_onService(`/contract/${ contract.number }/services#registration`) } }></i> }
-														{ contract.fuelcard_exists && <i title="Топливные карты" data-additional-service="4" onClick={ (event) => { event.stopPropagation(); event.preventDefault(); this._handle_onService(`/contract/${ contract.number }/services#fuelcards`) } }></i> }
-														{ contract.kasko_exists && <i title="КАСКО" data-additional-service="5" onClick={ (event) => { event.stopPropagation(); event.preventDefault(); this._handle_onService(`/contract/${ contract.number }/services#insurance`) } }></i> }
-														{ contract.osago_exists && <i title="ОСАГО" data-additional-service="6" onClick={ (event) => { event.stopPropagation(); event.preventDefault(); this._handle_onService(`/contract/${ contract.number }/services#insurance`) } }></i> }
-														{ contract.nsib_exists && <i title="НСИБ" data-additional-service="7" onClick={ (event) => { event.stopPropagation(); event.preventDefault(); this._handle_onService(`/contract/${ contract.number }/services#insurance`) } }></i> }
-														{ contract.fingap_exists && <i title="Safe Finance" data-additional-service="8" onClick={ (event) => { event.stopPropagation(); event.preventDefault(); this._handle_onService(`/contract/${ contract.number }/services#insurance`) } }></i> }
+						<React.Fragment>
+							{ contracts === null || contracts.length === 0 ? (
+								this._renderQuestionnaireStatus()
+							) : (
+								<div className="contract_table">
+									<div className="table_row table_header">
+										<div className={`table_cell caret ${ sort_number === "asc" ? "reverse" : "" }`} onClick={ this._handle_onChangeSort_number }>Номер договора</div>
+										<div className={`table_cell caret ${ sort_date === "asc" ? "reverse" : "" }`} onClick={ this._handle_onChangeSort_date }>Дата договора</div>
+										<div className="table_cell">Автомобиль</div>
+										<div className="table_cell">Гос.номер / VIN</div>
+										<div className={`table_cell caret ${ sort_status === "asc" ? "reverse" : "" }`} onClick={ this._handle_onChangeSort_status }>Статус</div>
+										<div className="table_cell">Следующий платеж</div>
+										<div className="table_cell">Дополнительные услуги</div>
+									</div>
+									{ contracts !== undefined && contracts !== null && (
+										<>
+											{ contracts.length > 0 ? contracts.map((contract, index) => (
+												<Link href={`/contract/${ contract.number }/payments`} key={ index }>
+													<div className="table_row" key={ index } style={{ cursor: "pointer" }}>
+														<div className="table_cell"><a>{ contract.number }</a></div>
+														<div className="table_cell">{ moment(contract.date).format("DD.MM.YYYY") }</div>
+														<div className="table_cell">{ contract.car?.brand?.name } { contract.car?.model?.name }</div>
+														<div className="table_cell">
+															{ contract.car?.reg_number !== null ? contract.car?.reg_number : "Без рег. номера" }
+															<span>{ contract.car?.vin_number }</span>
+														</div>
+														<div className="table_cell">
+															<p className={ contract_status[contract.status] }>{ contract.status }</p>
+															{ contract.debt_leasing !== undefined && contract.debt_leasing !== null && parseFloat(contract.debt_leasing) > 0 && (
+																<p className="contract_debt">
+																	<span>Задолжность:</span>
+																	{ numeral(contract.debt_leasing).format(' ., ') }&nbsp;₽
+																</p>
+															) }
+															{ contract.debt_penalty_fee !== undefined && contract.debt_penalty_fee !== null && parseFloat(contract.debt_penalty_fee) > 0 && (
+																<p className="contract_debt">
+																	<span>Пени:</span>
+																	{ numeral(contract.debt_penalty_fee).format(' ., ') }&nbsp;₽
+																</p>
+															) }
+														</div>
+														<div className="table_cell">
+															{ contract.current_payment_date !== null ? (
+																<>{ moment(contract.current_payment_date).format("DD.MM.YYYY") }<b className="price" style={{ whiteSpace: "nowrap" }}>{ numeral(contract.current_payment_amount).format(' ., ') }&nbsp;₽</b></>
+															) : "-" }
+														</div>
+														<div className="table_cell">
+															<div className="service_list">
+																{ contract.telematics_exists && <i title="Телематика" data-additional-service="1" onClick={ (event) => { event.stopPropagation(); event.preventDefault(); this._handle_onService(`/contract/${ contract.number }/services#telematic`) } }></i> }
+																{ contract.rat_exists && <i title="РАТ" data-additional-service="2" onClick={ (event) => { event.stopPropagation(); event.preventDefault(); this._handle_onService(`/contract/${ contract.number }/services#ratcard`) } }></i> }
+																{ contract.gibddreg_exists && <i title="Регистрация в ГИБДД" data-additional-service="3" onClick={ (event) => { event.stopPropagation(); event.preventDefault(); this._handle_onService(`/contract/${ contract.number }/services#registration`) } }></i> }
+																{ contract.fuelcard_exists && <i title="Топливные карты" data-additional-service="4" onClick={ (event) => { event.stopPropagation(); event.preventDefault(); this._handle_onService(`/contract/${ contract.number }/services#fuelcards`) } }></i> }
+																{ contract.kasko_exists && <i title="КАСКО" data-additional-service="5" onClick={ (event) => { event.stopPropagation(); event.preventDefault(); this._handle_onService(`/contract/${ contract.number }/services#insurance`) } }></i> }
+																{ contract.osago_exists && <i title="ОСАГО" data-additional-service="6" onClick={ (event) => { event.stopPropagation(); event.preventDefault(); this._handle_onService(`/contract/${ contract.number }/services#insurance`) } }></i> }
+																{ contract.nsib_exists && <i title="НСИБ" data-additional-service="7" onClick={ (event) => { event.stopPropagation(); event.preventDefault(); this._handle_onService(`/contract/${ contract.number }/services#insurance`) } }></i> }
+																{ contract.fingap_exists && <i title="Safe Finance" data-additional-service="8" onClick={ (event) => { event.stopPropagation(); event.preventDefault(); this._handle_onService(`/contract/${ contract.number }/services#insurance`) } }></i> }
+															</div>
+														</div>
 													</div>
+												</Link>
+											)) : (
+												<div className="table_row">
+													<div className="table_cell">-</div>
+													<div className="table_cell">-</div>
+													<div className="table_cell">-</div>
+													<div className="table_cell">-</div>
+													<div className="table_cell">-</div>
+													<div className="table_cell">-</div>
+													<div className="table_cell">-</div>
 												</div>
-											</div>
-										</Link>
-									)) : (
-										<div className="table_row">
-											<div className="table_cell">-</div>
-											<div className="table_cell">-</div>
-											<div className="table_cell">-</div>
-											<div className="table_cell">-</div>
-											<div className="table_cell">-</div>
-											<div className="table_cell">-</div>
-											<div className="table_cell">-</div>
-										</div>
+											) }
+										</>
 									) }
-								</>
+								</div>
 							) }
-						</div>
+						</React.Fragment>
 					) }
 					{ !all && (
 						<Pagination page={ page } pages={ pages } onPage={ this._handle_onPage } onAll={ this._handle_onAll } all={ all } showAll={ true }/>