/* bootstrap margin/padding fix */
.row {
    font-size: inherit;
    margin-right: 0;
    margin-left: 0;
}

.col-xs-1, .col-sm-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-lg-9, .col-xs-10, .col-sm-10,  .col-lg-10, .col-xs-11, .col-sm-11,  .col-lg-11, .col-xs-12, .col-sm-12,  .col-lg-12 {
    padding-right: 10px;
    padding-left: 10px;
}

/*.row > div:first-child, .row .question-block > div:first-child {
    padding-left: 0;
}

.row > div:last-child, .row .question-block > div:last-child {
    padding-right: 0;
}*/

.question-block {
    padding-top: 0;
    margin-bottom: 0;
}

.row {
    padding-right: 0;
}
.row {
    margin-right: -10px;
    margin-left: -10px;
}
/* END bootstrap margin/padding fix */

.no-padding {
    padding-left: 0;
    padding-right: 0;
}
.mb10 {
    margin-bottom: 10px !important;
}
.mb20 {
    margin-bottom: 20px !important;
}
.mb30 {
    margin-bottom: 30px !important;
}
.mb40 {
    margin-bottom: 40px !important;
}
.mb60 {
    margin-bottom: 60px !important;
}
.no-mb {
    margin-bottom: 0 !important;
}
.no-pb {
    padding-bottom: 0 !important;
}
.green {
    color: #00CF3F !important;
}
.to-bottom {
    position: absolute;
    bottom: 0;
    padding-right: 20px;
}
.content b,
.content strong {
    font-weight: 700;
}
.content {
    font-family: ProximaNovaLight, Helvetica, arial, sans-serif;
    position: relative;
}
/*.content div,*/
.link-button,
.mortgage-question-form input[type=submit] {
    border-radius: 8px;
}
.content.mg-tos {
    background: #F8F8F8;
}
.send-question-block div {
    border-radius: 0;
}
.mg-section-intro {
    position: relative;
    margin: 50px auto 0;
    height: 612px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 126px 120px 0;
    background-image: linear-gradient(180deg, #F1F7F9 0%, #CFE5EA 100%);
}
.mg-intro-wrap {
    max-width: 1200px;
    margin: 0 auto;
}

.mg-section-intro .mg-title {
    font-family: ProximaNova, sans-serif;
    color: #000;
    font-size: 45px;
    line-height: 1.18;
    margin-bottom: 40px;
}

.mg-title,
.kv-name {
    color: #000;
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 40px;
}
.mg-grey-wrap,
.mg-calculator {
    background: #f8f8f8;
}
.mg-sub-text,
.kv-desc {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 27px;
}
.mg-sub-text a,
.mg-info-text a {
    color: #00cd2e;
    text-decoration: underline 1px;
}
.mg-sub-text a:hover {
    text-decoration: none;
}
.mg-main-page .mg-section-intro {
    background-image: url('/img/mortgage/bg.jpeg');
}
.mg-main-page .mg-intro-button {
    margin-bottom: 98px;
}
.mg-intro-button .link-button {
    margin-bottom: 0;
}
.text-p-light {
    font-size: 15px;
    line-height: 140%;
    color: #000;
}
.link-button {
    display: inline-block;
    background-color: #00cd2e;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    text-transform: none;
    font-weight: 100;
    cursor: pointer;
    text-align: center;
    padding: 16px 48px;
    margin-bottom: 98px;
}
.offer-button .link-button {
    padding: 16px;
}
.mg-program-img {
    position: relative;
    height: 340px;
}
.mg-program-img:before {
    content: "";
    position: absolute;
    width: 100%;
    /*height: 100%;*/
    height: 450px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: 100%;
    right: 5px;
}
.mg-adv-block {
    position: relative;
    background: #fff;
    padding-left: 28px;
    box-shadow: 0 13px 21px -12px rgba(0, 0, 0, 0.19);
    border-radius: 8px;
}
.mg-adv-block .text-wrap {
    padding-top: 14px;
    padding-bottom: 20px;
}
.mg-adv-block .text {
    font-size: 22px;
    line-height: 160%;
}
.mg-adv-block .name,
.kv-link {
    font-size: 16px;
    line-height: 160%;
}
.mg-adv-block.mg-icon:before {
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.i-mg-rate:before {
    background-image: url('/img/mortgage/icons/i-rate.svg?v2');
}
.i-mg-time:before {
    background-image: url('/img/mortgage/icons/i-time.svg?v2');
}
.i-mg-docs:before {
    background-image: url('/img/mortgage/icons/i-docs.svg?v2');
}
.i-mg-docs2:before {
    background-image: url('/img/mortgage/icons/i-docs2.svg?v2');
}
.i-mg-bank:before {
    background-image: url('/img/mortgage/icons/i-bank.svg?v2');
}
.i-mg-sum:before {
    background-image: url('/img/mortgage/icons/i-sum.svg?v2');
}
.i-mg-fp:before {
    background-image: url('/img/mortgage/icons/i-fp.svg?v2');
}
.i-mg-target:before {
    background-image: url('/img/mortgage/icons/i-target.svg?v2');
}
.i-mg-steps:before {
    background-image: url('/img/mortgage/icons/i-steps.svg?v2');
}
.i-mg-discount:before {
    background-image: url('/img/mortgage/icons/i-discount.svg?v2');
}
.i-mg-military-discount:before {
    background-image: url('/img/mortgage/icons/i-military-discount.svg?v2');
}
.i-mg-trends:before {
    background-image: url('/img/mortgage/icons/i-trends.svg?v2');
}
.i-mg-monthly:before {
    background-image: url('/img/mortgage/icons/i-mg-monthly.svg?v2');
}
.i-mg-fixed:before {
    right: 0 !important;
    background-image: url('/img/mortgage/icons/i-mg-fixed.svg?v2');
}
@media (max-width: 600px) {
    .i-mg-fixed:before {
        right: -10px !important;
    }
}
.i-mg-income:before {
    background-image: url('/img/mortgage/icons/i-mg-income.svg?v2');
}
.i-mg-invest:before {
    background-image: url('/img/mortgage/icons/i-mg-invest.svg?v2');
}
.i-mg-profit:before {
    background-image: url('/img/mortgage/icons/i-mg-profit.svg?v2');
}
.section-block,
.section-block-120 {
    max-width: 1200px;
    margin: 0 auto;
    padding: 90px 0 100px;
}
.section-block-120 {
    padding: 120px 0;
}
.section-block-80 {
    max-width: 1200px;
    padding: 80px 0;
    margin: 0 auto;
}
.section-block + .section-block,
.section-block-80 + .section-block-80,
.section-block-120 + .section-block-120 {
    padding-top: 0;
}
.section-block-60 {
    padding-top: 60px;
}
.mg-section-intro + div {
    padding-top: 40px;
}
.mg-section-intro + div .mg-calculator {
    padding-top: 0;
}
.mg-block-item {
    position: relative;
    background: #F8F8F8;
    border-radius: 135px 0 0 135px;
    padding: 63px 10px 54px;
    margin-bottom: 20px;
}
.mg-block-item-title {
    font-size: 30px;
    line-height: 118%;
    text-decoration: underline 1px;
    color: #000;
    margin-bottom: 5px;
}
.mg-block-item-rate {
    font-size: 22px;
    line-height: 160%;
    color: #00CF3F;
    margin-bottom: 18px;
}
.mg-info-grey-block .mg-block-item-title {
    font-size: 35px;
    line-height: 140%;
    color: #000;
    text-decoration: none;
}
.mg-block-item-text,
.mg-block-item-info-text {
    font-size: 22px;
    line-height: 26px;
    color: #000000;
}
.mg-block-item-icon {
    position: relative;
    height: 155px;
}
.mg-block-item-icon:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 42px;
}
.bg-mg-support:before {
    background-image: url('/img/mortgage/mg-support.png');
}
.bg-mg-family:before {
    background-image: url('/img/mortgage/mg-family.png');
}
.bg-mg-mom:before {
    background-image: url('/img/mortgage/mg-mom.png');
}
.bg-mg-newdev:before {
    background-image: url('/img/mortgage/mg-newdev.png');
}
.bg-mg-discount:before {
    background-image: url('/img/mortgage/mg-discount.png');
}
.bg-mg-lowfee:before,
.bg-mg-lowrate:before,
.bg-mg-subsidy:before {
    background-image: url('/img/mortgage/mg-subsidy.png?20240411');
}
.bg-mg-nofp:before {
    background-image: url('/img/mortgage/mg-nofp.png');
}
.bg-mg-military:before {
    background-image: url('/img/mortgage/mg-military.png');
}
.bg-mg-it:before {
    background-image: url('/img/mortgage/mg-it.png');
}
.bg-mg-tranche:before {
    background-image: url('/img/mortgage/mg-tranche.png?v2');
}

.mb-banks {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.mb-banks-item {
    flex: 0 0 50%;
    padding: 25px;
    text-align: center;
}
.mb-banks-one-row {
    justify-content: space-between;
    padding: 40px 50px 0;
    gap: 25px;
}
.mb-banks-one-row.mb-banks-one-row-initial {
    justify-content: initial;
}
.mb-banks-one-row .mb-banks-item {
    flex: none;
    width: auto;
    padding: 0;
}
.mb-banks-item img {
    width: 60px;
}
.mg-info-grey-block {
    padding: 40px 50px 47px;
    background: #f8f8f8;
    margin-bottom: 20px;
}
.mg-info-grey-block .title {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 25px;
}
.mg-info-grey-block .mg-info-grey-block-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mg-info-grey-block .mg-block-item-info-title {
    font-size: 22px;
    line-height: 160%;
    color: #00CF3F;
}
.mg-info-grey-block .mg-block-item-info-text,
.mg-info-text {
    font-size: 16px;
    line-height: 160%;
    color: #000000;
}
.mg-info-white-block {
    display: flex;
    padding: 27px 64px 41px;
    background: #fff;
    margin-bottom: 30px;
}
.mg-info-white-block .mg-block-item-title {
    font-size: 35px;
    line-height: 140%;
    text-decoration: none;
}
.mg-info-white-block .mg-block-item-text {
    font-size: 22px;
    line-height: 26px;
}
.to-bottom-flex {
    align-self: end;
}
.link-button.full-w {
    width: 100%;
    margin-bottom: 0;
}

.mg-tos .mg-info-white-block {
    position: relative;
    display: flex;
    column-gap: 40px;
    overflow: hidden;
    border-radius: 8px;
    padding: 40px 30px 0;
    height: 250px;
}

.mg-tos .mg-tos-icon {
    align-self: center;
}

.mg-step-wrap {
    position: relative;
}
.mg-step-wrap:before {
    content: '';
    position: absolute;
    display: block;
    width: 21px;
    height: 21px;
    border-width: 0 4px 4px 0;
    border-style: solid;
    border-color: #E0E0E0;
    left: -20px;
    top: 50%;
    transform: rotate(315deg) translateY(-50%);;
}
.mg-step-inner {
    position: relative;
    margin: 0 auto 20px;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    overflow: hidden;
}
.mg-step-border {
    position: relative;
    width: 100%;
    height: 100%;
    border: 2px dashed #E0E0E0;
    border-radius: 50%;
}
.mg-step-segment {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    background: #00cd2e;
    transform-origin: 0 0;
}
.step-1 .mg-step-segment {
    transform: rotate(270deg) skew(-45deg);
}
.step-2 .mg-step-segment {
    transform: rotate(270deg) skew(0deg);
}
.step-3 .segment-50 {
    top: 0;
    transform: none;
}
.step-3 .segment-25 {
    left: auto;
}
.last-step .mg-step-border {
    border: 2px solid #00cd2e;
}
.step-1:before {
    content: none;
}
.mg-step-icon {
    position: absolute;
    top: 2px;
    left: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background-color: #fff;
    border-radius: 50%;
}
.mg-step-icon:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}
.mg-step-icon.i-choose:before {
    background-image: url('/img/mortgage/icons/steps/i-choose.svg');
}
.mg-step-icon.i-accept:before {
    background-image: url('/img/mortgage/icons/steps/i-accept.svg');
}
.mg-step-icon.i-doc:before {
    background-image: url('/img/mortgage/icons/steps/i-choose.svg');
}
.mg-step-icon.i-handshake:before {
    background-image: url('/img/mortgage/icons/steps/i-handshake.svg');
}
.mg-step-title {
    font-size: 20px;
    line-height: 140%;
    font-weight: 600;
    text-align: center;
    color: #000000;
}
.mg-step-text {
    font-size: 16px;
    line-height: 160%;
    text-align: center;
    color: #000000;
}

.mg-military .mg-section-intro {
    padding-top: 27px;
}
.mg-military .mg-section-intro .mg-title {
    margin-top: 55px;
}
/*.mg-military .mg-section-intro .mg-intro-button {
    margin-bottom: 55px;
}*/
.mg-program-img.bg-mg-military {
    height: 395px;
}

.mg-mom .mg-section-intro {
    padding-top: 60px;
}
.mg-mom .mg-section-intro .mg-title {
    margin-top: 65px;
}
.mg-program-img.bg-mg-mom {
    height: 482px;
}
.mg-steps-v2 .step {
    position: relative;
    overflow: hidden;
}
.mg-steps-v2 .step .num {
    font-size: 16px;
    line-height: 160%;
    color: #00CF3F;
    margin-bottom: 7px;
}
.mg-steps-v2 .step .num span {
    margin-right: 17px;
}
.mg-steps-v2 .step .num:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #BEC2CD;
    top: 11px;
}
.mg-steps-v2 .step.last-step .num:after {
    content: none;
}
.mg-steps-v2 .step .text {
    font-size: 18px;
    line-height: 20px;
    color: #000;
}
.section-block ul li,
.section-block-120 ul li {
    position: relative;
    font-weight: 300;
    font-size: 16px;
    line-height: 160%;
    color: #000;
    padding-left: 12px;
}
.section-block ul li::before,
.section-block-120 ul li::before,
.li-item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 11px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #000;
}
.section-block .text-p {
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    color: #000;
}

