@font-face {font-family: "VTB Group";src: url(/assets/VTBGroup/VTBGroup-Book.woff2) format("woff2"), url(/assets/VTBGroup/VTBGroup-Book.woff) format("woff");font-weight: 400;font-style: normal;font-display: swap }
@font-face {font-family: "VTB Group";src: url(/assets/VTBGroup/VTBGroup-DemiBold.woff2) format("woff2"), url(/assets/VTBGroup/VTBGroup-DemiBold.woff) format("woff");font-weight: 600;font-style: normal;font-display: swap }
@font-face {font-family: "VTB Group";src: url(/assets/VTBGroup/VTBGroup-Light.woff2) format("woff2"), url(/assets/VTBGroup/VTBGroup-Light.woff) format("woff");font-weight: 300;font-style: normal;font-display: swap }
@font-face {font-family: "VTB Group";src: url(/assets/VTBGroup/VTBGroup-Bold.woff2) format("woff2"), url(/assets/VTBGroup/VTBGroup-Bold.woff) format("woff");font-weight: 700;font-style: normal;font-display: swap }
:root{--main-color:#3261EC;--headers-color:#132561;--text-color:#565655;--menu-color:#2F3441;--gray-color:#132561;--dark-color:#00133E;--blue-color:#009EE3;--light-blue-color:#00AAFF;--theme-padding:40px;--theme-margin:100px;}
body{margin: 0;font-family: "VTB Group", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size: 16px;background-color: #F3F7FA;box-sizing: border-box;}
body *{box-sizing: border-box;}
body a{color: var(--main-color);text-decoration: none;}
body img{max-width: 100%;}
.max-width-theme{width:100%;max-width: 1440px;margin: 0 auto;padding: 0 var(--theme-padding);}
.theme-btn{padding: 0 24px;display: flex;height: 56px;align-items: center;justify-content: center;border-radius: 7px;cursor: pointer;}
.bg-white{background-color: #fff}
.bg-main{background-color: var(--main-color)}
.bordered{border: 1px solid;}
.bc-white{border-color: #fff}
.bc-main{border-color: var(--main-color)}
.tc-white{color: #fff}
.tc-main{color: var(--main-color)}
.mt-auto{margin-top: auto;}
h3,.h3{font-size: 56px;font-weight: 400;line-height: 90%;color: var(--headers-color);}
.d-flex{display:flex}
.d-none,.dnone{display:none;}
.flex-column{flex-direction: column;}
header{background-color: #fff;transition: all ease 1s; top: -100%;}
header .header-inner{display:flex;align-items: center;height: 100px;}
header .logo-wrap img{height: 48px;}
header .mail a{color:var(--menu-color);display: block;font-size: 16px;line-height: 20px;}
header .top-menu{margin: 0 auto;}
header .mail-social{margin-left: auto;align-self: flex-start;}
header .mail-social .mail .title{font-size: 10px;line-height: 10px;color: var(--blue-color);}
header .mail-social .mail + .mail{margin-bottom: 4px;}
header .callback-btn{background-color: #ECF3F9;margin-left: 12px;color: var(--menu-color);}
header .resident-btn{margin-left: 4px;color: #fff;cursor: pointer;}
body.js-header-fixed header{position: fixed;left: 0;right: 0;top: 0;z-index: 111;}
body.js-header-fixed main{margin-top:100px}
footer{margin-top: var(--theme-margin);background: #fff;padding-top: 40px;}
.footer-inner{padding-right: 0;column-gap: var(--theme-padding);}
footer .soial-menu{justify-content: start;}
footer .left{}
footer .left .logo-wrap img{height: 56px;}
footer .left .phone-wrap{margin-bottom: 20px;margin-top: 52px;}
footer .left .phone-wrap a,footer .left .mail-wrap a{font-size: 40px;line-height: 51px;}
footer .left .mail-wrap .title{font-size: 10px;line-height: 10px;}
footer .left .company-wrap{font-size: 16px;line-height: 20px;color: #565655;max-width: 268px;margin-top: 24px;margin-bottom: 40px;}
footer .left .smi{margin-top: 64px;}
footer .smi a{color:#132561;font-size: 16px;line-height: 20px;padding-bottom: 4px;border-bottom: 1px solid;}
footer .right{display: flex;flex-direction: column;margin-left: auto;}
footer .right .top{display: flex;padding-right: var(--theme-padding);}
footer .right .bottom{width: auto;}
footer .right .bottom img{max-width: 100%;}
footer .right .menu-wrap{margin: 0 auto;}
footer .right .menu-1{margin-left: 0;}
footer .right .menu-2{}
footer .right .menu-3{}
.footer-bottom{}
.footer-bottom-inner{font-size: 12px;line-height: 15px;display: flex;column-gap: 32px;flex-wrap: wrap;padding: 12px var(--theme-padding);}
.resident-btn{cursor: pointer;}
/* xl */
@media(max-width: 1399px) {
    :root{--theme-padding: 20px;}
}
/* lg */
@media(max-width: 1199px) {
    :root{--theme-margin: 72px;}
    h3,.h3{font-size: 36px;}
    header .header-inner{height:72px}
    body.js-header-fixed main{margin-top:72px}
    header .logo-wrap img,header .logo-wrap{height: 40px;}
    .theme-btn{height: 45px;padding: 0 20px;font-size: 13px;}
    header .top-menu{display: none;}
    header .mail a{font-size: 13px;line-height: 13px;}
    header .burger{width: 45px;height: 45px;background-image: url(/images/burger.png);margin-left: 4px;cursor: pointer;}
    footer .left .logo-wrap, footer .left .logo-wrap img{height:40px;}
    footer .left .phone-wrap a, footer .left .mail-wrap a{font-size:22px;line-height:25px}
    footer .left .company-wrap{font-size:13px;}
    footer .left .mail-wrap + .mail-wrap{margin-top: 15px;}
    .mobile-menu{position: fixed;right: 0;top: -800px;z-index: 112;transition: all ease 0.5s;display: block;background: var(--main-color);color: #fff;padding: 20px 20px 24px;max-width: 768px;width: 100%;box-shadow: 0 0 5px 1px #579;}
    .mobile-menu.opened{top: 0;}
    .mobile-menu .top-row{height: 72px;background-color: #fff;display: flex;align-items: center;border-radius: 7px;justify-content: space-between;padding: 0 14px;margin-bottom: 46px;}
    .mobile-menu .top-row .logo-wrap{}
    .mobile-menu .top-row .logo-wrap img{height:40px;}
    .mobile-menu .top-row .close-btn{width:45px;height:45px;border-radius: 5px;cursor: pointer;background: var(--main-color) url(/images/close-menu.svg) center no-repeat;}
    .mobile-menu .menus{display:flex;flex-direction:column;}
    .mobile-menu .bottom-row{display: flex;justify-content:space-between;}
    .mobile-menu .bottom-row .resident-btn{color:#2F3441}
    .mobile-menu .bottom-row .contacts{display:flex;align-items:end;column-gap:20px;}
    .mobile-menu .bottom-row .contacts .phone{}
    .mobile-menu .bottom-row .contacts .phone a{color:#fff;vertical-align:bottom;font-size: 16px;line-height: 11px;}
    .mobile-menu .bottom-row .contacts .mail{}
    .mobile-menu .bottom-row .contacts .mail .title{font-size: 8px;line-height: 10px;}
    .mobile-menu .bottom-row .contacts .mail a{color:#fff;font-size: 16px;line-height: 11px;}
}
/* md */
@media(max-width: 991px) {

    footer .left .smi{display:none;}
    .footer-inner{column-gap: 12%;}
    footer .right{margin-left: auto;}
    footer .right .top{display:grid;grid-template-columns: 1fr 1fr;column-gap: 5%;margin-bottom: 20px;}
    footer .right .top > div{margin:0}
    footer .right .menu-1{order:-1}
    footer .right .top .smi{display: block;align-self: end;}
    footer .right .menu-2{order:-1;}
    footer .right .top  .menu-3{margin-top: -45px;}
}
/* sm */
@media (max-width: 767px) {
    h3,.h3{font-size: 26px;}
    header .header-inner{height:56px}
    body.js-header-fixed main{margin-top:56px}
    :root{--theme-padding: 10px;--theme-margin: 60px;}
    .theme-btn{font-size:12px; padding: 0 14px;}
    header .mail-social, header .phone-wrap, header .resident-btn{display: none;}
    header .burger{margin-left: auto;}
    header .logo-wrap img, header .logo-wrap{height:32px;}

    footer .left .smi{display:block;}
    footer .right .top .smi{display:none;}
    footer .right .top  .menu-3{margin-top: 0;}
    footer .right .top{display: flex;flex-direction: column;margin: 0 auto 20px;}

    .mobile-menu .top-row{height:56px; padding:0 10px;}
    .mobile-menu .top-row .logo-wrap img{height:32px;}
    .mobile-menu .top-row .close-btn{width:36px;height:36px;}
    .mobile-menu .bottom-row{flex-direction:column;align-items: start;}
    .mobile-menu .bottom-row .resident-btn{display:flex;margin: 40px 0 0;order: 2;}
    .mobile-menu .bottom-row .contacts{flex-direction:column;align-items: start;}
    .mobile-menu .bottom-row .contacts .phone{margin-bottom:20px;}
    .mobile-menu .bottom-row .contacts .phone a{font-size:20px}
    .mobile-menu .bottom-row .contacts .mail{}
    .mobile-menu .bottom-row .contacts .mail .title{}
    .mobile-menu .bottom-row .contacts .mail a{font-size:20px;}

}
/* xs */
@media (max-width: 567px) {
    /*.max-width-theme { max-width: 320px; }*/

    .footer-inner{flex-direction: column;}
    footer .right .top{margin: 20px 0 0;}
    footer .left .smi{margin-top: 0;}
    footer .left .company-wrap{margin:12px 0 16px;max-width:100%}
}

/* Стили для popup-формы */
#popup_form {width: fit-content;padding: 20px 40px;background-color: #ffffff;border-radius: 14px;border: none;max-width: 420px;}
#popup_form_wrapper.jqmWindow {top: 0;display: flex;align-items: center;justify-content: center;background-color: transparent;border: none;width: 100%;height: 100%;left: unset;margin-left: unset;padding: 0;}
#popup_form .field_wrapper {position: relative;}
#popup_form .inputs_block_wrapper .field_wrapper input {margin-bottom: 15px;}
#popup_form .inputs_wrapper .field_wrapper:last-child input {margin-bottom: 5px;}
#popup_form .inputs_wrapper label {color: #C14100;display: block;position: absolute;top: -18px;font-size: 13px;}
#popup_form .inputs_wrapper input {width: 100%;border: 1px solid #ECECEC;border-radius: 4px;font-size: 12px;padding: 6px 0 6px 10px;margin-bottom: 10px;line-height: 15px;letter-spacing: -0.01em;}
#popup_form .inputs_wrapper input::placeholder {color: #9A9A9A;}
#popup_form input:hover {border-color: #00AAFF;}
#popup_form input:focus {border-color: #00AAFF;}
#popup_form input:focus-visible {outline-color: #00AAFF;}
#popup_form .form_head {display: flex;flex-direction: row;justify-content: space-between;}
#popup_form .form_head .result_wrapper {flex-basis: 80%;display: flex;align-items: center;position: relative;}
#popup_form .form_head .result_wrapper p {margin: 0;}
#popup_form .form_head .result_wrapper > div {margin: auto 0;position: absolute;}
#popup_form .form_head .result_wrapper .error_text, #popup_form .form_head .result_wrapper .errortext {color: #C14100 !important;font-size: 12px;line-height: 100%;display: block;}
.close_wrapper {text-align: right;margin: auto 0;}
.close_wrapper svg {cursor: pointer;color: #000000;}
.close_wrapper svg:hover {color: #3261EC;}
#popup_form .form_title {color: #132561;font-size: 34px;line-height: 90%;letter-spacing: -0.025em;margin-top: 10px;margin-bottom: 20px;}
#popup_form .inputs_wrapper {margin-bottom: 16px;}
#popup_form .inputs_block_wrapper {margin-bottom: 12px;}
#popup_form .inputs_block_wrapper div.block_title {color: #565655;font-size: 20px;margin-bottom: 14px;}
#popup_form .form_consent {color: #565655;font-size: 13px;line-height: 20px;}
#popup_form .form_consent a {color: #3261EC;}
#popup_form .btns {margin-bottom: 10px;}
#popup_form .btns input {width: fit-content;color: #ffffff;background-color: #3261EC;font-size: 14px;padding: 14px 20px;border: none;border-radius: 7px;cursor: pointer;}
#popup_form input.required {border-color: #C14100;}
@media (max-width: 500px) {
    #popup_form {max-width: 400px;}
    #popup_form .form_head .result_wrapper {font-size: 13px;}
    #popup_form .form_head {margin-bottom: 12px;}
    #popup_form .form_title {font-size: 32px;margin-top: 4px;}
    #popup_form .inputs_wrapper {margin-bottom: 10px;}
    #popup_form .inputs_wrapper .field_wrapper:last-child input {margin-bottom: 0;}
    #popup_form .inputs_block_wrapper div.block_title {font-size: 18px;}
    #popup_form .form_consent {font-size: 12px;}
    #popup_form .inputs_wrapper label {font-size: 10px;}
}
@media (max-width: 350px) {
    #popup_form .form_head .result_wrapper .error_text, #popup_form .form_head .result_wrapper .errortext {font-size: 10px;}
}
/* ~Стили для popup-формы */
@media (max-width: 767px) {
  body {
    font-size: clamp(16px, 4vw, 18px);
  }
}
@media (max-width: 390px) {
  .max-width-theme {
    max-width: 320px;
  }
}

/*@media (min-width: 391px) and (max-width: 480px) {
  body {
    transform: scale(1.28);
    transform-origin: top center;
  }
}*/