diff --git a/actions/authActions.js b/actions/authActions.js index 87ee0a2..859b466 100644 --- a/actions/authActions.js +++ b/actions/authActions.js @@ -211,42 +211,23 @@ export const sendOffstageToken = ({ token, dispatch }) => }); } -export const sendSwitchAccount = ({ dispatch, acc_number }) => +export const getUsers = ({ dispatch }) => { - console.log("ACTION", "sendSwitchAccount()", `${ process.env.NEXT_PUBLIC_SELF_API_HOST }/api/auth/switch/`); + console.log("ACTION", "getUsers()"); return new Promise((resolve, reject) => { - axios.post(`${ process.env.NEXT_PUBLIC_SELF_API_HOST }/api/auth/switch/`, { acc_number }) - .then((response) => + axios.post(`${ process.env.NEXT_PUBLIC_SELF_API_HOST }/api/auth/admin/`, {}) + .then(async (response) => { - console.log("sendSwitchAccount RESPONSE"); - console.log(response.data); + console.log("getContractRules", "response.data", response.data); + dispatch({ type: actionTypes.ADMIN, data: { users: response.data.users } }); - 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(); - } + resolve(); }) .catch((error) => { - console.error("sendSwitchAccount", "error"); + console.error("ACTION", "getUsers()", "error"); console.error(error); reject(); diff --git a/actions/contractActions.js b/actions/contractActions.js index eb30140..064119d 100644 --- a/actions/contractActions.js +++ b/actions/contractActions.js @@ -39,7 +39,15 @@ export const getContract = ({ dispatch, number, }) => console.log("response.data"); console.log(response.data); - dispatch({ type: actionTypes.CONTRACT_PAYMENTS, data: { payments: response.data.payments, avans: response.data.avans } }); + dispatch({ + type: actionTypes.CONTRACT_PAYMENTS, + data: { + payments: response.data.payments, + avans: response.data.avans, + debt: response.data.paymentDebt, + penalty: response.data.penyDebt + } + }); resolve(); }) diff --git a/actions/fileActions.js b/actions/fileActions.js index 12091d8..0005c86 100644 --- a/actions/fileActions.js +++ b/actions/fileActions.js @@ -154,7 +154,8 @@ export const getReconciliationFile = ({ contract, date_from, date_to, filename } }) .then((response) => { - fileDownload(response.data, filename); + console.log(response.data); + //fileDownload(response.data, filename); resolve(); }) .catch((error) => @@ -206,4 +207,54 @@ export const getBitrixFile = ({ url, filename }) => }); */ }); +} + +export const getContractDebtInvoiceFile = ({ contract }) => +{ + console.log("ACTION", "getContractDebtInvoiceFile", { contract }); + + return new Promise((resolve, reject) => + { + axios.get(`${ process.env.NEXT_PUBLIC_SELF_API_HOST }/api/file/contract/debt`, { + params: { contract }, + responseType: 'blob', + }) + .then((response) => + { + fileDownload(response.data, `evoleasing_${ contract }_invoice_debt_${ moment().format("YYYY_MM_DD") }.pdf`); + resolve(); + }) + .catch((error) => + { + console.error("getContractDebtInvoiceFile", "error"); + console.error(error); + + reject(); + }); + }); +} + +export const getContractPenaltyInvoiceFile = ({ contract }) => +{ + console.log("ACTION", "getContractPenaltyInvoiceFile", { contract }); + + return new Promise((resolve, reject) => + { + axios.get(`${ process.env.NEXT_PUBLIC_SELF_API_HOST }/api/file/contract/penalty`, { + params: { contract }, + responseType: 'blob', + }) + .then((response) => + { + fileDownload(response.data, `evoleasing_${ contract }_invoice_penalty_${ moment().format("YYYY_MM_DD") }.pdf`); + resolve(); + }) + .catch((error) => + { + console.error("getContractPenaltyInvoiceFile", "error"); + console.error(error); + + reject(); + }); + }); } \ No newline at end of file diff --git a/constants/actionTypes.js b/constants/actionTypes.js index b58f419..9f1022a 100644 --- a/constants/actionTypes.js +++ b/constants/actionTypes.js @@ -2,6 +2,7 @@ export const AUTH = 'AUTH'; export const USER = 'USER'; export const COMPANY = 'COMPANY'; export const COMPANIES = 'COMPANIES'; +export const ADMIN = 'ADMIN'; export const CONTRACTS = 'CONTRACTS'; export const CONTRACT = 'CONTRACT'; export const CONTRACT_PAYMENTS = 'CONTRACT_PAYMENTS'; diff --git a/css/footer/style.css b/css/footer/style.css index 7b8a642..24036af 100644 --- a/css/footer/style.css +++ b/css/footer/style.css @@ -1 +1,130 @@ -footer{background:#EDEFF5;padding:45px 0;box-sizing:border-box}@media all and (max-width:1600px) and (min-width:1280px){footer{padding:25px 0}}@media all and (max-width:768px){footer{margin-top:40px;pading:25px 0}}footer .container{display:flex;justify-content:space-between;align-items:flex-start;background:transparent}@media all and (max-width:1279px){footer .container{padding:0;flex-wrap:wrap}}footer .column{width:270px;box-sizing:border-box}@media all and (max-width:1279px){footer .column{width:33.333%}footer .column:last-child{width:100%;display:flex;flex-wrap:wrap}footer .column:last-child>div,footer .column:last-child>p{width:33.333%;margin-top:35px;padding-right:30px;box-sizing:border-box;margin-bottom:0 !important}}@media all and (max-width:768px){footer .column{width:100%;margin-bottom:16px}footer .column:last-child>div,footer .column:last-child>p{width:100%;margin-top:15px;padding-right:0}}footer .column:not(:last-child){padding-right:15px}footer .column li:not(:last-child){margin-bottom:13px}@media all and (max-width:768px){footer .column li:not(:last-child){margin-bottom:8px}}footer .column li a{color:#000}footer .column p{color:#8E94A7;line-height:32px}footer .column a[href^="tel"]{display:inline-block;font-size:16px;line-height:32px;color:#000;padding-left:40px;background:url("/assets/images/icons/icon-phone.svg") no-repeat left center}@media all and (max-width:1600px){footer .column a[href^="tel"]{font-size:13px;background-size:24px;padding-left:37px}}footer .column a[href^="mailto"]{display:inline-block;font-size:16px;line-height:24px;color:#000;padding-left:40px;background:url("/assets/images/icons/icon-mail.svg") no-repeat left center}@media all and (max-width:1600px){footer .column a[href^="mailto"]{font-size:13px;background-size:24px;padding-left:37px}}footer .column div:nth-child(1),footer .column div:nth-child(2),footer .column div.socials{margin-bottom:40px}@media all and (max-width:1600px) and (min-width:1280px){footer .column div:nth-child(1),footer .column div:nth-child(2),footer .column div.socials{margin-bottom:20px}}footer .column div a{line-height:32px}@media all and (max-width:1279px){footer .column div a{line-height:1.45}}/*# sourceMappingURL=./style.css.map */ \ No newline at end of file +footer { + background: #EDEFF5; + padding: 45px 0; + box-sizing: border-box; +} +@media all and (max-width: 1600px) and (min-width: 1280px) { + footer { + padding: 25px 0; + } +} +@media all and (max-width: 768px) { + footer { + margin-top: 40px; + pading: 25px 0; + } +} +footer .container { + display: flex; + justify-content: space-between; + align-items: flex-start; + background: transparent; +} +@media all and (max-width: 1279px) { + footer .container { + padding: 0; + flex-wrap: wrap; + } +} +footer .column { + width: 270px; + box-sizing: border-box; +} +@media all and (max-width: 1279px) { + footer .column { + width: 33.333%; + } + footer .column:last-child { + width: 100%; + display: flex; + flex-wrap: wrap; + } + footer .column:last-child > div, + footer .column:last-child > p { + width: 33.333%; + margin-top: 35px; + padding-right: 30px; + box-sizing: border-box; + margin-bottom: 0 !important; + } +} +@media all and (max-width: 768px) { + footer .column { + width: 100%; + margin-bottom: 16px; + } + footer .column:last-child > div, + footer .column:last-child > p { + width: 100%; + margin-top: 15px; + padding-right: 0; + } +} +footer .column:not(:last-child) { + padding-right: 15px; +} +footer .column li:not(:last-child) { + margin-bottom: 13px; +} +@media all and (max-width: 768px) { + footer .column li:not(:last-child) { + margin-bottom: 8px; + } +} +footer .column li a { + color: #000; +} +footer .column p { + color: #8E94A7; + line-height: 32px; +} +footer .column a[href^="tel"] { + display: inline-block; + font-size: 16px; + line-height: 32px; + color: #000; + padding-left: 40px; + background: url("/assets/images/icons/icon-phone.svg") no-repeat left center; +} +@media all and (max-width: 1600px) { + footer .column a[href^="tel"] { + font-size: 13px; + background-size: 24px; + padding-left: 37px; + } +} +footer .column a[href^="mailto"] { + display: inline-block; + font-size: 16px; + line-height: 24px; + color: #000; + padding-left: 40px; + background: url("/assets/images/icons/icon-mail.svg") no-repeat left center; +} +@media all and (max-width: 1600px) { + footer .column a[href^="mailto"] { + font-size: 13px; + background-size: 24px; + padding-left: 37px; + } +} +footer .column div:nth-child(1), +footer .column div:nth-child(2), +footer .column div.socials { + margin-bottom: 40px; +} +@media all and (max-width: 1600px) and (min-width: 1280px) { + footer .column div:nth-child(1), + footer .column div:nth-child(2), + footer .column div.socials { + margin-bottom: 20px; + } +} +footer .column div a { + line-height: 32px; +} +@media all and (max-width: 1279px) { + footer .column div a { + line-height: 1.45; + } +} diff --git a/css/forms/style.css b/css/forms/style.css index b129670..decb3ae 100644 --- a/css/forms/style.css +++ b/css/forms/style.css @@ -1 +1,1075 @@ -#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 .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 .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: 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: 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/header/style.css b/css/header/style.css index b64e304..6f1b66c 100644 --- a/css/header/style.css +++ b/css/header/style.css @@ -1 +1,427 @@ -header{background:#fff;position:fixed;z-index:99;left:0;right:0;height:112px;font-size:16px;line-height:24px;box-shadow:8px 8px 16px 4px rgba(133,139,146,0.06)}@media all and (max-width:1600px) and (min-width:1280px){header{height:82px;font-size:14px;line-height:18px}}header .container{height:inherit;display:flex;align-items:center;justify-content:space-between;padding:0;background:#fff}header .container:after{display:none}header a{text-decoration:none;color:#000}header a.logo{transform:translateY(4px)}header .header_menu{margin:0 24px;padding:0 24px;border-left:1px solid #e7e9f0;border-right:1px solid #e7e9f0;display:flex;align-items:center;justify-content:space-between;height:32px;width:100%}header .header_menu:last-child{border-right:0;padding-right:0;margin-right:0}header .header_menu nav .nav_toggle{display:none}header .header_menu nav ul{display:flex}header .header_menu nav ul li:not(:last-child){margin-right:24px}header .header_menu nav ul li:last-child{margin-right:63px}header .header_menu nav ul li a.active{color:var(--blue);font-weight:700}header .header_menu nav ul li.active a{color:var(--blue);font-weight:700}header .system_nav{display:flex;align-items:center;gap:16px}header .system_nav>li>a{display:block;width:32px;height:32px;font-size:0px;color:transparent;position:relative}header .system_nav>li>a[data-notify]:before{content:attr(data-notify);display:block;position:absolute;top:-2px;right:-2px;width:19px;height:19px;border-radius:100%;line-height:19px;text-align:center;color:#fff;background:#A8026B;font-size:13px}@media all and (max-width:768px){header .system_nav>li>a[data-notify]:before{width:13px;height:13px;font-size:10px;line-height:14px;top:0;right:0}}header .system_nav>li>a[data-notify="0"]:before{display:none}header .system_nav>li>a[data-icon="phone"]{background:url(/assets/images/icons/icon-phone-black.svg) no-repeat center}header .system_nav>li>a[data-icon="notify"]{background:url(/assets/images/icons/icon-notify.svg) no-repeat center}header .system_nav>li>a[data-icon="message"]{background:url(/assets/images/icons/icon-message.svg) no-repeat center}@media all and (max-width:768px){header .system_nav{gap:12px}header .system_nav>li>a{width:21px;height:21px;background-size:21px !important}}header .system_nav li{position:relative}header .system_nav .backdrop{position:absolute;width:657px;top:65px;right:-96px;display:none}header .system_nav .backdrop.opened{display:block}@media all and (max-width:1279px){header .system_nav .backdrop{width:600px}}@media all and (max-width:768px){header .system_nav .backdrop{background:rgba(12,12,12,0.5);position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;padding:55px 15px;width:100%}}header .system_nav .backdrop .modal{background:#FFFFFF;box-shadow:0 4px 32px rgba(0,0,0,0.16);padding:35px 20px 0 46px;position:relative}header .system_nav .backdrop .modal: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:100px}@media all and (max-width:768px){header .system_nav .backdrop .modal{padding:17px 17px 0 17px}header .system_nav .backdrop .modal:before{display:none}}header .system_nav .backdrop .modal .list li{font-size:13px;line-height:20px;border-bottom:1px solid #EDEFF5;color:#2C2D2E;padding:10px 0;display:flex;flex-wrap:wrap;justify-content:space-between;position:relative}header .system_nav .backdrop .modal .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:768px){header .system_nav .backdrop .modal .list li.new:after{right:auto;left:0}}header .system_nav .backdrop .modal .list li p{line-height:20px}header .system_nav .backdrop .modal .list li p:not(:last-child){margin-bottom:5px}header .system_nav .backdrop .modal .list li p.name{color:#8E94A7;width:calc(100% - 110px);font-weight:700}@media all and (max-width:768px){header .system_nav .backdrop .modal .list li p.name{order:2;width:100%}}header .system_nav .backdrop .modal .list li p.name b{color:#2C2D2E}header .system_nav .backdrop .modal .list li p.date{font-weight:700;font-size:13px;line-height:20px;color:#8E94A7;margin-right:30px}@media all and (max-width:768px){header .system_nav .backdrop .modal .list li p.date{order:1;width:100%;margin-left:0px;margin-right:0}}header .system_nav .backdrop .modal .list li p.action{width:100%;margin-top:10px}@media all and (max-width:768px){header .system_nav .backdrop .modal .list li p.action{order:3;text-align:center}}header .system_nav .backdrop .modal .list li p.type{margin-bottom:0;padding-right:20px}@media all and (max-width:768px){header .system_nav .backdrop .modal .list li p.type{padding-right:0;padding-left:20px}}header .system_nav .backdrop .modal .list li a{color:var(--blue);font-weight:600}header .system_nav .backdrop .modal .all{background:var(--blue);line-height:40px;text-align:center;display:block;margin:15px -20px 0 -46px;font-weight:600;font-size:13px;color:#fff}@media all and (max-width:768px){header .system_nav .backdrop .modal .all{margin:15px -17px 0 -17px}}header .system_nav .backdrop .modal .close{display:none}@media all and (max-width:768px){header .system_nav .backdrop .modal .close{margin:0 -17px 0 -17px;background:#fff;color:var(--blue);line-height:40px;text-align:center;display:block;font-weight:600;font-size:13px;width:calc(100% + 34px);padding:0}}header .lk{display:block;text-decoration:none;min-width:32px;width:32px;height:32px;background:url("/assets/images/icons/logout.svg") no-repeat center}@media all and (max-width:1420px){header a.logo img{width:180px;height:26px;object-fit:contain}header .header_menu{padding:0 16px;margin:0 16px}header .header_menu nav ul li:not(:last-child){margin-right:15px}header .header_menu nav ul li:last-child{margin-right:30px}}@media all and (max-width:1279px){header{font-size:15px;line-height:24px;height:86px}header a.logo img{width:130px;height:20px}header .header_menu{padding:0 16px 0 32px;margin:0 16px 0 32px;border-right:0}header .header_menu nav{height:23px;position:relative}header .header_menu nav .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:15px;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}header .header_menu nav ul{display:block;position:absolute;background:#fff;padding:15px 20px;top:25px;left:-20px;width:320px}header .header_menu nav ul:not(.open){display:none}header .header_menu nav ul li:not(:last-child){margin-bottom:6px}header .header_menu nav ul li a{font-size:15px}header .header_menu a[href^="tel:"]{width:32px;height:32px;background:url("/assets/images/icons/icon-header-phone.svg") no-repeat center;text-indent:-9999px;overflow:hidden;margin-left:auto}}@media all and (max-width:768px){header{height:84px}header .container{padding-bottom:35px}header .header_menu{border-left:0;padding-left:0;margin-left:0;height:24px}header .header_menu nav{position:absolute;left:0;bottom:9px}header .header_menu a[href^="tel:"]{width:24px;height:24px;background-size:contain}header .lk{width:24px;height:24px;min-width:24px;background-size:contain}}/*# sourceMappingURL=./style.css.map */ \ No newline at end of file +header { + background: #fff; + position: fixed; + z-index: 99; + left: 0; + right: 0; + height: 112px; + font-size: 16px; + line-height: 24px; + box-shadow: 8px 8px 16px 4px rgba(133, 139, 146, 0.06); +} +@media all and (max-width: 1600px) and (min-width: 1280px) { + header { + height: 82px; + font-size: 14px; + line-height: 18px; + } +} +header .container { + height: inherit; + display: flex; + align-items: center; + justify-content: space-between; + padding: 0; + background: #fff; +} +header .container:after { + display: none; +} +header a { + text-decoration: none; + color: #000; +} +header a.logo { + transform: translateY(4px); +} +header .header_menu { + margin: 0 24px; + padding: 0 24px; + border-left: 1px solid #e7e9f0; + border-right: 1px solid #e7e9f0; + display: flex; + align-items: center; + justify-content: space-between; + height: 32px; + width: 100%; +} +header .header_menu:last-child { + border-right: 0; + padding-right: 0; + margin-right: 0; +} +header .header_menu nav .nav_toggle { + display: none; +} +header .header_menu nav ul { + display: flex; +} +header .header_menu nav ul li:not(:last-child) { + margin-right: 24px; +} +header .header_menu nav ul li:last-child { + margin-right: 63px; +} +header .header_menu nav ul li a.active { + color: var(--blue); + font-weight: 700; +} +header .header_menu nav ul li.active a { + color: var(--blue); + font-weight: 700; +} +header .system_nav { + display: flex; + align-items: center; + gap: 16px; +} +header .system_nav > li > a { + display: block; + width: 32px; + height: 32px; + font-size: 0px; + color: transparent; + position: relative; +} +header .system_nav > li > a[data-notify]:before { + content: attr(data-notify); + display: block; + position: absolute; + top: -2px; + right: -2px; + width: 19px; + height: 19px; + border-radius: 100%; + line-height: 19px; + text-align: center; + color: #fff; + background: #A8026B; + font-size: 13px; +} +@media all and (max-width: 768px) { + header .system_nav > li > a[data-notify]:before { + width: 13px; + height: 13px; + font-size: 10px; + line-height: 14px; + top: 0; + right: 0; + } +} +header .system_nav > li > a[data-notify="0"]:before { + display: none; +} +header .system_nav > li > a[data-icon="phone"] { + background: url(/assets/images/icons/icon-phone-black.svg) no-repeat center; +} +header .system_nav > li > a[data-icon="notify"] { + background: url(/assets/images/icons/icon-notify.svg) no-repeat center; +} +header .system_nav > li > a[data-icon="message"] { + background: url(/assets/images/icons/icon-message.svg) no-repeat center; +} +@media all and (max-width: 768px) { + header .system_nav { + gap: 12px; + } + header .system_nav > li > a { + width: 21px; + height: 21px; + background-size: 21px !important; + } +} +header .system_nav li { + position: relative; +} +header .system_nav .backdrop { + position: absolute; + width: 657px; + top: 65px; + right: -96px; + display: none; +} +header .system_nav .backdrop.opened { + display: block; +} +@media all and (max-width: 1279px) { + header .system_nav .backdrop { + width: 600px; + } +} +@media all and (max-width: 768px) { + header .system_nav .backdrop { + background: rgba(12, 12, 12, 0.5); + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 9999; + padding: 55px 15px; + width: 100%; + } +} +header .system_nav .backdrop .modal { + background: #FFFFFF; + box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.16); + padding: 35px 20px 0 46px; + position: relative; +} +header .system_nav .backdrop .modal: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: 100px; +} +@media all and (max-width: 768px) { + header .system_nav .backdrop .modal { + padding: 17px 17px 0 17px; + } + header .system_nav .backdrop .modal:before { + display: none; + } +} +header .system_nav .backdrop .modal .list li { + font-size: 13px; + line-height: 20px; + border-bottom: 1px solid #EDEFF5; + color: #2C2D2E; + padding: 10px 0; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + position: relative; +} +header .system_nav .backdrop .modal .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: 768px) { + header .system_nav .backdrop .modal .list li.new:after { + right: auto; + left: 0; + } +} +header .system_nav .backdrop .modal .list li p { + line-height: 20px; +} +header .system_nav .backdrop .modal .list li p:not(:last-child) { + margin-bottom: 5px; +} +header .system_nav .backdrop .modal .list li p.name { + color: #8E94A7; + width: calc(100% - 110px); + font-weight: 700; +} +@media all and (max-width: 768px) { + header .system_nav .backdrop .modal .list li p.name { + order: 2; + width: 100%; + } +} +header .system_nav .backdrop .modal .list li p.name b { + color: #2C2D2E; +} +header .system_nav .backdrop .modal .list li p.date { + font-weight: 700; + font-size: 13px; + line-height: 20px; + color: #8E94A7; + margin-right: 30px; +} +@media all and (max-width: 768px) { + header .system_nav .backdrop .modal .list li p.date { + order: 1; + width: 100%; + margin-left: 0px; + margin-right: 0; + } +} +header .system_nav .backdrop .modal .list li p.action { + width: 100%; + margin-top: 10px; +} +@media all and (max-width: 768px) { + header .system_nav .backdrop .modal .list li p.action { + order: 3; + text-align: center; + } +} +header .system_nav .backdrop .modal .list li p.type { + margin-bottom: 0; + padding-right: 20px; +} +@media all and (max-width: 768px) { + header .system_nav .backdrop .modal .list li p.type { + padding-right: 0; + padding-left: 20px; + } +} +header .system_nav .backdrop .modal .list li a { + color: var(--blue); + font-weight: 600; +} +header .system_nav .backdrop .modal .all { + background: var(--blue); + line-height: 40px; + text-align: center; + display: block; + margin: 15px -20px 0 -46px; + font-weight: 600; + font-size: 13px; + color: #fff; +} +@media all and (max-width: 768px) { + header .system_nav .backdrop .modal .all { + margin: 15px -17px 0 -17px; + } +} +header .system_nav .backdrop .modal .close { + display: none; +} +@media all and (max-width: 768px) { + header .system_nav .backdrop .modal .close { + margin: 0 -17px 0 -17px; + background: #fff; + color: var(--blue); + line-height: 40px; + text-align: center; + display: block; + font-weight: 600; + font-size: 13px; + width: calc(100% + 34px); + padding: 0; + } +} +header .lk { + display: block; + text-decoration: none; + min-width: 32px; + width: 32px; + height: 32px; + background: url("/assets/images/icons/logout.svg") no-repeat center; +} +@media all and (max-width: 1420px) { + header a.logo img { + width: 180px; + height: 26px; + object-fit: contain; + } + header .header_menu { + padding: 0 16px; + margin: 0 16px; + } + header .header_menu nav ul li:not(:last-child) { + margin-right: 15px; + } + header .header_menu nav ul li:last-child { + margin-right: 30px; + } +} +@media all and (max-width: 1279px) { + header { + font-size: 15px; + line-height: 24px; + height: 86px; + } + header a.logo img { + width: 130px; + height: 20px; + } + header .header_menu { + padding: 0 16px 0 32px; + margin: 0 16px 0 32px; + border-right: 0; + } + header .header_menu nav { + height: 23px; + position: relative; + } + header .header_menu nav .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: 15px; + 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; + } + header .header_menu nav ul { + display: block; + position: absolute; + background: #fff; + padding: 15px 20px; + top: 25px; + left: -20px; + width: 320px; + } + header .header_menu nav ul:not(.open) { + display: none; + } + header .header_menu nav ul li:not(:last-child) { + margin-bottom: 6px; + } + header .header_menu nav ul li a { + font-size: 15px; + } + header .header_menu a[href^="tel:"] { + width: 32px; + height: 32px; + background: url("/assets/images/icons/icon-header-phone.svg") no-repeat center; + text-indent: -9999px; + overflow: hidden; + margin-left: auto; + } +} +@media all and (max-width: 768px) { + header { + height: 84px; + } + header .container { + padding-bottom: 35px; + } + header .header_menu { + border-left: 0; + padding-left: 0; + margin-left: 0; + height: 24px; + } + header .header_menu nav { + position: absolute; + left: 0; + bottom: 9px; + } + header .header_menu a[href^="tel:"] { + width: 24px; + height: 24px; + background-size: contain; + } + header .lk { + width: 24px; + height: 24px; + min-width: 24px; + background-size: contain; + } +} diff --git a/css/main/style.css b/css/main/style.css index bb0e149..decea49 100644 --- a/css/main/style.css +++ b/css/main/style.css @@ -1 +1,4671 @@ -main{padding-top:112px;min-height:calc(100vh - 587px)}@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;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% + 10px);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)}@media all and (max-width:1279px){main aside{position:relative;z-index:2}}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}}.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:nth-child(2){min-width:30%}.payments_actions div p{font-weight:700;margin-bottom:16px}.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:80px}.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:16%;min-width:16%}.contract_table .table_row .table_cell:nth-child(5){word-break:break-all;width:19%}.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}.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{max-width:730px;margin:80px 0;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}.helpBox .avatar{width:62px;min-width:62px;height:62px}.helpBox .content{width:calc(100% - 86px)}.helpBox .content p{font-size:15px;line-height:22px;margin-bottom:3px}.helpBox .content p.message{font-weight:700;color:var(--blue)}.helpBox .content p.position{color:var(--text_not_active)}.helpBox .content .info{margin-top:15px;display:flex;flex-wrap:wrap;gap:15px}.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 .content .info a[href^="tel:"]{background:url("/assets/images/icons/icon-phone-blue.svg") no-repeat left center}.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 .content .info{display:block}.helpBox .content .info a{width:auto}.helpBox .content .info a:not(:last-child){margin-bottom:16px}}.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: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;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;overflow:hidden}@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%}}.new_appeal .column .column_text_block .dosc_list .row .doc_name{max-width:100%}@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}/*# sourceMappingURL=./style.css.map */ \ No newline at end of file +main { + padding-top: 112px; + min-height: calc(100vh - 587px); +} +@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; + 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% + 10px); + 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); +} +@media all and (max-width: 1279px) { + main aside { + position: relative; + z-index: 2; + } +} +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; + } +} +.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:nth-child(2) { + min-width: 30%; +} +.payments_actions div p { + font-weight: 700; + margin-bottom: 16px; +} +.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: 80px; +} +.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: 16%; + min-width: 16%; +} +.contract_table .table_row .table_cell:nth-child(5) { + word-break: break-all; + width: 19%; +} +.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; +} +.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 { + max-width: 730px; + margin: 80px 0; + 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; +} +.helpBox .avatar { + width: 62px; + min-width: 62px; + height: 62px; +} +.helpBox .content { + width: calc(100% - 86px); +} +.helpBox .content p { + font-size: 15px; + line-height: 22px; + margin-bottom: 3px; +} +.helpBox .content p.message { + font-weight: 700; + color: var(--blue); +} +.helpBox .content p.position { + color: var(--text_not_active); +} +.helpBox .content .info { + margin-top: 15px; + display: flex; + flex-wrap: wrap; + gap: 15px; +} +.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 .content .info a[href^="tel:"] { + background: url("/assets/images/icons/icon-phone-blue.svg") no-repeat left center; +} +.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 .content .info { + display: block; + } + .helpBox .content .info a { + width: auto; + } + .helpBox .content .info a:not(:last-child) { + margin-bottom: 16px; + } +} +.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: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; + 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; + overflow: hidden; +} +@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; + } +} +.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%; + } +} +.new_appeal .column .column_text_block .dosc_list .row .doc_name { + max-width: 100%; +} +@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; +} diff --git a/pages/api/auth/admin.js b/pages/api/auth/admin.js new file mode 100644 index 0000000..f3ff5a6 --- /dev/null +++ b/pages/api/auth/admin.js @@ -0,0 +1,55 @@ +// Next.js API route support: https://nextjs.org/docs/api-routes/introduction +import axios from 'axios'; +import { Cookies } from 'react-cookie'; +import cookie from 'cookie'; +import moment from 'moment'; +import jwt from 'jsonwebtoken'; +import { inspect } from 'util'; + +import { cors } from '../../../lib/cors'; + +export default async function handler(req, res) +{ + await cors(req, res); + let { acc_number } = req.body; + + console.log("API", "auth/admin"); + if(req.headers.cookie !== undefined) + { + const cookies = cookie.parse(req.headers?.cookie ? req.headers?.cookie : ""); + + if(cookies.jwt !== undefined && cookies.jwt !== null) + { + let allow = false; + let company = {}; + let client_jwt_decoded = jwt.verify(cookies.jwt, process.env.JWT_SECRET_CLIENT); + + + await axios.post(`${ process.env.NEXT_PUBLIC_API_HOST }/api/admin/users/`, { + token: jwt.sign({ "acc_number": client_jwt_decoded.acc_number, }, process.env.JWT_SECRET_CRM, { noTimestamp: true }), + }) + .then((api_response) => + { + console.log("API", "auth/admin", "RESPONSE"); + //console.log(inspect(api_response.data, true, null, true)); + + res.status(200).send(api_response.data); + }) + .catch((error) => + { + console.error("API", "auth/admin", "error"); + console.error(error); + + res.status(403).json(); + }); + } + else + { + res.status(403).json(); + } + } + else + { + res.status(403).json(); + } +} \ No newline at end of file diff --git a/pages/api/file/contract/debt.js b/pages/api/file/contract/debt.js new file mode 100644 index 0000000..7ba005f --- /dev/null +++ b/pages/api/file/contract/debt.js @@ -0,0 +1,54 @@ +// Next.js API route support: https://nextjs.org/docs/api-routes/introduction +import axios from 'axios'; +import { Cookies } from 'react-cookie'; +import cookie from 'cookie'; +import moment from 'moment'; +import jwt from 'jsonwebtoken'; +import { cors } from '../../../../lib/cors'; + +export default async function handler(req, res) +{ + await cors(req, res); + + if(req.headers.cookie !== undefined) + { + const cookies = cookie.parse(req.headers?.cookie ? req.headers?.cookie : ""); + + if(cookies.jwt !== undefined && cookies.jwt !== null) + { + var client_jwt_decoded = jwt.verify(cookies.jwt, process.env.JWT_SECRET_CLIENT); + var crm_jwt = jwt.sign(client_jwt_decoded, process.env.JWT_SECRET_CRM, { noTimestamp: true }); + + try + { + axios.get(`${ process.env.CRM_API_HOST }/lk/Contract/GetDebtBill/`, { + params: { ...client_jwt_decoded, contract_number: req.query.contract, }, + responseType: 'blob', + headers: { + "Authorization": `Bearer ${ crm_jwt }`, + } + }) + .then((crm_response) => + { + console.log("API", "/file/contract/debt", "crm_response.data"); + console.log(crm_response.data); + res.status(200).send(Buffer.from(crm_response.data, 'base64')); + }) + .catch((error) => + { + console.error(error); + res.status(500); + }); + } + catch(e) + { + console.error(e); + res.status(500); + } + } + else + { + res.status(403); + } + } +} \ No newline at end of file diff --git a/pages/api/file/contract/penalty.js b/pages/api/file/contract/penalty.js new file mode 100644 index 0000000..71b0dc6 --- /dev/null +++ b/pages/api/file/contract/penalty.js @@ -0,0 +1,54 @@ +// Next.js API route support: https://nextjs.org/docs/api-routes/introduction +import axios from 'axios'; +import { Cookies } from 'react-cookie'; +import cookie from 'cookie'; +import moment from 'moment'; +import jwt from 'jsonwebtoken'; +import { cors } from '../../../../lib/cors'; + +export default async function handler(req, res) +{ + await cors(req, res); + + if(req.headers.cookie !== undefined) + { + const cookies = cookie.parse(req.headers?.cookie ? req.headers?.cookie : ""); + + if(cookies.jwt !== undefined && cookies.jwt !== null) + { + var client_jwt_decoded = jwt.verify(cookies.jwt, process.env.JWT_SECRET_CLIENT); + var crm_jwt = jwt.sign(client_jwt_decoded, process.env.JWT_SECRET_CRM, { noTimestamp: true }); + + try + { + axios.get(`${ process.env.CRM_API_HOST }/lk/Contract/GetFineBill/`, { + params: { ...client_jwt_decoded, contract_number: req.query.contract, }, + responseType: 'blob', + headers: { + "Authorization": `Bearer ${ crm_jwt }`, + } + }) + .then((crm_response) => + { + console.log("API", "/file/contract/penalty", "crm_response.data"); + console.log(crm_response.data); + res.status(200).send(Buffer.from(crm_response.data, 'base64')); + }) + .catch((error) => + { + console.error(error); + res.status(500); + }); + } + catch(e) + { + console.error(e); + res.status(500); + } + } + else + { + res.status(403); + } + } +} \ No newline at end of file diff --git a/pages/components/Company/index.js b/pages/components/Company/index.js index a3b2760..18e1c3d 100644 --- a/pages/components/Company/index.js +++ b/pages/components/Company/index.js @@ -1,6 +1,6 @@ import React from "react"; import { connect } from "react-redux"; -import { sendSwitchAccount } from "../../../actions"; +//import { switchAccount } from "../../../actions"; class Company extends React.Component { diff --git a/pages/contract/components/FinesCalculatorForm/index.js b/pages/contract/components/PenaltiesCalculatorForm/index.js similarity index 96% rename from pages/contract/components/FinesCalculatorForm/index.js rename to pages/contract/components/PenaltiesCalculatorForm/index.js index 5af79a3..93455da 100644 --- a/pages/contract/components/FinesCalculatorForm/index.js +++ b/pages/contract/components/PenaltiesCalculatorForm/index.js @@ -3,7 +3,7 @@ import moment from "moment"; import DateInput from "../../../components/DatePicker"; -export default class FinesCalculatorForm extends React.Component +export default class PenaltiesCalculatorForm extends React.Component { constructor(props) { diff --git a/pages/contract/documents.js b/pages/contract/documents.js index b46a703..cf16e76 100644 --- a/pages/contract/documents.js +++ b/pages/contract/documents.js @@ -22,7 +22,7 @@ import DateInput from "../components/DatePicker"; import DownloadPrintFormPdfButton from "../components/DownloadPrintFormPdfButton"; import DownloadFinesPdfButton from "../components/DownloadFinesPdfButton"; -import FinesCalculatorForm from "./components/FinesCalculatorForm"; +import PenaltiesCalculatorForm from "./components/PenaltiesCalculatorForm"; import { getContractInfo, @@ -595,7 +595,7 @@ class ContractDocumentsPage extends React.Component ) : null} { documents !== undefined && documents !== null && documents.billfines !== undefined && documents.billfines !== null && documents.billfines.length > 0 && ( - + ) } diff --git a/pages/contract/index.js b/pages/contract/index.js index 89ee0a6..26b002b 100644 --- a/pages/contract/index.js +++ b/pages/contract/index.js @@ -14,7 +14,7 @@ import Footer from '../components/Footer'; import Company from "../components/Company"; import InnerMenu from "./components/InnerMenu"; -import { getContract, getContractInfo } from './../../actions'; +import { getContract, getContractDebtInvoiceFile, getContractInfo, getContractPenaltyInvoiceFile } from './../../actions'; class ContractSchedulePage extends React.Component { @@ -25,10 +25,14 @@ class ContractSchedulePage extends React.Component loading: false, payments: null, avans: null, + debt: null, + penalty: null, date: null, car: null, full: false, opened: [], + debt_invoice_file_loading: false, + penalty_invoice_file_loading: false, } } @@ -39,6 +43,8 @@ class ContractSchedulePage extends React.Component car: nextProps.car, payments: nextProps.payments, avans: nextProps.avans, + debt: nextProps.debt, + penalty: nextProps.penalty, }; } @@ -90,9 +96,59 @@ class ContractSchedulePage extends React.Component this.setState({ opened: opened }); } + _handle_onDownloadDebtFile = () => + { + const { number } = this.props; + + if(!this.state.debt_invoice_file_loading) + { + this.setState({ debt_invoice_file_loading: true }, () => + { + getContractDebtInvoiceFile({ contract: number }) + .then(() => + { + this.setState({ debt_invoice_file_loading: false }); + }) + .catch(() => + { + this.setState({ debt_invoice_file_loading: false }); + }); + }); + } + } + + _handle_onDownloadPenaltyFile = () => + { + const { number } = this.props; + + if(!this.state.penalty_invoice_file_loading) + { + this.setState({ penalty_invoice_file_loading: true }, () => + { + /* + getContractPenaltyInvoiceFile({ contract: number }) + .then(() => + { + this.setState({ penalty_invoice_file_loading: false }); + }) + .catch(() => + { + this.setState({ penalty_invoice_file_loading: false }); + }); + */ + }); + } + } + + _handle_onCalculatePenalty = () => + { + const { number } = this.props; + this.props.router.push(`/contract/${ number }/documents`); + } + render() { - const { payments, avans, date, car, full, opened, loading } = this.state; + const { payments, avans, debt, penalty, date, car, full, opened, loading, debt_invoice_file_loading, penalty_invoice_file_loading } = this.state; const { number } = this.props; console.log(".".repeat(50)); @@ -147,15 +203,31 @@ class ContractSchedulePage extends React.Component ) } {/* Вариант 1 */}
-
-

Счёт на основной долг 1: 000 ₽

- -
-
-

Пени: 000 ₽

- - -
+ { parseInt(debt, 10) > 0 && ( +
+

Счёт на основной долг: { numeral(debt).format(' ., ') } ₽

+ +
+ ) } + { parseInt(penalty, 10) > 0 && ( +
+

Пени: { numeral(penalty).format(' ., ') } ₽

+ + +
+ ) }
@@ -271,6 +343,8 @@ function mapStateToProps(state, ownProps) company: state.company, 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/settings/admin.js b/pages/settings/admin.js index 6cfd6f6..52d26a9 100644 --- a/pages/settings/admin.js +++ b/pages/settings/admin.js @@ -18,7 +18,7 @@ import Footer from '../components/Footer'; import Pagination from '../components/Pagination'; import Company from "../components/Company"; -import { sendPhoneChangeNumber, sendPhoneChangeNumberSmsCode, setUserPhone } from '../../actions'; +import { getUsers, sendPhoneChangeNumber, sendPhoneChangeNumberSmsCode, setUserPhone } from '../../actions'; class IndexPage extends React.Component { @@ -27,6 +27,8 @@ class IndexPage extends React.Component super(props); this.state = { user: {}, + loading: false, + users: null, }; } @@ -34,6 +36,7 @@ class IndexPage extends React.Component { return { user: nextProps.user, + users: nextProps.users, }; } @@ -51,6 +54,19 @@ class IndexPage extends React.Component document.body.style.height = "100%"; document.body.style.display = "flex"; document.body.style.flexDirection = "column"; + + this.setState({ loading: true }, () => + { + getUsers({ dispatch: this.props.dispatch }) + .then(() => + { + this.setState({ loading: false, }) + }) + .catch(() => + { + + }); + }); } componentWillUnmount() @@ -71,7 +87,7 @@ class IndexPage extends React.Component render() { - const { user } = this.state; + const { user, users } = this.state; return ( @@ -112,6 +128,45 @@ class IndexPage extends React.Component
Статус
+ { users !== undefined && users !== null && users.map((entry, index) => + { + if(entry.email === user.email) + { + return ( +
+
{ entry.name }
+
{ user.email }
+
Администратор
+
Все организации
+
Активен
+
+
+
+ ) + } + return null; + }) } + { users !== undefined && users !== null && users.map((entry, index) => + { + if(entry.email !== user.email) + { + return ( +
+
{ entry.name }
+
{ user.email }
+
Администратор
+
{ entry.companies.map((company, cindex) => ( +

{ company.title }

+ )) }
+
Активен
+
+
+
+ ) + } + return null; + }) } + {/*} { user !== undefined && user !== null && user.email !== undefined && user.email !== null && (
{ `${ user.lastname } ${ user.name } ${ user.secondname }` }
@@ -123,6 +178,7 @@ class IndexPage extends React.Component
) } + {*/} {/*}
Иванов Иван Иванович
@@ -189,6 +245,7 @@ function mapStateToProps(state, ownProps) { return { user: state.user, + users: state.admin.users, } } diff --git a/pages/support/appeals.js b/pages/support/appeals.js index 16b2c3a..f74221c 100644 --- a/pages/support/appeals.js +++ b/pages/support/appeals.js @@ -42,19 +42,6 @@ class SupportAppealsPage extends React.Component componentDidMount() { - ReactDOM.findDOMNode(this).parentNode.style.height = "100%"; - ReactDOM.findDOMNode(this).parentNode.style.display = "flex"; - ReactDOM.findDOMNode(this).parentNode.style.flexDirection = "column"; - ReactDOM.findDOMNode(this).parentNode.style.justifyContent = "spaceBetween"; - ReactDOM.findDOMNode(this).parentNode.style.alignItems = "stretch"; - - document.documentElement.style.height = "100%"; - document.documentElement.style.display = "flex"; - document.documentElement.style.flexDirection = "column"; - document.body.style.height = "100%"; - document.body.style.display = "flex"; - document.body.style.flexDirection = "column"; - setTimeout(() => { const appeals = []; @@ -78,18 +65,6 @@ class SupportAppealsPage extends React.Component componentWillUnmount() { - ReactDOM.findDOMNode(this).parentNode.style.height = "unset"; - ReactDOM.findDOMNode(this).parentNode.style.display = "unset"; - ReactDOM.findDOMNode(this).parentNode.style.flexDirection = "unset"; - ReactDOM.findDOMNode(this).parentNode.style.justifyContent = "unset"; - ReactDOM.findDOMNode(this).parentNode.style.alignItems = "unset"; - - document.documentElement.style.height = "unset"; - document.documentElement.style.display = "unset"; - document.documentElement.style.flexDirection = "unset"; - document.body.style.height = "unset"; - document.body.style.display = "unset"; - document.body.style.flexDirection = "unset"; } render() @@ -112,7 +87,7 @@ class SupportAppealsPage extends React.Component
-
+
diff --git a/pages/support/index.js b/pages/support/index.js index be3e394..d731346 100644 --- a/pages/support/index.js +++ b/pages/support/index.js @@ -46,19 +46,6 @@ class ContractPage extends React.Component componentDidMount() { - ReactDOM.findDOMNode(this).parentNode.style.height = "100%"; - ReactDOM.findDOMNode(this).parentNode.style.display = "flex"; - ReactDOM.findDOMNode(this).parentNode.style.flexDirection = "column"; - ReactDOM.findDOMNode(this).parentNode.style.justifyContent = "spaceBetween"; - ReactDOM.findDOMNode(this).parentNode.style.alignItems = "stretch"; - - document.documentElement.style.height = "100%"; - document.documentElement.style.display = "flex"; - document.documentElement.style.flexDirection = "column"; - document.body.style.height = "100%"; - document.body.style.display = "flex"; - document.body.style.flexDirection = "column"; - if (!this.state.loading) { this.setState({ loading: true }, () => @@ -75,18 +62,6 @@ class ContractPage extends React.Component componentWillUnmount() { - ReactDOM.findDOMNode(this).parentNode.style.height = "unset"; - ReactDOM.findDOMNode(this).parentNode.style.display = "unset"; - ReactDOM.findDOMNode(this).parentNode.style.flexDirection = "unset"; - ReactDOM.findDOMNode(this).parentNode.style.justifyContent = "unset"; - ReactDOM.findDOMNode(this).parentNode.style.alignItems = "unset"; - - document.documentElement.style.height = "unset"; - document.documentElement.style.display = "unset"; - document.documentElement.style.flexDirection = "unset"; - document.body.style.height = "unset"; - document.body.style.display = "unset"; - document.body.style.flexDirection = "unset"; } _handle_onQuestion = (question) => @@ -122,7 +97,7 @@ class ContractPage extends React.Component
-
+
diff --git a/pages/switch.js b/pages/switch.js index 9e9328a..2ff1f1a 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, sendSwitchAccount } from '../actions'; +import { sendOffstageToken, switchAccount } from '../actions'; class SwitchPage extends React.Component { @@ -32,7 +32,7 @@ class SwitchPage extends React.Component componentDidMount() { - sendSwitchAccount({ dispatch: this.props.dispatch, acc_number: this.props.account }) + switchAccount({ dispatch: this.props.dispatch, acc_number: this.props.account }) .then(() => { this.setState({ error: false }); diff --git a/reducers/adminReducer.js b/reducers/adminReducer.js new file mode 100644 index 0000000..ab7ff11 --- /dev/null +++ b/reducers/adminReducer.js @@ -0,0 +1,24 @@ +import { HYDRATE } from 'next-redux-wrapper'; + +import * as actionTypes from '../constants/actionTypes'; +import initialState from "./initialState"; + +const adminReducer = (state = initialState.admin, action) => +{ + switch (action.type) + { + case actionTypes.ADMIN: + { + return { + ...state, + ...action.data, + }; + } + + default: { + return state; + } + } +}; + +export default adminReducer; \ No newline at end of file diff --git a/reducers/contractReducer.js b/reducers/contractReducer.js index e57b113..2222ddb 100644 --- a/reducers/contractReducer.js +++ b/reducers/contractReducer.js @@ -29,6 +29,8 @@ const contractReducer = (state = initialState.contract, action) => ...state, payments: action.data.payments, avans: action.data.avans, + debt: action.data.debt, + penalty: action.data.penalty, }; } diff --git a/reducers/initialState.js b/reducers/initialState.js index 8915623..f9a7c4f 100644 --- a/reducers/initialState.js +++ b/reducers/initialState.js @@ -10,7 +10,10 @@ export const defaultState = { phone: "", }, companies: { - list: null, + list: null, + }, + admin: { + list: null, }, company: { title: "", @@ -27,6 +30,8 @@ export const defaultState = { contract: { payments: null, avans: null, + debt: null, + penalty: null, date: null, car: null, insurance: null, diff --git a/store/index.js b/store/index.js index fcc68ca..9f29842 100644 --- a/store/index.js +++ b/store/index.js @@ -10,6 +10,7 @@ import contractReducer from '../reducers/contractReducer'; import calendarReducer from '../reducers/calendarReducer'; import eventsReducer from '../reducers/eventsReducer'; import supportReducer from '../reducers/supportReducer'; +import adminReducer from '../reducers/adminReducer'; const combinedReducer = combineReducers({ auth: authReducer, @@ -21,6 +22,7 @@ const combinedReducer = combineReducers({ calendar: calendarReducer, events: eventsReducer, support: supportReducer, + admin: adminReducer, }); const makeStore = (context) =>