.mg-discount .section-block ul li {
    font-size: 22px;
    line-height: 140%;
}


.mg-discount-scheme .mg-part {
    display: flex;
    flex-direction: column;
}
.mg-discount-scheme .logo {
    height: 97px;
}
.mg-discount-scheme .mg-part--title {
    font-weight: 400;
    font-size: 30px;
    line-height: 160%;
    color: #000;
}
.mg-discount-scheme .mg-part--title-big {
    font-weight: 400;
    font-size: 80px;
    line-height: 1;
    letter-spacing: -0.03em;
    color: #727272;
}
.mg-discount-scheme .mg-part--title-big:after {
    content: '%';
    font-weight: 400;
    font-size: 47px;
    line-height: 160%;
}
.mg-discount-scheme .bigger .mg-part--title-big {
    font-size: 98px;
    line-height: 97px;
    color: #00CF3F;
}
.mg-discount-scheme .mg-part--text-1,
.mg-kvartals .kv-desc-grey {
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    color: #727272;
    margin-bottom: 15px;
}
.mg-discount-scheme .mg-part--text-2 {
    font-weight: 400;
    font-size: 20px;
    line-height: 102.5%;
    color: #000000;
}
.mg-discount-scheme .bigger .mg-part--text-2 {
    font-size: 25px;
}
.mg-discount-scheme .bigger .block-1 {
    margin-bottom: 40px;
}

