:root {
    --spacing-s: 20px;
    --spacing-l: 20px;
    --scale: 1px;
    --col: calc(100vw / 2)
}

@media screen and (min-width: 980px) and (max-width:1440px) {
    :root {
        --scale:calc(0.5px + 0.5 * ((100vw - 980px) / 460));
        --spacing-s: 20px;
        --spacing-l: calc(20px + 30 * ((100vw - 980px) / 460))
    }
}

@media screen and (min-width: 1440px) and (max-width:1920px) {
    :root {
        --spacing-s:calc(20px + 10 * ((100vw - 1440px) / 480));
        --spacing-l: calc(50px + 20 * ((100vw - 1440px) / 480))
    }
}

@media only screen and (min-width: 980px) {
    :root {
        --col:calc(100vw / 6)
    }
}

@media only screen and (min-width: 1920px) and (min-height:750px) {
    :root {
        --spacing-s:30px;
        --spacing-l: 70px
    }
}

@media print {
    :root {
        --spacing-s: 20px;
        --spacing-l: 50px
    }
}

.filters__list--label-alt .filter-item__input__plan-svg path,.form-control-range__handle__pin,.mortgage__list__item--sort:not(.mortgage__list__item--asc):not(.mortgage__list__item--desc) .icon.icon-sort {
    transition-duration: var(--transition-duration);
    transition-timing-function: var(--transition-easing)
}

.filters__list--banks .filter-item__value,.filters__list--label-alt .filter-item__value,.filters__list--mortgage .filter-item__value {
    font-size: 1.4rem;
    line-height: 1.42857em;
    --lh: 1.42857em;
    letter-spacing: 0
}

.filters__list--banks .filter-item__label,.filters__list--label-alt .filter-item .btn.btn--outline.btn--filter,.filters__list--label-alt .filter-item__label,.filters__list--mortgage .filter-item__label {
    font-size: 1.2rem;
    line-height: 1.25em;
    --lh: 1.25em;
    letter-spacing: .02em
}

@media only screen and (min-width: 1440px) and (min-height:750px) {
    .filters__list--banks .filter-item__value,.filters__list--label-alt .filter-item__value,.filters__list--mortgage .filter-item__value {
        font-size:1.6rem;
        line-height: 1.375em;
        --lh: 1.375em;
        letter-spacing: .02em
    }

    .filters__list--banks .filter-item__label,.filters__list--label-alt .filter-item__label,.filters__list--mortgage .filter-item__label {
        font-size: 1.4rem;
        line-height: 1.42857em;
        --lh: 1.42857em;
        letter-spacing: 0
    }
}

@media screen and (min-width: 980px) and (max-width:1440px) {
    .filters__list--banks .filter-item__value,.filters__list--label-alt .filter-item__value,.filters__list--mortgage .filter-item__value {
        font-size:calc(1.08889rem + 5.11111 * ((100vw - 980px) / 460))
    }
}

@media screen and (min-width: 980px) and (max-width:1440px) {
    .filters__list--banks .filter-item__label,.filters__list--label-alt .filter-item__label,.filters__list--mortgage .filter-item__label {
        font-size:calc(.95278rem + 4.47222 * ((100vw - 980px) / 460))
    }
}

.has-hover .mortgage__list a.mortgage__list__item--sort:hover,.mortgage__list .has-hover a.mortgage__list__item--sort:hover,.mortgage__list a.is-active.mortgage__list__item--sort,.mortgage__list a.mortgage__list__item--sort,.mortgage__list a.mortgage__list__item--sort:hover:active {
    color: var(--t-text)
}

.form-control-range {
    --range-size: 20px;
    --range-color: var(--t-text);
    position: relative;
    margin-left: 0;
    margin-right: var(--range-size);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    height: var(--range-size)
}

.form-control-range--accent {
    --range-color: var(--t-accent)
}

.form-control-range:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 1px;
    right: calc(1px - var(--range-size));
    height: 1px;
    background: var(--range-color);
    opacity: .2
}

@media only screen and (min-width: 568px) and (max-aspect-ratio:13/9),only screen and (min-width:668px) and (min-height:416px),only screen and (min-width:980px) {
    .form-control-range {
        margin-top:5px;
        margin-bottom: 5px
    }
}

@media only screen and (min-width: 1200px) and (min-height:600px) {
    .form-control-range {
        margin-top:0;
        margin-bottom: 0;
        --range-size: 20px
    }
}

