.CreditModule {
    width: 100%;
    max-width: 500px;
    padding: 16px;
    border-radius: 8px;
}

.offer__title-name {
    font-weight: bold;
}

.input__wrapper {
    width: 100%;
    position: relative;
    margin-bottom: 8px;
    transition: .24s;
    border-radius: 4px
}

.input__wrapper.input__wrapper--error {
    outline: 1px solid #dc0f0f;
    position: relative;
    margin-bottom: 18px
}

.input__wrapper.input__wrapper--error:after {
    content: "Обязательное поле";
    position: absolute;
    font-size: 12px;
    bottom: -16px;
    left: 8px;
    color: #dc0f0f
}

.input__wrapper.input__wrapper--form {
    width: calc(50% - 4px)
}

.input__wrapper:focus {
    outline: 1px solid rgba(0, 0, 0, .4)
}

.inputs {
    display: flex;
    justify-content: space-between
}

.input {
    border: none;
    border-radius: 4px;
    height: 44px;
    width: 100%;
    padding: 0 16px;
    background: #f3f3f3;
    outline: none;
    font-weight: 300;
    font-size: 16px;
    font-family: -apple-system, system-ui, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, “Segoe UI”, “Helvetica Neue”, Arial
}

.input::-moz-placeholder {
    font-size: 16px;
    font-weight: 300;
    font-family: -apple-system, system-ui, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, “Segoe UI”, “Helvetica Neue”, Arial
}

.input:-ms-input-placeholder {
    font-size: 16px;
    font-weight: 300;
    font-family: -apple-system, system-ui, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, “Segoe UI”, “Helvetica Neue”, Arial
}

.input::placeholder {
    font-size: 16px;
    font-weight: 300;
    font-family: -apple-system, system-ui, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, “Segoe UI”, “Helvetica Neue”, Arial
}

.input_error {
    outline: 3px solid rgba(255, 0, 0, .5)
}

.input[readonly] {
    background: #f4f4f4;
    cursor: auto
}

.input[readonly]:focus, .input[readonly]:hover {
    outline: none
}

.range_component {
    position: relative
}

.calculator__controls {
    margin-bottom: 24px
}

.range {
    margin-top: 16px;
    width: 100%;
    position: relative
}

.range input {
    margin-top: 8px;
    width: 100%
}

.progressed_line {
    position: absolute;
    height: 6px;
    bottom: 16px;
    border-radius: 5px;
    left: 1px;
    background: #cd2127;
    z-index: 0;
    width: 50%;
    pointer-events: none
}

.range_title {
    color: #8f8f8f;
    font-weight: 300;
    margin-bottom: 8px
}

.range_dimension {
    display: flex;
    justify-content: space-between;
    padding: 0 12px
}

.range_dimension_item {
    width: 1px;
    border-right: 1px dashed #e1e4e9;
    height: 6px;
    margin-top: 6px;
    position: relative
}

.range_dimension_item span {
    position: absolute;
    font-size: 10px;
    white-space: nowrap;
    color: #8f8f8f;
    top: 6px;
    left: -50%;
    transform: translateX(-50%)
}

@media screen and (max-width: 768px) {
    .range_dimension_item span {
        font-size: 9px
    }
}

/*generated with Input range slider CSS style generator (version 20211225)
https://toughengineer.github.io/demo/slider-styler*/
input[type=range].styled-slider {
    height: 2.2em;
    -webkit-appearance: none;
}

/*progress support*/
input[type=range].styled-slider.slider-progress {
    --range: calc(var(--max) - var(--min));
    --ratio: calc((var(--value) - var(--min)) / var(--range));
    --sx: calc(0.5 * 2em + var(--ratio) * (100% - 2em));
}

input[type=range].styled-slider:focus {
    outline: none;
}

/*webkit*/
input[type=range].styled-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 2em;
    height: 2em;
    border-radius: 1em;
    background: #cd2127;
    border: none;
    box-shadow: 0 0 2px black;
    margin-top: calc(max((1em - 1px - 1px) * 0.5,0px) - 2em * 0.5);
}

input[type=range].styled-slider::-webkit-slider-runnable-track {
    height: 1em;
    border: 1px solid #b2b2b2;
    border-radius: 0.5em;
    background: #eaeffd;
    box-shadow: none;
}

