diff --git a/actions/authActions.js b/actions/authActions.js index 410d8bd..7b0cd19 100644 --- a/actions/authActions.js +++ b/actions/authActions.js @@ -144,7 +144,7 @@ export const sendSmsCode = ({ dispatch, phone, code }) => }); } -export const logout = ({ dispatch }) => +export const logout = ({ dispatch, redirect = true }) => { return new Promise((resolve, reject) => { @@ -156,9 +156,14 @@ export const logout = ({ dispatch }) => dispatch({ type: actionTypes.USER, data: {} }); dispatch({ type: actionTypes.COMPANY, data: {} }); dispatch({ type: actionTypes.CONTRACTS_INFO_RESET, data: {} }); + dispatch({ type: actionTypes.EVENTS_RESET, data: {} }); + dispatch({ type: actionTypes.SUPPORT_RESET, data: {} }); resolve(); - Router.push('/'); + if(redirect) + { + Router.push('/'); + } }); } @@ -231,6 +236,55 @@ export const getUsers = ({ dispatch }) => console.error("ACTION", "getUsers()", "error"); console.error(error); + reject(); + }); + }); +} + +export const sendSwitchAccount = ({ dispatch, acc_number }) => +{ + console.log("ACTION", "sendSwitchAccount()", `${ process.env.NEXT_PUBLIC_SELF_API_HOST }/api/auth/switch/`); + + dispatch({ type: actionTypes.USER, data: {} }); + dispatch({ type: actionTypes.COMPANY, data: {} }); + dispatch({ type: actionTypes.CONTRACTS_INFO_RESET, data: {} }); + dispatch({ type: actionTypes.EVENTS_RESET, data: {} }); + dispatch({ type: actionTypes.SUPPORT_RESET, data: {} }); + + return new Promise((resolve, reject) => + { + axios.post(`${ process.env.NEXT_PUBLIC_SELF_API_HOST }/api/auth/switch/`, { acc_number }) + .then((response) => + { + console.log("sendSwitchAccount RESPONSE"); + console.log(response.data); + + if(response.data.status === "success") + { + const cookies = new Cookies(); + cookies.set('jwt', response.data.token, new Date(moment().add(7, 'day').toDate())); + + getCompanyInfo({ dispatch }) + .then(() => + { + resolve(); + Router.push('/'); + }) + .catch(() => + { + reject(); + }); + } + else + { + reject(); + } + }) + .catch((error) => + { + console.error("sendSwitchAccount", "error"); + console.error(error); + reject(); }); }); diff --git a/actions/contractActions.js b/actions/contractActions.js index 9ae1ed0..ec04a05 100644 --- a/actions/contractActions.js +++ b/actions/contractActions.js @@ -71,7 +71,7 @@ export const getContractInfo = ({ dispatch, number, }) => }) .then((response) => { - const info = { date: response.data.dl_date, car: response.data.car }; + const info = { date: response.data.dl_date, car: response.data.car, status: response.data.status }; dispatch({ type: actionTypes.CONTRACT_INFO, data: info }); const contract = {}; diff --git a/actions/fileActions.js b/actions/fileActions.js index 0005c86..5f04a8d 100644 --- a/actions/fileActions.js +++ b/actions/fileActions.js @@ -154,8 +154,7 @@ export const getReconciliationFile = ({ contract, date_from, date_to, filename } }) .then((response) => { - console.log(response.data); - //fileDownload(response.data, filename); + fileDownload(response.data, filename); resolve(); }) .catch((error) => diff --git a/constants/actionTypes.js b/constants/actionTypes.js index d528558..f2b630b 100644 --- a/constants/actionTypes.js +++ b/constants/actionTypes.js @@ -29,8 +29,10 @@ export const CONTRACT_CALCULATED = 'CONTRACT_CALCULATED'; export const CALENDAR = 'CALENDAR'; export const EVENTS = 'EVENTS'; export const EVENTS_FILTERED = 'EVENTS_FILTERED'; +export const EVENTS_RESET = 'EVENTS_RESET'; export const SUPPORT_THEMES = 'SUPPORT_THEMES'; export const SUPPORT_THEMES_SEARCHED = 'SUPPORT_THEMES_SEARCHED'; export const SUPPORT_APPEALS = 'SUPPORT_APPEALS'; -export const SUPPORT_APPEAL = 'SUPPORT_APPEAL'; \ No newline at end of file +export const SUPPORT_APPEAL = 'SUPPORT_APPEAL'; +export const SUPPORT_RESET = 'SUPPORT_RESET'; \ No newline at end of file diff --git a/css/forms/style.css b/css/forms/style.css index 320da5f..36ca8a7 100644 --- a/css/forms/style.css +++ b/css/forms/style.css @@ -1 +1,1078 @@ -#filter{position:relative}#filter .container{position:relative}#filter.filter_in_catalog:not(.visible){display:none}#filter.filter_in_catalog .container{padding-top:0;padding-bottom:0;margin-bottom:40px}@media all and (max-width:1420px){#filter.filter_in_catalog .container{margin-left:0;margin-right:0;width:100%}#filter.filter_in_catalog .container .filter_header .button{bottom:10px}}@media all and (max-width:768px){#filter.filter_in_catalog .container{bottom:40px}}#filter .filter_header{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}#filter .filter_header .button{width:calc(33.333% - 21px)}@media all and (max-width:1279px){#filter .filter_header .button{width:calc(50% - 15px);position:absolute;right:0;bottom:90px}}@media all and (max-width:1280px){#filter .filter_header .button{bottom:50px}}@media all and (max-width:768px){#filter .filter_header .button{width:100%;bottom:60px}}#filter .filter_body{display:flex;flex-wrap:wrap;justify-content:space-between}#filter .filter_body .filter_column{width:calc(33.333% - 21px)}@media all and (max-width:1279px){#filter .filter_body .filter_column{width:calc(50% - 15px);margin-bottom:35px}#filter .filter_body .filter_column:nth-child(3){margin-bottom:0}}@media all and (max-width:768px){#filter .filter_body .filter_column{width:100%;margin-bottom:24px}#filter .filter_body .filter_column:last-child{margin-bottom:100px}}#filter .filter_body .form_field{width:100%;margin-bottom:10px}#filter .filter_body .fieldgroup{width:100%}#filter .filter_body .fieldgroup .form_field{width:calc(50% - 20px)}@media all and (max-width:768px){#filter .filter_body .fieldgroup .form_field{width:calc(50% - 4px)}}#catalog_small_filter{margin-bottom:40px}#catalog_small_filter.hidden{display:none}#catalog_small_filter .filter_body{display:flex;justify-content:flex-end}#catalog_small_filter .filter_body select{margin-right:30px;width:306px}#catalog_small_filter .filter_body button{width:220px}@media all and (max-width:1280px){#catalog_small_filter .filter_body{justify-content:space-between}#catalog_small_filter .filter_body .form_field{width:calc(33.333% - 30px)}#catalog_small_filter .filter_body .form_field select{width:100%}#catalog_small_filter .filter_body button{width:33.3333%}}@media all and (max-width:768px){#catalog_small_filter .filter_body{display:block}#catalog_small_filter .filter_body .form_field,#catalog_small_filter .filter_body button{width:100%;margin-bottom:8px}}#order .order_form{position:relative;margin:0}@media all and (max-width:960px){#order .order_form{margin-top:-60px}}@media all and (max-width:768px){#order .order_form{margin:0}}#order .order_form .order_email{display:flex;align-items:center;position:absolute;z-index:1;background:#EDEFF5;height:235px;left:0;right:0;top:0;bottom:0;margin:auto}#order .order_form .order_email p{width:320px;font-size:24px;line-height:45px;padding:0 20px}@media all and (max-width:1280px){#order .order_form .order_email p{width:220px;font-size:13px;line-height:20px}}@media all and (max-width:768px){#order .order_form .order_email{position:relative;height:auto;margin-bottom:25px}#order .order_form .order_email p{padding:0}}#order .order_form form{width:750px;background:var(--blue);box-sizing:border-box;padding:55px 90px;margin:auto;margin-left:390px;position:relative;z-index:2}@media all and (max-width:1420px){#order .order_form form{width:550px;margin-left:320px}}@media all and (max-width:960px){#order .order_form form{width:50%;padding:15px 25px;margin-left:285px}}@media all and (max-width:768px){#order .order_form form{width:auto;margin-left:-16px;margin-right:-16px;padding:25px 16px}}#order .order_form form input{margin-bottom:15px;background:rgba(255,255,255,0.2);color:#fff}#order .order_form form input::placeholder{color:#fff}@media all and (max-width:1280px){#order .order_form form input{margin-bottom:15px}}#order .order_form form .policy{position:relative;z-index:2;margin:5px 25px 45px 25px}@media all and (max-width:1280px){#order .order_form form .policy{margin-top:-5px;margin-bottom:25px;margin-left:0;margin-right:0}}#order .order_form form .policy label{color:#fff;font-weight:300}#order .order_form form .policy label:before{background:#fff;border-radius:0}#order .order_form form .policy input:checked+label:before{border-color:#fff;background:url("/assets/images/icons/checkbox_blue.svg") no-repeat center #fff}#order .order_form form .button{display:inherit;margin-left:auto}.login{max-width:610px}.login .login_with{display:flex;align-items:center;margin-bottom:50px;justify-content:flex-start}.login .login_with p{margin-right:20px}.login .login_with .tabs .tab{margin-right:0}.login .login_with .tabs .tab:not(.active){background-color:var(--inactive)}.login .button-group{display:flex;align-items:center;justify-content:flex-end}.login .button-group .button{margin-left:30px;display:flex}.login .button-group .button:first-child{width:auto}.login .form_field{margin-bottom:15px}.login .form_field.error{margin-bottom:25px}.login input[name="login"]{padding-left:32px;background:url("/assets/images/icons/icon-login.svg") no-repeat 8px 50%}.login input[name="pass"]{padding-left:32px;background:url("/assets/images/icons/icon-pass.svg") no-repeat 8px 50%}.login .button{width:90px;display:block;margin-left:auto}@media all and (max-width:960px){.login{max-width:440px}.login form{max-width:400px}}@media all and (max-width:768px){.login .login_with{display:block;margin-bottom:30px}.login .login_with p{margin-bottom:10px}.login .login_with .tabs{width:100%}.login .login_with .tabs .tab{width:50%;text-align:center}.login .button-group{flex-wrap:wrap;justify-content:center}.login .button-group .button{margin-left:0}.login .button-group button{order:1;width:100%}.login .button-group a{order:2;display:inline-flex}}.login.recovery{max-width:815px}.login.recovery p.full{width:100%}.login.recovery .message{margin-bottom:15px}.login.recovery form{display:flex;justify-content:space-between}.login.recovery form .form_field{width:calc(100% - 205px)}.login.recovery form .button{width:175px}.login.recovery form.newPass_form{flex-wrap:wrap}.login.recovery .resend{display:flex;align-items:center;justify-content:flex-start}.login.recovery .resend p{margin-right:30px}.login.recovery .resend .button{margin-left:0;width:auto}@media all and (max-width:960px){.login.recovery form{max-width:100%}}@media all and (max-width:768px){.login.recovery form{display:block}.login.recovery form .form_field,.login.recovery form .button{width:100%}.login.recovery .resend{display:block;text-align:center;margin-top:15px}.login.recovery .resend p{margin-right:0}.login.recovery .resend .button{margin-left:auto;margin-right:auto}}.contract_search{margin-bottom:40px}@media all and (max-width:1600px) and (min-width:1280px){.contract_search{margin-bottom:30px}}.contract_search form{display:flex;align-items:center;justify-content:space-between}.contract_search form .form_field.full{width:100% !important;margin-right:30px !important}@media all and (max-width:960px){.contract_search form .form_field.full{margin-right:0 !important}}.contract_search form .form_field:first-child{width:calc(50% - 15px);min-width:calc(50% - 15px);margin-right:15px}.contract_search form .form_field:nth-child(2),.contract_search form .form_field:nth-child(3){width:100%;margin-right:15px}.contract_search form .form_field.single{width:100%;margin-right:80px}.contract_search form .form_field .button{width:158px;min-width:158px}@media all and (max-width:768px){.contract_search form .form_field .button{display:none}}.contract_search form .form_field input+label{display:none}@media all and (max-width:960px){.contract_search{margin-bottom:20px}.contract_search form{flex-wrap:wrap;justify-content:flex-start}.contract_search form .form_field:first-child{margin-bottom:15px;width:100%}.contract_search form .form_field:first-child.single{width:calc(100% - 105px);margin-right:30px;margin-bottom:0}.contract_search form .form_field:nth-child(2),.contract_search form .form_field:nth-child(3){width:25%;margin-right:30px}.contract_search form .button{margin-left:auto}}@media all and (max-width:768px){.contract_search form{justify-content:space-between}.contract_search form .form_field{margin-right:0}.contract_search form .form_field:first-child{margin-right:0;margin-bottom:15px;width:100%}.contract_search form .form_field:first-child.single{width:100%;margin-right:0px}.contract_search form .form_field:nth-child(2),.contract_search form .form_field:nth-child(3){width:calc(50% - 4px);margin-right:0px}.contract_search form .form_field .date_input,.contract_search form .form_field input[type="date"]{height:55px;background-position:8px 14px;position:relative;padding-bottom:8px}.contract_search form .form_field .date_input::placeholder,.contract_search form .form_field input[type="date"]::placeholder{color:transparent}.contract_search form .form_field .date_input[value=""]+label,.contract_search form .form_field input[type="date"][value=""]+label{display:inline-block;position:absolute;left:32px;top:10px;z-index:2;font-size:13px;line-height:20px;color:#919399}.contract_search form .button{margin-left:auto;width:100%;margin-top:15px;background:var(--blue);color:#fff;display:none}.contract_search form .button:disabled{opacity:.48}}.reconciliation_form:not(.small){margin-bottom:35px;display:flex;flex-wrap:wrap;justify-content:space-between}.reconciliation_form:not(.small) p{width:100%;font-weight:700;margin-bottom:20px}.reconciliation_form:not(.small) .form_group{width:calc(65% - 8px);display:flex;flex-wrap:wrap;justify-content:space-between}.reconciliation_form:not(.small) .form_group:last-child{width:calc(35% - 8px)}.reconciliation_form:not(.small) .form_field{width:calc(50% - 8px)}.reconciliation_form:not(.small) .button{width:calc(40% - 8px)}.reconciliation_form:not(.small) .button:last-child{width:calc(60% - 8px)}@media all and (max-width:1279px){.reconciliation_form:not(.small) .form_group,.reconciliation_form:not(.small) .form_group:last-child{width:calc(50% - 8px)}}@media all and (max-width:768px){.reconciliation_form:not(.small) p{margin-bottom:8px}.reconciliation_form:not(.small) .form_group,.reconciliation_form:not(.small) .form_group:last-child{width:100%}.reconciliation_form:not(.small) .form_field{margin-bottom:15px}.reconciliation_form:not(.small) .button,.reconciliation_form:not(.small) .form_field{width:calc(50% - 4px)}.reconciliation_form:not(.small) .button:last-child,.reconciliation_form:not(.small) .form_field:last-child{width:calc(50% - 4px)}}.reconciliation_form.small{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:420px}@media all and (max-width:768px){.reconciliation_form.small{max-width:100%}}.reconciliation_form.small .form_field{width:calc(50% - 8px)}@media all and (max-width:768px){.reconciliation_form.small .form_field{width:calc(50% - 4px)}}.reconciliation_form.small .form_field .date_input_wrapper>.rw-widget .rw-widget-container{display:block}.reconciliation_form.small .form_field .date_input_wrapper>.rw-widget .rw-widget-container>button{margin:0;width:100%}.reconciliation_form.small button.button{margin-top:35px;width:calc(45% - 8px)}.reconciliation_form.small button.button:last-child{width:calc(55% - 8px)}@media all and (max-width:768px){.reconciliation_form.small button.button{width:calc(50% - 4px) !important;margin-top:15px}}.fade{position:fixed;z-index:99999;top:0;left:0;width:100%;height:100%;overflow:auto;background:rgba(0,0,0,0.5);display:block}.fade:not(.opened){display:none}.fade .modal{max-width:640px;width:100%;background:#fff;margin:100px auto;padding:45px 40px}.fade .modal .modal_footer{text-align:right;margin-top:30px}.fade .modal .modal_footer .button{margin-left:auto}@media all and (max-width:768px){.fade .modal{padding:25px 20px;margin:0}}.reconciliation_form.small{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:420px}.reconciliation_form.small .form_field{width:calc(50% - 8px)}@media all and (max-width:768px){.reconciliation_form.small .form_field{width:calc(50% - 4px)}}.reconciliation_form.small button.button{margin-top:15px;width:calc(45% - 8px)}.reconciliation_form.small button.button:last-child{width:calc(55% - 8px)}@media all and (max-width:768px){.reconciliation_form.small button.button{width:calc(50% - 4px)}}.fade{position:fixed;z-index:99999;top:0;left:0;width:100%;height:100%;overflow:auto;background:rgba(0,0,0,0.5);display:block}.fade:not(.opened){display:none}.fade .modal{max-width:640px;width:100%;background:#fff;margin:100px auto;padding:45px 40px}.fade .modal .modal_footer{text-align:right;margin-top:30px}.fade .modal .modal_footer .button{margin-left:auto}.settings_user_control{display:flex;align-items:center;justify-content:space-between;margin-bottom:45px}.settings_user_control p{font-weight:700}.settings_user_control div{display:flex;align-items:center;gap:0 7px}@media all and (max-width:1279px){.settings_user_control p{width:160px;margin-right:16px;min-width:160px}.settings_user_control div{width:100%}.settings_user_control div button:first-child{width:60%}.settings_user_control div button:last-child{width:40%}}@media all and (max-width:768px){.settings_user_control{display:block;margin-bottom:35px;width:100%}.settings_user_control p{width:100%}.settings_user_control div{display:block}.settings_user_control div button{width:100% !important;margin-top:16px}}.settings_table{display:table;border-collapse:collapse;width:100%}@media all and (max-width:1279px){.settings_table{display:block}}.settings_table .table_row{display:table-row}@media all and (max-width:1279px){.settings_table .table_row{display:block;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #EDEFF5;padding-left:55px;background:url("../../public/assets/images/icons/user.svg") no-repeat top left;position:relative}}@media all and (max-width:768px){.settings_table .table_row{padding-left:0;background:transparent}}.settings_table .table_row .table_cell{display:table-cell;padding:18px 12px;border:1px solid #EDEFF5;position:relative}.settings_table .table_row .table_cell.delete{position:static}@media all and (max-width:1279px){.settings_table .table_row .table_cell{display:flex;flex-wrap:wrap;border:0;font-size:13px;line-height:20px;padding:0;margin-bottom:4px}.settings_table .table_row .table_cell:before{content:attr(data-title);color:#8E94A7;font-weight:700;display:block;width:190px;padding-right:10px}}@media all and (max-width:768px){.settings_table .table_row .table_cell:before{width:100%;margin-bottom:2px}}.settings_table .table_row .table_cell:last-child{border-left:0;min-width:36px}.settings_table .table_row .table_cell:last-child button{position:absolute;width:16px;height:16px;padding:0;top:0;left:0;right:0;bottom:0;margin:auto;visibility:hidden;pointer-events:none;background:url("../../public/assets/images/icons/icon-delete.svg") no-repeat center}@media all and (max-width:1279px){.settings_table .table_row .table_cell:last-child:before{display:none;border:0}.settings_table .table_row .table_cell:last-child button{bottom:auto;left:auto;width:32px;height:32px;background:url("../../public/assets/images/icons/Trash.svg") no-repeat center;font-size:0;text-indent:-999px;overflow:hidden}}@media all and (max-width:768px){.settings_table .table_row .table_cell:last-child button{background:transparent;text-indent:0;font-weight:600;font-size:15px;line-height:20px;color:#A8026B;width:140px;position:relative}}.settings_table .table_row .table_cell:nth-last-child(2){border-right:0}.settings_table .table_row .table_cell input{border:0;outline:none;background:#fff;font-size:15px;padding:0}.settings_table .table_row .table_cell input::placeholder{color:var(--text_not_active);font-size:15px}@media all and (max-width:1279px){.settings_table .table_row .table_cell input{padding:0 12px;border:1px solid rgba(0,16,61,0.12);height:40px;max-width:320px;width:100%;box-sizing:border-box}}@media all and (max-width:768px){.settings_table .table_row .table_cell input{max-width:none;width:100%}}.settings_table .table_row .table_cell .settings_dropdown{font-family:'Montserrat',sans-serif;cursor:pointer;width:100%;text-align:left;font-weight:400;justify-content:flex-start;font-size:15px;line-height:20px;color:#0C0C0C;padding:0;background:url(/assets/images/icons/company-arrow.svg) no-repeat 100% 50%}.settings_table .table_row .table_cell .settings_dropdown[data-selected="false"]{color:var(--text_not_active)}@media all and (max-width:1279px){.settings_table .table_row .table_cell .settings_dropdown{border:1px solid rgba(0,16,61,0.12);padding:0 10px;background-position:calc(100% - 10px) 50%;width:calc(100% - 200px);max-width:320px}}@media all and (max-width:768px){.settings_table .table_row .table_cell .settings_dropdown{max-width:none;width:100%}}.settings_table .table_row .table_cell .dropdown_list{position:absolute;top:100%;left:0;width:412px;display:none;background:#FFFFFF;box-shadow:0 4px 32px rgba(0,0,0,0.16);padding:25px 35px;z-index:9}@media all and (max-width:1279px){.settings_table .table_row .table_cell .dropdown_list{left:200px}}@media all and (max-width:768px){.settings_table .table_row .table_cell .dropdown_list{left:0;right:0;width:100%;padding:16px}}.settings_table .table_row .table_cell .dropdown_list.opened{display:block}.settings_table .table_row .table_cell .dropdown_list .list_item{position:relative;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--inactive)}.settings_table .table_row .table_cell .dropdown_list .list_item label{font-weight:700;padding-left:0;padding-right:30px;line-height:23px}.settings_table .table_row .table_cell .dropdown_list .list_item label:before{right:0;left:auto}.settings_table .table_row .table_cell .dropdown_list .list_item label span{display:block;font-weight:400}.settings_table .table_row .table_cell .dropdown_list .list_item:last-child{border:0;padding-bottom:0;margin-bottom:0}.settings_table .table_row.table_header .table_cell{color:#8E94A7;font-weight:700;border:0}.settings_table .table_row.table_header .table_cell:last-child{border-left:0 !important}@media all and (max-width:1279px){.settings_table .table_row.table_header{display:none}}.settings_table.editable .table_row.editable .table_cell{margin-bottom:8px}.settings_table.editable .table_row .table_cell:last-child{border:1px solid #EDEFF5}@media all and (max-width:1279px){.settings_table.editable .table_row .table_cell:last-child{border:0}}.settings_table.editable .table_row .table_cell:last-child button{pointer-events:all;visibility:visible}.new_appeal form .form_field{margin-bottom:14px}.new_appeal form textarea{height:208px}.dropzone{height:208px;position:relative;border:1px dashed #1C01A9;border-radius:4px;background:rgba(28,1,169,0.1);text-align:center;display:flex;align-items:center;justify-content:center;margin-top:30px}.dropzone .files{width:100%;padding:16px}.dropzone .files:empty{display:none}.dropzone [type="file"]{cursor:pointer;position:absolute;opacity:0;top:0;right:0;bottom:0;left:0}.dropzone div{max-width:404px;text-align:center}.dropzone div p{color:#828282;margin-bottom:20px}@media all and (max-width:768px){.dropzone{border:0;background:transparent;height:auto}.dropzone div p{margin-bottom:10px}.dropzone div p:before{content:attr(data-sm-text);display:block}.dropzone div p span{display:none}}/*# sourceMappingURL=./style.css.map */ \ No newline at end of file +#filter { + position: relative; +} +#filter .container { + position: relative; +} +#filter.filter_in_catalog:not(.visible) { + display: none; +} +#filter.filter_in_catalog .container { + padding-top: 0; + padding-bottom: 0; + margin-bottom: 40px; +} +@media all and (max-width: 1420px) { + #filter.filter_in_catalog .container { + margin-left: 0; + margin-right: 0; + width: 100%; + } + #filter.filter_in_catalog .container .filter_header .button { + bottom: 10px; + } +} +@media all and (max-width: 768px) { + #filter.filter_in_catalog .container { + bottom: 40px; + } +} +#filter .filter_header { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 40px; +} +#filter .filter_header .button { + width: calc(33.333% - 21px); +} +@media all and (max-width: 1279px) { + #filter .filter_header .button { + width: calc(50% - 15px); + position: absolute; + right: 0; + bottom: 90px; + } +} +@media all and (max-width: 1280px) { + #filter .filter_header .button { + bottom: 50px; + } +} +@media all and (max-width: 768px) { + #filter .filter_header .button { + width: 100%; + bottom: 60px; + } +} +#filter .filter_body { + display: flex; + flex-wrap: wrap; + justify-content: space-between; +} +#filter .filter_body .filter_column { + width: calc(33.333% - 21px); +} +@media all and (max-width: 1279px) { + #filter .filter_body .filter_column { + width: calc(50% - 15px); + margin-bottom: 35px; + } + #filter .filter_body .filter_column:nth-child(3) { + margin-bottom: 0; + } +} +@media all and (max-width: 768px) { + #filter .filter_body .filter_column { + width: 100%; + margin-bottom: 24px; + } + #filter .filter_body .filter_column:last-child { + margin-bottom: 100px; + } +} +#filter .filter_body .form_field { + width: 100%; + margin-bottom: 10px; +} +#filter .filter_body .fieldgroup { + width: 100%; +} +#filter .filter_body .fieldgroup .form_field { + width: calc(50% - 20px); +} +@media all and (max-width: 768px) { + #filter .filter_body .fieldgroup .form_field { + width: calc(50% - 4px); + } +} +#catalog_small_filter { + margin-bottom: 40px; +} +#catalog_small_filter.hidden { + display: none; +} +#catalog_small_filter .filter_body { + display: flex; + justify-content: flex-end; +} +#catalog_small_filter .filter_body select { + margin-right: 30px; + width: 306px; +} +#catalog_small_filter .filter_body button { + width: 220px; +} +@media all and (max-width: 1280px) { + #catalog_small_filter .filter_body { + justify-content: space-between; + } + #catalog_small_filter .filter_body .form_field { + width: calc(33.333% - 30px); + } + #catalog_small_filter .filter_body .form_field select { + width: 100%; + } + #catalog_small_filter .filter_body button { + width: 33.3333%; + } +} +@media all and (max-width: 768px) { + #catalog_small_filter .filter_body { + display: block; + } + #catalog_small_filter .filter_body .form_field, + #catalog_small_filter .filter_body button { + width: 100%; + margin-bottom: 8px; + } +} +#order .order_form { + position: relative; + margin: 0; +} +@media all and (max-width: 960px) { + #order .order_form { + margin-top: -60px; + } +} +@media all and (max-width: 768px) { + #order .order_form { + margin: 0; + } +} +#order .order_form .order_email { + display: flex; + align-items: center; + position: absolute; + z-index: 1; + background: #EDEFF5; + height: 235px; + left: 0; + right: 0; + top: 0; + bottom: 0; + margin: auto; +} +#order .order_form .order_email p { + width: 320px; + font-size: 24px; + line-height: 45px; + padding: 0 20px; +} +@media all and (max-width: 1280px) { + #order .order_form .order_email p { + width: 220px; + font-size: 13px; + line-height: 20px; + } +} +@media all and (max-width: 768px) { + #order .order_form .order_email { + position: relative; + height: auto; + margin-bottom: 25px; + } + #order .order_form .order_email p { + padding: 0; + } +} +#order .order_form form { + width: 750px; + background: var(--blue); + box-sizing: border-box; + padding: 55px 90px; + margin: auto; + margin-left: 390px; + position: relative; + z-index: 2; +} +@media all and (max-width: 1420px) { + #order .order_form form { + width: 550px; + margin-left: 320px; + } +} +@media all and (max-width: 960px) { + #order .order_form form { + width: 50%; + padding: 15px 25px; + margin-left: 285px; + } +} +@media all and (max-width: 768px) { + #order .order_form form { + width: auto; + margin-left: -16px; + margin-right: -16px; + padding: 25px 16px; + } +} +#order .order_form form input { + margin-bottom: 15px; + background: rgba(255, 255, 255, 0.2); + color: #fff; +} +#order .order_form form input::placeholder { + color: #fff; +} +@media all and (max-width: 1280px) { + #order .order_form form input { + margin-bottom: 15px; + } +} +#order .order_form form .policy { + position: relative; + z-index: 2; + margin: 5px 25px 45px 25px; +} +@media all and (max-width: 1280px) { + #order .order_form form .policy { + margin-top: -5px; + margin-bottom: 25px; + margin-left: 0; + margin-right: 0; + } +} +#order .order_form form .policy label { + color: #fff; + font-weight: 300; +} +#order .order_form form .policy label:before { + background: #fff; + border-radius: 0; +} +#order .order_form form .policy input:checked + label:before { + border-color: #fff; + background: url("/assets/images/icons/checkbox_blue.svg") no-repeat center #fff; +} +#order .order_form form .button { + display: inherit; + margin-left: auto; +} +.login { + max-width: 610px; +} +.login .login_with { + display: flex; + align-items: center; + margin-bottom: 50px; + justify-content: flex-start; +} +.login .login_with p { + margin-right: 20px; +} +.login .login_with .tabs .tab { + margin-right: 0; +} +.login .login_with .tabs .tab:not(.active) { + background-color: var(--inactive); +} +.login .button-group { + display: flex; + align-items: center; + justify-content: flex-end; +} +.login .button-group .button { + margin-left: 30px; + display: flex; +} +.login .button-group .button:first-child { + width: auto; +} +.login .form_field { + margin-bottom: 15px; +} +.login .form_field.error { + margin-bottom: 25px; +} +.login input[name="login"] { + padding-left: 32px; + background: url("/assets/images/icons/icon-login.svg") no-repeat 8px 50%; +} +.login input[name="pass"] { + padding-left: 32px; + background: url("/assets/images/icons/icon-pass.svg") no-repeat 8px 50%; +} +.login .button { + width: 90px; + display: block; + margin-left: auto; +} +@media all and (max-width: 960px) { + .login { + max-width: 440px; + } + .login form { + max-width: 400px; + } +} +@media all and (max-width: 768px) { + .login .login_with { + display: block; + margin-bottom: 30px; + } + .login .login_with p { + margin-bottom: 10px; + } + .login .login_with .tabs { + width: 100%; + } + .login .login_with .tabs .tab { + width: 50%; + text-align: center; + } + .login .button-group { + flex-wrap: wrap; + justify-content: center; + } + .login .button-group .button { + margin-left: 0; + } + .login .button-group button { + order: 1; + width: 100%; + } + .login .button-group a { + order: 2; + display: inline-flex; + } +} +.login.recovery { + max-width: 815px; +} +.login.recovery p.full { + width: 100%; +} +.login.recovery .message { + margin-bottom: 15px; +} +.login.recovery form { + display: flex; + justify-content: space-between; +} +.login.recovery form .form_field { + width: calc(100% - 205px); +} +.login.recovery form .button { + width: 175px; +} +.login.recovery form.newPass_form { + flex-wrap: wrap; +} +.login.recovery .resend { + display: flex; + align-items: center; + justify-content: flex-start; +} +.login.recovery .resend p { + margin-right: 30px; +} +.login.recovery .resend .button { + margin-left: 0; + width: auto; +} +@media all and (max-width: 960px) { + .login.recovery form { + max-width: 100%; + } +} +@media all and (max-width: 768px) { + .login.recovery form { + display: block; + } + .login.recovery form .form_field, + .login.recovery form .button { + width: 100%; + } + .login.recovery .resend { + display: block; + text-align: center; + margin-top: 15px; + } + .login.recovery .resend p { + margin-right: 0; + } + .login.recovery .resend .button { + margin-left: auto; + margin-right: auto; + } +} +.contract_search { + margin-bottom: 40px; +} +@media all and (max-width: 1600px) and (min-width: 1280px) { + .contract_search { + margin-bottom: 30px; + } +} +.contract_search form { + display: flex; + align-items: center; + justify-content: space-between; +} +.contract_search form .form_field.full { + width: 100% !important; + margin-right: 30px !important; +} +@media all and (max-width: 960px) { + .contract_search form .form_field.full { + margin-right: 0 !important; + } +} +.contract_search form .form_field:first-child { + width: calc(50% - 15px); + min-width: calc(50% - 15px); + margin-right: 15px; +} +.contract_search form .form_field:nth-child(2), +.contract_search form .form_field:nth-child(3) { + width: 100%; + margin-right: 15px; +} +.contract_search form .form_field.single { + width: 100%; + margin-right: 80px; +} +.contract_search form .form_field .button { + width: 158px; + min-width: 158px; +} +@media all and (max-width: 768px) { + .contract_search form .form_field .button { + display: none; + } +} +.contract_search form .form_field input + label { + display: none; +} +@media all and (max-width: 960px) { + .contract_search { + margin-bottom: 20px; + } + .contract_search form { + flex-wrap: wrap; + justify-content: flex-start; + } + .contract_search form .form_field:first-child { + margin-bottom: 15px; + width: 100%; + } + .contract_search form .form_field:first-child.single { + width: calc(100% - 105px); + margin-right: 30px; + margin-bottom: 0; + } + .contract_search form .form_field:nth-child(2), + .contract_search form .form_field:nth-child(3) { + width: 25%; + margin-right: 30px; + } + .contract_search form .button { + margin-left: auto; + } +} +@media all and (max-width: 768px) { + .contract_search form { + justify-content: space-between; + } + .contract_search form .form_field { + margin-right: 0; + } + .contract_search form .form_field:first-child { + margin-right: 0; + margin-bottom: 15px; + width: 100%; + } + .contract_search form .form_field:first-child.single { + width: 100%; + margin-right: 0px; + } + .contract_search form .form_field:nth-child(2), + .contract_search form .form_field:nth-child(3) { + width: calc(50% - 4px); + margin-right: 0px; + } + .contract_search form .form_field .date_input, + .contract_search form .form_field input[type="date"] { + height: 55px; + background-position: 8px 14px; + position: relative; + padding-bottom: 8px; + } + .contract_search form .form_field .date_input::placeholder, + .contract_search form .form_field input[type="date"]::placeholder { + color: transparent; + } + .contract_search form .form_field .date_input[value=""] + label, + .contract_search form .form_field input[type="date"][value=""] + label { + display: inline-block; + position: absolute; + left: 32px; + top: 10px; + z-index: 2; + font-size: 13px; + line-height: 20px; + color: #919399; + } + .contract_search form .button { + margin-left: auto; + width: 100%; + margin-top: 15px; + background: var(--blue); + color: #fff; + display: none; + } + .contract_search form .button:disabled { + opacity: 0.48; + } +} +.reconciliation_form:not(.small) { + margin-bottom: 35px; + display: flex; + flex-wrap: wrap; + justify-content: space-between; +} +.reconciliation_form:not(.small) p { + width: 100%; + font-weight: 700; + margin-bottom: 20px; +} +.reconciliation_form:not(.small) .form_group { + width: calc(65% - 8px); + display: flex; + flex-wrap: wrap; + justify-content: space-between; +} +.reconciliation_form:not(.small) .form_group:last-child { + width: calc(35% - 8px); +} +.reconciliation_form:not(.small) .form_field { + width: calc(50% - 8px); +} +.reconciliation_form:not(.small) .button { + width: calc(40% - 8px); +} +.reconciliation_form:not(.small) .button:last-child { + width: calc(60% - 8px); +} +@media all and (max-width: 1279px) { + .reconciliation_form:not(.small) .form_group, + .reconciliation_form:not(.small) .form_group:last-child { + width: calc(50% - 8px); + } +} +@media all and (max-width: 768px) { + .reconciliation_form:not(.small) p { + margin-bottom: 8px; + } + .reconciliation_form:not(.small) .form_group, + .reconciliation_form:not(.small) .form_group:last-child { + width: 100%; + } + .reconciliation_form:not(.small) .form_field { + margin-bottom: 15px; + } + .reconciliation_form:not(.small) .button, + .reconciliation_form:not(.small) .form_field { + width: calc(50% - 4px); + } + .reconciliation_form:not(.small) .button:last-child, + .reconciliation_form:not(.small) .form_field:last-child { + width: calc(50% - 4px); + } +} +.reconciliation_form.small { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + max-width: 420px; +} +@media all and (max-width: 768px) { + .reconciliation_form.small { + max-width: 100%; + } +} +.reconciliation_form.small .form_field { + width: calc(50% - 8px); +} +@media all and (max-width: 768px) { + .reconciliation_form.small .form_field { + width: calc(50% - 4px); + } +} +.reconciliation_form.small .form_field .date_input_wrapper > .rw-widget .rw-widget-container { + display: block; +} +.reconciliation_form.small .form_field .date_input_wrapper > .rw-widget .rw-widget-container > button { + margin: 0; + width: 100%; +} +.reconciliation_form.small button.button { + margin-top: 35px; + width: calc(45% - 8px); +} +.reconciliation_form.small button.button:last-child { + width: calc(55% - 8px); +} +@media all and (max-width: 768px) { + .reconciliation_form.small button.button { + width: calc(50% - 4px) !important; + margin-top: 15px; + } +} +.fade { + position: fixed; + z-index: 99999; + top: 0; + left: 0; + width: 100%; + height: 100%; + overflow: auto; + background: rgba(0, 0, 0, 0.5); + display: block; +} +.fade:not(.opened) { + display: none; +} +.fade .modal { + max-width: 700px; + width: 100%; + background: #fff; + margin: 100px auto; + padding: 45px 40px; +} +.fade .modal .modal_footer { + text-align: right; + margin-top: 30px; +} +.fade .modal .modal_footer .button { + margin-left: auto; +} +@media all and (max-width: 768px) { + .fade .modal { + padding: 25px 20px; + margin: 0; + } +} +.reconciliation_form.small { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + max-width: 420px; +} +.reconciliation_form.small .form_field { + width: calc(50% - 8px); +} +@media all and (max-width: 768px) { + .reconciliation_form.small .form_field { + width: calc(50% - 4px); + } +} +.reconciliation_form.small button.button { + margin-top: 15px; + width: calc(45% - 8px); +} +.reconciliation_form.small button.button:last-child { + width: calc(55% - 8px); +} +@media all and (max-width: 768px) { + .reconciliation_form.small button.button { + width: calc(50% - 4px); + } +} +.fade { + position: fixed; + z-index: 99999; + top: 0; + left: 0; + width: 100%; + height: 100%; + overflow: auto; + background: rgba(0, 0, 0, 0.5); + display: block; +} +.fade:not(.opened) { + display: none; +} +.fade .modal { + max-width: 700px; + width: 100%; + background: #fff; + margin: 100px auto; + padding: 45px 40px; +} +.fade .modal .modal_footer { + text-align: right; + margin-top: 30px; +} +.fade .modal .modal_footer .button { + margin-left: auto; +} +.settings_user_control { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 45px; +} +.settings_user_control p { + font-weight: 700; +} +.settings_user_control div { + display: flex; + align-items: center; + gap: 0 7px; +} +@media all and (max-width: 1279px) { + .settings_user_control p { + width: 160px; + margin-right: 16px; + min-width: 160px; + } + .settings_user_control div { + width: 100%; + } + .settings_user_control div button:first-child { + width: 60%; + } + .settings_user_control div button:last-child { + width: 40%; + } +} +@media all and (max-width: 768px) { + .settings_user_control { + display: block; + margin-bottom: 35px; + width: 100%; + } + .settings_user_control p { + width: 100%; + } + .settings_user_control div { + display: block; + } + .settings_user_control div button { + width: 100% !important; + margin-top: 16px; + } +} +.settings_table { + display: table; + border-collapse: collapse; + width: 100%; +} +@media all and (max-width: 1279px) { + .settings_table { + display: block; + } +} +.settings_table .table_row { + display: table-row; +} +@media all and (max-width: 1279px) { + .settings_table .table_row { + display: block; + padding-bottom: 16px; + margin-bottom: 16px; + border-bottom: 1px solid #EDEFF5; + padding-left: 55px; + background: url("../../public/assets/images/icons/user.svg") no-repeat top left; + position: relative; + } +} +@media all and (max-width: 768px) { + .settings_table .table_row { + padding-left: 0; + background: transparent; + } +} +.settings_table .table_row .table_cell { + display: table-cell; + padding: 18px 12px; + border: 1px solid #EDEFF5; + position: relative; +} +.settings_table .table_row .table_cell.delete { + position: static; +} +@media all and (max-width: 1279px) { + .settings_table .table_row .table_cell { + display: flex; + flex-wrap: wrap; + border: 0; + font-size: 13px; + line-height: 20px; + padding: 0; + margin-bottom: 4px; + } + .settings_table .table_row .table_cell:before { + content: attr(data-title); + color: #8E94A7; + font-weight: 700; + display: block; + width: 190px; + padding-right: 10px; + } +} +@media all and (max-width: 768px) { + .settings_table .table_row .table_cell:before { + width: 100%; + margin-bottom: 2px; + } +} +.settings_table .table_row .table_cell:last-child { + border-left: 0; + min-width: 36px; +} +.settings_table .table_row .table_cell:last-child button { + position: absolute; + width: 16px; + height: 16px; + padding: 0; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin: auto; + visibility: hidden; + pointer-events: none; + background: url("../../public/assets/images/icons/icon-delete.svg") no-repeat center; +} +@media all and (max-width: 1279px) { + .settings_table .table_row .table_cell:last-child:before { + display: none; + border: 0; + } + .settings_table .table_row .table_cell:last-child button { + bottom: auto; + left: auto; + width: 32px; + height: 32px; + background: url("../../public/assets/images/icons/Trash.svg") no-repeat center; + font-size: 0; + text-indent: -999px; + overflow: hidden; + } +} +@media all and (max-width: 768px) { + .settings_table .table_row .table_cell:last-child button { + background: transparent; + text-indent: 0; + font-weight: 600; + font-size: 15px; + line-height: 20px; + color: #A8026B; + width: 140px; + position: relative; + } +} +.settings_table .table_row .table_cell:nth-last-child(2) { + border-right: 0; +} +.settings_table .table_row .table_cell input { + border: 0; + outline: none; + background: #fff; + font-size: 15px; + padding: 0; +} +.settings_table .table_row .table_cell input::placeholder { + color: var(--text_not_active); + font-size: 15px; +} +@media all and (max-width: 1279px) { + .settings_table .table_row .table_cell input { + padding: 0 12px; + border: 1px solid rgba(0, 16, 61, 0.12); + height: 40px; + max-width: 320px; + width: 100%; + box-sizing: border-box; + } +} +@media all and (max-width: 768px) { + .settings_table .table_row .table_cell input { + max-width: none; + width: 100%; + } +} +.settings_table .table_row .table_cell .settings_dropdown { + font-family: 'Montserrat', sans-serif; + cursor: pointer; + width: 100%; + text-align: left; + font-weight: 400; + justify-content: flex-start; + font-size: 15px; + line-height: 20px; + color: #0C0C0C; + padding: 0; + background: url(/assets/images/icons/company-arrow.svg) no-repeat 100% 50%; +} +.settings_table .table_row .table_cell .settings_dropdown[data-selected="false"] { + color: var(--text_not_active); +} +@media all and (max-width: 1279px) { + .settings_table .table_row .table_cell .settings_dropdown { + border: 1px solid rgba(0, 16, 61, 0.12); + padding: 0 10px; + background-position: calc(100% - 10px) 50%; + width: calc(100% - 200px); + max-width: 320px; + } +} +@media all and (max-width: 768px) { + .settings_table .table_row .table_cell .settings_dropdown { + max-width: none; + width: 100%; + } +} +.settings_table .table_row .table_cell .dropdown_list { + position: absolute; + top: 100%; + left: 0; + width: 412px; + display: none; + background: #FFFFFF; + box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.16); + padding: 25px 35px; + z-index: 9; +} +@media all and (max-width: 1279px) { + .settings_table .table_row .table_cell .dropdown_list { + left: 200px; + } +} +@media all and (max-width: 768px) { + .settings_table .table_row .table_cell .dropdown_list { + left: 0; + right: 0; + width: 100%; + padding: 16px; + } +} +.settings_table .table_row .table_cell .dropdown_list.opened { + display: block; +} +.settings_table .table_row .table_cell .dropdown_list .list_item { + position: relative; + padding-bottom: 16px; + margin-bottom: 16px; + border-bottom: 1px solid var(--inactive); +} +.settings_table .table_row .table_cell .dropdown_list .list_item label { + font-weight: 700; + padding-left: 0; + padding-right: 30px; + line-height: 23px; +} +.settings_table .table_row .table_cell .dropdown_list .list_item label:before { + right: 0; + left: auto; +} +.settings_table .table_row .table_cell .dropdown_list .list_item label span { + display: block; + font-weight: 400; +} +.settings_table .table_row .table_cell .dropdown_list .list_item:last-child { + border: 0; + padding-bottom: 0; + margin-bottom: 0; +} +.settings_table .table_row.table_header .table_cell { + color: #8E94A7; + font-weight: 700; + border: 0; +} +.settings_table .table_row.table_header .table_cell:last-child { + border-left: 0 !important; +} +@media all and (max-width: 1279px) { + .settings_table .table_row.table_header { + display: none; + } +} +.settings_table.editable .table_row.editable .table_cell { + margin-bottom: 8px; +} +.settings_table.editable .table_row .table_cell:last-child { + border: 1px solid #EDEFF5; +} +@media all and (max-width: 1279px) { + .settings_table.editable .table_row .table_cell:last-child { + border: 0; + } +} +.settings_table.editable .table_row .table_cell:last-child button { + pointer-events: all; + visibility: visible; +} +.new_appeal form .form_field { + margin-bottom: 14px; +} +.new_appeal form textarea { + height: 208px; +} +.dropzone { + height: 208px; + position: relative; + border: 1px dashed #1C01A9; + border-radius: 4px; + background: rgba(28, 1, 169, 0.1); + text-align: center; + display: flex; + align-items: center; + justify-content: center; + margin-top: 30px; +} +.dropzone .files { + width: 100%; + padding: 16px; +} +.dropzone .files:empty { + display: none; +} +.dropzone [type="file"] { + cursor: pointer; + position: absolute; + opacity: 0; + top: 0; + right: 0; + bottom: 0; + left: 0; +} +.dropzone div { + max-width: 404px; + text-align: center; +} +.dropzone div p { + color: #828282; + margin-bottom: 20px; +} +@media all and (max-width: 768px) { + .dropzone { + border: 0; + background: transparent; + height: auto; + } + .dropzone div p { + margin-bottom: 10px; + } + .dropzone div p:before { + content: attr(data-sm-text); + display: block; + } + .dropzone div p span { + display: none; + } +} diff --git a/css/forms/style.less b/css/forms/style.less index 2aa99e8..4433b6b 100644 --- a/css/forms/style.less +++ b/css/forms/style.less @@ -758,7 +758,7 @@ } .modal { - max-width: 640px; + max-width: 700px; width: 100%; background: #fff; margin: 100px auto; @@ -834,7 +834,7 @@ } .modal { - max-width: 640px; + max-width: 700px; width: 100%; background: #fff; margin: 100px auto; diff --git a/css/main/style.css b/css/main/style.css index 56c5d5c..8417b27 100644 --- a/css/main/style.css +++ b/css/main/style.css @@ -1 +1,4914 @@ -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}}main aside .aside_nav{list-style:none;padding:0;margin:0 0 30px 0}main aside .aside_nav li{margin-bottom:8px}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:0 15px}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}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:block;position:absolute;background:#fff;padding:15px 20px;top:25px;left:-10px;max-width:320px;box-shadow:0 4px 32px rgba(0,0,0,0.16)}main aside .aside_nav:not(.open){display:none}main aside .aside_nav li:not(:last-child){margin-bottom:6px}main aside .aside_nav li a{font-size:15px;font-weight:400;padding:0;min-height:unset}main aside .aside_nav li a.active{background-color:transparent;color:var(--blue)}}@media all and (max-width:768px){main aside .aside_nav{left:0}}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}}.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}.calendar_payment .day span{display:block;font-size:50px;line-height:1;color:#000}.calendar_payment .payment_table{display:table;margin-top:12px}.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}.calendar_payment .payment_table .table_row.table_header .table_cell{color:#87878E;padding: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}}.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:block;width:auto;min-width:calc(33.33% - 15px);padding-left:38px;line-height:26px;font-size:15px;color:#0C0C0C;box-sizing:border-box;background:url("/assets/images/icons/icon-messanger.svg") no-repeat left center}.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}}.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}.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}.feed .feed_list .slick-slide div{height:100%}.feed .feed_list .slick-slide:first-child{margin-left:0}@media (max-width:1420px){.feed .feed_list .slick-slide{width:289px;min-width:289px}}.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}.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)}.help_tooltip .help_icon:hover+.help_content{display:block}.help_tooltip .help_content{display:none;position:absolute;bottom:-50%;margin:auto;left:55px;width:412px;background:#FFFFFF;padding:17px;box-shadow:0 4px 32px rgba(0,0,0,0.16)}.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:0;bottom:0;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}}.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%}}@media all and (max-width:768px){.calc .help_tooltip{position:absolute;right:0;top:5px}}.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}.compare .compare_top p a{font-weight:400;display:inline-block;margin-left:30px}@media all and (max-width:1279px){.compare .compare_top p{margin-bottom:12px;max-width:60%}.compare .compare_top p a{display:block;margin-left:0;margin-top:20px;font-weight:700}}@media all and (max-width:768px){.compare .compare_top p{max-width:none}}.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 .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}}/*# 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; + } +} +main aside .aside_nav { + list-style: none; + padding: 0; + margin: 0 0 30px 0; +} +main aside .aside_nav li { + margin-bottom: 8px; +} +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: 0 15px; +} +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; +} +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: block; + position: absolute; + background: #fff; + padding: 15px 20px; + top: 25px; + left: -10px; + max-width: 320px; + box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.16); + } + main aside .aside_nav:not(.open) { + display: none; + } + main aside .aside_nav li:not(:last-child) { + margin-bottom: 6px; + } + main aside .aside_nav li a { + font-size: 15px; + font-weight: 400; + padding: 0; + min-height: unset; + } + main aside .aside_nav li a.active { + background-color: transparent; + color: var(--blue); + } +} +@media all and (max-width: 768px) { + main aside .aside_nav { + left: 0; + } +} +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; + } +} +.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; +} +.calendar_payment .day span { + display: block; + font-size: 50px; + line-height: 1; + color: #000; +} +.calendar_payment .payment_table { + display: table; + margin-top: 12px; +} +.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; +} +.calendar_payment .payment_table .table_row.table_header .table_cell { + color: #87878E; + padding: 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; + } +} +.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: block; + width: auto; + min-width: calc(33.33% - 15px); + padding-left: 38px; + line-height: 26px; + font-size: 15px; + color: #0C0C0C; + box-sizing: border-box; + background: url("/assets/images/icons/icon-messanger.svg") no-repeat left center; +} +.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; + } +} +.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 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; +} +.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; +} +.feed .feed_list .slick-slide div { + height: 100%; +} +.feed .feed_list .slick-slide:first-child { + margin-left: 0; +} +@media (max-width: 1420px) { + .feed .feed_list .slick-slide { + width: 289px; + min-width: 289px; + } +} +.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; +} +.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); +} +.help_tooltip .help_icon:hover + .help_content { + display: block; +} +.help_tooltip .help_content { + display: none; + position: absolute; + bottom: -50%; + margin: auto; + left: 55px; + width: 412px; + background: #FFFFFF; + padding: 17px; + box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.16); +} +.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: 0; + bottom: 0; + 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%; + } +} +@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; +} +.compare .compare_top p a { + font-weight: 400; + display: inline-block; + margin-left: 30px; +} +@media all and (max-width: 1279px) { + .compare .compare_top p { + margin-bottom: 12px; + max-width: 60%; + } + .compare .compare_top p a { + display: block; + margin-left: 0; + margin-top: 20px; + font-weight: 700; + } +} +@media all and (max-width: 768px) { + .compare .compare_top p { + max-width: none; + } +} +.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 .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; + } +} diff --git a/css/main/style.less b/css/main/style.less index b907219..3923366 100644 --- a/css/main/style.less +++ b/css/main/style.less @@ -4588,6 +4588,13 @@ main .dropdown_blocks_list .dropdown_block .block_body { } } } + + .help_tooltip_content { + ul { + list-style: unset; + margin-left: 10px; + } + } } .calc { @@ -4660,6 +4667,13 @@ main .dropdown_blocks_list .dropdown_block .block_body { right: 0; top: 5px; } + + .help_tooltip_content { + ul { + list-style: unset; + margin-left: 10px; + } + } } } diff --git a/pages/api/file/download.js b/pages/api/file/download.js index 4f5b52b..85907b2 100644 --- a/pages/api/file/download.js +++ b/pages/api/file/download.js @@ -30,6 +30,18 @@ export default async function handler(req, res) }) .then((crm_response) => { + console.log("GET FILE crm_response"); + for(let i in crm_response) + { + if(i !== "data") + { + console.log(i); + console.log(crm_response[i]); + console.log(".".repeat(50)); + } + } + console.log("-".repeat(50)); + res.status(200).send(crm_response.data); }) .catch((error) => diff --git a/pages/components/DownloadFileById/index.js b/pages/components/DownloadFileById/index.js new file mode 100644 index 0000000..a16fdee --- /dev/null +++ b/pages/components/DownloadFileById/index.js @@ -0,0 +1,47 @@ +import React from "react"; +import { SpinnerCircular } from 'spinners-react'; + +import { getFile } from "../../../actions"; + +export default class DownloadFileById extends React.Component +{ + constructor(props) + { + super(props); + this.state = { + downloading: false, + }; + } + + _handle_onDownloadFile = () => + { + const { id, filename } = this.props; + const { downloading } = this.state; + + if(!downloading) + { + this.setState({ downloading: true }, () => + { + getFile({ id, filename }) + .then(() => { this.setState({ downloading: false }); }) + .catch(() => { this.setState({ downloading: false }); }); + }); + } + } + + render() + { + const { id, filename, url, bitrix, title } = this.props; + const { downloading } = this.state; + + return ( + + { downloading ? ( + + ) : ( + this.props.children + ) } + + ) + } +} \ No newline at end of file diff --git a/pages/components/DownloadPdfButton/index.js b/pages/components/DownloadPdfButton/index.js index e432186..cf6dddc 100644 --- a/pages/components/DownloadPdfButton/index.js +++ b/pages/components/DownloadPdfButton/index.js @@ -43,8 +43,9 @@ export default class DownloadPdfButton extends React.Component const { id, filename, url, bitrix, title } = this.props; const { downloading } = this.state; + const s = this.props.style !== undefined ? this.props.style : {}; return ( - { (bitrix && url === null) || (!bitrix && id === null) ? {} : this._handle_onDownloadFile() }}> + { (bitrix && url === null) || (!bitrix && id === null) ? {} : this._handle_onDownloadFile() }}> { downloading ? ( ) : title !== undefined ? title : "Скачать" } diff --git a/pages/components/Events/NotificationMessage/index.js b/pages/components/Events/NotificationMessage/index.js index 946e00a..14db0de 100644 --- a/pages/components/Events/NotificationMessage/index.js +++ b/pages/components/Events/NotificationMessage/index.js @@ -30,9 +30,9 @@ export default class NotificationMessage extends React.Component return (
  • -

    Внимание! { days_left === 0 ? "Сегодня последний день" : `${ pluralize(days_left, "Осталось", "Остался", "Осталось", "Осталось") } ${ days_left } ${ pluralize(days_left, "дней", "день", "дня", "дней") } до` } пролонгации КАСКО по договору №{ event.contract_number } (полис { event.add_info }). Не забудьте самостоятельно продлить полис КАСКО!

    +

    Внимание! { days_left === 0 ? "Сегодня последний день" : `${ pluralize(days_left, "Осталось", "Остался", "Осталось", "Осталось") } ${ days_left } ${ pluralize(days_left, "дней", "день", "дня", "дней") } до` } пролонгации КАСКО по договору №{ event.contract_number } (полис { event.add_info }).

    { event.important && (

    Важное

    ) } -

    { event.event_date }

    +

    { moment(event.event_date).format("DD.MM.YYYY") }

    this._handle_onLink(`/contract/${ event.contract_number }/services#insurance`) }>Подробнее

    @@ -48,7 +48,7 @@ export default class NotificationMessage extends React.Component

  • Внимание! { days_left === 0 ? "Сегодня последний день" : `${ pluralize(days_left, "Осталось", "Остался", "Осталось", "Осталось") } ${ days_left } ${ pluralize(days_left, "дней", "день", "дня", "дней") } до` } пролонгации ОСАГО по договору №{ event.contract_number } (полис { event.add_info }). Не забудьте самостоятельно продлить полис ОСАГО!

    { event.important && (

    Важное

    ) } -

    { event.event_date }

    +

    { moment(event.event_date).format("DD.MM.YYYY") }

    this._handle_onLink(`/contract/${ event.contract_number }/services#insurance`) }>Подробнее

    @@ -62,9 +62,9 @@ export default class NotificationMessage extends React.Component return (
  • -

    Внимание! { days_left === 0 ? "Сегодня последний день" : `${ pluralize(days_left, "Осталось", "Остался", "Осталось", "Осталось") } ${ days_left } ${ pluralize(days_left, "дней", "день", "дня", "дней") } до` } пролонгации FinGAP по договору №{ event.contract_number }. Не забудьте самостоятельно продлить полис FinGAP!

    +

    Внимание! { days_left === 0 ? "Сегодня последний день" : `${ pluralize(days_left, "Осталось", "Остался", "Осталось", "Осталось") } ${ days_left } ${ pluralize(days_left, "дней", "день", "дня", "дней") } до` } пролонгации Safe Finance по договору №{ event.contract_number }.

    { event.important && (

    Важное

    ) } -

    { event.event_date }

    +

    { moment(event.event_date).format("DD.MM.YYYY") }

    this._handle_onLink(`/contract/${ event.contract_number }/services#insurance`) }>Подробнее

    @@ -78,7 +78,7 @@ export default class NotificationMessage extends React.Component

  • Внимание! Получен штраф ГИБДД по договору №{ event.contract_number } на сумму { event.add_info }.

    { event.important && (

    Важное

    ) } -

    { event.event_date }

    +

    { moment(event.event_date).format("DD.MM.YYYY") }

    Подробнее @@ -96,9 +96,9 @@ export default class NotificationMessage extends React.Component

  • Внимание! { days_left === 0 ? "Сегодня дата" : `${ pluralize(days_left, "Осталось", "Остался", "Осталось", "Осталось") } ${ days_left } ${ pluralize(days_left, "дней", "день", "дня", "дней") } до даты` } окончания договора №{ event.contract_number }.

    { event.important && (

    Важное

    ) } -

    { event.event_date }

    +

    { moment(event.event_date).format("DD.MM.YYYY") }

    - + Посмотрите порядок оформления выкупа

    @@ -110,9 +110,9 @@ export default class NotificationMessage extends React.Component { return (
  • -

    Сформировано новое ДС №{ event.add_info} от { event.event_date } по договору №{ event.contract_number } от (НЕТ ДАТЫ). Срок подписания (НЕТ ДАТЫ).

    +

    Сформировано новое ДС №{ event.add_info} от { moment(event.event_date).format("DD.MM.YYYY") } по договору №{ event.contract_number }. Срок подписания (НЕТ ДАТЫ).

    { event.important && (

    Важное

    ) } -

    { event.event_date }

    +

    { moment(event.event_date).format("DD.MM.YYYY") }

    Посмотреть дополнительное соглашение @@ -132,7 +132,7 @@ export default class NotificationMessage extends React.Component

    Приближается дата возврата СТС по договору №{ event.contract_number }. Посмотрите порядок возврата СТС или загрузите скан СТС по ссылке.

    ) } { event.important && (

    Важное

    ) } -

    { event.event_date }

    +

    { moment(event.event_date).format("DD.MM.YYYY") }

    Посмотрите порядок возврата СТС diff --git a/pages/components/Header/index.js b/pages/components/Header/index.js index bd0c127..3c3bd05 100644 --- a/pages/components/Header/index.js +++ b/pages/components/Header/index.js @@ -26,6 +26,7 @@ class Header extends React.Component return { observer: nextProps.observer, events: nextProps.events, + events_loaded: nextProps.events_loaded, appeals: nextProps.appeals, }; } @@ -42,7 +43,7 @@ class Header extends React.Component { if(!prevState.events_loaded) { - this.setState({ events_loaded: true }); + //this.setState({ events_loaded: true }); } } @@ -211,7 +212,7 @@ class Header extends React.Component Телефон

  • - + Уведомления
    @@ -255,6 +256,7 @@ function mapStateToProps(state, ownProps) return { observer: state.auth.observer, events: state.events.list, + events_loaded: state.events.loaded, appeals: state.support.appeals.new, } } diff --git a/pages/components/Modal/calendar.js b/pages/components/Modal/calendar.js index 9dc9031..df7e765 100644 --- a/pages/components/Modal/calendar.js +++ b/pages/components/Modal/calendar.js @@ -31,6 +31,14 @@ class CalendarCellModal extends Component { const {menuOpened, activeLink} = this.state; const { selected_payment } = this.props; + + const types = { + leasing: "Платеж", + kasko: "КАСКО", + osago: "ОСАГО", + fingap: "Safe Finance", + }; + console.log("selected_payment", selected_payment); return (
    @@ -46,6 +54,7 @@ class CalendarCellModal extends Component
    Договор
    +
    Тип платежа
    Платеж
    { selected_payment && selected_payment.payments.map((payment, index) => ( @@ -55,6 +64,9 @@ class CalendarCellModal extends Component №{ payment.contract.number } от { moment(payment.contract.date, "DD-MM-YYYY").format("DD.MM.YYYY") }
    +
    + { types[payment.type] } +
    { numeral(payment.total_amount).format(' ., ') } ₽
    diff --git a/pages/contract/agreement.js b/pages/contract/agreement.js index 6b96a3f..be4fc9b 100644 --- a/pages/contract/agreement.js +++ b/pages/contract/agreement.js @@ -30,22 +30,18 @@ class ContractPage extends React.Component super(props); this.state = { - date: null, - car: null, - contract_date: null, + loading: false, + contracts_info: {}, unsigned: null, signed: null, rules: null, - loading: false, }; } static getDerivedStateFromProps(nextProps, prevState) { return { - date: nextProps.date, - car: nextProps.car, - contract_date: nextProps.contract_date, + contracts_info: nextProps.contracts_info, unsigned: nextProps.unsigned, signed: nextProps.signed, rules: nextProps.rules, @@ -54,38 +50,49 @@ class ContractPage extends React.Component componentDidMount() { - if (!this.state.loading && this.props.number !== undefined) + const { dispatch, number} = this.props; + + if (!this.state.loading && number !== undefined) { this.setState({ loading: true }, () => { - getContractInfo({ - dispatch: this.props.dispatch, - number: this.props.number, - }) - .then((info) => { - console.log("info", info); - - getContractRules({ - dispatch: this.props.dispatch, - date: moment(info.date, "YYYY-MM-DD").format("DD.MM.YYYY"), - }) - .then(() => {}) - .catch(() => {}); - }) - .catch(() => {}); - - getContractAgreement({ - dispatch: this.props.dispatch, - number: this.props.number, - }) - .then(() => { - this.setState({ loading: false }); - }) - .catch(() => {}); + if(this.state.contracts_info[ number ] === undefined) + { + getContractInfo({ dispatch, number }) + .then((contract_info) => + { + const { date } = contract_info; + this._loadData(date); + }); + } + else + { + const { date } = this.state.contracts_info[ number ]; + this._loadData(date); + } }); } } + _loadData = (date) => + { + const { dispatch, number} = this.props; + + getContractRules({ + dispatch, + date: moment(date, "YYYY-MM-DD").format("DD.MM.YYYY"), + }) + .then(() => {}) + .catch(() => {}); + + getContractAgreement({ dispatch, number, }) + .then(() => + { + this.setState({ loading: false }); + }) + .catch(() => {}); + } + _renderDocuments = (documents, type) => { const types = { @@ -119,7 +126,9 @@ class ContractPage extends React.Component render() { const { number } = this.props; - const { loading, date, car, contract_date, unsigned, signed, rules } = this.state; + const { loading, contracts_info, unsigned, signed, rules } = this.state; + + let { date, car, status } = contracts_info[ number ] !== undefined ? contracts_info[ number ] : {}; console.log("rules", rules); console.log("unsigned", unsigned); @@ -147,7 +156,7 @@ class ContractPage extends React.Component
    - +
    { loading ? (
    @@ -198,9 +207,7 @@ class ContractPage extends React.Component function mapStateToProps(state, ownProps) { return { - contract_date: state.contract.date, - date: state.contract.date, - car: state.contract.car, + contracts_info: state.contracts_info, unsigned: state.contract.agreement.unsigned, signed: state.contract.agreement.signed, rules: state.contract.rules, diff --git a/pages/contract/change/components/VariantsList/index.js b/pages/contract/change/components/VariantsList/index.js index c1a19c3..2984513 100644 --- a/pages/contract/change/components/VariantsList/index.js +++ b/pages/contract/change/components/VariantsList/index.js @@ -80,6 +80,8 @@ export default class VariantsList extends React.Component const disabled = this._checkVariant(variant.type); const help = this._getVariantHelp(variant.type); + console.log("help", help); + return (
    -1 ? true : false } onChange={ () => { this._handle_onVariant(variant.type) } }/> @@ -94,14 +96,14 @@ export default class VariantsList extends React.Component
    -
    - {" "} - {/* opened */} -
    -

    -

    Закрыть

    -
    +
    + {" "} + {/* opened */} +
    +

    +

    Закрыть

    +
    ) }
    diff --git a/pages/contract/components/InnerMenu/index.js b/pages/contract/components/InnerMenu/index.js index 2e90e37..859e19d 100644 --- a/pages/contract/components/InnerMenu/index.js +++ b/pages/contract/components/InnerMenu/index.js @@ -61,7 +61,7 @@ export default class InnerMenu extends React.Component render() { const { menuOpened, count_events, count_fines } = this.state; - const { number } = this.props; + const { number, status } = this.props; return (
    • -
  • - - -1 ? "active" : "" }>Изменить график -
    • + { status !== undefined && status !== null && [46, 36, 37, 35].indexOf(status) > -1 && ( +
  • + + -1 ? "active" : "" }>Изменить график + +
    • + ) }
  • -1 ? "active" : "" }>Дополнительные услуги diff --git a/pages/contract/components/ReconciliationForm/index.js b/pages/contract/components/ReconciliationForm/index.js new file mode 100644 index 0000000..801f52b --- /dev/null +++ b/pages/contract/components/ReconciliationForm/index.js @@ -0,0 +1,204 @@ +import React from "react"; +import moment from "moment"; +import { SpinnerCircular } from "spinners-react"; + +import DateInput from "../../../components/DatePicker"; + +import { getReconciliationFile } from "../../../../actions"; + +export default class ReconciliationForm extends React.Component +{ + constructor(props) + { + super(props); + this.state = { + loading: false, + valid_date_start: null, + valid_date_end: null, + period_date_start: null, + period_date_end: null, + reconciliation_requested: false, + reconciliation_disabled: false, + }; + } + + componentDidMount() + { + const de = moment().toDate(); + this.setState( { period_date_end: de, valid_date_end: de }, ); + } + + componentDidUpdate(prevProps, prevState) + { + if (this.state.period_date_start === null && this.props.contract_date !== null) + { + const ds = moment(this.props.contract_date).toDate(); + this.setState({ period_date_start: ds, valid_date_start: ds }); + } + } + + _handle_onReconciliationFileRequest = () => + { + const { number } = this.props; + const { reconciliation_requested, period_date_start, period_date_end } = this.state; + + if (!reconciliation_requested) + { + this.setState({ reconciliation_requested: true }, () => + { + const date_from = moment(period_date_start).format("YYYY-MM-DD"); + const date_to = moment(period_date_end).format("YYYY-MM-DD"); + + getReconciliationFile({ + contract: number, + date_from: date_from, + date_to: date_to, + filename: `${ number }_reconciliation_${ date_from }_${ date_to }.pdf`, + }) + .then(() => { + this.setState({ reconciliation_requested: false }); + }) + .catch(() => { + this.setState({ reconciliation_requested: false }); + }); + }); + } + }; + + _handle_onPeriodDate_start = (date) => + { + const { + valid_date_start, + valid_date_end, + period_date_start, + period_date_end, + } = this.state; + + const md = moment(date, "DD.MM.YYYY"); + + if (md.isValid()) + { + if (date >= valid_date_start && date <= valid_date_end) + { + if (date < period_date_end) + { + this.setState({ + period_date_start: date, + reconciliation_disabled: false, + }); + } + else + { + this.setState({ + period_date_start: date, + reconciliation_disabled: true, + }); + } + } + else + { + this.setState({ + period_date_start: date, + reconciliation_disabled: true, + }); + } + } + else + { + this.setState({ reconciliation_disabled: true }); + } + }; + + _handle_onPeriodDate_end = (date) => + { + const { + valid_date_start, + valid_date_end, + period_date_start, + period_date_end, + } = this.state; + + if (moment(date).isValid()) + { + if (date >= valid_date_start && date <= valid_date_end) + { + if (date > period_date_start) + { + this.setState({ + period_date_end: date, + reconciliation_disabled: false, + }); + } + else + { + this.setState({ + period_date_end: date, + reconciliation_disabled: true, + }); + } + } + else + { + this.setState({ period_date_end: date, reconciliation_disabled: true }); + } + } + else + { + this.setState({ reconciliation_disabled: true }); + } + }; + + render() + { + const { + period_date_start, + period_date_end, + valid_date_start, + valid_date_end, + reconciliation_requested, + reconciliation_disabled, + } = this.state; + + return ( +
    +

    Акт сверки

    +
    +
    + +
    +
    + +
    +
    +
    + + {/**/} +
    +
    + ); + } +} \ No newline at end of file diff --git a/pages/contract/documents.js b/pages/contract/documents.js index 4c18307..a30de04 100644 --- a/pages/contract/documents.js +++ b/pages/contract/documents.js @@ -31,6 +31,7 @@ import { } from "../../actions"; import AccountLayout from "../components/Layout/Account"; import ContractHeader from "./components/ContractHeader"; +import ReconciliationForm from "./components/ReconciliationForm"; const TYPES = { upd: "УПД по очередным платежам", @@ -46,12 +47,13 @@ class ContractDocumentsPage extends React.Component { super(props); this.state = { + loading: false, + contracts_info: {}, opened: [], date: null, car: null, contract_date: null, documents: null, - loading: false, valid_date_start: null, valid_date_end: null, period_date_start: null, @@ -69,52 +71,36 @@ class ContractDocumentsPage extends React.Component static getDerivedStateFromProps(nextProps, prevState) { return { - date: nextProps.date, - car: nextProps.car, - contract_date: nextProps.contract_date, + contracts_info: nextProps.contracts_info, documents: nextProps.documents, }; } componentDidMount() { - if (!this.state.loading && this.props.number !== undefined) - { - const de = moment().toDate(); - this.setState( - { loading: true, period_date_end: de, valid_date_end: de }, - () => { - getContractInfo({ - dispatch: this.props.dispatch, - number: this.props.number, - }); + const { dispatch, number} = this.props; - getContractDocuments({ - dispatch: this.props.dispatch, - number: this.props.number, - }) - .then(() => { + if(!this.state.loading && number !== undefined) + { + if(this.state.contracts_info[ number ] === undefined) + { + getContractInfo({ dispatch, number }); + } + + this.setState({ loading: true }, () => + { + getContractDocuments({ dispatch, number, }) + .then(() => + { this.setState({ loading: false }); - }) - .catch(() => {}); - } - ); + }) + .catch(() => {}); + }); } } componentDidUpdate(prevProps, prevState) { - if (this.state.period_date_start === null) - { - if ( - prevState.contract_date === null && - this.state.contract_date !== null - ) { - const ds = moment(this.state.contract_date).toDate(); - this.setState({ period_date_start: ds, valid_date_start: ds }); - } - } - if (prevState.loading && this.state.loading) { if(document.location.hash.indexOf("penalties") > -1) @@ -134,116 +120,6 @@ class ContractDocumentsPage extends React.Component } } - _handle_onReconciliationFileRequest = () => - { - const { number } = this.props; - const { reconciliation_requested, period_date_start, period_date_end } = this.state; - - if (!reconciliation_requested) - { - this.setState({ reconciliation_requested: true }, () => - { - const date_from = moment(period_date_start).format("YYYY-MM-DD"); - const date_to = moment(period_date_end).format("YYYY-MM-DD"); - - getReconciliationFile({ - contract: number, - date_from: date_from, - date_to: date_to, - filename: `${number}_reconciliation_${date_from}_${date_to}.pdf`, - }) - .then(() => { - this.setState({ reconciliation_requested: false }); - }) - .catch(() => { - this.setState({ reconciliation_requested: false }); - }); - }); - } - }; - - _handle_onPeriodDate_start = (date) => - { - const { - valid_date_start, - valid_date_end, - period_date_start, - period_date_end, - } = this.state; - const md = moment(date, "DD.MM.YYYY"); - - if (md.isValid()) - { - if (date >= valid_date_start && date <= valid_date_end) - { - if (date < period_date_end) - { - this.setState({ - period_date_start: date, - reconciliation_disabled: false, - }); - } - else - { - this.setState({ - period_date_start: date, - reconciliation_disabled: true, - }); - } - } - else - { - this.setState({ - period_date_start: date, - reconciliation_disabled: true, - }); - } - } - else - { - this.setState({ reconciliation_disabled: true }); - } - }; - - _handle_onPeriodDate_end = (date) => - { - const { - valid_date_start, - valid_date_end, - period_date_start, - period_date_end, - } = this.state; - - if (moment(date).isValid()) - { - if (date >= valid_date_start && date <= valid_date_end) - { - if (date > period_date_start) - { - this.setState({ - period_date_end: date, - reconciliation_disabled: false, - }); - } - else - { - this.setState({ - period_date_end: date, - reconciliation_disabled: true, - }); - } - } - else - { - this.setState({ period_date_end: date, reconciliation_disabled: true }); - } - } - else - { - this.setState({ reconciliation_disabled: true }); - } - }; - _handle_onGroup = (group) => { const opened = [...this.state.opened]; @@ -380,23 +256,9 @@ class ContractDocumentsPage extends React.Component render() { const { number } = this.props; - const { - loading, - date, - car, - contract_date, - documents, - period_date_start, - period_date_end, - valid_date_start, - valid_date_end, - reconciliation_requested, - reconciliation_disabled, - opened, - penalties, - penalties_date, - penalties_result, - } = this.state; + const { loading, contracts_info, documents, penalties, penalties_date, penalties_result, } = this.state; + + let { date, car, status } = contracts_info[ number ] !== undefined ? contracts_info[ number ] : {}; return ( @@ -465,7 +327,7 @@ class ContractDocumentsPage extends React.Component
    - +
    { loading ? (
    ) : ( <> -
    -

    Акт сверки

    -
    -
    - -
    -
    - -
    -
    -
    - - {/**/} -
    -
    +
    {documents !== undefined && documents !== null ? ( <> @@ -564,9 +386,7 @@ class ContractDocumentsPage extends React.Component function mapStateToProps(state, ownProps) { return { - contract_date: state.contract.date, - date: state.contract.date, - car: state.contract.car, + contracts_info: state.contracts_info, documents: state.contract.documents, }; } @@ -582,20 +402,4 @@ export const getServerSideProps = reduxWrapper.getServerSideProps( } ); -export default withRouter(connect(mapStateToProps)(ContractDocumentsPage)); - -{ -/*} -
    -
    -

    № постановления: 3432434242334

    -
      -
    • Сумма: 3 000,00 р.
      • -
    • Дата: 01/01/2020
      • -
    • Статус: Оплачен
      • -
    • Штраф: п. 1.15 - Несоблюдение правил парковки
      • -
    -
    -
    -{*/ -} +export default withRouter(connect(mapStateToProps)(ContractDocumentsPage)); \ No newline at end of file diff --git a/pages/contract/events.js b/pages/contract/events.js index 7ffa311..328de05 100644 --- a/pages/contract/events.js +++ b/pages/contract/events.js @@ -25,21 +25,17 @@ class ContractPage extends React.Component { super(props); this.state = { - date: null, - car: null, - contract_date: null, + loading: true, + contracts_info: {}, events_loaded: false, filtered: undefined, - loading: true, }; } static getDerivedStateFromProps(nextProps, prevState) { return { - date: nextProps.date, - car: nextProps.car, - contract_date: nextProps.contract_date, + contracts_info: nextProps.contracts_info, events_loaded: nextProps.events_loaded, filtered: nextProps.filtered, }; @@ -47,11 +43,16 @@ class ContractPage extends React.Component componentDidMount() { - getContractInfo({ dispatch: this.props.dispatch, number: this.props.number }); + const { dispatch, number} = this.props; + + if(this.state.contracts_info[ number ] === undefined) + { + getContractInfo({ dispatch, number }); + } if(this.state.events_loaded) { - getFilteredEvents({ dispatch: this.props.dispatch, contract: this.props.number }); + getFilteredEvents({ dispatch, contract: number }); } } @@ -66,9 +67,9 @@ class ContractPage extends React.Component render() { const { number } = this.props; - const { loading, date, car, contract_date, events_loaded, filtered, } = this.state; + const { loading, contracts_info, events_loaded, filtered, } = this.state; - //console.log("rules", rules); + let { date, car, status } = contracts_info[ number ] !== undefined ? contracts_info[ number ] : {}; return ( @@ -85,7 +86,7 @@ class ContractPage extends React.Component
    - +
    { filtered !== undefined ? ( <> @@ -142,9 +143,7 @@ class ContractPage extends React.Component function mapStateToProps(state, ownProps) { return { - contract_date: state.contract.date, - date: state.contract.date, - car: state.contract.car, + contracts_info: state.contracts_info, events_loaded: state.events.loaded, filtered: state.events.filtered, }; diff --git a/pages/contract/fines.js b/pages/contract/fines.js index 1110bbc..05a963d 100644 --- a/pages/contract/fines.js +++ b/pages/contract/fines.js @@ -39,18 +39,10 @@ class ContractFinesPage extends React.Component { super(props); this.state = { - all: false, - date: null, - car: null, - contract_date: null, - documents: null, - fines: null, loading: false, - valid_date_start: null, - valid_date_end: null, - period_date_start: null, - period_date_end: null, contracts_info: [], + fines: null, + all: false, }; } @@ -58,50 +50,34 @@ class ContractFinesPage extends React.Component { return { contracts_info: nextProps.contracts_info, - date: nextProps.date, - car: nextProps.car, - contract_date: nextProps.contract_date, fines: nextProps.fines, }; } componentDidMount() { - if (!this.state.loading && this.props.number !== undefined) - { - this.setState( - { loading: true }, - () => { - getContractInfo({ - dispatch: this.props.dispatch, - number: this.props.number, - }); + const { dispatch, number} = this.props; - getContractFines({ - dispatch: this.props.dispatch, - number: this.props.number, - }) - .then(() => { - this.setState({ loading: false }); - }) - .catch(() => {}); + if(!this.state.loading && number !== undefined) + { + this.setState({ loading: true }, () => + { + if(this.state.contracts_info[ number ] === undefined) + { + getContractInfo({ dispatch, number }); } - ); + + getContractFines({ dispatch, number }).then(() => + { + this.setState({ loading: false }); + }) + .catch(() => {}); + }); } } componentDidUpdate(prevProps, prevState) { - if (this.state.period_date_start === null) - { - if ( - prevState.contract_date === null && - this.state.contract_date !== null - ) { - const ds = moment(this.state.contract_date).toDate(); - this.setState({ period_date_start: ds, valid_date_start: ds }); - } - } } _handle_onShowMore = () => @@ -242,13 +218,9 @@ class ContractFinesPage extends React.Component render() { const { number } = this.props; - const { - loading, - date, - car, - contract_date, - fines, - } = this.state; + const { loading, contracts_info, fines, } = this.state; + + let { date, car, status } = contracts_info[ number ] !== undefined ? contracts_info[ number ] : {}; console.log("fines"); console.log(fines); @@ -268,7 +240,7 @@ class ContractFinesPage extends React.Component
    - +
    { loading ? (
    diff --git a/pages/contract/index.js b/pages/contract/index.js index 0f795ab..073ab02 100644 --- a/pages/contract/index.js +++ b/pages/contract/index.js @@ -30,8 +30,6 @@ class ContractSchedulePage extends React.Component avans: null, debt: null, penalty: null, - date: null, - car: null, full: false, opened: [], debt_invoice_file_loading: false, @@ -43,8 +41,6 @@ class ContractSchedulePage extends React.Component { return { contracts_info: nextProps.contracts_info, - date: nextProps.date, - car: nextProps.car, payments: nextProps.payments, avans: nextProps.avans, debt: nextProps.debt, @@ -55,7 +51,7 @@ class ContractSchedulePage extends React.Component componentDidMount() { console.log("ContractSchedulePage", "this.state", this.state); - const { number } = this.props; + const { dispatch, number } = this.props; if(!this.state.loading && number !== undefined) { @@ -63,10 +59,11 @@ class ContractSchedulePage extends React.Component { if(this.state.contracts_info[ number ] === undefined) { - getContractInfo({ dispatch: this.props.dispatch, number: number }); + getContractInfo({ dispatch, number }); } - getContract({ dispatch: this.props.dispatch, number: number }).then(() => { + getContract({ dispatch, number }).then(() => + { this.setState({ loading: false }); }).catch(() => {}); }); @@ -159,7 +156,7 @@ class ContractSchedulePage extends React.Component const { number } = this.props; const { loading, contracts_info, payments, avans, debt, penalty, full, opened, debt_invoice_file_loading, penalty_invoice_file_loading } = this.state; - let { date, car } = contracts_info[ number ] !== undefined ? contracts_info[ number ] : {}; + let { date, car, status } = contracts_info[ number ] !== undefined ? contracts_info[ number ] : {}; console.log("RENDER", "payments"); console.log(payments); @@ -193,7 +190,7 @@ class ContractSchedulePage extends React.Component
    - +
    { parseInt(avans, 10) > 0 && (
    @@ -339,14 +336,11 @@ class ContractSchedulePage extends React.Component function mapStateToProps(state, ownProps) { return { - company: state.company, contracts_info: state.contracts_info, payments: state.contract.payments, avans: state.contract.avans, debt: state.contract.debt, penalty: state.contract.penalty, - date: state.contract.date, - car: state.contract.car, //schedule: state.payments, } } diff --git a/pages/contract/materials.js b/pages/contract/materials.js index bb6422e..f382723 100644 --- a/pages/contract/materials.js +++ b/pages/contract/materials.js @@ -24,20 +24,16 @@ class ContractPage extends React.Component { super(props); this.state = { - date: null, - car: null, - contract_date: null, - materials: null, loading: false, + contracts_info: {}, + materials: null, } } static getDerivedStateFromProps(nextProps, prevState) { return { - date: nextProps.date, - car: nextProps.car, - contract_date: nextProps.contract_date, + contracts_info: nextProps.contracts_info, materials: nextProps.materials, }; } @@ -68,10 +64,10 @@ class ContractPage extends React.Component render() { - const { loading, date, car, materials, } = this.state; + const { loading, contracts_info, materials, } = this.state; const { number } = this.props; - console.log("materials", materials); + let { date, car, status } = contracts_info[ number ] !== undefined ? contracts_info[ number ] : {}; return ( @@ -91,7 +87,7 @@ class ContractPage extends React.Component
    - +
    { loading ? (
    @@ -124,9 +120,7 @@ class ContractPage extends React.Component function mapStateToProps(state, ownProps) { return { - contract_date: state.contract.date, - date: state.contract.date, - car: state.contract.car, + contracts_info: state.contracts_info, materials: state.contract.materials, } } diff --git a/pages/contract/penalties.js b/pages/contract/penalties.js index f67d9bc..28a1a31 100644 --- a/pages/contract/penalties.js +++ b/pages/contract/penalties.js @@ -28,23 +28,25 @@ class ContractPage extends React.Component { super(props); this.state = { - date: null, - car: null, - contract_date: null, - agreement: null, - rules: null, - loading: false, + loading: false, + contracts_info: {}, + date: null, + car: null, + contract_date: null, + agreement: null, + rules: null, }; } static getDerivedStateFromProps(nextProps, prevState) { return { - date: nextProps.date, - car: nextProps.car, - contract_date: nextProps.contract_date, - agreement: nextProps.agreement, - rules: nextProps.rules, + contracts_info: nextProps.contracts_info, + date: nextProps.date, + car: nextProps.car, + contract_date: nextProps.contract_date, + agreement: nextProps.agreement, + rules: nextProps.rules, }; } @@ -104,9 +106,11 @@ class ContractPage extends React.Component render() { - const { loading, date, car, contract_date, agreement, rules } = this.state; + const { loading, contracts_info, contract_date, agreement, rules } = this.state; const { number } = this.props; + let { date, car, status } = contracts_info[ number ] !== undefined ? contracts_info[ number ] : {}; + console.log("rules", rules); const types = { @@ -182,6 +186,7 @@ class ContractPage extends React.Component function mapStateToProps(state, ownProps) { return { + contracts_info: state.contracts_info, contract_date: state.contract.date, date: state.contract.date, car: state.contract.car, diff --git a/pages/contract/services.js b/pages/contract/services.js index edb5623..2499fc7 100644 --- a/pages/contract/services.js +++ b/pages/contract/services.js @@ -18,6 +18,7 @@ import { getContractInfo, getContractHelpCard, getContractInsurance, getContract import DownloadPdfButton from "../components/DownloadPdfButton"; import AccountLayout from "../components/Layout/Account"; import ContractHeader from "./components/ContractHeader"; +import DownloadFileById from "../components/DownloadFileById"; class ContractServicesPage extends React.Component { @@ -25,11 +26,11 @@ class ContractServicesPage extends React.Component { super(props); this.state = { + loading: false, + contracts_info: {}, opened: [], date: null, car: null, - contract_date: null, - loading: false, helpcard: null, insurance: null, registration: null, @@ -41,9 +42,9 @@ class ContractServicesPage extends React.Component static getDerivedStateFromProps(nextProps, prevState) { return { + contracts_info: nextProps.contracts_info, date: nextProps.date, car: nextProps.car, - contract_date: nextProps.contract_date, helpcard: nextProps.helpcard, insurance: nextProps.insurance, registration: nextProps.registration, @@ -54,17 +55,22 @@ class ContractServicesPage extends React.Component componentDidMount() { console.log("document.location.hash", document.location.hash); + const { dispatch, number } = this.props; - if(!this.state.loading && this.props.number !== undefined) + if(!this.state.loading && number !== undefined) { this.setState({ loading: true }, () => { - getContractInfo({ dispatch: this.props.dispatch, number: this.props.number }); + if(this.state.contracts_info[ number ] === undefined) + { + getContractInfo({ dispatch, number }); + } + Promise.all([ - new Promise((resolve) => { getContractHelpCard({ dispatch: this.props.dispatch, number: this.props.number }).then(resolve())}), - new Promise((resolve) => { getContractInsurance({ dispatch: this.props.dispatch, number: this.props.number }).then(resolve())}), - new Promise((resolve) => { getContractRegistration({ dispatch: this.props.dispatch, number: this.props.number }).then(resolve())}), - new Promise((resolve) => { getContractTelematic({ dispatch: this.props.dispatch, number: this.props.number }).then(resolve())}), + new Promise((resolve) => { getContractHelpCard({ dispatch, number }).then(resolve())}), + new Promise((resolve) => { getContractInsurance({ dispatch, number }).then(resolve())}), + new Promise((resolve) => { getContractRegistration({ dispatch, number }).then(resolve())}), + new Promise((resolve) => { getContractTelematic({ dispatch, number }).then(resolve())}), ]) .then(() => { this.setState({ loading: false }); @@ -140,20 +146,10 @@ class ContractServicesPage extends React.Component render() { - const { opened, loading, date, car, contract_date, helpcard, insurance, registration, telematic, } = this.state; + const { loading, contracts_info, opened, helpcard, insurance, registration, telematic, } = this.state; const { number } = this.props; - console.log("helpcard"); - console.log(helpcard); - - console.log("insurance"); - console.log(insurance); - - console.log("registration"); - console.log(registration); - - console.log("telematic"); - console.log(telematic); + let { date, car, status } = contracts_info[ number ] !== undefined ? contracts_info[ number ] : {}; return ( @@ -173,7 +169,7 @@ class ContractServicesPage extends React.Component
    - +
    { loading ? (
    @@ -228,23 +224,6 @@ class ContractServicesPage extends React.Component
    - {/*} -
    -

    КАСКО

    -
      -
    • Страховая компания: Согласие
      • -
    • Сайт: www.sogl.ru
      • -
    • Телефон: 34234324324324
      • -
    • Номер полиса: 34234324324324
      • -
    • Период действия: 01/01/2020 - 01/01/2025
      • -
    • Страховая сумма: 3 400 000,00 ₽ ₽
      • -
    • Обращаем Ваше внимание, что пролонгация полиса ОСАГО на второй и последующие периоды осуществляется Лизингополучателем самостоятельно
      • -
    -
    - -
    -
    - {*/} { insurance !== undefined && insurance !== null ? ( <> { insurance.kasko !== undefined && insurance.kasko !== null && insurance.kasko !== "" && insurance.kasko.map !== undefined && insurance.kasko.map((entry, index) => ( @@ -255,16 +234,18 @@ class ContractServicesPage extends React.Component { entry.company && (
  • Страховая компания: { entry.company }
    • ) } { entry.site && (
  • Сайт: { entry.site }
    • ) } { entry.phone && (
  • Телефон: { entry.phone }
    • ) } - { entry.number && (
  • Номер полиса: { entry.url !== null ? this._handle_onContract(entry.url) : {} } }>{ entry.number }
    • ) } + { entry.number && ( +
  • Номер полиса: + { entry.url !== null ? this._handle_onContract(entry.url) : {} } }>{ entry.number } + +
    • + ) } { entry.period && (
  • Период действия: { entry.period }
    • ) } { entry.amount && (
  • Страховая сумма: { numeral(entry.amount).format(' ., ') } ₽
    • ) } - { entry.period_type === "prolong" && ( -
  • Обращаем Ваше внимание, что пролонгация полиса КАСКО на второй и последующие периоды осуществляется Лизингополучателем самостоятельно
    • - ) } { entry.period_type === "prolong" && entry.invoice_url !== null && (
    - +
    ) }
    @@ -279,16 +260,21 @@ class ContractServicesPage extends React.Component { entry.company && (
  • Страховая компания: { entry.company }
    • ) } { entry.site && (
  • Сайт: { entry.site }
    • ) } { entry.phone && (
  • Телефон: { entry.phone }
    • ) } - { entry.number && (
  • Номер полиса: { entry.url !== null ? this._handle_onContract(entry.url) : {} } }>{ entry.number }
    • ) } + { entry.number && ( +
  • Номер полиса: + { entry.url !== null ? this._handle_onContract(entry.url) : {} } }>{ entry.number } + +
    • + ) } { entry.period && (
  • Период действия: { entry.period }
    • ) } { entry.amount && (
  • Страховая сумма: { numeral(entry.amount).format(' ., ') } ₽
    • ) } + { entry.period_type === "prolong" && ( +
  • Обращаем Ваше внимание, что пролонгация полиса ОСАГО на второй и последующие периоды осуществляется Лизингополучателем самостоятельно
    • + ) } { entry.period_type === "prolong" && entry.invoice_url !== null && (
    - - {/*} - - {*/} +
    ) }
    @@ -303,16 +289,18 @@ class ContractServicesPage extends React.Component { entry.company && (
  • Страховая компания: { entry.company }
    • ) } { entry.site && (
  • Сайт: { entry.site }
    • ) } { entry.phone && (
  • Телефон: { entry.phone }
    • ) } - { entry.number && (
  • Номер полиса: { entry.url !== null ? this._handle_onContract(entry.url) : {} } }>{ entry.number }
    • ) } + { entry.number && ( +
  • Номер полиса: + { entry.url !== null ? this._handle_onContract(entry.url) : {} } }>{ entry.number } + +
    • + ) } { entry.period && (
  • Период действия: { entry.period }
    • ) } { entry.amount && (
  • Страховая сумма: { numeral(entry.amount).format(' ., ') } ₽
    • ) } { entry.period_type === "prolong" && entry.invoice_url !== null && (
    - - {/*} - - {*/} +
    ) }
    @@ -322,24 +310,23 @@ class ContractServicesPage extends React.Component { insurance.fingap !== undefined && insurance.fingap !== null && insurance.fingap !== "" && insurance.fingap.map !== undefined && insurance.fingap.map((entry, index) => (
    -

    FinGAP

    +

    Safe Finance

      { entry.company && (
    • Страховая компания: { entry.company }
      • ) } { entry.site && (
    • Сайт: { entry.site }
      • ) } { entry.phone && (
    • Телефон: { entry.phone }
      • ) } - { entry.number && (
    • Номер полиса: { entry.url !== null ? this._handle_onContract(entry.url) : {} } }>{ entry.number }
      • ) } + { entry.number && ( +
    • Номер полиса: + { entry.number } + +
      • + ) } { entry.period && (
    • Период действия: { entry.period }
      • ) } { entry.amount && (
    • Страховая сумма: { numeral(entry.amount).format(' ., ') } ₽
      • ) } - { entry.period_type === "prolong" && ( -
    • Обращаем Ваше внимание, что пролонгация полиса FinGAP на второй и последующие периоды осуществляется Лизингополучателем самостоятельно
      • - ) }
    { entry.period_type === "prolong" && entry.invoice_url !== null && (
    - - {/*} - - {*/} +
    ) }
    @@ -407,18 +394,6 @@ class ContractServicesPage extends React.Component )) : (

    Нет данных

    )} - {/*} -
    -
    -
      -
    • Сайт: www.telematic.ru
      • -
    • Логин: test
      • -
    • Пароль: test
      • -
    -
    -

    Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент

    -
    - {*/}
    @@ -435,7 +410,7 @@ class ContractServicesPage extends React.Component function mapStateToProps(state, ownProps) { return { - contract_date: state.contract.date, + contracts_info: state.contracts_info, date: state.contract.date, car: state.contract.car, helpcard: state.contract.helpcard, diff --git a/pages/index.js b/pages/index.js index ca08440..a77260b 100644 --- a/pages/index.js +++ b/pages/index.js @@ -266,7 +266,7 @@ class IndexPage extends React.Component { contract.kasko_exists && { event.stopPropagation(); event.preventDefault(); this._handle_onService(`/contract/${ contract.number }/services#insurance`) } }> } { contract.osago_exists && { event.stopPropagation(); event.preventDefault(); this._handle_onService(`/contract/${ contract.number }/services#insurance`) } }> } { contract.nsib_exists && { event.stopPropagation(); event.preventDefault(); this._handle_onService(`/contract/${ contract.number }/services#insurance`) } }> } - { contract.fingap_exists && { event.stopPropagation(); event.preventDefault(); this._handle_onService(`/contract/${ contract.number }/services#insurance`) } }> } + { contract.fingap_exists && { event.stopPropagation(); event.preventDefault(); this._handle_onService(`/contract/${ contract.number }/services#insurance`) } }> }
    diff --git a/pages/settings/admin.js b/pages/settings/admin.js index a47d8d1..eca5c9f 100644 --- a/pages/settings/admin.js +++ b/pages/settings/admin.js @@ -46,12 +46,26 @@ class Form extends React.Component _handle_onChangeCompanies_all = () => { - const { selected_companies_all } = this.state; - this.setState({ selected_companies_all: selected_companies_all ? false : true }); + const { companies } = this.props; + const { selected_companies_all, selected_companies_list } = this.state; + + const all = selected_companies_all ? false : true; + const selected_companies = []; + + if(all) + { + for(let i in companies) + { + selected_companies.push(companies[i]); + } + } + + this.setState({ selected_companies_all: selected_companies_all ? false : true, selected_companies_list: selected_companies }); } _handle_onCompanySelect = (company) => { + const { companies } = this.props; const { selected_companies_list } = this.state; const selected_companies = []; @@ -72,7 +86,13 @@ class Form extends React.Component selected_companies.push(company); } - this.setState({ selected_companies_list: selected_companies }); + let all = false; + if(companies.length === selected_companies.length) + { + all = true; + } + + this.setState({ selected_companies_all: all, selected_companies_list: selected_companies }); } render() @@ -98,21 +118,38 @@ class Form extends React.Component Все организации - { companies !== undefined && companies !== null && companies.map((company, index) => ( -
    - this._handle_onCompanySelect(company) }/> - -
    - )) } + { companies !== undefined && companies !== null && companies.map((company, index) => + { + let checked = false; + if(selected_companies_all) + { + checked = true; + } + else + { + for(let i in selected_companies_list) + { + if(selected_companies_list[i].acc_number === company.acc_number) + { + checked = true; + break; + } + } + } + + return ( +
    + this._handle_onCompanySelect(company) }/> + +
    + ) + }) }
    -
    -
    - -
    ) } @@ -173,6 +210,11 @@ class AdminPage extends React.Component this.setState({ add: false, edit: false }); } + _handle_onCancel = () => + { + this.setState({ add: false, edit: false }); + } + render() { const { user, users, companies, add, edit } = this.state; @@ -211,7 +253,10 @@ class AdminPage extends React.Component

    Настройки доступа к личному кабинету

    { add || edit ? ( - + <> + + + ) : ( <> @@ -226,8 +271,10 @@ class AdminPage extends React.Component
    Почта
    Роль
    Доступные организации
    -
    Статус
    -
    +
    Статус
    + { edit && ( +
    + ) }
    { users !== undefined && users !== null && users.map((entry, index) => { @@ -240,8 +287,9 @@ class AdminPage extends React.Component
    Администратор
    Все организации
    Активен
    -
    -
    + { edit && ( +
    + ) } ) } @@ -260,8 +308,11 @@ class AdminPage extends React.Component

    { company.title }

    )) }
    Активен
    -
    -
    + { edit && ( +
    + +
    + ) } ) } diff --git a/pages/support/index.js b/pages/support/index.js index 5c0e1f0..31c7641 100644 --- a/pages/support/index.js +++ b/pages/support/index.js @@ -118,6 +118,7 @@ class ContractPage extends React.Component render() { const { loading, themes, question_selected, searched, appleals, query } = this.state; + console.log("themes", themes); return ( @@ -145,8 +146,7 @@ class ContractPage extends React.Component
    { event.preventDefault(); }}>
    - { this._handle_onChangeSearchQuery(event.target.value);} } - /> + { this._handle_onChangeSearchQuery(event.target.value);} }/>
    diff --git a/pages/support/request.js b/pages/support/request.js index 74f8bb1..c864498 100644 --- a/pages/support/request.js +++ b/pages/support/request.js @@ -152,24 +152,6 @@ class SupportRequestPage extends React.Component let opened_theme, opened_question; let found = false; - opened_theme = 0; - for(let t in this.state.themes) - { - opened_question = 0; - for(let q in this.state.themes[t].questions) - { - if(this.props.router.asPath.indexOf(this.state.themes[t].questions[q].id) > -1) - { - found = true; - break; - } - opened_question++; - } - - if(found) { break; } - opened_theme++; - } - let themes_filtered = []; for(let t in this.state.themes) { @@ -189,6 +171,24 @@ class SupportRequestPage extends React.Component } } + opened_theme = 0; + for(let t in themes_filtered) + { + opened_question = 0; + for(let q in themes_filtered[t].questions) + { + if(this.props.router.asPath.indexOf(themes_filtered[t].questions[q].id) > -1) + { + found = true; + break; + } + opened_question++; + } + + if(found) { break; } + opened_theme++; + } + this.setState({ loading: false, themes_filtered, opened_theme: found ? opened_theme : 0, opened_question: found ? opened_question : 0 }); }) .catch(() => {}); @@ -370,6 +370,7 @@ class SupportRequestPage extends React.Component const procedure = themes_filtered !== undefined && themes_filtered !== null ? themes_filtered[ opened_theme ].questions[ opened_question ] : undefined; + console.log("themes", themes); console.log("themes_filtered", themes_filtered); return ( diff --git a/pages/switch.js b/pages/switch.js index 2ff1f1a..4102bdb 100644 --- a/pages/switch.js +++ b/pages/switch.js @@ -12,7 +12,7 @@ import Footer from './components/Footer'; import MainHeader from "./components/MainHeader"; import FormRequest from "./components/FormRequest"; -import { sendOffstageToken, switchAccount } from '../actions'; +import { sendOffstageToken, sendSwitchAccount } from '../actions'; class SwitchPage extends React.Component { @@ -32,7 +32,9 @@ class SwitchPage extends React.Component componentDidMount() { - switchAccount({ dispatch: this.props.dispatch, acc_number: this.props.account }) + const { dispatch } = this.props; + + sendSwitchAccount({ dispatch, acc_number: this.props.account }) .then(() => { this.setState({ error: false }); @@ -40,7 +42,7 @@ class SwitchPage extends React.Component .catch(() => { this.setState({ error: true }); - }); + }); } render() diff --git a/public/assets/images/icons/additional-service-8.svg b/public/assets/images/icons/additional-service-8.svg index 335c141..bf8c255 100644 --- a/public/assets/images/icons/additional-service-8.svg +++ b/public/assets/images/icons/additional-service-8.svg @@ -1,5 +1,27 @@ - - - - - + + + + + + + + + + diff --git a/public/assets/images/icons/additional-service-fg.svg b/public/assets/images/icons/additional-service-fg.svg new file mode 100644 index 0000000..335c141 --- /dev/null +++ b/public/assets/images/icons/additional-service-fg.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/reducers/eventsReducer.js b/reducers/eventsReducer.js index 9c6be0e..b13331e 100644 --- a/reducers/eventsReducer.js +++ b/reducers/eventsReducer.js @@ -23,6 +23,17 @@ const eventsReducer = (state = initialState.events, action) => }; } + case actionTypes.EVENTS_RESET: + { + return { + themes: null, + searched: null, + appeals: { list: null, new: 0 }, + appeal: null, + request: null, + }; + } + default: { return state; } diff --git a/reducers/supportReducer.js b/reducers/supportReducer.js index a8328e8..0018c4a 100644 --- a/reducers/supportReducer.js +++ b/reducers/supportReducer.js @@ -47,6 +47,14 @@ const supportReducer = (state = initialState.support, action) => }; } + case actionTypes.SUPPORT_RESET: + { + return { + ...state, + appeal: action.data.appeal, + }; + } + default: { return state; }