.form-control-range__connector,.form-control-range__handle {
    height: 100%
}

.form-control-range__connector {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    transform-origin: left top
}

.form-control-range__connector:after {
    content: "";
    background: var(--range-color);
    opacity: .2;
    position: absolute;
    left: 0;
    top: 50%;
    height: 1px;
    width: 100%
}

.form-control-range__connector~.form-control-range__connector:after {
    background: var(--range-color);
    opacity: 1
}

.form-control-range__handle {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    width: 100%;
    outline: none;
    pointer-events: none
}

.form-control-range__handle__pin {
    display: block;
    position: relative;
    pointer-events: all;
    cursor: pointer;
    background: var(--t-background);
    width: var(--range-size);
    height: var(--range-size);
    border: 1px solid var(--range-color);
    border-radius: var(--range-size);
    transition-property: background-color
}

.form-control-range__handle__pin:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    transform: translate(-50%,-50%) scale(.333);
    background: var(--range-color)
}

.has-hover .form-control-range__handle__pin:hover {
    background: var(--range-color)
}

.has-hover .form-control-range__handle__pin:hover:before {
    background: var(--t-background)
}

@media only screen and (min-width: 1200px) and (min-height:600px) {
    .form-control-range__handle p {
        left:-50px
    }
}

.form-control-range--overflow {
    margin-left: 0;
    margin-right: 0
}

@media only screen and (min-width: 1200px) and (min-height:600px) {
    .form-control-range--overflow {
        margin-left:0;
        margin-right: 0
    }
}

.filters-modal-title {
    position: fixed
}

.filters-modal-title>p {
    padding-bottom: 20px
}

@media only screen and (min-width: 980px) {
    .filters-modal-title {
        left:calc(var(--spacing-s) * 1);
        bottom: calc(var(--spacing-s) * 1)
    }
}

@media only screen and (min-width: 1200px) and (min-height:600px) {
    .filters-modal-title {
        left:var(--spacing-l);
        bottom: var(--spacing-l)
    }
}

.filters-modal-title * {
    color: var(--t-text)
}

.filters-modal .modal__content-wrapper {
    justify-content: flex-start
}

.filters {
    position: relative
}

.filters__spacer {
    flex-grow: 1;
    padding-top: calc(var(--spacing-s) * 6)
}

.filters__footer {
    position: fixed;
    z-index: 1;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    padding: var(--spacing-l)
}

.filters__footer .btn {
    flex-grow: 1
}

.no-hover .filters__footer .btn:after {
    background: var(--t-background)
}

.filters__footer .btn+.btn {
    margin-left: 10px
}

.filters__footer__reset {
    position: absolute;
    z-index: 1;
    right: 110px;
    top: 0
}

@media only screen and (max-width: 979px) {
    .filters__footer {
        pointer-events:none
    }

    .filters__footer .btn,.filters__footer button {
        pointer-events: all
    }

    .filters__footer .group {
        margin-left: 0;
        width: calc(100% - 10px)
    }

    .filters__footer button[type=reset] {
        flex-grow: 0
    }

    .filters__footer:before {
        position: absolute;
        content: "";
        left: calc(var(--spacing-s) * .5);
        right: calc(var(--spacing-s) * .5);
        top: 0;
        height: 100%;
        background: linear-gradient(0deg,var(--c-cold-1) 35%,hsla(0,0%,100%,0))
    }
}

@media only screen and (min-width: 980px) {
    .filters {
        display:flex;
        flex-direction: column;
        min-height: calc(var(--viewport-height-actual) - var(--spacing-l) * 3)
    }

    .filters--banks,.filters--mortgage {
        min-height: auto
    }

    .filters__spacer {
        flex-grow: 1;
        padding-top: 10px
    }

    .filters__footer {
        background: none;
        position: absolute;
        padding: 0;
        left: auto;
        right: var(--spacing-l);
        bottom: var(--spacing-l)
    }
}

.filters__list {
    position: relative;
    padding-top: 15px
}

.filters__list--mortgage {
    padding-top: calc(var(--spacing-s) / 2)
}

.filters__list--mortgage .filter-item__value {
    text-align: right
}

.filters__list__item {
    margin-top: 25px
}

.filters__list__item--wide {
    margin-top: 40px
}

.filters__list__item--wide .group--filter {
    padding-right: var(--spacing-l)
}