.mg-trade-in .mg-section-intro {
    padding: 126px 0 0;
}
.mg-full-price .mg-section-intro:before,
.mg-rassrochka .mg-section-intro:before,
.mg-trade-in .mg-section-intro:before {
    content: '';
    position: absolute;
    background-position: right bottom;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    top: 0;
}
.mg-trade-in .mg-section-intro:before {
    background-image: url('/img/mortgage/bg-trade-in.png');
}
.mg-full-price .mg-section-intro:before {
    background-image: url('/img/mortgage/bg-full-price.png');
}
.mg-rassrochka .mg-section-intro:before {
    background-image: url('/img/mortgage/bg-rassrochka.png');
    bottom: 0;
    top: auto;
    height: 95%;
}
.mg-commercial .mg-section-intro {
    padding-top: 80px;
}
.mg-commercial .mg-section-intro .mg-title {
    margin-bottom: 213px;
}
.mg-commercial .mg-section-intro:before {
    content: '';
    position: absolute;
    background-image: url('/img/mortgage/bg-commercial.png');
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.mg-one-line-blocks {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
.mg-one-line-blocks.gap-20 {
    gap: 20px;
}
.mg-one-line-blocks .mg-one-line-item {
    flex: 1;
    padding: 15px 20px 20px;
    background: #F8F8F8;
    box-shadow: 0 13px 21px -12px rgba(0, 0, 0, 0.19);
}
.mg-one-line-blocks .mg-one-line-item .text,
.mg-title-h2 {
    font-weight: 400;
    font-size: 30px;
    line-height: 160%;
}
.mg-one-line-blocks .mg-one-line-item .name {
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
}
/* dashed-line bg img variant */
/*.mg-discount-scheme .mg-part .dashed-line {
    height: 41px;
    background-repeat: repeat-y;
    background-position-y: 13px;
    background-image: url("/img/mortgage/dashed-line.svg");
}*/
/* dashed-line bg gradient variant */
.mg-discount-scheme .mg-part .dashed-line.vertical {
    height: 54px;
    background: linear-gradient(to right, transparent 50%, #CCCCCC 50%), #f8f8f8;
    background-size: 20px 2px, 100% 2px;
    transform: rotate(90deg);
    width: 52px;
    background-repeat: repeat-x;
    background-position-x: 9px;
}
.mg-discount-scheme .bg-plus:before {
    content: '+';
    color: #CCCCCC;
    position: absolute;
    left: 65%;
}
.mg-discount-scheme .mg-part .dashed-line.horizontal {
    position: relative;
}
.mg-discount-scheme .mg-part .dashed-line.horizontal:after {
    content: '';
    position: absolute;
    display: block;
    width: 60%;
    height: 2px;
    top: 50px;
    right: 10px;
    background: linear-gradient(to right, transparent 50%, #CCCCCC 50%), #f8f8f8;
    background-size: 20px 2px, 100% 2px;
}
.mg-discount-scheme .mg-part .dashed-line.horizontal.block-2:after {
    width: 54%;
    height: 2px;
    top: 96px;
    right: 10px;
}

.mg-kvartals-block {
    padding: 40px 62px;
    background-color: #f8f8f8;
    background-size: contain;
    background-position-y: bottom;
    background-repeat: no-repeat;
    margin-bottom: 21px;
}
.mg-commercial .mg-kvartals-block,
.mg-trade-in .mg-kvartals-block {
    padding: 60px 62px;
}
.mg-kvartals-block > .row {
    display: flex;
}
.mg-kvartals .mg-kvartals-block:last-child {
    margin-bottom: 0;
}
.mg-kvartals .kv-name {
    margin-bottom: 21px;
}
.mg-kvartals .kv-desc {
    margin-bottom: 17px;
}
.mg-kvartals-block .kv-buttons {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.mg-kvartals-block .link-button {
    align-self: end;
    width: 100%;
    margin-bottom: 10px;
}
.mg-kvartals-block .kv-link a {
    color: #00CF3F;
    margin-right: 34px;
}
.mg-rassrochka .mg-rassrochka-kvartals {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.mg-rassrochka .mg-rassrochka-kvartals-block {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    width: calc(50% - 10px);
    background-color: #fff;
    border-radius: 12px;
    border: 1px solid #dadada;
    overflow: hidden;
}
.mg-rassrochka .mg-rassrochka-kvartals-block .kv-name-wrap {
    position: relative;
}
.mg-rassrochka .mg-rassrochka-kvartals-block .kv-name-wrap:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .5;
    background: linear-gradient(180deg, transparent 50%, #000 100%);
}
.mg-rassrochka .mg-rassrochka-kvartals-block .kv-name-wrap img {
    aspect-ratio: 28 / 17;
    width: 100%;
    height: auto;
    border-radius: 0;
}
.mg-rassrochka .mg-rassrochka-kvartals-block .mrk-name {
    position: absolute;
    left: 5%;
    bottom: 5%;
    font-size: 30px;
    font-weight: 400;
    line-height: 42px;
    color: #fff;
}
.mg-rassrochka .mg-rassrochka-kvartals-block .kv-desc-wrap {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    padding: 0 5% 5%;
}

.mg-rassrochka .mg-rassrochka-kvartals-block .mrk-desc {
    padding: 3.5% 5%;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    color: #7A827C;
    border-radius: 4px;
    background-color: #f8f8f8;
}
.mg-rassrochka .mg-rassrochka-kvartals-block .mrk-desc div {
    display: inline-block;
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    color: #000;
}
.mg-rassrochka .mg-rassrochka-kvartals-block .link-button {
    width: 100%;
    margin-bottom: 0;
}

.mg-rassrochka .mg-rassrochka-kvartals-block .kv-link {
    background-color: #fff;
    display: inline-flex;
    column-gap: 30px;
    width: max-content;
    padding-right: 10px;
}
.mg-rassrochka .mg-rassrochka-kvartals-block .kv-link a {
    display: block;
    margin-right: 0;
    font-weight: 600;
    padding: 10px 0;
    color: #00cd2e;
}
.mg-rassrochka .mg-kvartals-block .link-button {
    align-self: flex-start;
    width: auto;
    margin-bottom: 0;
    padding: 12px 16px;
}
.bg-kv11 {
    background-image: url('/img/mortgage/kv/11.png');
}
.bg-kv12 {
    background-image: url('/img/mortgage/kv/12.png');
}
.bg-kv16 {
    background-image: url('/img/mortgage/kv/16.png');
}
.bg-kv4 {
    background-image: url('/img/mortgage/kv/4.png');
}
.bg-kv17 {
    background-image: url('/img/mortgage/kv/17.png');
}
.block-white-bg .mg-one-line-item,
.block-white-bg .mg-kvartals-block {
    background-color: #fff;
}

.mg-traders {
    display: flex;
    justify-content: space-around;
    align-items: end;
}
.mg-trader a img {
    max-width: 180px;
    max-height: 80px;
}
.m-action-block__title {
    font-size: 22px;
    line-height: 140%;
}

.mg-stroyka .mg-intro-wrap,
.mg-gotovoe .mg-intro-wrap {
    margin-top: 50px;
    padding-top: 120px;
}

.mg-content-menu {
    display: flex;
    justify-content: space-between;
    border-bottom: #BEC2CD 1px solid;
    margin-bottom: 30px;
}
.mg-content-menu-item {
    position: relative;
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0.03em;
    padding-bottom: 19px;
}
.mg-content-menu-item.is-active:after {
    content: '';
    width: 100%;
    height: 2px;
    background-color: #00CF3F;
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: 1;
}

.mg-steps-v2 {
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 35px;
}
.mg-steps-v2 .step .text {
    padding-right: 40px;
}
.mg-gotovoe .mg-steps-v2 .step:last-child .text {
    padding-right: 0;
}
.mg-steps-v2 .step .num span {
    margin-right: 10px;
}
.i-info {
    position: relative;
}
.i-info:before {
    content: '';
    display: inline-block;
    background: no-repeat center;
    background-size: cover;
    width: 9px;
    height: 20px;
    background-image: url('/svg/landing/i.svg');
    vertical-align: top;
    margin-right: 8px;
}
.i-info + .i-info {
    margin-top: 16px;
}
.step-block .compare-heart-icon {
    background-position: center;
}

.step-block .mg-info-text {
    margin-bottom: 14px;
}
.row-flex {
    display: flex;
}

.block-switcher {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #00cf3f;
    letter-spacing: .03em;
    margin-top: 16px;
    margin-bottom: 10px;
    position: relative;
    cursor: pointer;
}

.block-switcher:after {
    content: '';
    position: absolute;
    background: no-repeat center;
    background-size: contain;
    background-image: url('/svg/landing/arrow_green.svg');
    width: 15px;
    height: 9px;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    margin-left: 10px;
}
.block-switcher.is-active:after {
    transform: translateY(-50%) rotate(180deg);
}

.ol-item,
.li-item {
    position: relative;
    padding-left: 18px;
}
.ol-item:before {
    content: attr(data-num);
    display: block;
    position: absolute;
    left: 0;
}
.mg-info-text .ol-item {
    margin-top: 10px;
}
.mg-info-text .ol-item:first-child {
    margin-top: 0;
}
.text-footnote {
    font-weight: 300;
    font-size: 13px;
    line-height: 160%;
    padding-left: 18px;
}
.row-flex.blocks-one-row {
    gap: 20px;
    margin: 0;
}

/* subsidy blocks */
.subsidy-block-wrap {

    column-gap: 40px;
    row-gap: 32px;
    flex-wrap: wrap;
    justify-content: space-between;
}
.content .subsidy-block-wrap {
    display: none;
}
.subsidy-block-wrap.is-active {
    display: flex;
}
.subsidy-block-item {
    display: flex;
    flex-direction: column;
    width: calc(50% - 20px);
    padding: 24px;
    border-radius: 24px;
    border: 1px solid #DADADA;
    row-gap: 16px;
}
.subsidy-block-item div {
    border-radius: 0;
}
.subsidy-block-item div:last-child {
    margin-top: auto;
}
/* bank logo in subsidy block */
.subsidy-block-item-title-logo {
    display: flex;
    column-gap: 10px;
    align-items: center;
    justify-content: space-between;
}
.subsidy-block-item-title-logo img {
    width: 50px;
}
/* END bank logo in subsidy block */

.features-container {
    display: flex;
    gap: 4px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 100%;
}
.features-item {
    display: flex;
    align-items: center;
    padding: 4px 8px;
    background: #F8F8F8;
    border-radius: 8px;
    font-size: 12px;
    line-height: 130%;
    white-space: nowrap;
}
.features-item .icon {
    margin-right: 8px;
}

.subsidy-block-wrap .features-container {
    justify-content: flex-start;
}
.subsidy-block-wrap .features-item {
    font-size: 14px;
    color: #a1a1a1;
    border-radius: 8px;
}

.sbi-top-block {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
    border-bottom: 1px solid #EFEFEF;
    padding-bottom: 12px;
}

.subsidy-block-item h3 {
    font-size: 26px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0.2px;
    margin-bottom: 4px;
}
.subsidy-block-item .left-border {
    border-left: 2px solid #00cd2e;
    padding-left: 24px;
}
.subsidy-block-item .left-border .sub-title {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0.2px;
    margin-bottom: 8px;
}
.subsidy-block-item .left-border ul li {
    margin-left: -12px;
}
.subsidy-block-item .link-button {
    margin-bottom: 0;
}
/* END subsidy blocks */

/* switchers */
.switchers {
    display: inline-flex !important;
    flex: 0 0 100%;
    margin-bottom: 32px;
}
/* END switchers */

/* owl carousel */
.m-action-block__wrapper {
    height: auto;
    padding-bottom: 100%;
}
.owl-theme .owl-nav {
    height: 0;
    margin: 0;
}
.nav-owl__arr {
    background: no-repeat center;
    background-size: contain;
    background-image: url('/svg/landing/arrow_white.svg');
    transform: rotate(90deg);
    width: 34px;
    height: 16px;
    position: absolute;
    top: calc(50% - 8px);
    left: calc(50% - 17px);
}

.arrow-wrapper {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
    left: 5%;
    top: 50%;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    border-radius: 50%;
}

.arrow-wrapper:hover {
    background: rgba(0, 0, 0, 0.4);
}

.arrow-wrapper--prev {
    left: auto;
    right: 5%;
}

.arrow-wrapper.arrow-wrapper--prev .nav-owl__arr {
    transform: rotate(-90deg);
}
.m-action-block__text {
    padding: 0;
}
.m-action-block__text:before {
    content: none;
}
.m-action-block__title__icon {
    display: none;
}

#mgActionsCarousel.owl-carousel.owl-drag .owl-item {
    background-image: linear-gradient(180deg,#f1f7f9 0,#cfe5ea 100%);
    border-radius: 12px;
}

#mgActionsCarousel .m-action-block__pic {
    background-size: contain;
}

#mgActionsCarousel .m-action-block__pic:before {
    content: none;
}

#mgActionsCarousel .m-action-block__text {
    position: absolute;
    top: 34px;
    left: 30px;
    font-size: 25px;
    line-height: 32px;
    width: 95%;
    height: 60%;
    color: #222;
}
#mgActionsCarousel .m-action-block__title {
    color: #222;
}
/* end owl carousel */
/* form-block */
.form-title {
    font-size: 45px;
    line-height: 90%;
    margin-bottom: 50px;
}

.mortgage-question-form .mortgage-question-form__field.no-border {
    border: none;
}

.mortgage-question-form label {
    font-family: ProximaNovaLight, Helvetica, arial, sans-serif;
}

.mortgage-question-form .mortgage-question-form__field {
    position: relative;
    cursor: text;
    font-size: 15px;
    margin-bottom: 45px;
}

.mortgage-question-form .mortgage-question-form__field input[type=text] {
    border: 0;
    border-bottom: 1px solid #BEC2CD;
    box-sizing: border-box;
    width: 100%;
    outline: 0;
    font-size: 18px;
}

.mortgage-question-form .mortgage-question-form__field input[type=text].invalid {
    border-bottom: 1px solid #f44336;
}

.mortgage-question-form .mortgage-question-form__field label {
    color: #888;
    font-size: 18px;
    line-height: 1.4;
    position: absolute;
    bottom: 16px;
}


.mortgage-question-form input[type=submit] {
    width: 100%;
    height: 60px;
    background: #00cd2e;
    color: #fff;
    font-size: 16px;
    line-height: 19px;
    text-transform: none;
    font-family: 'ProximaNova', sans-serif;
    font-weight: 600;
}

.mortgage-question-form .mortgage-question-form__field_checkbox input[type=checkbox] {
    display: none;
}

.mortgage-question-form .mortgage-question-form__field_checkbox label {
    padding-left: 25px;
    position: relative;
    font-size: 13px;
    line-height: 1.4;
    color: #000;
    cursor: pointer;
}

.mortgage-question-form .form-send-success {
    margin-top: 20px;
}
.mortgage-question-form .mortgage-question-form__field_checkbox input:checked+label:before, .question-block ul li.checkbox.active::before {
    border-color: #00cd2e;
    background: no-repeat center;
    background-position-y: -1px;
    background-image: url('/svg/landing/checkbox-act.svg');
}
.mortgage-question-form .mortgage-question-form__field_checkbox label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border: solid 1px #bec2cd;
    width: 14px;
    height: 14px;
}

#parking-place-data {
    display: none;
}
.send-question-block-mask.layer {
    z-index: 0;
}
/* END form-block */
.mg-tranche {
    background: #F8F8F8;
}
.mg-family .mg-section-intro,
.mg-tranche .mg-section-intro {
    height: auto;
    padding-top: 48px;
    padding-bottom: 30px;
}
.mg-tranche .content-block-1 {
    display: flex;
    width: 100%;
    padding: 16px 0;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 8px;
    background: #FFF;
    margin-bottom: 24px;
}
.mg-tranche .content-block-2-wrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 75px;
}
.mg-tranche .content-block-2-wrap .content-block-2-item {
    display: flex;
    aspect-ratio: 9 / 8;
    width: calc(25% - 30px);
    padding: 20px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    border-radius: 8px;
    background: #FFF;
}
.mg-tranche .content-block-2-item .mg-icon {
    position: relative;
    background: #fff;
}
.mg-tranche .content-block-2-item .mg-icon:before {
    content: '';
    display: block;
    width: 5.5rem;
    height: 5.5rem;
    max-width: 50px;
    max-height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
}
.select2-container {
    width: 100% !important;
}
.select2-container--default .select2-selection--single {
    border-radius: 8px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #888 !important;
}