input[type=range].styled-slider.slider-progress::-webkit-slider-runnable-track {
    background: linear-gradient(#cd2127,#cd2127) 0/var(--sx) 100% no-repeat, #eaeffd;
}

/*mozilla*/
input[type=range].styled-slider::-moz-range-thumb {
    width: 2em;
    height: 2em;
    border-radius: 1em;
    background: #cd2127;
    border: none;
    box-shadow: 0 0 2px black;
}

input[type=range].styled-slider::-moz-range-track {
    height: max(calc(1em - 1px - 1px),0px);
    border: 1px solid #b2b2b2;
    border-radius: 0.5em;
    background: #eaeffd;
    box-shadow: none;
}

input[type=range].styled-slider.slider-progress::-moz-range-track {
    background: linear-gradient(#cd2127,#cd2127) 0/var(--sx) 100% no-repeat, #eaeffd;
}

/*ms*/
input[type=range].styled-slider::-ms-fill-upper {
    background: transparent;
    border-color: transparent;
}

input[type=range].styled-slider::-ms-fill-lower {
    background: transparent;
    border-color: transparent;
}

input[type=range].styled-slider::-ms-thumb {
    width: 2em;
    height: 2em;
    border-radius: 1em;
    background: #cd2127;
    border: none;
    box-shadow: 0 0 2px black;
    margin-top: 0;
    box-sizing: border-box;
}

input[type=range].styled-slider::-ms-track {
    height: 1em;
    border-radius: 0.5em;
    background: #eaeffd;
    border: 1px solid #b2b2b2;
    box-shadow: none;
    box-sizing: border-box;
}

input[type=range].styled-slider.slider-progress::-ms-fill-lower {
    height: max(calc(1em - 1px - 1px),0px);
    border-radius: 0.5em 0 0 0.5em;
    margin: -1px 0 -1px -1px;
    background: #cd2127;
    border: 1px solid #b2b2b2;
    border-right-width: 0;
}


.checkbox__label {
    margin: 16px 0;
    display: flex;
    align-items: flex-start;
    cursor: pointer
}

.checkbox__label a {
    color: #335eea
}

.checkbox__label.checkbox__label--error .checkbox__custom {
    border: 1px solid #dc0f0f
}

.checkbox__label.checkbox__label--error .checkbox__text {
    color: #dc0f0f
}

.checkbox {
    width: 0;
    height: 0;
    position: absolute;
    opacity: 0;
    visibility: hidden
}

.checkbox__custom {
    min-width: 16px;
    width: 16px;
    height: 16px;
    display: block;
    background: #e7e7e7;
    transition: .32s;
    position: relative;
    margin-right: 8px
}

.checkbox__custom:after {
    content: "";
    display: block;
    margin-right: 3px;
    position: absolute;
    transition: all .32s;
    width: 8px;
    height: 4px;
    transform: rotate(-55deg);
    border-bottom: 2px solid #cd2127;
    border-left: 2px solid #cd2127;
    top: 3px;
    left: 3px;
    opacity: 0
}

.checkbox__text {
    font-size: 14px
}

.checkbox:checked + .checkbox__custom:after {
    opacity: 1
}

.advantages {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 16px;
    grid-gap: 16px;
    gap: 16px;
    margin-bottom: 16px;
    font-size: 16px
}

@media screen and (max-width: 748px) {
    .advantages {
        flex-wrap: nowrap;
        overflow-x: scroll;
        grid-gap: 8px;
        gap: 8px;
        padding-bottom: 8px
    }

    .advantages::-webkit-scrollbar {
        height: 4px;
        background-color: #e8e8e8
    }

    .advantages::-webkit-scrollbar-thumb {
        background: #cd2127;
        border-radius: 5px
    }
}

.advantages.advantages--modal {
    margin-top: 0;
    grid-gap: 8px;
    gap: 8px;
    margin-bottom: 16px;
    font-size: 14px
}

.advantages.advantages--modal .advantages__item {
    width: calc(25% - 8px)
}

.advantages__item {
    width: calc(25% - 12px);
    background: #cd2127;
    color: #fff;
    padding: 8px;
    border-radius: 8px
}

@media screen and (max-width: 748px) {
    .advantages__item {
        width: 160px;
        min-width: 160px
    }
}

.advantages__item-name {
    font-size: .6em;
    font-weight: 300
}

.advantages__item-info {
    font-size: .9em;
    margin-top: 8px;
    font-weight: 700
}

.offer__price {
    align-items: center;
    grid-gap: 8px;
    gap: 8px;
    font-size: 16px;
    margin: 8px 0
}

.offer__price.offer__price--small {
    font-size: 14px
}

@media screen and (max-width: 748px) {
    .offer__price.offer__price--small {
        font-size: 13px
    }
}

.offer__price.offer__price--short {
    font-size: 16px
}

.offer__price.offer__price--long, .offer__price.offer__price--page {
    font-size: 18px
}

@media screen and (max-width: 748px) {
    .offer__price.offer__price--page {
        font-size: 16px
    }
}

.offer__price-actual {
    color: #cd2127;
    font-weight: 700;
    font-size: 1.1em;
    margin-bottom: 8px;
}

.offer__price-credit {
    font-weight: 300;
    font-size: 14px
}

.offer__title {
    text-decoration: none;
    color: #1e1e1e
}

.offer__title.offer__title--long {
    font-size: 18px;
    padding-top: 8px;
    font-weight: 700
}

.offer__title.offer__title--short {
    font-size: 16px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    cursor: pointer
}

.offer__title.offer__title--small {
    font-size: 16px
}

.offer__title-mark {
    font-size: 1em;
    font-weight: 700;
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.offer__title-folder {
    font-size: .92em;
    font-weight: 700
}

@media screen and (max-width: 1400px) {
    .offer__title-folder {
        font-size: 1em
    }
}

.offer__title-power {
    font-size: 1em
}

.offer__title-newline {
    width: 100%;
    display: flex;
    grid-gap: 6px;
    gap: 6px
}

.offer_year {
    font-size: 1em
}

.offer__controls {
    display: flex;
    justify-content: flex-end;
    grid-gap: 8px;
    gap: 8px
}

.offer__controls.offer__controls--short {
    position: absolute;
    z-index: 2;
    top: 8px;
    right: 8px
}

.offer__catalog, .skeleton__offer {
    width: calc(25% - 12px);
    border-radius: 4px
}

@media screen and (max-width: 1224px) {
    .offer__catalog, .skeleton__offer {
        width: calc(33% - 8px)
    }
}

@media screen and (max-width: 984px) {
    .offer__catalog, .skeleton__offer {
        width: calc(50% - 8px)
    }
}

@media screen and (max-width: 748px) {
    .offer__catalog, .skeleton__offer {
        width: 100%
    }
}

.offer__catalog.offer__catalog--long, .skeleton__offer.offer__catalog--long {
    width: 100%;
    display: flex;
    justify-content: flex-start
}

.offer__catalog-info {
    box-shadow: 0 0 48px -16px rgba(0, 0, 0, .32);
    position: relative;
    width: 100%;
    padding: 8px;
    z-index: 1;
    margin-top: -4px
}

.offer__line {
    display: flex;
    align-items: center
}

@media screen and (max-width: 748px) {
    .offer__line {
        flex-wrap: wrap
    }
}

.offer__line.offer__line--chose {
    margin-top: 0
}

.catalog__item-buttons {
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
    grid-gap: 8px;
    gap: 8px
}

.catalog__item-buttons .button {
    flex: 1;
    font-size: 14px;
    padding-left: 0;
    padding-right: 0
}

.offer__chose {
    display: flex;
    align-items: flex-start;
    position: relative;
    margin-bottom: 16px;
    padding: 8px;
    background: #f4f4f4;
    cursor: pointer;
    border-radius: 4px
}

.offer__chose-image {
    width: 80px;
    margin-right: 16px;
    border-radius: 4px;
    transition: .24s;
    cursor: pointer
}

.offer__chose-image:hover {
    opacity: .8
}

.offer__chosen {
    width: 100%
}

.fancybox__content {
    position: relative
}

.fancybox__content:after {
    content: "";
    position: absolute;
    left: 16px;
    bottom: 80px;
    z-index: 2;
    width: 160px;
    height: 48px;
    background: url(/_nuxt/img/logo-white.296f91b.svg) no-repeat 50%;
    background-size: contain;
    opacity: .64;
    pointer-events: none
}

.offer__page-slider .owl-item {
    position: relative !important
}

.offer__page-slider .owl-item:after {
    content: "";
    position: absolute;
    bottom: 80px;
    left: 24px;
    width: 160px;
    height: 48px;
    z-index: 2;
    background: url(/_nuxt/img/logo-white.296f91b.svg) no-repeat 50%;
    background-size: contain;
    opacity: .64;
    pointer-events: none
}

.offer__page-slide {
    aspect-ratio: 4/3;
    -o-object-fit: cover;
    object-fit: cover
}

.offer__slider {
    position: relative;
    min-width: 300px;
    max-width: 100%
}

.offer__slider-mobile {
    display: none;
    width: 100%;
    overflow-x: scroll;
    grid-gap: 8px;
    gap: 8px
}

.offer__slider-mobile::-webkit-scrollbar {
    height: 4px;
    background-color: #e8e8e8
}

.offer__slider-mobile::-webkit-scrollbar-thumb {
    background: #cd2127;
    border-radius: 5px
}

@media screen and (max-width: 748px) {
    .offer__slider-mobile {
        display: flex
    }
}

.offer__slider-mobile-slide {
    border-radius: 8px;
    width: 280px;
    aspect-ratio: 4/3;
    -o-object-fit: cover;
    object-fit: cover
}

.offer__slider-desktop {
    position: relative;
    cursor: pointer
}

@media screen and (max-width: 748px) {
    .offer__slider-desktop {
        display: none
    }
}

.offer__slider-desktop img {
    cursor: pointer;
    width: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    aspect-ratio: 4/3;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (max-width: 1224px) {
    .offer__slider-desktop img {
        border-radius: 4px
    }
}

.offer__mobile-slider {
    display: none;
    width: 100%;
    overflow-x: scroll
}

.offer__mobile-slider::-webkit-scrollbar {
    height: 0
}

@media screen and (max-width: 748px) {
    .offer__mobile-slider {
        display: flex
    }
}

.offer__buttons.offer__buttons--short {
    display: flex;
    grid-gap: 8px;
    gap: 8px
}

.offer__buttons.offer__buttons--short .button {
    flex: 1
}

.offer__buttons.offer__buttons--page {
    display: flex;
    flex-wrap: wrap;
    margin-top: 8px;
    grid-gap: 8px;
    gap: 8px
}

.offer__buttons.offer__buttons--page .button {
    min-width: calc(50% - 8px);
    flex: 1
}

.offer__buttons-bottom {
    display: flex;
    width: 100%;
    margin-top: 8px;
    grid-gap: 16px;
    gap: 16px;
    padding: 0 0 8px
}

.offer__buttons-bottom .offer__buttons-callback, .offer__buttons-bottom .offer__buttons-phone {
    text-align: center;
    width: calc(50% - 5px)
}

.offer__buttons-phone {
    color: #1e1e1e;
    text-decoration: none;
    font-weight: 600
}

.offer__buttons-callback {
    cursor: pointer;
    color: #335eea;
    text-decoration: underline
}

.tech {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    grid-gap: 4px;
    gap: 4px;
    border-top: 2px solid #e7e7e7;
    border-bottom: 2px solid #e7e7e7;
    margin: 8px 0;
    padding: 8px 0
}

.tech.tech--offer-page {
    width: calc(50% - 8px);
    border: 0;
    margin: 0;
    grid-gap: 12px;
    gap: 12px;
    padding: 16px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 48px -16px rgba(0, 0, 0, .32)
}

@media screen and (max-width: 748px) {
    .tech.tech--offer-page {
        padding: 8px
    }
}

@media screen and (max-width: 1224px) {
    .tech.tech--offer-page {
        grid-gap: 10px;
        gap: 10px
    }
}

@media screen and (max-width: 984px) {
    .tech.tech--offer-page {
        width: 100%
    }
}

.tech.tech--offer-page .tech__item-name {
    font-size: 16px
}

@media screen and (max-width: 1224px) {
    .tech.tech--offer-page .tech__item-name {
        font-size: 14px
    }
}

@media screen and (max-width: 748px) {
    .tech.tech--offer-page .tech__item-name {
        font-size: 12px
    }
}

.tech.tech--offer-page .tech__item-info {
    font-size: 16px
}

@media screen and (max-width: 1224px) {
    .tech.tech--offer-page .tech__item-info {
        font-size: 17px
    }
}

@media screen and (max-width: 748px) {
    .tech.tech--offer-page .tech__item-info {
        font-size: 12px
    }
}

.tech.tech--long .tech__item-name {
    display: none
}

.tech.tech--short .tech__item-info {
    font-weight: 400;
    color: #2a2a2a;
    font-size: 15px
}

.tech.tech--short .tech__item-name {
    display: none
}

@media screen and (max-width: 748px) {
    .tech.tech--offer-small .tech__item {
        width: auto
    }
}

@media screen and (max-width: 748px) {
    .tech.tech--offer-small {
        grid-gap: 8px;
        gap: 8px;
        justify-content: flex-start
    }
}

.tech.tech--offer-small .tech__item-name {
    display: none
}

@media screen and (max-width: 748px) {
    .tech.tech--offer-small .tech__item-info {
        font-size: 10px
    }
}

.tech__item {
    width: calc(33% - 8px);
    font-weight: 300
}

.tech__item.tech__item--small {
    display: none
}

.tech__item-name {
    color: #818181;
    font-size: 10px
}

.tech__item-info {
    color: #1e1e1e;
    font-size: 13px;
    white-space: nowrap
}


.sub__title {
    font-size: 16px;
    margin-bottom: 16px;
    color: #1e1e1e
}

.sub__title.sub__title--white {
    color: #fff
}

.text__block {
    margin: 16px 0;
    padding: 16px;
    box-shadow: 0 0 48px -16px rgba(0, 0, 0, .32)
}

.text__p, .text__ul {
    font-weight: 300;
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 22px;
    color: #1e1e1e
}

.text__p a, .text__ul a {
    color: #335eea
}

.text__p--description {
    white-space: break-spaces;
    font-size: 14px
}

.text__ul li {
    margin-left: 24px
}

.collections__line {
    display: flex;
    grid-gap: 8px;
    gap: 8px;
    flex-wrap: wrap
}

.collections__item {
    position: relative;
    padding: 8px;
    width: calc(33% - 5px);
    background: #cd2127;
    height: 104px;
    border-radius: 8px;
    color: #fff;
    text-decoration: none;
    overflow: hidden
}

.collections__item--long {
    width: 100%
}

.collections__item-title {
    position: relative;
    z-index: 2;
    font-size: 12px;
    font-weight: 700
}

.collections__item-image {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 70%;
    height: auto;
    max-width: 230px
}

.collections__item-image--exchange {
    width: 50%
}

.collections__item--long .collections__item-title {
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    color: #f4f4f4
}

.collections__item--long .collections__item-subtitle {
    font-weight: 500;
    font-size: 9px;
    color: #f4f4f4;
    margin-top: 5px
}

.collections__item-image--long {
    width: 46%;
    bottom: 0
}

@media screen and (min-width: 1224px) {
    .collections__line {
        grid-gap: 16px;
        gap: 16px
    }

    .collections__item-image {
        right: -12px;
        transition: .16s
    }

    .collections__item {
        order: 1;
        width: calc(20% - 13px);
        height: 160px;
        padding: 16px;
        transition: .16s
    }

    .collections__item:hover {
        background: #ec262d
    }

    .collections__item:hover .collections__item-image {
        right: -4px
    }

    .collections__item:hover .collections__item-image--long {
        right: 24px
    }

    .collections__item-exchange {
        order: 2
    }

    .collections__item--long {
        order: 3;
        width: calc(80% - 4px)
    }

    .collections__item-title {
        font-size: 20px
    }

    .collections__item--long .collections__item-title {
        font-size: 27px
    }

    .collections__item--long .collections__item-subtitle {
        font-size: 16px;
        margin-top: 9px
    }

    .collections__item-image--long {
        max-width: 340px;
        bottom: 0;
        right: 20px
    }
}

.button {
    height: 44px;
    text-decoration: none;
    font-size: 14px;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    transition: .24s;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: #cd2127
}

.button.button--credit {
    padding: 0 16px
}

.button.button--filter {
    width: 100%;
    margin-top: 8px;
    transform: translateY(-8px)
}

@media screen and (max-width: 748px) {
    .button.button--filter {
        transform: translateY(-8px)
    }
}

.button.button--info {
    background: rgba(51, 94, 234, .1);
    color: #335eea
}

.button.button--form {
    width: 100%
}

.button, .header__favorite-count {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.button.button--more {
    margin-top: 16px;
    background: #fff;
    border: 2px solid #cd2127;
    color: #cd2127;
    width: 100%
}

.button.button--more:hover {
    box-shadow: none
}

.button.button--icon {
    background: rgba(51, 94, 234, .1);
    max-width: 44px
}

.button.button--icon svg {
    width: 24px;
    height: 24px
}

.button.button--view {
    background: rgba(51, 94, 234, .1);
    width: 44px;
    padding: 0;
    transition: .24s
}

@media screen and (max-width: 748px) {
    .button.button--view {
        width: 32px;
        height: 32px
    }
}

.button.button--view svg {
    transition: .24s;
    width: 24px;
    height: 24px
}

.button.button--view.active {
    background: #cd2127
}

.button.button--view.active svg {
    fill: #fff
}

.button.button--autoteka {
    background: rgba(51, 94, 234, .1);
    width: content-box;
    padding: 0 12px
}

.button.button--autoteka svg {
    transition: .24s;
    width: 16px;
    height: 16px
}

.button.button--like {
    background: rgba(51, 94, 234, .1);
    width: content-box;
    padding: 0 12px
}

.button.button--like svg {
    transition: .24s;
    width: 16px;
    height: 16px
}

.button.button--disabled {
    background: #e7e7e7;
    color: #1e1e1e;
    pointer-events: none
}

.button.button--cookie {
    padding: 0 16px
}

.button--autoteka-text {
    color: #1e1e1e;
    font-weight: 700;
    margin-left: 6px
}

@media screen and (max-width: 748px) {
    .button--autoteka-text {
        display: none
    }
}

.button--back {
    font-size: 16px;
    color: #335eea;
    text-align: center;
    display: block;
    width: 100%
}


.wrapper__filter-item_price {
    position: relative
}

.benefits__modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100
}

.benefits__modal-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 1;
    background: rgba(0, 0, 0, .64)
}

.benefits__modal-content {
    z-index: 2;
    position: absolute;
    width: 300px;
    min-height: 80px;
    border-radius: 4px;
    top: 50%;
    left: 50%;
    background: #fff;
    padding: 24px;
    white-space: wrap;
    transform: translateX(-50%) translateY(-50%)
}

.benefits__modal-close {
    position: absolute;
    top: 8px;
    right: 16px;
    font-size: 24px;
    cursor: pointer
}

.benefits__modal-test {
    padding-right: 8px
}

.benefits__desktop {
    display: flex;
    margin-top: 8px;
    justify-content: space-between;
    width: 100%;
    overflow-x: scroll;
    grid-gap: 16px;
    gap: 16px;
    padding-bottom: 8px
}

.benefits__desktop::-webkit-scrollbar {
    height: 0
}

.prizes {
    padding: 16px 24px;
    box-shadow: 0 0 48px -16px rgba(0, 0, 0, .32);
    border-radius: 4px
}

@media screen and (max-width: 1400px) {
    .prizes {
        padding: 8px 16px
    }
}

.prizes__line {
    display: flex;
    grid-gap: 24px;
    gap: 24px;
    margin-top: 24px
}

@media screen and (max-width: 1400px) {
    .prizes__line {
        grid-gap: 8px;
        gap: 8px
    }
}

.prizes__item {
    padding: 16px
}

@media screen and (max-width: 1400px) {
    .prizes__item {
        padding: 8px
    }
}

.prizes__item-image {
    height: 100px;
    width: auto;
    margin: 0 auto;
    display: block
}

@media screen and (max-width: 1400px) {
    .prizes__item-image {
        height: 64px
    }
}

.prizes__item-text {
    width: 200px;
    text-align: center;
    margin: 8px auto 0
}

@media screen and (max-width: 1400px) {
    .prizes__item-text {
        width: 100%;
        font-size: 14px
    }
}

credit__conditions {
    margin: 16px 0 24px
}

.conditions_info {
    margin-top: 32px
}

.conditions_info_line {
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
    font-size: 14px;
    color: #818181
}

.conditions_info_line_item {
    display: flex;
    align-items: center;
    grid-gap: 4px;
    gap: 4px
}

.conditions_info_line_item.price {
    color: #cd2127
}

.form__range_title {
    color: #8f8f8f;
    font-weight: 300;
    margin-bottom: 8px
}

.form__range_title span {
    font-weight: 400;
    color: #1e1e1e
}

.conditions_info_line_dots {
    flex: 1;
    margin: 0 8px;
    position: relative;
    top: -2px;
    border-bottom: 1px dotted #818181
}

.offers__list {
    width: 100%;
    height: 240px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-top: 8px;
    padding: 8px 0
}

.offers__list::-webkit-scrollbar {
    width: 4px;
    background-color: #e8e8e8
}

.offers__list::-webkit-scrollbar-thumb {
    background: #cd2127;
    border-radius: 5px
}

button.fancybox-button.fancybox-close-small {
    position: absolute;
    z-index: 999;
}

.modal__chosen {
    margin-top: 16px;
    margin-bottom: 16px;
}

.modal__chosen .offer__chose {
    margin-bottom: 0
}

.chose__another {
    font-size: 14px;
    margin-bottom: 8px;
    color: #335eea;
    cursor: pointer
}

.crumbs {
    display: flex;
    margin: 16px 0 0;
    font-size: 16px;
    list-style: none;
    flex-wrap: wrap
}

.crumbs__item {
    margin-left: 18px;
    color: #cd2127;
    position: relative
}

.crumbs__item:after {
    content: "/";
    position: absolute;
    left: -8px;
    top: 1px;
    font-size: 10px
}

.crumbs__item:first-child {
    margin-left: 0
}

.crumbs__item:first-child:after {
    display: none
}

@media screen and (max-width: 748px) {
    .crumbs__item {
        margin-left: 8px;
        font-size: 10px
    }

    .crumbs__item:after {
        left: -6px;
        top: -1px
    }
}

.crumbs__link {
    text-decoration: none;
    color: #1e1e1e
}


.offer__page-content {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    grid-gap: 16px;
    gap: 16px
}

.offer__page-title {
    font-size: 24px;
    display: flex;
    flex-wrap: wrap;
    font-weight: 600;
    grid-gap: 8px;
    gap: 8px;
    margin-bottom: 16px
}

.h3__title {
    font-size: 12px;
    font-weight: 300;
    margin: 0 0 8px;
}

.offer__page-controls-top {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.offer__page-complectation, .offer__page-description, .offer__terms {
    padding: 16px;
    box-shadow: 0 0 48px -16px rgba(0, 0, 0, .32);
    border-radius: 8px
}

.offer__terms--credit {
    width: 100% !important;
    padding: 0 !important;
    box-shadow: none !important;
    margin-bottom: 24px !important
}

.offer__terms-list {
    list-style: none;
    font-size: 14px
}

.offer__terms-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid #e7e7e7
}

.offer__terms-item:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

.offer__complectation {
    margin-top: 8px;
    box-shadow: 0 0 48px -16px rgba(0, 0, 0, .32);
    border-radius: 8px;
    padding: 16px
}

.offer__complectation-block {
    margin-bottom: 16px
}

.offer__complectation__title {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 8px
}

.offer__complectation__item {
    font-size: 14px;
    margin-bottom: 4px;
    padding-left: 8px
}

.offer__page-content-not-found {
    color: red;
    font-size: 36px;
    width: 100%
}

@media (min-width: 748px) {
    .offer__page-content {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start
    }

    .offer__page-controls {
        width: calc(50% - 8px);
        padding: 16px;
        box-shadow: 0 0 48px -16px rgba(0, 0, 0, .32);
        border-radius: 8px
    }

    .offer__complectation, .offer__page-description, .offer__terms {
        width: calc(50% - 8px)
    }
}

.price__message {
    color: #de1015;
    font-size: 12px;
    padding-bottom: 5px;
    display: block
}


.title_line {
    display: flex;
    align-items: center
}

@media screen and (max-width: 748px) {
    .title_line h2 {
        font-size: 18px
    }
}

.title_line svg {
    fill: #cd2127;
    width: 32px;
    height: 32px;
    margin-right: 8px
}

@media screen and (max-width: 748px) {
    .title_line svg {
        width: 24px;
        height: 24px
    }
}

.text {
    color: #818181;
    margin-top: 8px;
    font-weight: 300
}

.back--link {
    color: #cd2127;
    margin-top: 8px;
    display: block
}

.loader {
    fill: #cd2127;
    width: 29px;
    height: 29px;
    -webkit-animation: loading 2s linear infinite;
    animation: loading 2s linear infinite
}

.loader.loader--small {
    width: 16px;
    height: 16px
}

.loader.loader--medium {
    width: 24px;
    height: 24px
}

.loader.loader--large {
    width: 88px;
    height: 88px
}

.brazzers__button-container {
    position: absolute;
    width: 100%;
    height: calc(100% - 3px);
    top: 0;
    overflow: hidden;
    display: flex
}

.brazzers:not(:hover) .brazzers__button {
    opacity: 0
}

.brazzers__button {
    position: relative;
    flex: 1;
    min-height: 7px;
    opacity: 1;
    transition: opacity .3s
}

.brazzers__button:after {
    position: absolute;
    bottom: 0;
    right: 1px;
    left: 1px;
    height: 6px;
    content: "";
    background: hsla(0, 0%, 100%, .7);
    transition: background-color .24s
}

.brazzers img.load {
    filter: blur(5px);
    transition: filter .5s;
    will-change: filter
}

.brazzers img.loaded {
    filter: blur(0)
}

.brazzers__button:hover:after {
    background-color: #cd2127
}

.pagination {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    list-style: none;
    padding-bottom: 24px;
    margin-top: 32px
}

.pagination li {
    border: none;
    padding: 8px 16px;
    margin: 0 4px;
    border-radius: 2px;
    color: #335eea;
    font-size: 14px
}

.pagination li:first-child, .pagination li:last-child {
    background: rgba(51, 94, 234, .1)
}

.pagination li.disabled {
    display: none
}

.pagination li.active {
    background: rgba(51, 94, 234, .1)
}

.pagination li a {
    padding: 4px 8px;
    display: block;
    cursor: pointer
}

.banks {
    display: flex;
    grid-gap: 16px;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 24px
}

.bank__card {
    color: #1e1e1e;
    text-decoration: none;
    width: calc(25% - 12px);
    padding: 8px 16px;
    background: #fff;
    box-shadow: 0 0 48px -16px rgba(0, 0, 0, .32);
    border-radius: 4px
}

@media screen and (max-width: 748px) {
    .bank__card {
        width: calc(50% - 8px)
    }
}

.bank__card-logo-wrapper {
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center
}

.bank__card-logo {
    width: 100%;
    max-width: 120px;
    max-height: 100%
}

.bank__card-license {
    width: 100%;
    font-size: 12px;
    margin-top: 4px;
    color: #1e1e1e
}

.banks__licenses {
    margin-top: 16px
}

.banks__license {
    display: flex
}

.bank__table-head {
    margin-bottom: 16px;
    display: flex
}

.bank__table-head div {
    width: 50%
}

.banks__license {
    border: 1px solid #e7e7e7;
    height: 40px;
    padding: 0 16px
}

.banks__license-bank {
    width: 50%;
    border-right: 1px solid #e7e7e7
}

.banks__license-bank, .banks__license-link {
    height: 100%;
    display: flex;
    align-items: center
}

.banks__license-link {
    padding: 0 16px;
    color: #1e1e1e;
    -webkit-text-decoration: underline #cd2127;
    text-decoration: underline #cd2127
}

.steps {
    display: flex
}

.steps, .steps__item {
    grid-gap: 16px;
    gap: 16px
}

.steps__item {
    flex: 1;
    padding: 8px 0;
    background: rgba(51, 94, 234, .1)
}

.steps__item-text {
    font-size: 12px;
    color: #335eea;
    text-align: center
}

.offer__small {
    width: 100%;
    background: #f4f4f4;
    display: flex;
    align-items: flex-start;
    grid-gap: 8px;
    gap: 8px;
    position: relative
}

.offer__small.offer__small--form {
    margin-bottom: 8px
}

@media screen and (max-width: 748px) {
    .offer__small.offer__small--form {
        padding-bottom: 56px
    }
}

.offer__small-name {
    font-size: 14px;
    font-weight: 300;
    margin-top: 21px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    height: 16px;
    width: 100%;
    grid-gap: 16px;
    gap: 16px
}

.offer__small-name .button {
    margin-top: 6px
}

@media screen and (max-width: 748px) {
    .offer__small-name .button {
        position: absolute;
        bottom: 8px;
        width: 100%;
        left: 0
    }
}

@media screen and (max-width: 748px) {
    .offer__small-name {
        height: auto
    }
}

.offer__small-info {
    width: 100%;
    padding-right: 8px
}

.offer__small-scale {
    fill: #818181;
    pointer-events: none;
    top: 4px;
    left: 140px;
    width: 16px;
    height: 16px;
    z-index: 2;
    position: absolute
}

@media screen and (max-width: 748px) {
    .offer__small-scale {
        left: 100px
    }
}

.offer__small-image {
    position: relative;
    cursor: pointer;
    z-index: 1;
    width: 160px;
    display: none;
    pointer-events: all
}

@media screen and (max-width: 748px) {
    .offer__small-image {
        width: 120px
    }
}

.offer__small-image:first-child {
    display: block
}

.offer__small-image.pointerEventNone {
    pointer-events: none
}

.modal__wrapper {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    left: 0;
    z-index: 10
}

.modal__wrapper .personal__data, .personal__data {
    margin-top: 16px
}

.modal__overlay {
    background: rgba(0, 0, 0, .8);
    z-index: 15;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: .24s
}

.modal__content {
    padding: 16px;
    width: 480px;
    min-height: 270px;
    height: auto;
    background: #fff;
    margin: 104px auto;
    position: relative;
    z-index: 20;
    border-radius: 8px
}

@media screen and (max-width: 1224px) {
    .modal__content {
        width: 100%;
        margin: 0;
        height: 100vh;
        padding: 24px 16px;
        overflow-y: scroll;
        box-sizing: inherit;
        position: absolute;
        top: 0;
        left: 0;
        min-height: 100%
    }
}

@media screen and (max-width: 748px) {
    .modal__content {
        padding: 88px 12px
    }
}

.modal__close {
    position: absolute;
    top: 8px;
    right: 16px;
    cursor: pointer;
    font-size: 24px
}

@media screen and (max-width: 748px) {
    .modal__close {
        top: 64px
    }
}

.modal__close:hover {
    opacity: .6
}

.modal__title {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    padding-right: 48px;
    max-width: 300px;
}

@media screen and (max-width: 1224px) {
    .modal__title {
        font-size: 20px
    }
}

.modal__title.modal__title--sub {
    font-size: 16px;
    margin-top: 4px;
    color: #818181;
    font-weight: 400;
    margin-bottom: 12px
}

@media screen and (max-width: 1224px) {
    .modal__title.modal__title--sub {
        margin-bottom: 12px
    }
}


.tippy-popper {
    z-index: 250 !important
}

@media screen and (max-width: 748px) {
    .tippy-popper {
        display: none !important
    }
}

.tippy--question {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    display: flex
}


@media screen and (max-width: 748px) {
    .tippy--question {
        display: none
    }
}

.tippy--question svg {
    width: 16px;
    height: 16px;
    fill: #cd2127
}

.tippy__text {
    color: #fff;
    padding: 8px
}

.offer__like {
    width: 44px;
    height: 44px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(51, 94, 234, .1);
    cursor: pointer;
    margin-left: auto
}

.offer__like:hover svg {
    fill: #de1015
}

.offer__like svg {
    width: 16px;
    height: 16px;
    fill: #1e1e1e;
    transition: .24s
}