.filters__list__item--wide:first-child+.filters__list__item {
    margin-top: 0;
    margin-bottom: 60px
}

.filters__list__item--extras {
    margin-top: 60px
}

.filters__list__item.filters__list__item--exclude-reserved {
    margin-top: 75px
}

@media only screen and (min-width: 980px) {
    .filters__list {
        padding-top:0;
        margin-top: calc(var(--spacing-l) / 50 * -42);
        margin-left: calc(var(--spacing-l) * -1)
    }

    .filters__list__item {
        margin-top: calc(var(--spacing-l) / 50 * 45);
        margin-left: var(--spacing-l)
    }

    .filters__list__item--wide {
        flex: 0 0 calc(100% - var(--spacing-l));
        width: calc(100% - var(--spacing-l))
    }

    @-moz-document url-prefix() {
        .filters__list__item--wide {
            max-width: calc(100% - var(--spacing-l))
        }
    }

    .filters__list__item--wide:first-child {
        margin-top: calc(var(--spacing-l) / 50 * 35)
    }

    .filters__list__item--wide:first-child+.filters__list__item {
        margin-top: -5px;
        margin-bottom: 0
    }

    .filters__list--mortgage {
        display: flex;
        align-items: center
    }

    .filters__list--mortgage .filters__list__item {
        flex: 1
    }
}

.filters__list--label-alt .filter__list__item {
    margin: calc(var(--spacing-l) * 1.75) 0 0
}

.filters__list--label-alt .filter-item__label {
    font-weight: 500
}

.filters__list--label-alt .filter-item__input--plan {
    margin: 0 -20px
}

.filters__list--label-alt .filter-item__input__plan-svg {
    display: block;
    margin: -15px auto 0;
    transform: translateX(-15px)
}

.filters__list--label-alt .filter-item__input__plan-svg path:not(.filter-item__input__plan-svg__hoverable) {
    pointer-events: none
}

.filters__list--label-alt .filter-item__input__plan-svg path {
    transition-property: fill,stroke-opacity
}

.filters__list--label-alt .filter-item__input__plan-svg__hoverable {
    cursor: pointer
}

.filters__list--label-alt .filter-item__input__plan-svg__hoverable.is-disabled {
    pointer-events: none;
    opacity: .5
}

.filters__list--label-alt .filter-item__input__plan-svg__hoverable.is-disabled+path {
    opacity: .4
}

.filters__list--label-alt .filter-item__input__plan-svg__hoverable.is-active {
    fill: var(--t-primary);
    stroke-opacity: 1
}

.filters__list--label-alt .filter-item__input__plan-svg__hoverable.is-active+path {
    fill: var(--c-white)
}

.has-hover .filters__list--label-alt .filter-item__input__plan-svg__hoverable:hover {
    stroke-opacity: 1
}

.filters__list--label-alt .filter-item__value {
    font-weight: 500;
    white-space: nowrap
}

@media only screen and (min-width: 980px) {
    .filters__list--label-alt {
        display:flex;
        flex-wrap: wrap
    }

    .filters__list--label-alt .filter__list__item {
        margin-top: var(--spacing-l)
    }

    .filters__list--label-alt .filter-item {
        align-items: flex-start
    }

    .filters__list--label-alt .filter-item__label,.filters__list--label-alt .filter-item__value {
        padding: 0 0 5px
    }

    .filters__list--label-alt .filter-item__label {
        display: inline-block;
        width: auto
    }

    .filters__list--label-alt .filter-item__input {
        width: 100%
    }

    .filters__list--label-alt .filter-item__input__plan-svg {
        margin: -20px auto 0;
        transform: translateX(20px)
    }
}

.filters__list--banks {
    padding-top: calc(var(--spacing-s) * .75)
}

.filters__list--banks .filter-item {
    display: flex;
    flex-wrap: wrap
}

.filters__list--banks .filter-item__label,.filters__list--banks .filter-item__value {
    flex: 0 0 50%;
    font-weight: 500;
    white-space: nowrap
}

.filters__list--banks .filter-item__input {
    flex: 0 0 100%
}

.filters__list--banks .filter-item__input .form-control-range__connector:after {
    opacity: 1
}

.filters__list--banks .filter-item__value {
    text-align: end
}

.filters__list--banks .filters__list__item+.filters__list__item {
    margin-top: calc(var(--spacing-s) * 2)
}