@media (min-width: 1200px) and (max-width: 1439px) {
    .mg-section-intro {
        height: auto;
        padding: 60px 20px 70px;
    }
    .mg-adv-block {
        margin-bottom: 20px;
    }
    header .header__burger {
        margin-left: 20px;
    }
}

@media (min-width: 1200px) {
    .no-mb-lg {
        margin-bottom: 0 !important;
    }
    .lg-mb30 {
        margin-bottom: 30px !important;
    }
    .lg-pr40 {
        padding-right: 40px;
    }
    .mg-tranche .mg-section-intro {
        margin-top: 55px;
    }
    .mg-tranche .mg-section-intro .mg-intro-wrap .row:first-child {
        display: flex;
        margin-bottom: 40px;
    }
    .mg-tranche .mg-section-intro .mg-intro-wrap .row:first-child .flex-order-2 {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }
    .mg-tranche .mg-program-img {
        height: 300px;
    }
    .mg-rassrochka .mg-section-intro {
        padding: 126px 0 30px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    header .header__burger {
        margin-left: 20px;
    }
    .no-mb-sm {
        margin-bottom: 0 !important;
    }
    .sm-mb15 {
        margin-bottom: 15px !important;
    }
    .sm-mb30 {
        margin-bottom: 30px !important;
    }
    .sm-mb50 {
        margin-bottom: 50px !important;
    }
    .sm-mb60 {
        margin-bottom: 60px !important;
    }
    .sm-bg-none {
        background: none !important;
    }
    .mg-section-intro {
        height: auto;
        padding: 60px 20px 70px;
    }
    .mg-main-page .mg-section-intro {
        height: auto;
        padding: 125px 20px 70px;
    }
    .mg-sub-text {
        margin-bottom: 37px;
    }
    .mg-intro-button {
        margin-bottom: 50px;
    }
    .section-block {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 80px;
    }
    .section-block-120 {
        padding: 90px 20px;
    }
    .section-block-80 {
        padding: 80px 20px;
    }

    .mg-main-page .mg-intro-button {
        margin-bottom: 126px;
    }
    .mg-adv-block {
        margin-bottom: 20px;
    }
    .mg-adv-block .text {
        font-size: 30px;
    }
    .mg-block-item {
        margin-left: 0;
        margin-right: 0;
        padding: 24px;
        border-radius: 8px;
    }
    .mg-block-item .link-button {
        width: 100%;
        padding: 15px;
    }
    .mg-block-item .mg-block-item-icon {
        height: auto;
        margin-bottom: 20px;
        margin-left: 20px;
    }
    .mg-block-item .mg-block-item-icon img {
        max-height: 90px;
    }
    .mg-block-item .mg-block-item-icon:before {
        content: none;
    }
    .mg-block-item .mg-block-item-rate,
    .mg-block-item-info-text {
        /*font-size: 18px;*/
    }
    .mb-banks {
        flex-wrap: nowrap;
    }
    .mg-program-info .mg-title {
        margin-bottom: 15px;
    }
    .mg-info-grey-block {
        padding: 30px;
    }
    .mg-button-abs .link-button {
        padding: 15px 25px;
        white-space: nowrap;
    }
    .mg-discount .mg-section-intro {
        padding: 130px 20px 0;
        height: 756px;
    }
    .mg-info-white-block {
        display: block;
        padding: 30px;
        margin: 0 0 30px;
    }
    .bg-mg-military:before {
        background-position-y: bottom;
    }
    .mg-military .mg-steps-wrap div:nth-child(odd) .mg-step-wrap:before {
        content: none;
    }
    .mg-info-grey-block .mg-block-item-title {
        line-height: 118%;
        margin-bottom: 18px;
    }
    .mb-banks-one-row {
        padding: 40px 0 0;
    }
    .mg-one-line-blocks {
        flex-wrap: wrap;
    }
    .mg-one-line-blocks .mg-one-line-item {
        flex: 30%;
    }
    .mg-kvartals-block > .row {
        display: block;
    }
    .mg-kvartals-block .link-button {
        width: 100%;
        align-self: start;
        padding: 16px 0;
    }
    .mg-kvartals-block .kv-link {
        margin-bottom: 40px;
    }
    .bg-kv11 {
        background-image: url('/img/mortgage/kv/11-m.png');
    }
    .bg-kv12 {
        background-image: url('/img/mortgage/kv/12-m.png');
        background-position-x: right;
    }
    .bg-kv16 {
        background-image: url('/img/mortgage/kv/16-m.png');
    }
    .mg-one-line-blocks.mg-otsrochka-block .mg-one-line-item {
        flex: calc(50% - 10px);
    }
    .mg-traders {
        flex-wrap: wrap;
        row-gap: 50px;
        align-items: center;
    }
    .mg-trader {
        flex: 50%;
        text-align: center;
    }
    .mg-commercial .mg-kvartals-block {
        padding: 40px 32px;
        background-size: cover;
    }
    .mg-stroyka .mg-steps-v2 .step {
        flex: 0 0 32.4%;
    }
}

@media (max-width: 1199px) {
    .mg-full-price .mg-section-intro,
    .mg-trade-in .mg-section-intro {
        padding: 100px 20px 0;
        height: 750px;
    }
    .mg-full-price .mg-section-intro:before,
    .mg-rassrochka .mg-section-intro:before,
    .mg-trade-in .mg-section-intro:before {
        background-size: cover;
        margin-left: -20px;
    }
    .mg-full-price .mg-section-intro:before {
        background-image: url('/img/mortgage/bg-full-price-m.jpeg');
        width: 80%;
        right: 0;
    }
    .mg-rassrochka .mg-section-intro {
        overflow: hidden;
        padding-bottom: 60px;
    }
    .mg-rassrochka .mg-section-intro .mg-intro-button {
        margin-bottom: 110px;
    }
    .mg-rassrochka .mg-section-intro:before {
        background-size: contain;
        top: 25vw;
        left: 10%;
    }
    .mg-trade-in .mg-section-intro:before {
        background-image: url('/img/mortgage/bg-trade-in-m.jpeg');
    }
    .mg-discount-scheme .mg-part {
        flex-direction: row;
        justify-content: flex-start;
    }
    .mg-discount-scheme .mg-part > div {
        flex: 50%;
    }
    .mg-discount-scheme .bigger {
        display: flex;
    }
    .mg-discount-scheme .bigger > div {
        flex: 50%;
    }
    .mg-discount-scheme .bg-plus:before {
        left: 54.5%;
        bottom: 0;
    }
    .mg-discount-scheme .mg-part .block-2 .mg-part--text-2 {
        margin-bottom: 21px;
    }
    .mg-discount-scheme .mg-part .dashed-line.horizontal.block-2:after {
        content: none;
    }
    .mg-gotovoe .question-block,
    .mg-stroyka .question-block {
        margin-bottom: 70px;
    }
}
@media (max-width: 767px) {
    header .header__burger {
        margin-left: 10px;
    }
    .no-mb-xs {
        margin-bottom: 0 !important;
    }
    .xs-mb10 {
        margin-bottom: 10px !important;
    }
    .xs-mb20 {
        margin-bottom: 20px !important;
    }
    .xs-mb30 {
        margin-bottom: 30px !important;
    }
    .xs-bg-none {
        background: none !important;
    }
    .section-block,
    .section-block-120 {
        padding: 60px 15px;
    }
    .mg-section-intro {
        height: auto;
        padding: 65px 15px 35px;
    }
    .mg-main-page .mg-section-intro {
        background-image: url('/img/mortgage/bg-m.jpeg');
    }
    .mg-full-price .mg-section-intro,
    .mg-rassrochka .mg-section-intro,
    .mg-trade-in .mg-section-intro {
        padding-top: 50px;
    }
    .mg-full-price .mg-section-intro:before,
    .mg-trade-in .mg-section-intro:before {
        width: 100%;
        background-position-y: 110px;
        background-position-x: 83%;
    }
    .mg-full-price .mg-section-intro {
        padding-top: 50px;
    }
    .mg-stroyka .mg-intro-wrap,
    .mg-gotovoe .mg-intro-wrap {
        padding-top: 40px;
    }
    .mg-title, .kv-name {
        margin-bottom: 32px;
    }
    .link-button {
        width: 100%;
    }
    /*.mg-adv-block {
        margin-bottom: 10px;
        padding-left: 25px;
    }*/
    .mg-block-item {
        margin-left: 0;
        margin-right: 0;
        padding: 24px 11px;
        border-radius: 8px;
    }
    .mg-block-item-icon,
    .mg-block-item-title {
        margin-bottom: 15px;
    }
    .mg-block-item-text,
    .mg-block-item-info-text {
        margin-bottom: 10px;
    }
    .mb-banks {
        row-gap: 30px;
        margin-bottom: 30px;
    }
    .mb-banks-one-row .mb-banks-item {
        flex: 0 0 50%;
    }
    .mg-intro-wrap > .row {
        display: flex;
        flex-direction: column;
    }
    .mg-intro-wrap .flex-order-1 {
        order: 1;
    }
    .mg-intro-wrap .flex-order-2 {
        order: 2;
    }
    .mg-intro-button {
        margin-bottom: 50px;
    }

    .mg-info-grey-block {
        padding: 25px 20px;
    }
    .mg-info-grey-block .mg-info-grey-block-row {
        flex-direction: column;
        align-items: flex-start;
    }
    .mg-info-grey-block .mg-info-grey-block-row .mg-button-abs {
        width: 100%;
        margin-top: 10px;
    }
    .mg-steps-block .mg-step-wrap {
        margin-top: 25px;
    }
    .mg-steps-block .mg-step-wrap.step-1 {
        margin-top: 0;
    }
    .mg-step-wrap:before {
        content: none;
    }
    .mg-item-button-wrap {
        width: 100%;
        margin-top: 19px;
    }
    .mg-program-img {
        height: 285px !important;
    }
    .mg-program-img:before {
        /*width: 85%;*/
        right: 0;
        /*transform: translateX(50%);*/
    }
    .mg-item .mg-item-row.part-2 {
        margin-bottom: 9px;
    }
    .mg-item .mg-item-row.part-3 {
        padding-top: 0;
    }
    .mg-adv-block .text-wrap {
        padding-top: 15px;
        padding-bottom: 15px;
        padding-right: 85px;
    }
    .mg-adv-block .text {
        font-size: 24px;
        line-height: 1;
        font-family: ProximaNovaSemiBold, sans-serif;
    }
    .mg-discount-scheme .mg-part .dashed-line.horizontal:after {
        width: 40%;
    }
    .mg-steps-v2 {
        flex-direction: column;
    }
    .mg-steps-v2 .step {
        margin-bottom: 30px;
    }
    .mg-steps-v2 .step .num:after {
        content: none;
    }
    .mg-info-grey-block .mg-block-item-title {
        line-height: 120%;
    }
    .mg-traders {
        flex-direction: column;
        row-gap: 40px;
        align-items: center;
    }
    .mg-kvartals-block > .row {
        flex-direction: column;
    }
    .mg-trade-in .mg-kvartals-block {
        padding: 30px 22px;
        background-image: none;
    }
    .mg-commercial .mg-kvartals-block {
        padding: 30px 22px;
    }
    .mg-info-white-block {
        flex-direction: column;
        padding: 30px 20px;
    }
    .mg-info-white-block .link-button {
        margin-top: 20px;
    }
    .kv-link {
        margin-bottom: 30px;
    }
    .mg-gotovoe .mg-steps-v2 .step,
    .mg-stroyka .mg-steps-v2 .step {
        margin-bottom: 0;
    }
    .mg-commercial .mg-section-intro {
        padding-top: 50px;
    }
    .mg-commercial .mg-section-intro .mg-title {
        margin-bottom: 40px;
    }
    .mg-commercial .mg-section-intro .mg-sub-text {
        margin-bottom: 200px;
    }
    .mg-commercial .mg-section-intro:before {
        background-image: url("/img/mortgage/bg-commercial-m.png");
        bottom: 0;
        top: auto;
    }
    .mg-gotovoe .question-block .row-flex,
    .mg-stroyka .question-block .row-flex {
        flex-direction: column;
    }
    .mg-gotovoe .question-block .mortgage-question-form .mortgage-question-form__field,
    .mg-stroyka .question-block .mortgage-question-form .mortgage-question-form__field {
        padding: 10px 0;
    }
    .mg-gotovoe .question-block .mg-title,
    .mg-stroyka .question-block .mg-title {
        font-size: 40px;
    }
    .subsidy-block-item {
        flex: 0 0 100%;
    }
    .select2-container {
        width: 297px !important;
    }
    .mg-tranche .content-block-1 {
        padding: 8px 16px;
    }
    .mg-tranche .content-block-2-wrap::-webkit-scrollbar {
        display: none;
    }
    .mg-tranche .content-block-2-wrap {
        overflow: hidden;
        overflow-x: auto;
        gap: 20px;
        margin-bottom: 24px;
    }
    .mg-tranche .content-block-2-wrap .content-block-2-item {
        width: 270px;
        min-width: 270px;
    }
    .mg-rassrochka .mg-program-img {
        display: none;
    }
    .mg-rassrochka .mg-kvartals-block {
        flex-direction: column-reverse;
        padding: 20px;
    }
    .mg-rassrochka .mg-kvartals-block .link-button {
        width: 100%;
    }
}
@media (max-width: 600px) {
    .mg-rassrochka .mg-section-intro:before {
        background-size: cover;
        background-position-x: left;
        top: 27%;
        bottom: 0;
        left: 10%;
        margin: 0;
    }
    .mg-rassrochka .mg-rassrochka-kvartals {
        gap: 30px;
    }
    .mg-rassrochka .mg-rassrochka-kvartals-block {
        width: 100%;
    }
}
@media (max-width: 424px) {
    .mg-tranche .content-block-2-wrap .content-block-2-item {
        min-width: 80%;
    }
}

/* scoring */
.content .scoring-block-wrap {
    position: relative;
    background: url('/img/mortgage/bg-green.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: 90%;
    overflow: hidden;
    padding: 0;
    margin-bottom: 80px;
    max-width: 1200px;
    border-radius: 16px;
}
/*.scoring-block-wrap:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #00cd2e;
    opacity: 0.8;
    !*mix-blend-mode: multiply;*!
    filter: brightness(75%);
    transform: translate3d(0,0,0);
    z-index: 0;
}*/
.content .scoring-block {
    position: relative;
    padding: 40px;
    display: flex;
    gap: 40px;
    /*z-index: 2;*/
}
.scoring-block-title {
    color: #fff;
    font-weight: 400;
    font-size: 35px;
    line-height: 1;
    letter-spacing: 0;
    margin-bottom: 18px;
}
.scoring-block-text {
    color: #fff;
    font-weight: 400;
    font-size: 22px;
    line-height: 117%;
    letter-spacing: 0;
}
.scoring-block-btn {
    margin-top: auto;
    margin-left: auto;
}

.btn-type-2 {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    min-width: 226px;
    background: #fff;
    padding: 14px 24px;
    border-radius: 8px;
    border: 1px solid #00CD2E;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0.5px;
    color: #222;
}
.visible-600 {
    display: none;
}

@media (max-width: 1199px) {
    .scoring-block-wrap {
        margin-left: 15px;
        margin-right: 15px;
    }
    .scoring-block {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        padding: 28px 38px;
    }
    .scoring-block-title {
        font-weight: 600;
        font-size: 24px;
        margin-bottom: 10px;
    }
    .scoring-block-text {
        font-size: 16px;
        line-height: 130%;
        letter-spacing: 0;
    }
    .scoring-block-btn {
        margin-left: 0;
    }
}
@media (max-width: 600px) {
    .scoring-block {
        padding: 20px;
    }
    .scoring-block-btn {
        width: 100%;
    }
    .scoring-block-title {
        margin-bottom: 18px;
    }
    .visible-600 {
        display: block;
    }
}

/* scoring form */
.scoring-request-block .send-question-form {
    /*max-width: 608px;*/
    /*width: auto;*/
    width: 608px;
    margin-left: -304px;
}
.scoring-request-block .send-question-form__head {
    font-weight: 500;
    font-size: 24px;
    line-height: 100%;
    color: #222;
    letter-spacing: 0;
    padding: 0;
}
.scoring-request-block .send-question-form__field input[type=text] {
    padding: 10px 12px;
    min-width: 260px;
}
.scoring-request-block input[type=text]::placeholder {
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.2px;
    color: #A1A1A1;
}
.scoring-request-block input[type=date] {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    border: 1px solid transparent;
    padding: 0 12px;
}
.scoring-request-block input[type=date]:focus-visible {
    outline: none;
}
.scoring-request-block .request-form-group {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.scoring-request-block .send-question-form .request-form-group .send-question-form__field_text {
    width: calc(50% - 4px);
    margin: 0;
    padding: 0;
}
.request-form-group .rfg-title,
.scoring-request-block .send-question-form .request-form-group .rfg-fw {
    width: 100%;
    color: #222;
}

.scoring-request-block .send-question-form__body {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.scoring-request-block .rfg-wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 8px;
}
.scoring-request-block .request-form-group .rfg-wrap .full-w {
    flex-grow: 1;
}
.scoring-request-block .request-form-group .rfg-wrap .send-question-form__field_text {
    width: auto;
}
.scoring-request-block .rfg-wrap input[type="text"] {
    min-width: auto;
    border: 1px solid transparent;
}
.scoring-request-block .rfg-wrap .w33 {
    flex: 0 1 33%;
    max-width: 184px;
}
.scoring-request-block .btn-wrap {
    display: flex;
    gap: 8px;
}
.question-form-pd-notice {
    margin-top: 20px;
    color: #A1A1A1;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.2px;
    text-align: center;
}
.question-form-pd-notice a {
    color: #00cd2e;
}
.qf-err-notice {
    text-align: center;
    margin-top: 8px;
    color: #F97070;
}
.scoring-request-block [class^=request-form-p],
.scoring-request-block .request-form-result,
.scoring-request-block .scoring-result {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.scoring-form-btn {
    background: #00CD2E;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
    text-transform: none;
    font-family: inherit;
    font-weight: 500;
    font-size: 16px;
    width: 100%;
    border: 1px solid #00cd2e;
    border-radius: 8px;
    line-height: 1;
    padding: 14px;
    color: #fff;
}
.scoring-form-btn.disabled,
.scoring-form-btn:disabled {
    background: #ddd;
    border-color: #ddd;
    color: #bbb;
    pointer-events: none;
}
.arrow-btn {
    display: block;
    height: 8px;
    width: 8px;
    border-width: 0 0 2px 2px;
    border-style: solid;
    border-color: transparent transparent #fff #fff;
    background: 0 0;
    transform: rotate(225deg);
}
.scoring-form-btn.disabled .arrow-btn {
    border-color: transparent transparent #bbb #bbb;
}
.arrow-btn.arrow-btn-back {
    transform: rotate(45deg);
}
.scoring-form-btn.scoring-form-btn-white {
    background: #fff;
    color: #222;
    font-weight: 400;
}
.scoring-form-btn.scoring-form-btn-white .arrow-btn-back {
    border-color: transparent transparent #00cd2e #00cd2e;
}

.rfr-header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}
.rfr-header-date {
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #7A827C;
}
.rfg-block {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 4px;
}
.rfg-item {
    display: flex;
    align-items: center;
    padding: 4px 8px;
    background: #F8F8F8;
    gap: 4px;
    border-radius: 8px;
}
.rfg-item-icon {
    width: 16px;
    height: 16px;
    background-size: cover;
}
.rfg-item-icon.icon-yes {
    background: url('/img/mortgage/icons/icon-yes.svg');
}
.rfg-item-icon.icon-no {
    background: url('/img/mortgage/icons/icon-no.svg');
}
.rfg-item-name {
    color: #7A827C;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: 0;
}
.rfg-hr {
    width: 100%;
    height: 1px;
    background: #EFEFEF;
    margin: -8px 0;
}
.rfr-wrap {
    display: flex;
    flex-direction: column;
    gap: 1px;
}
.scoring-request-block .rfr-block-top,
.scoring-request-block .rfr-block-bottom {
    background: #F8F8F8;
    padding: 17px 12px 12px;
}
.scoring-request-block .rfr-block-top {
    border-radius: 8px 8px 0 0;
}
.scoring-request-block .rfr-block-bottom {
    border-radius: 0 0 8px 8px;
}
.scoring-request-block .rfr-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0;
    margin-bottom: 4px;
}
.scoring-request-block .rfr-text-sub {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0;
    color: #7A827C;
}
.scoring-request-block .rfr-green .rfr-text,
.scoring-request-block .rfr-green .scale-mark-value {
    color: #00B729;
}
.scoring-request-block .rfr-red .rfr-text,
.scoring-request-block .rfr-red .scale-mark-value {
    color: #F97070;
}
.scoring-request-block .rfr-yellow .rfr-text,
.scoring-request-block .rfr-yellow .scale-mark-value {
    color: #EBCA42;
}
.scoring-request-block .rfr-light-green .rfr-text,
.scoring-request-block .rfr-light-green .scale-mark-value {
    color: #7ECB12;
}

.rfr-scale {
    position: relative;
    padding-top: 18px;
}
.rfr-scale-block-wrap {
    display: flex;
    justify-content: space-between;
    gap: 4px;
}
.rfr-scale .rfr-scale-block {
    flex: 0 1 25%;
    height: 4px;
    border-radius: 4px;
}
.rfr-scale-block.rfr-sb-red {
    color: #F97070;
    background: #F97070;
}
.rfr-scale-block.rfr-sb-yellow {
    color: #EBCA42;
    background: #EBCA42;
}
.rfr-scale-block.rfr-sb-light-green {
    color: #7ECB12;
    background: #7ECB12;
}
.rfr-scale-block.rfr-sb-green {
    color: #00B729;
    background: #00B729;
}
.rfr-scale-num-wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 4px;
}
.rfr-scale-num-wrap .rfr-scale-num {
    flex: 0 1 20%;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0;
    color: #DADADA;
}
.rfr-scale-num-wrap .rfr-scale-num:last-child {
    text-align: end;
}
/*
.rfr-scale-num-wrap .rfr-scale-num:nth-child(2) {
    padding-left: 3%;
}
*/
.rfr-scale-num-wrap .rfr-scale-num:nth-child(3) {
    text-align: center;
}
.rfr-scale-num-wrap .rfr-scale-num:nth-child(4) {
    text-align: end;
}
.rfr-scale-num-wrap .rfr-scale-num:nth-child(2) span {
    display: inline-block;
    transform: translateX(70%);
}
.rfr-scale-num-wrap .rfr-scale-num:nth-child(4) span {
    display: inline-block;
    transform: translateX(-70%);
}
.rfr-scale .scale-mark {
    position: absolute;
    bottom: -4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 4px;
    height: 12px;
    border-radius: 4px;
}
.rfr-green .rfr-scale .scale-mark {
    background: #00B729;
}
.rfr-red .rfr-scale .scale-mark {
    background: #F97070;
}
.rfr-yellow .rfr-scale .scale-mark {
    background: #EBCA42;
}
.rfr-light-green .rfr-scale .scale-mark {
    background: #7ECB12;
}
.rfr-scale .scale-mark-value {
    position: absolute;
    bottom: 16px;
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0;
}
@media (max-width: 767px) {
    .scoring-request-block .send-question-form {
        margin-left: auto;
    }
}
@media (max-width: 630px) {
    .scoring-request-block .send-question-form {
        max-width: 608px;
        width: 90%;
    }
    .scoring-request-block .send-question-form__field input[type=text] {
        min-width: 150px;
    }
}
@media (max-width: 550px) {
    .scoring-request-block .rfg-wrap {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
}
@media (max-width: 410px) {
    .scoring-request-block .request-form-group {
        flex-direction: column;
    }
    .scoring-request-block .send-question-form .request-form-group .send-question-form__field_text,
    .scoring-request-block .rfg-wrap .w33 {
        width: 100%;
    }
    .scoring-request-block .rfg-wrap {
        flex-direction: column;
    }
}
/* END scoring */


/* trade-in special offer block */
.mg-trade-in-so .mg-trade-in-so-wrap {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    margin-top: 12px;
}
.mg-trade-in-so .mg-info-text {
    margin-bottom: 20px;
    color: #7A827C;
}
.mg-trade-in-so .mg-info-text strong {
    color: #222;
}
.mg-trade-in-so .mg-trade-in-so-item {
    position: relative;
    flex: 1 1 0;
    background: linear-gradient(180deg, #F0F7F9 0%, #CFE5EA 100%);
    height: 156px;
    padding: 20px;
    border-radius: 16px;
}
.mg-trade-in-so .mg-trade-in-so-item:before {
    content: '';
    position: absolute;
    width: 90px;
    height: 90px;
    background: url("/img/mortgage/icons/i-sum-w.svg");
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 50%;
    right: -18px;
    bottom: -16px;
}
.mg-trade-in-so .mg-trade-in-so-item:first-child:before {
    width: 80px;
    height: 80px;
}
.mg-trade-in-so .mg-trade-in-so-item:last-child:before {
    width: 105px;
    height: 105px;
}
.mg-ti-soi-title {
    font-family: RFDewiExpanded, sans-serif;
    color: #222;
    line-height: 110%;
    font-size: 16px;
    margin-bottom: 12px;
}
.mg-ti-soi-text {
    position: relative;
    z-index: 1;
    font-family: RFDewiExpanded, sans-serif;
    color: #222;
    line-height: 110%;
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
}
.mg-ti-soi-title br {
    display: none;
}
/* END trade-in special offer block */

@media (max-width: 768px) {
    .section-block-80 {
        padding: 80px 15px;
    }
    .mg-trade-in-so .mg-trade-in-so-wrap {
        gap: 8px;
    }
    .mg-ti-soi-title {
        font-size: 14px;
    }
    .mg-ti-soi-text {
        font-size: 16px;
    }
    .mg-trade-in-so .mg-trade-in-so-item:before {
        width: 80px;
        height: 80px;
    }
    .mg-trade-in-so .mg-trade-in-so-item:first-child:before {
        width: 70px;
        height: 70px;
    }
    .mg-trade-in-so .mg-trade-in-so-item:last-child:before {
        width: 90px;
        height: 90px;
    }
}
@media (max-width: 600px) {
    .mg-trade-in-so .mg-trade-in-so-wrap {
        flex-direction: column;
        gap: 16px;
    }
    .mg-trade-in-so .mg-trade-in-so-item {
        flex: 1 1 auto;
        padding: 16px;
        display: flex;
        flex-direction: column;
    }
    .mg-ti-soi-title {
        font-size: 16px;
    }
    .mg-ti-soi-text {
        font-size: 20px;
        margin-top: auto;
    }
    .mg-trade-in-so .mg-trade-in-so-item:before {
        width: 90px;
        height: 90px;
    }
    .mg-trade-in-so .mg-trade-in-so-item:first-child:before {
        width: 80px;
        height: 80px;
    }
    .mg-trade-in-so .mg-trade-in-so-item:last-child:before {
        width: 100px;
        height: 100px;
    }
    .mg-ti-soi-title br {
        display: block;
    }
}

/* full-price fixes */
.mg-full-price .mg-section-intro {
    padding-bottom: 90px;
}
.mg-intro-wrap {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.mg-full-price .to-bottom-mta {
    margin-top: auto;
}

.mg-so .mg-so-wrap {
    display: flex;
    justify-content: space-between;
    gap: 24px;
}

.mg-so .mg-so-item {
    position: relative;
    flex: 1 1 0;
    background: linear-gradient(180deg, #F0F7F9 0%, #CFE5EA 100%);
    height: 156px;
    padding: 20px;
    border-radius: 16px;
}

.mg-so .mg-so-item:before {
    content: '';
    position: absolute;
    width: 90px;
    height: 90px;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 50%;
    right: -18px;
    bottom: -16px;
}

.mg-so .bg-double-houses:before {
    background: url('/img/mortgage/icons/bg-double-houses.svg');
    width: 140px;
    height: 135px;
    opacity: 0.3;
}
.mg-so .bg-house:before {
    background: url('/img/mortgage/icons/bg-house.svg');
    width: 140px;
    height: 145px;
    opacity: 0.3;
}
.mg-so-item {
    display: flex;
    flex-direction: column;
    /*font-family: ProximaNova, sans-serif;*/
}
.mg-so-item .mg-so-item-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 1;
    text-transform: uppercase;
}
.mg-so-item .mg-so-item-text {
    margin-top: auto;
    font-size: 20px;
    line-height: 1.2;
    z-index: 1;
}
.mg-h-line {
    width: 100%;
    padding-top: 24px;
    border-bottom: 1px solid #dadada;
    border-radius: 0 !important;
    margin-bottom: 24px;
}
@media (max-width: 768px) {
    .mg-so-item .mg-so-item-text {
        font-size: 14px;
    }
    .blocks-one-row > a {
        width: 50%;
    }
}
@media (max-width: 600px) {
    .mg-section-intro .mg-title {
        font-size: 32px;
        line-height: 1;
    }
    .mg-so .mg-so-wrap {
        flex-direction: column;
    }
    .mg-so .mg-so-item {
        min-height: 140px;
    }
    .row-flex.blocks-one-row {
        flex-direction: column;
    }
    .blocks-one-row > a {
        width: 100%;
    }
    .mg-so-item .mg-so-item-title {
        font-size: 20px;
    }
}
/* END full-price fixes */

.mg-img-block {
    padding: 23px 40px;
    background: #fff;
}
.mg-img-block .mg-img-title {
    font-size: 20px;
    line-height: 140%;
    font-weight: 600;
    color: #000000;
}
.mg-img-block .mg-img-text {
    font-size: 16px;
    line-height: 160%;
    color: #000000;
    margin-bottom: 24px;
}

@media (max-width: 900px) {
    .mg-img-block {
        padding: 16px 12px;
    }
}

@media (max-width: 600px) {
    .mg-img-block {
        padding: 12px;
    }
}



.mg-block-items-wrap .mg-block-item {
    display: flex;
    /*justify-content: space-between;*/
    column-gap: 50px;
    overflow: hidden;
    border-radius: 8px;
    padding: 50px 50px 0;
    height: 270px;
}
.mg-block-items-wrap .mg-block-item-icon:before {
    content: none;
}

.mg-block-items-wrap .mg-block-item-icon {
    width: 250px;
    min-width: 250px;
    background-size: 280px;
    /*background-size: contain;*/
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;
    height: auto;
    margin: 0;
}

.mg-block-item-info {
    display: flex;
    flex-direction: column;
}

.mbi-info-data {
    display: flex;
    column-gap: 40px;
    margin-top: auto;
    margin-bottom: 50px;
}

.mbi-info-btns {
    min-width: 172px;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: 50px;
}

.mbi-info-data {
    display: flex;
    column-gap: 40px;
    /*margin-top: auto;*/
}

@media (max-width: 950px) {
    .mg-block-items-wrap .mg-block-item {
        flex-direction: column;
        height: auto;
        border-radius: 8px;
        padding: 30px 20px;
    }
    .mg-block-items-wrap .mg-block-item-icon {
        position: absolute;
        top: 30px;
        align-self: center;
        width: auto;
        height: 190px;
        min-height: 190px;
        background-size: contain;
    }
    .mg-block-items-wrap .mg-block-item-info {
        margin-top: 140px;
    }
    .mg-block-items-wrap .mbi-info-data {
        flex-direction: column;
        row-gap: 20px;
        margin-bottom: 20px;
    }
    .mg-block-items-wrap .mg-block-item-info-text {
        margin-bottom: 0;
    }
    .mbi-info-btns {
        display: flex;
        flex-direction: column-reverse;
        row-gap: 20px;
        margin-left: 0;
        margin-bottom: 0;
    }
    .mbi-info-btns .mg-item-add-info-wrap {
        text-align: right;
    }
}

/* tos page upd */
.mg-info-white-block .mg-block-item-icon {
    width: 250px;
    min-width: 250px;
    background-size: 280px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;
    height: auto;
    margin: 0;
}

.mg-info-white-block .mg-block-item-icon:before {
    content: none;
}

.mg-tos .mg-info-white-block .mg-block-item-info,
.mg-tos .mg-info-white-block .mg-block-item-btn {
    margin-top: auto;
    margin-bottom: 50px;
}
.mg-tos .mg-info-white-block .mg-block-item-btn {
    margin-left: auto;
}

.mg-info-white-block .mg-block-item-btn a {
    width: 240px;
    white-space: nowrap;
}

.tos-btns {
    display: flex;
    column-gap: 40px;
    row-gap: 20px;
}
.tos-btns .link-button {
    max-width: 400px;
}

@media (max-width: 950px) {
    .mg-tos .mg-info-white-block {
        flex-direction: column;
        height: auto;
        border-radius: 8px;
        padding: 30px 20px;
    }

    .mg-info-white-block .mg-block-item-icon {
        position: absolute;
        top: 30px;
        align-self: center;
        width: calc(50% - 20px);
        height: 190px;
        min-height: 190px;
        background-size: contain;
    }

    .mg-tos .mg-info-white-block .mg-block-item-info,
    .mg-tos .mg-info-white-block .mg-block-item-btn {
        margin: 0;
        z-index: 1;
    }
    .mg-tos .mg-info-white-block .mg-block-item-info {
        margin-top: 120px;
    }
    .mg-tos .mg-info-white-block .mg-block-item-text br {
        display: none;
    }

    .mg-tos .mg-info-white-block .mg-block-item-btn {
        margin-left: 0;
    }
    .mg-info-white-block .mg-block-item-btn a {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .tos-btns {
        flex-direction: column;
        max-width: none;
    }
}
/* END tos page upd */

/* rassrochka page upd */
.mg-rass-v-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.mg-rass-v-item {
    position: relative;
    display: flex;
    flex-direction: column;
    width: calc(50% - 8px);
    height: 192px;
    padding: 24px;
    background-color: #F8F8F8;
    border-radius: 8px;
}
.mg-rvi-title {
    font-family: ProximaNovaSemiBold, sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: #222;
    letter-spacing: 0;
}
.mg-rvi-sub {
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 0;
    color: #222;
}
.mg-rvi-text {
    font-size: 16px;
    line-height: 130%;
    letter-spacing: 0;
    color: #7A827C;
    margin-top: auto;
}
.mg-rassrochka .mg-rvi-icon {
    position: absolute;
    top: 24px;
    right: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 64px;
    background: #fff;
    border-radius: 50%;
}
.mg-rassrochka .mg-rvi-icon > div {
    display: block;
    width: 28px;
    height: 28px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 0;
}
.mg-rassrochka .mg-rvi-icon .mg-rvi-icon-flat {
    background-image: url('/img/mortgage/icons/i-house.svg');
}
.mg-rassrochka .mg-rvi-icon .mg-rvi-icon-parking {
    width: 26px;
    height: 26px;
    background-image: url('/img/icons/round/parking.svg');
}
.mg-rassrochka .mg-rvi-icon .mg-rvi-icon-storage {
    width: 26px;
    height: 26px;
    background-image: url('/img/icons/round/storage.svg');
}
.mg-title-bold {
    font-family: ProximaNovaSemiBold, sans-serif;
    /*font-weight: 600;*/
    font-size: 24px;
    line-height: 29px;
    color: #222;
    letter-spacing: 0;
    margin-bottom: 16px;
}

.mg-rass-data-wrap {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}
.mg-rass-data-item {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    padding: 12px;
    background-color: #F8F8F8;
    border-radius: 8px;
}
.mg-rdi-title {
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0;
}
.mg-rdi-title a {
    white-space: nowrap;
    color: #00CD2E;
}
.mg-rdi-info {
    display: flex;
    gap: 16px;
}
.mg-rdi-info .mg-rdi-info-item {
    flex-grow: 1;
}
.mg-rdi-img {
    width: 282px;
    height: 144px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: bottom;
    border-radius: 8px;
}
.mg-rdi-info-item {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 8px;
}
.mg-rassrochka .mg-rdi-ii-head {
    display: flex;
    align-items: center;
    column-gap: 8px;
    padding: 12px;
    border-bottom: 1px #F8F8F8 solid;
    border-radius: 8px 8px 0 0;
}
.mg-rdi-ii-head-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    background-size: cover;
    background-repeat: no-repeat;
}
.mg-rdi-ii-head-icon-flat {
    background-image: url('/img/mortgage/icons/i-house.svg');
}
.mg-rdi-ii-head-icon-parking {
    background-image: url('/img/icons/round/parking.svg');
}
.mg-rdi-ii-head-icon-storage {
    background-image: url('/img/icons/round/storage.svg');
}
.mg-rdi-ii-head-name {
    font-family: ProximaNovaSemiBold, sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
}
.mg-rdi-ii-options {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    padding: 12px;
}
.mg-rdi-ii-opt {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
}
div.mg-rdi-ii-opt {
    display: flex;
    column-gap: 4px;
    align-items: center;
}
ul.mg-rdi-ii-options {
    margin-left: 18px;
}
ul.mg-rdi-ii-options li.mg-rdi-ii-opt {
    list-style-type: disc;
}

.mg-rdi-ii-opt_q {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform: none;
    border-radius: 50% !important;
    height: 12px;
    width: 12px;
    text-align: center;
    font-size: 8px;
    font-family: monospace;
    border: 1px solid #A1A1A1;
    color: #A1A1A1;
    opacity: 1;
    line-height: 1;
    font-weight: 700;
    background: #fff;
    padding-top: 1px;
    cursor: pointer;
}
.tooltipster-sidetip.tooltipster-shadow .tooltipster-content {
    max-width: 272px;
    text-align: center;
    padding: 8px 16px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    color: #222;
}

.mg-rdi-info .btn-type-2 {
    display: none;
}
@media (max-width: 1199px) {
    .mg-rassrochka .mg-section-intro:before {
        top: auto;
        left: auto;
        bottom: -30%;
        height: 82%;
        background-position-x: center;
    }
}
@media (min-width: 768px) and (max-width: 1199px) {
    .mg-rassrochka .mg-section-intro {
        padding-top: 40px;
        height: 612px;
    }
    .mg-rassrochka .mg-section-intro .mg-intro-wrap .row > div:first-child {
        width: 100%;
    }
}
@media (max-width: 950px) {
    .mg-rass-v-item {
        width: 100%;
    }
    .mg-rdi-info {
        flex-wrap: wrap;
    }
    .mg-rdi-info > div {
        width: calc(50% - 8px);
        min-height: 144px;
    }
    .mg-rdi-img {
        height: auto;
        background-position-y: 75%;
    }
    .mg-rdi-info-v2 .mg-rdi-img {
        margin-right: 2px;
    }
}
@media (max-width: 600px) {
    .mg-rassrochka .mg-section-intro {
        height: 504px;
    }
    .mg-rassrochka .mg-section-intro:before {
        left: 10%;
        height: 80%;
    }
    .mg-rassrochka .mg-section-intro .mg-title {
        font-family: ProximaNovaLight, sans-serif;
        margin-bottom: 10px;
    }
    .mg-rassrochka .mg-sub-text {
        font-size: 18px;
        line-height: 130%;
    }
    .mg-rass-v-item {
        padding: 16px;
    }
    .mg-rvi-title {
        font-size: 20px;
    }
    .mg-rvi-sub {
        font-size: 16px;
    }
    .mg-rassrochka .mg-rvi-icon {
        top: 16px;
        right: 16px;
        width: 44px;
        height: 44px;
    }
    .mg-rassrochka .mg-rvi-icon > div {
        width: 20px !important;
        height: 20px !important;
    }
    .mg-rdi-info > div {
        width: 100%;
    }
    .mg-rdi-info .btn-type-2 {
        display: flex;
        width: 100%;
    }
}
/* END rassrochka page upd */

/* banner */
.pb-banner-wrap {
    background-image: linear-gradient(180deg,#f1f7f9 0,#cfe5ea 100%);
    border-radius: 8px;
    padding-right: 32px;
    margin-bottom: 20px;
}
.pb-banner {
    background-image: url("/img/parking-banner-bg.png?v2");
    background-position: right bottom;
    background-size: contain;
    background-repeat: no-repeat;
}
.pb-banner-text-wrap {
    padding: 20px;
}
.pb-banner-title {
    font-family: ProximaNova, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    margin-bottom: 8px;
}
.pb-banner-text {
    font-size: 16px;
}
.pb-banner-note {
    font-size: 12px;
    color: #7a827c;
    margin-top: 8px;
}
/* END banner */

/* intro upd */
.mg-intro-wrap .mg-title {
    order: 1;
}
.mg-intro-wrap .mg-intro-button {
    order: 2;
}
.mg-adv-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
    order: 3;
}
.mg-adv-wrap .mg-adv-block {
    flex: 1;
}
.mg-adv-wrap .mg-adv-block.full-w  {
    width: 100%;
    flex: auto;
}
.mg-intro-first {
    display: flex;
}
.mg-intro-first .flex-order-1 {
    width: 50%;
}
.mg-program-img {
    width: 50%;
}
.content:not(.mg-main-page) .mg-section-intro .mg-intro-wrap > .mg-sub-text,
.content:not(.mg-main-page) .mg-section-intro .mg-intro-wrap > .mg-intro-button {
    display: none;
}

@media (max-width: 1199px) {
    .mg-adv-wrap {
        flex-wrap: wrap;
    }
    .mg-adv-wrap .mg-adv-block {
        flex: none;
        width: calc(50% - 5px);
        margin-bottom: 0;
    }
    .mg-program-img {
        height: 300px;
    }
}

@media (max-width: 767px) {
    .mg-program-img {
        order: 2;
    }
}

@media (max-width: 600px) {
    .mg-intro-first {
        align-items: center;
    }
    .mg-adv-wrap .mg-adv-block {
        width: 100%;
    }
    .mg-intro-wrap .mg-intro-button {
        order: 4;
        margin-top: 40px;
        margin-bottom: 0;
    }
    .mg-section-intro .mg-intro-wrap > .mg-sub-text {
        order: 5;
        margin-top: 40px;
        font-size: 18px;
    }
    .mg-intro-first .mg-intro-button,
    .mg-intro-first .mg-sub-text {
        display: none !important;
    }
    .content:not(.mg-main-page) .mg-section-intro .mg-intro-wrap > .mg-sub-text,
    .content:not(.mg-main-page) .mg-section-intro .mg-intro-wrap > .mg-intro-button {
        display: block;
    }
    .content:not(.mg-main-page):not(.mg-it) .mg-intro-wrap .mg-title {
        word-spacing: 100px;
    }
    .mg-program-img {
        overflow: hidden;
        height: 160px !important;
    }
    .mg-program-img:before {
        height: 130%;
    }
    .mg-it .mg-intro-wrap .mg-title {
        word-spacing: normal;
    }
}
/* END intro upd */