@media (max-width: 667px) and (min-aspect-ratio:13/9),only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .filters__list--banks {
        padding-top:0
    }

    .filters__list--banks .filters__list__item,.filters__list--banks .filters__list__item+.filters__list__item {
        margin-top: var(--spacing-s)
    }
}

@media only screen and (min-width: 980px) {
    .filters__list--banks {
        margin:0
    }

    .filters__list--banks .filters__list__item {
        margin-top: calc(var(--spacing-l) / 50 * 32);
        margin-left: 0
    }

    .filters__list--banks .filters__list__item+.filters__list__item {
        margin-top: calc(var(--spacing-s) * 2.5)
    }
}

.filters__list--mortgage .filter-item {
    display: flex;
    flex-wrap: wrap
}

.filters__list--mortgage .filter-item__label,.filters__list--mortgage .filter-item__value {
    flex: 0 0 50%;
    font-weight: 500;
    white-space: nowrap
}

.filters__list--mortgage .filter-item__input {
    flex: 0 0 100%
}

.filters__list--mortgage .filter-item__input .form-control-range__connector:after {
    opacity: 1
}

.mortgage {
    position: relative
}

.mortgage__title {
    padding: calc(var(--header-height) + var(--spacing-s)) var(--spacing-l) calc(var(--spacing-s))
}

.mortgage__nav {
    padding: var(--spacing-l) 0 calc(var(--spacing-l) * 2)
}

.mortgage__list {
    display: flex;
    flex-direction: column
}

.mortgage__list--empty .mortgage__list__head,.mortgage__list .empty-messsage {
    display: none
}

.mortgage__list--empty .empty-messsage {
    display: block
}

.mortgage__list__content {
    display: flex;
    flex-direction: column
}

.mortgage__list__row {
    order: 1
}

.mortgage__list__row.is-disabled {
    display: none
}

.mortgage__list__row .mortgage__list__item {
    display: flex;
    flex-wrap: nowrap;
    min-height: 40px
}

.mortgage__list__item--sort:not(.mortgage__list__item--asc):not(.mortgage__list__item--desc) .icon.icon-sort {
    opacity: 0;
    transition-property: border-color,opacity
}

.has-hover .mortgage__list__item--sort:not(.mortgage__list__item--asc):not(.mortgage__list__item--desc):hover .icon.icon-sort,.mortgage__list__item--sort:not(.mortgage__list__item--asc):not(.mortgage__list__item--desc).is-active .icon.icon-sort,.mortgage__list__item--sort:not(.mortgage__list__item--asc):not(.mortgage__list__item--desc):hover:active .icon.icon-sort {
    opacity: .2
}

.mortgage__list__item--asc .icon.icon-sort,.mortgage__list__item--desc .icon.icon-sort {
    opacity: 1
}

.mortgage__list__item--desc .icon.icon-sort {
    transform: rotate(180deg)
}

.mortgage__list__disclaimer {
    margin-top: auto
}

@media only screen and (max-width: 979px) {
    .mortgage .empty-messsage>span {
        color:var(--t-text)
    }

    .mortgage__layout {
        padding-bottom: calc(var(--spacing-s) * 4)
    }

    .mortgage__layout__filters {
        position: relative;
        padding: 0 var(--spacing-s);
        padding-bottom: var(--spacing-s);
        overflow: hidden
    }

    .mortgage__layout__filters:before {
        position: absolute;
        content: "";
        left: var(--spacing-s);
        right: var(--spacing-s);
        top: 0;
        border-color: var(--t-line);
        border-top: 1px solid;
        border-top-color: var(--t-line)
    }

    .mortgage__layout__fixed {
        position: sticky;
        left: var(--spacing-s);
        right: var(--spacing-s);
        bottom: var(--spacing-s);
        display: flex;
        flex-wrap: nowrap;
        z-index: 1
    }

    .mortgage__layout__fixed .btn {
        margin: 0 auto
    }

    .mortgage__layout__fixed .btn+.btn {
        margin-right: 0
    }

    .mortgage__list {
        padding: var(--spacing-s) var(--spacing-s) calc(var(--spacing-s) * 2)
    }

    .mortgage__list__row {
        display: flex;
        flex-wrap: wrap;
        background-color: var(--c-warm-1);
        padding: var(--spacing-s) var(--spacing-s) calc(var(--spacing-s) * 1.5);
        margin-bottom: calc(var(--spacing-s) * .5)
    }

    .mortgage__list__item {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        font-weight: 500
    }

    .mortgage__list__item>span {
        padding-bottom: calc(var(--spacing-s) * .5)
    }

    .mortgage__list__item--bank {
        flex-direction: row;
        align-items: center;
        flex: 0 0 100%;
        padding-bottom: var(--spacing-s);
        border-bottom: 1px solid var(--t-line-light);
        font-weight: 400;
        font-size: 1.6rem;
        line-height: 1.375em;
        --lh: 1.375em;
        letter-spacing: .02em
    }

    .mortgage__list__item--bank>span {
        padding-bottom: 0
    }

    .mortgage__list__item--part,.mortgage__list__item--rate,.mortgage__list__item--time {
        flex: 0 0 33.33%;
        padding-top: var(--spacing-s);
        padding-bottom: var(--spacing-s)
    }

    .mortgage__list__item--payment {
        flex: 0 0 100%;
        padding-top: var(--spacing-s);
        border-top: 1px solid var(--t-line-light)
    }

    .mortgage__list__item--payment>span {
        width: 100%;
        font-weight: 500;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 0
    }

    .mortgage__list__item--payment .mortgage__list__item__part {
        min-width: 33.33%
    }
}

@media only screen and (min-width: 980px) {
    .mortgage {
        display:flex;
        flex-direction: column;
        min-height: 100vh;
        min-height: var(--viewport-height)
    }

    .mortgage__title {
        position: relative;
        padding: calc(var(--header-height) + var(--spacing-s)) var(--spacing-l) calc(var(--spacing-s) * 2)
    }

    .mortgage__title:after {
        position: absolute;
        content: "";
        right: var(--spacing-l);
        left: var(--spacing-l);
        bottom: var(--spacing-s);
        border-left-color: var(--t-line);
        border-bottom: 1px solid;
        border-bottom-color: var(--t-line);
        border-right-color: var(--t-line);
        border-top-color: var(--t-line)
    }

    .mortgage__title__total {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: space-between
    }

    .mortgage__nav {
        padding-bottom: calc(var(--spacing-s) * 2)
    }

    .mortgage__layout {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        flex-grow: 1;
        margin-bottom: 0;
        margin-top: 0;
        padding: 0 var(--spacing-l)
    }

    .mortgage__layout__filters {
        flex: 0 0 calc((100vw - var(--spacing-l) * 2 - var(--spacing-s) * 10) / 6 * 2 + 1 * var(--spacing-s) * 2);
        margin-right: calc(var(--spacing-s) * 2);
        padding-top: 0
    }

    .mortgage__layout__list {
        flex-grow: 1;
        background-color: var(--c-warm-1)
    }

    .mortgage__list {
        position: relative
    }

    .mortgage__list:before {
        display: block;
        content: "";
        position: absolute;
        left: calc(var(--spacing-s) * -1);
        right: auto;
        top: 0;
        bottom: var(--spacing-l);
        border-top: 0;
        border-left: 1px solid var(--t-line)
    }

    .mortgage__list__head {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        padding-bottom: var(--spacing-s)
    }

    .mortgage__list__head .mortgage__list__item {
        font-weight: 500
    }

    .mortgage__list__row {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap
    }

    .mortgage__list__row .mortgage__list__item {
        align-items: center;
        border-top: 1px solid var(--t-line-light);
        padding-top: calc(var(--spacing-l) / 50 * 15);
        padding-bottom: calc(var(--spacing-l) / 50 * 45)
    }

    .mortgage__list__item--bank {
        flex-grow: 1
    }

    .mortgage__list__item--rate {
        flex: 0 0 14%
    }

    .mortgage__list__item--part {
        flex: 0 0 17%
    }

    .mortgage__list__item--time {
        flex: 0 0 13%
    }

    .mortgage__list__item--payment {
        flex: 0 0 18%
    }
}

@media only screen and (min-width: 1440px) and (min-height:750px) {
    .mortgage {
        --title-height:118px
    }
}

@media only screen and (min-width: 1920px) and (min-height:750px) {
    .mortgage {
        --title-height:200px
    }
}

.mortgage-promotions__list li:not(:last-child) {
    border-bottom: 1px solid var(--t-line)
}

.mortgage-promotions__item {
    position: relative
}

.mortgage-promotions__item__title {
    text-transform: none
}

.mortgage-promotions__item__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.mortgage-promotions__item__button {
    position: absolute
}

.mortgage-promotions__bottom {
    border-top: 1px solid var(--t-line)
}

@media only screen and (max-width: 979px) {
    .mortgage-promotions h2.mortgage-promotions__title {
        font-size:5.4rem;
        line-height: .92593em;
        --lh: 0.92593em;
        letter-spacing: 0
    }

    .mortgage-promotions__layout__left {
        padding: var(--spacing-s) 0;
        border-bottom: 1px solid var(--t-line)
    }

    .mortgage-promotions__item {
        display: flex;
        flex-direction: column;
        padding-top: var(--spacing-s);
        padding-bottom: calc(var(--spacing-s) * 5)
    }

    .mortgage-promotions__item__content {
        display: flex;
        flex-direction: column-reverse
    }

    .mortgage-promotions__item__image {
        width: 100%;
        height: auto
    }

    .mortgage-promotions__item__button {
        left: 0;
        bottom: calc(var(--spacing-s) * 2)
    }

    .mortgage-promotions__item__promotion {
        color: var(--t-secondary)
    }

    .mortgage-promotions__promo {
        position: absolute;
        left: var(--spacing-s);
        top: calc(var(--spacing-s) * 2)
    }
}

@media only screen and (min-width: 980px) {
    .mortgage-promotions__layout {
        display:flex;
        flex-direction: row;
        flex-wrap: nowrap
    }

    .mortgage-promotions__layout__left {
        flex: 0 0 calc((100vw - var(--spacing-l) * 2 - var(--spacing-s) * 10) / 6 * 2 + 1 * var(--spacing-s) * 2);
        margin-right: calc(var(--spacing-s) * 2)
    }

    .mortgage-promotions__layout__right {
        flex-grow: 1;
        position: relative
    }

    .mortgage-promotions__layout__right:before {
        display: block;
        content: "";
        position: absolute;
        left: calc(var(--spacing-s) * -1);
        right: auto;
        top: 0;
        bottom: calc(var(--spacing-s) * -1);
        border-top: 0;
        border-left: 1px solid var(--t-line)
    }

    .mortgage-promotions__layout__right--short:before {
        bottom: 0
    }

    .mortgage-promotions__list li:not(:first-child) {
        padding-top: var(--spacing-s)
    }

    .mortgage-promotions__list--short li:last-child .mortgage-promotions__item {
        padding-bottom: 0
    }

    .mortgage-promotions__item {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        padding-bottom: var(--spacing-s)
    }

    .mortgage-promotions__item__content {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-left: calc(var(--spacing-s) * 2)
    }

    .mortgage-promotions__item__title {
        padding-right: calc(var(--spacing-s) * 3)
    }

    .mortgage-promotions__item__image {
        flex: 0 0 calc((100vw - var(--spacing-l) * 2 - var(--spacing-s) * 10) / 6 * 2 + 1 * var(--spacing-s) * 2)
    }

    .mortgage-promotions__item__button {
        right: 0;
        top: 0
    }

    .mortgage-promotions__item__promotion {
        padding-bottom: 2px;
        color: var(--t-primary)
    }
}

@media only screen and (min-width: 980px) {
    .mortgage-deco__container {
        position:absolute;
        left: 0;
        top: 0;
        right: 0;
        height: 100vh;
        z-index: 11;
        pointer-events: none!important
    }

    .mortgage-deco__deco {
        left: auto;
        right: calc(550 / 1440 * 100vw);
        top: calc(var(--spacing-s) * -2)
    }

    .mortgage-deco__deco img {
        transform: translateX(-50%);
        width: calc(130 / 1440 * 100vw)
    }
}

.mortgage-tradein {
    padding-top: calc(var(--spacing-s) * 2);
    padding-bottom: calc(var(--spacing-s) * 3)
}

.mortgage-tradein__row {
    flex-wrap: nowrap
}

.mortgage-tradein__title {
    font-size: 5.4rem;
    line-height: .92593em;
    --lh: 0.92593em;
    letter-spacing: 0;
    margin-bottom: calc(var(--spacing-s) * 2)
}

.mortgage-tradein__image-xl {
    margin: auto;
    margin-top: var(--spacing-s);
    max-width: calc((450 * 100vw) / 1400)
}

.mortgage-tradein__image-xl,.mortgage-tradein__image-xl img,.mortgage-tradein__image-xs {
    display: block;
    width: 100%;
    height: auto
}

.mortgage-tradein__image-xs {
    margin: 0 auto calc(var(--spacing-s) * 2);
    max-width: calc(220 * 100vw / 360)
}

.mortgage-tradein__image-xs img {
    display: block;
    width: 100%;
    height: auto
}

.mortgage-tradein__text {
    border-top: 1px solid rgba(var(--t-primary-rgb),.2);
    color: var(--t-primary);
    padding-top: calc(var(--spacing-s) / 2 + 2px);
    margin-bottom: calc(var(--spacing-s) * 2 - 5px)
}

@media only screen and (min-width: 980px) {
    .mortgage-tradein {
        padding-top:0;
        padding-bottom: 0
    }

    .mortgage-tradein__description {
        border-left: 1px solid rgba(var(--t-primary-rgb),.15);
        flex: 0 0 calc((100vw - var(--spacing-l) * 16) + 30px);
        margin-left: var(--spacing-s);
        padding-left: var(--spacing-s);
        position: relative
    }

    .mortgage-tradein__title {
        font-size: 8rem;
        line-height: 1em;
        --lh: 1em;
        letter-spacing: 0;
        margin-bottom: calc(var(--spacing-l) * 3 + 15px)
    }

    .mortgage-tradein__text {
        border-top: none;
        border-bottom: 1px solid rgba(var(--t-primary-rgb),.15);
        margin-bottom: calc(var(--spacing-l) * 2 + (var(--spacing-l) / 2));
        padding-top: 0;
        padding-bottom: var(--spacing-s)
    }

    .mortgage-tradein__text p {
        max-width: calc((462 * 100vw) / 1440)
    }

    .mortgage-tradein__button {
        display: flex;
        justify-content: center;
        position: relative
    }

    .mortgage-tradein__chair {
        display: block;
        position: absolute;
        z-index: 1;
        max-width: 230px;
        transform: translate(calc(-105 * 100vw / 1440),-78px);
        width: calc((230 * 100vw) / 1440);
        height: auto
    }

    .mortgage-tradein__chair img {
        display: block;
        width: 100%;
        height: auto
    }

    .mortgage-tradein__btn {
        position: relative;
        z-index: 2
    }
}

@media only screen and (min-width: 1920px) and (min-height:750px) {
    .mortgage-tradein__chair {
        max-width:330px;
        transform: translate(calc(-125 * 100vw / 1440),-113px);
        width: calc((330 * 100vw) / 1440)
    }
}

.news-item-meta {
    padding: var(--spacing-l) 0 var(--spacing-s)
}

.news-item-image,.news-item-meta {
    border-bottom: 1px solid var(--t-line);
    margin: 0 0 var(--spacing-s)
}

.news-item-image {
    padding: 0 0 var(--spacing-s)
}

.news-item-image img {
    display: block;
    width: 100%;
    height: auto
}

.properties-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 25px 50px;
    margin-bottom: 50px;
    justify-content: center;
}

.property {
    width: calc((100% / 3) - 40px);
}

.property {
    padding: 15px;
    background: #616161;
    position: relative;
}

.property img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    margin-bottom: 20px;
}
.ribbon-wrap {
    width: 100%;
    height: 188px;
    position: absolute;
    top: -8px;
    left: 8px;
    overflow: hidden;
}

.ribbon-wrap:before {
    width: 40px;
    height: 8px;
    right: 100px;
    background: #89171b;
    border-radius: 8px 8px 0px 0px;
    content: "";
    position: absolute;
}

.ribbon-wrap:after {
    width: 8px;
    height: 40px;
    right: 0px;
    top: 100px;
    background: #89171b;
    content: "";
    position: absolute;
    border-radius: 0px 8px 8px 0px;
}

.ribbon {
    font-size: 13px;
    width: 200px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    top: 30px;
    right: -50px;
    z-index: 2;
    overflow: hidden;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px dashed;
    box-shadow: 0 0 0 3px #d2242a, 0px 21px 5px -18px rgba(0,0,0,0.6);
    background: #d2242a;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}
.property h2 {
    font-size: 2em;
    margin-bottom: 20px;
}

.property a {
    float: right;
}
@media screen and (max-width:990px){
	.group.group--small.mortgage__nav {
    row-gap: 15px;
    padding-bottom: 0;
}

.property {
    width: 100%;
}
}