:root {
    --fz-title: 2.2rem;
    --fz-title-l2: 1.8rem;
    --fz-title-l3: 1.4rem;
    --fz-text: 1rem;
    --fz-lead: 1.25rem;
    --content-width: 81.875rem;
    --narrow-content-width: 68rem;
    --col-count: 12;
    --gutter: 1.5625rem;
    --scroll-width: 0.9375rem;
    --hor-indent: 4.0625rem;
    --max-width-with-indent: calc(var(--content-width) + var(--hor-indent) * 2);
    --narrow-max-width-with-indent: calc(var(--narrow-content-width) + var(--hor-indent) * 2);
    --indent-between-blocks: 3.4375rem;
    --indent-in-top: 1.75rem;
    --col-width: calc((var(--content-width) - var(--gutter) * (var(--col-count) - 1)) / var(--col-count));
    --footer-indent: 6.25rem
}

@media all and (max-width:90rem) {
    :root {
        --content-width: calc(100vw - var(--hor-indent) * 2 - var(--scroll-width))
    }
}

@media all and (max-width:75rem) {
    :root {
        --scroll-width: 0PX
    }
}

@media all and (max-width:75rem) {
    :root {
        --fz-title: 2.25rem;
        --fz-title-l2: 1.75rem
    }
}

@media all and (max-width:64rem) {
    :root {
        --fz-title: 1.9rem;
        --fz-title-l2: 1.6rem;
        --fz-title-l3: 1.4rem;
        --fz-lead: 1.125rem;
        --hor-indent: 2.5rem
    }
}

@media all and (max-width:57.5rem) {
    :root {
        --hor-indent: 1.875rem;
        --indent-between-blocks: 2.5rem;
        --indent-in-top: 2.1875rem
    }
}

@media all and (max-width:48rem) {
    :root {
        --fz-title: 1.8rem;
        --fz-title-l2: 1.5rem;
        --fz-title-l3: 1.25rem;
        --gutter: 1.25rem;
        --hor-indent: 1.25rem;
        --footer-indent: 4.6875rem
    }
}

@media all and (max-width:25.9375rem) {
    :root {
        --fz-title: 1.65rem;
        --fz-title-l2: 1.35rem;
        --fz-title-l3: 1.15rem;
        --fz-lead: 1rem;
        --hor-indent: 0.9375rem;
        --indent-in-top: 1.25rem
    }
}

@media all and (max-width:25.9375rem) {
    .text-block p {
        margin-top: 1.25em
    }
}

@media all and (max-width:75rem) {
    .calculator__oriented-price {
        display: none
    }

    .calculator__oriented-price-big {
        display: none
    }

    .calculator__confirm-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .calculator__result {
        width: 100%
    }

    .calculator__request {
        margin-top: 1.25rem;
        width: 100%
    }
}

@media all and (max-width:64rem) {
    .calculator__text {
        margin-top: 1.25rem
    }
}

@media all and (max-width:48rem) {
    .calculator__text-wrap {
        text-align: left
    }

    .calculator__text {
        margin-top: .625rem
    }

    .calculator__drink-type-item:nth-child(n+2) {
        margin-top: 1.25rem
    }
}

@media all and (max-width:47.9375rem) {
    .calculator__actions {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .calculator__actions-price-type {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        width: calc(50% - .9375rem)
    }

    .calculator__actions-btn-wrap {
        width: calc(50% - .9375rem)
    }

    .calculator__next-btn {
        width: 100%
    }

    .calculator__oriented-price {
        margin-top: .625rem;
        display: block;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        font-size: .75rem
    }

    .calculator__result {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0;
        background-color: transparent
    }

    .calculator__result-col {
        position: relative;
        width: auto;
        padding: 1.5625rem 1.875rem 1.875rem;
        border-radius: 25px;
        background-color: #f5f5f5
    }

        .calculator__result-col:nth-child(n+2) {
            margin-top: 1.25rem
        }

    .calculator__result-change-btn {
        position: absolute;
        top: 1.25rem;
        right: 1.875rem;
        margin-top: 0
    }

    .calculator__link:nth-child(n+2) {
        margin-left: 1.875rem
    }
}

@media all and (max-width:40rem) {
    .calculator__actions {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .calculator__actions-price-type {
        width: 100%
    }

    .calculator__actions-btn-wrap {
        margin-top: 1.25rem;
        width: 100%
    }
}

@media all and (max-width:36.25rem) {
    .calculator__links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .calculator__link:nth-child(n+2) {
        margin: .625rem 0 0
    }
}

@media all and (max-width:25.9375rem) {
    .calculator__result-col {
        padding: .9375rem 1.25rem 1.25rem
    }

    .calculator__result-change-btn {
        top: .75rem;
        right: .9375rem
    }
}

@media all and (max-width:48rem) {
    .button--s-big {
        height: 3.125rem;
        font-size: 1rem
    }

    .button--s-small, .button--s-small-in-mob {
        height: 2rem;
        padding: 0 .625rem;
        font-size: .875rem
    }

    .button--s-small-in-mob {
        font-weight: 400
    }
}

@media all and (max-width:25.9375rem) {
    .button--s-small, .button--s-small-in-mob {
        height: 1.75rem;
        font-size: .6875rem
    }

        .button--s-small-in-mob .button__icon {
            display: none
        }
}

@media all and (max-width:48rem) {
    .cards__title {
        text-align: center
    }

    .cards__pagination {
        margin-top: 1.875rem
    }
}

@media all and (max-width:75rem) {
    .cards-slider--5-items {
        --slides-per-view: 4
    }
}

@media all and (max-width:64rem) {
    .cards-slider--3-items {
        --slides-per-view: 2
    }

    .cards-slider--t-grey {
        padding: 2.8125rem 0 1.875rem
    }
}

@media all and (max-width:48rem) {
    .cards-slider--5-items {
        --slides-per-view: 3
    }

    .cards-slider__title--mobile-align-center {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        text-align: center
    }

    .cards-slider__slider-container {
        margin-top: 1.25rem
    }
}

@media all and (max-width:35rem) {
    .cards-slider--3-items {
        --slides-per-view: 1
    }

    .cards-slider--5-items {
        --slides-per-view: 2
    }
}

@media all and (max-width:25.9375rem) {
    .cards-slider--t-grey {
        padding: 2.1875rem 0 1.25rem
    }
}

@media all and (max-width:75rem) {
    .catalog__box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .catalog__player-col {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .catalog__another {
        margin-top: var(--indent-between-blocks);
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

@media all and (max-width:48rem) {
    .catalog__another {
        padding: 1.875rem
    }

    .catalog__another-list {
        margin-top: 1.25rem;
        font-size: 1rem
    }
}

@media all and (max-width:25.9375rem) {
    .catalog__another {
        padding: 1.875rem 1.25rem
    }

    .catalog__another-list {
        margin-top: .9375rem
    }
}

@media all and (max-width:48rem) {
    .catalog-card__description {
        font-size: .875rem
    }
}

@media all and (max-width:25.9375rem) {
    .catalog-card__title {
        margin-top: .625rem
    }

    .catalog-card__download {
        margin-top: .625rem
    }
}

@media all and (max-width:64rem) {
    .catalogs__list {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media all and (max-width:48rem) {
    .catalogs__title {
        text-align: center
    }

    .catalogs__categories-list {
        margin: .625rem 0 0 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .catalogs__category {
        margin: .625rem .3125rem 0
    }
}

@media all and (max-width:42.25rem) {
    .catalogs__list {
        grid-template-columns: 1fr 1fr
    }
}

@media all and (max-width:75rem) {
    .contacts__list {
        margin-top: 3.125rem;
        row-gap: 2.5rem
    }
}

@media all and (max-width:64rem) {
    .contacts__list {
        margin-top: 2.5rem
    }

    .contacts__item-text {
        margin-top: .9375rem;
        padding-right: 1.875rem
    }
}

@media all and (max-width:48rem) {
    .contacts__list {
        margin-top: 1.875rem;
        grid-template-columns: 1fr 1fr
    }

    .contacts__item-text {
        margin-top: .625rem;
        padding-right: 1.25rem
    }
}

@media all and (max-width:32.5rem) {
    .contacts__list {
        margin-top: 1.25rem;
        row-gap: 1.875rem;
        grid-template-columns: 1fr
    }

    .contacts__item-text {
        padding-right: 0
    }
}

@media all and (max-width:25.9375rem) {
    .contacts__item-text {
        margin-top: .3125rem
    }
}

@media all and (max-width:57.5rem) {
    .container-small {
        width: 100%
    }
}

@media all and (max-width:57.5rem) {
    .content-block {
        --vr-indent-s: 2.5rem;
        --vr-indent-b: 3.75rem
    }

    .content-block__pub-date {
        margin-top: 1.25rem
    }
}

@media all and (max-width:25.9375rem) {
    .content-block {
        --vr-indent-s: 1.25rem;
        --vr-indent-b: 2.5rem
    }

    .content-block__pub-date {
        margin-top: .625rem
    }
}

@media all and (max-width:57.5rem) {
    .content__page-menu {
        margin-top: 2.1875rem
    }
}

@media all and (max-width:48rem) {
    .content {
        --indent-before-last: 4.6875rem
    }

    .content__page-menu {
        margin-top: 1.5625rem
    }
}

@media all and (max-width:25.9375rem) {
    .content__page-menu {
        margin-top: .625rem
    }
}

@media all and (max-width:64rem) {
    .cta {
        padding: 4.0625rem 0
    }

    .cta__container {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .cta__title {
        -ms-flex-preferred-size: 18.75rem;
        flex-basis: 18.75rem
    }

    .cta__text-wrap {
        margin-left: 0;
        -ms-flex-preferred-size: calc(100% - 22.5rem);
        flex-basis: calc(100% - 22.5rem)
    }
}

@media all and (max-width:47.9375rem) {
    .cta__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .cta__title {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .cta__text-wrap {
        margin-top: 1.25rem;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: 31.25rem
    }

    .cta__link {
        margin-top: 2.1875rem
    }
}

@media all and (max-width:25.9375rem) {
    .cta {
        padding: 3.125rem 0 3.75rem
    }

    .cta__link {
        margin-top: 1.5625rem
    }
}

@media all and (max-width:48rem) {
    .Brochure-card__price-box {
        width: 6.25rem;
        font-size: .75rem
    }

    .Brochure-card__price {
        font-size: 1.25rem
    }

    .Brochure-card__title {
        margin-top: .625rem;
        font-size: .8rem
    }

    .Brochure-card__description {
        font-size: .8rem
    }
}

@media all and (max-width:47.9375rem) {
    .drink-field__container {
        margin-top: .3125rem
    }
}

@media all and (max-width:81.25rem) {
    .drink-type__drink {
        -ms-flex-preferred-size: calc(50% - 1.25rem);
        flex-basis: calc(50% - 1.25rem)
    }
}

@media all and (max-width:75rem) {
    .drink-type__drinks-list {
        margin-top: .9375rem
    }
}

@media all and (max-width:64rem) {
    .drink-type__drinks-list {
        padding: .9375rem 2.5rem 2.5rem
    }
}

@media all and (max-width:48rem) {
    .drink-type__drinks-list {
        margin-top: .625rem
    }
}

@media all and (max-width:47.9375rem) {
    .drink-type {
        position: relative
    }

    .drink-type__drinks-list {
        padding-bottom: 4.375rem
    }

    .drink-type__drink {
        margin-top: .9375rem;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .drink-type__volume {
        position: absolute;
        bottom: 1.25rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media all and (max-width:25.9375rem) {
    .drink-type__drinks-list {
        padding: 1.25rem 1.25rem 4.0625rem
    }

    .drink-type__drink {
        margin-top: .625rem
    }
}

@media all and (max-width:64rem) {
    .feedback {
        padding: 3.4375rem 0 4.0625rem
    }

    .feedback__title {
        -ms-flex-preferred-size: 18.75rem;
        flex-basis: 18.75rem
    }

    .feedback__text {
        -ms-flex-preferred-size: calc(100% - 22.5rem);
        flex-basis: calc(100% - 22.5rem)
    }
}

@media all and (max-width:47.9375rem) {
    .feedback__top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .feedback__title {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .feedback__text {
        margin-top: 1.25rem;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: 31.25rem
    }

    .feedback__form {
        margin-top: 2.1875rem
    }
}

@media all and (max-width:25.9375rem) {
    .feedback {
        padding: 2.5rem 0 3.75rem
    }

    .feedback__form {
        margin-top: 1.5625rem
    }
}

@media all and (max-width:75rem) {
    .factoids__item-fact {
        font-size: 2.25rem
    }

        .factoids__item-fact:nth-child(2) {
            margin-top: .9375rem
        }

    .factoids__item-text {
        margin-top: .9375rem
    }
}

@media all and (max-width:57.5rem) {
    .factoids {
        grid-template-columns: 1fr 1fr
    }
}

@media all and (max-width:48rem) {
    .factoids {
        grid-template-columns: 1fr;
        row-gap: 1.875rem;
        text-align: center
    }

    .factoids__item {
        margin: auto;
        max-width: 28.75rem;
        padding: 0 2.5rem
    }

    .factoids__item-fact:nth-child(2) {
        margin-top: .625rem
    }

    .factoids__item-text {
        margin-top: .625rem
    }
}

@media all and (max-width:25.9375rem) {
    .factoids {
        row-gap: 1.25rem
    }

    .factoids__item-text {
        margin-top: .5rem
    }
}

@media all and (max-width:75rem) {
    .footer__menu {
        display: none
    }
}

@media all and (max-width:48rem) {
    .footer {
        padding: 2.5rem 0 3.4375rem
    }

    .footer__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer__social-col {
        max-width: none;
        text-align: center
    }

    .footer__social-list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .footer__com-col {
        margin: 2.5rem 0 0;
        max-width: none;
        text-align: center
    }

    .footer__hot-line-text--mobile {
        display: block
    }

    .footer__hot-line-text--desktop {
        display: none
    }

    .footer__phone {
        margin-top: .625rem
    }

    .footer__hot-line {
        margin-top: .625rem
    }
}

@media all and (max-width:47.9375rem) {
    .form--horizontal {
        grid-template-columns: repeat(10,1fr)
    }

        .form--horizontal .form__field {
            grid-column: span 5
        }

        .form--horizontal .form__field--double {
            grid-column: span 10
        }

        .form--horizontal .form__field--btn {
            grid-column-end: 11
        }
}

@media all and (max-width:32.5rem) {
    .form--cols {
        row-gap: 1.25rem
    }

        .form--cols .form__field {
            grid-column: span 2
        }

        .form--cols .form__field--btn {
            padding-top: .625rem
        }

    .form--horizontal {
        row-gap: 1.25rem
    }

        .form--horizontal .form__field {
            grid-column: span 10
        }

        .form--horizontal .form__field--btn {
            grid-column-end: 11;
            padding-top: .625rem
        }
}

@media all and (max-width:64rem) {
    .grid-3 {
        grid-template-columns: 1fr 1fr
    }
}

@media all and (max-width:35rem) {
    .grid-3 {
        grid-template-columns: 1fr;
        row-gap: 1.25rem
    }
}

@media all and (max-width:25.9375rem) {
    .menu-is-open .hamburger .hamburger__line--top {
        top: .375rem
    }

    .menu-is-open .hamburger .hamburger__line--bottom {
        top: .375rem
    }

    .hamburger__box {
        height: .875rem;
        width: 1.125rem
    }

    .hamburger__line--middle {
        top: .375rem
    }

    .hamburger__line--bottom {
        top: .75rem
    }
}

@media all and (max-width:85.625rem) {
    .header__menu-item-link {
        padding: 0 .9375rem
    }
}

@media all and (max-width:75rem) {
    .header {
        --menu-height: 4.375rem
    }

    .header__sticky-wrapper {
        -webkit-box-shadow: 0 0 1.25rem rgba(0,0,0,.075);
        box-shadow: 0 0 1.25rem rgba(0,0,0,.075)
    }

    .header__container {
        font-weight: 400
    }

    .header__logo-wrap {
        margin-right: auto
    }

    .header__menu {
        display: none
    }

    .header__mob-menu {
        display: block
    }

    .header__login-link {
        margin-left: 1.25rem;
        width: 3.75rem;
        padding-right: 0;
        font-size: 0
    }

    .header__login-link-icon {
        right: 50%;
        -webkit-transform: translate(50%,-50%);
        -ms-transform: translate(50%,-50%);
        transform: translate(50%,-50%)
    }

    .header__hamburger {
        margin-left: .9375rem;
        margin-right: -.9375rem;
        display: block
    }

    .header__mob-menu {
        --visibility-delay: 0.3s;
        overflow: auto;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        padding: 5rem calc(var(--hor-indent) + 1.875rem);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 1.25rem;
        background: #f5f5f5;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: opacity .3s,visibility 0s var(--visibility-delay);
        -o-transition: opacity .3s,visibility 0s var(--visibility-delay);
        transition: opacity .3s,visibility 0s var(--visibility-delay)
    }

    .menu-is-open .header__mob-menu {
        --visibility-delay: 0s;
        visibility: visible;
        opacity: 1
    }

    .header__mob-menu-list {
        margin-left: auto
    }

    .header__mob-menu-item {
        position: relative;
        padding-top: 1.5em
    }

        .header__mob-menu-item:nth-child(n+2) {
            margin-top: 1.5em;
            border-top: 1px solid #d9d9d9
        }

    .header__mob-menu-link {
        position: absolute;
        top: 1.5em;
        left: 0;
        max-width: 50%;
        font-weight: 700;
        color: #000
    }

    .header__mob-submenu-list {
        text-align: right
    }

    .header__mob-submenu-item {
        margin-left: auto;
        max-width: 50%
    }

        .header__mob-submenu-item:nth-child(n+2) {
            margin-top: 1em
        }

    .header__mob-submenu-link {
        color: #4d4d4d
    }
}

@media all and (max-width:48rem) {
    .header {
        --menu-height: 3.75rem
    }

    .header__logo-wrap {
        -ms-flex-preferred-size: 10rem;
        flex-basis: 10rem
    }

    .header__alt-lang {
        font-size: .875rem
    }

    .header__login-link-icon {
        width: 2rem;
        height: 2rem;
        font-size: .875rem
    }

    .header__mob-menu {
        font-size: 1rem
    }
}

@media all and (max-width:30rem) {
    .header__login-link {
        margin-left: .9375rem
    }

    .header__hamburger {
        margin-left: 0
    }
}

@media all and (max-width:25.9375rem) {
    .header {
        --menu-height: 3.125rem
    }

    .header__logo-wrap {
        -ms-flex-preferred-size: 8.4375rem;
        flex-basis: 8.4375rem
    }

    .header__login-link {
        width: 3.125rem
    }

    .header__login-link-icon {
        width: 1.5rem;
        height: 1.5rem;
        padding-right: 0;
        font-size: .625rem
    }

    .header__mob-menu {
        padding: 3.125rem calc(var(--hor-indent) + 1.5625rem)
    }
}

@media all and (max-width:25.9375rem) {
    .history__top {
        margin-top: .625rem
    }

    .history__table {
        margin-top: .9375rem
    }

    .history__table-row:first-child {
        display: none
    }

    .history__table-col:nth-child(1) {
        min-width: auto
    }

    .history__table-col:nth-child(2) {
        text-align: right
    }
}

@media all and (max-width:48rem) {
    .image-grid {
        grid-template-columns: 1fr 1fr;
        row-gap: 1.25rem
    }
}

@media all and (max-width:28.75rem) {
    .image-grid {
        grid-template-columns: 1fr;
        row-gap: .625rem
    }
}

@media all and (max-width:48rem) {
    .map__top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .map__link {
        margin-top: 1.25rem
    }
}

@media all and (max-width:25.9375rem) {
    .map__map {
        height: 22.5rem
    }
}

@media all and (max-width:57.5rem) {
    .news-card__title {
        padding: 1.25rem 1.25rem 0
    }

    .news-card__pub-date {
        padding: .9375rem 1.25rem 1.25rem;
        font-size: .875rem
    }
}

@media all and (max-width:64rem) {
    .not-found {
        padding: 5rem 0
    }
}

@media all and (max-width:48rem) {
    .not-found__code {
        font-size: 4.5rem
    }

    .not-found__text {
        font-size: 1.25rem
    }
}

@media all and (max-width:47.9375rem) {
    .pagination {
        --size: 2.5rem
    }

    .pagination__arrow--next, .pagination__arrow--prev {
        background-size: .5625rem .875rem
    }

    .pagination__item--inactive .pagination__link {
        width: auto
    }

    .pagination__item + .pagination__item {
        margin-left: .3125rem
    }
}

@media all and (max-width:25.9375rem) {
    .pagination__arrow--prev {
        margin-right: .3125rem
    }

    .pagination__arrow--next {
        margin-left: .3125rem
    }
}

@media all and (max-width:22.5rem) {
    .pagination {
        --size: 2.125rem;
        font-size: .875rem
    }
}

@media all and (max-width:48rem) {
    .partnership__text {
        margin-top: 1.25rem
    }

    .partnership__link {
        margin-top: 1.25rem
    }
}

@media all and (max-width:47.9375rem) {
    .partnership__info-col {
        padding: 1.875rem
    }

    .partnership__box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        border-radius: 25px
    }

    .partnership__img-col {
        position: static;
        width: 100%
    }

    .partnership__img-wrap {
        height: 20.3125rem
    }
}

@media all and (max-width:25.9375rem) {
    .partnership__info-col {
        padding: 1.25rem
    }

    .partnership__text {
        margin-top: .625rem
    }

    .partnership__link {
        width: 100%
    }
}

@media all and (max-width:48rem) {
    .pdf-player__player-wrap {
        max-width: var(--pdf-page-max-width)
    }

        .pdf-player__player-wrap::before {
            display: none
        }

    .pdf-player__player-pages {
        position: static;
        display: block;
        min-height: 100vh
    }

    .pdf-player__player-page {
        max-width: 100%;
        display: block
    }

    .pdf-player__btn--zoom {
        display: none
    }

    .pdf-player__paging-control {
        display: none
    }
}

@media all and (max-width:64rem) {
    .popup-content--default {
        padding-top: 2.1875rem
    }

    .popup-content--pdf {
        padding-top: 2.1875rem
    }
}

@media all and (max-width:48rem) {
    .popup-content--default {
        max-width: 30rem;
        padding: 2.5rem 1.5625rem
    }

    .popup-content--pdf {
        width: 100%;
        max-width: var(--pdf-page-max-width);
        padding: 0
    }

    .popup-content--instruction {
        padding: 1.875rem 0 0
    }

    .popup-content--banner {
        border-radius: 25px
    }

    .popup-content__title-float-wrap {
        top: 2.5rem
    }

    .popup-content__title--big {
        font-size: 1.5rem
    }

    .popup-content__big-subtitle {
        margin-top: 1.25rem
    }

    .popup-content__banner-link {
        bottom: 1.5625rem
    }

    .popup-content__btns-group {
        margin-top: 1.875rem
    }
}

@media all and (max-width:47.9375rem) {
    .popup-content__close-x {
        --size: 2.5rem;
        --x-height: 1rem
    }

    .popup-content__close-x--round {
        top: .625rem;
        right: .625rem
    }
}

@media all and (max-width:40.625rem) {
    .popup-content--banner {
        max-width: 28.125rem
    }

    .popup-content__banner-wrap {
        --height-ratio: 160%
    }

    .popup-content__banner-link {
        bottom: 1.25rem
    }
}

@media all and (max-width:25.9375rem) {
    .popup-content--default {
        padding: 2.5rem 1.25rem
    }

    .popup-content--pdf {
        padding: 2.5rem 1.25rem
    }

    .popup-content--instruction {
        padding: 3.75rem 0 0
    }
}

@media all and (max-width:75rem) {
    .profile__content-col {
        --occupied-columns: 9
    }

    .profile__form--horizontal {
        --max-columns: 8
    }

    .profile__form--vertical {
        --max-columns: 4
    }
}

@media all and (max-width:48rem) {
    .profile__logout-link {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .profile__container {
        margin-top: 1.25rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .profile__menu {
        margin: -.625rem 0 0 -.625rem;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .profile__menu-item {
        margin: .625rem 0 0 .625rem
    }

    .profile__menu-item--logout {
        display: none
    }

    .profile__content-col {
        margin: 1.5625rem 0 0
    }

    .profile__main-title {
        display: none
    }

    .profile__text {
        margin-top: 0
    }

    .profile__content {
        margin-top: 1.5625rem
    }

    .profile__content--without-text {
        margin-top: 0
    }

    .profile__form--horizontal {
        max-width: none
    }

    .profile__form--vertical {
        --max-columns: 6
    }
}

@media all and (max-width:32.5rem) {
    .profile__form--vertical {
        max-width: none
    }
}

@media all and (max-width:25.9375rem) {
    .profile__container {
        margin-top: .625rem
    }

    .profile__content-col {
        margin-top: 1.25rem
    }

    .profile__content {
        margin-top: 1.25rem
    }

    .profile__content--without-text {
        margin-top: 0
    }
}

@media all and (max-width:75rem) {
    .promotion__cols {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .promotion__content-col {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .promotion__request-col {
        margin: var(--indent-between-blocks) calc(var(--hor-indent) * -1) 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

@media all and (max-width:48rem) {
    .promotion__term {
        font-size: .875rem
    }
}

@media all and (max-width:25.9375rem) {
    .promotion__term {
        font-size: .6875rem
    }

    .promotion__content-block {
        margin-top: 1.25rem
    }
}

@media all and (max-width:85.375rem) {
    .promotion-card__footer {
        font-size: .875rem
    }
}

@media all and (max-width:57.5rem) {
    .promotion-card__title {
        padding: .55rem .55rem 0
    }

    .promotion-card__period {
        font-size: .6875rem
    }

    .promotion-card__period-title {
        font-size: .7rem;
      -webkit-line-clamp: 1;
    }

    .promotion-card__footer {
        padding: .55rem .5rem .5rem
    }
}

@media all and (max-width:75rem) {
    .request--t-full {
        padding: 3.125rem var(--hor-indent) 3.75rem;
        border-radius: 0
    }
}

@media all and (max-width:48rem) {
    .request__title {
        font-size: 1.5rem
    }

    .request__text {
        margin-top: .9375rem
    }

    .request__form {
        margin-top: 1.25rem
    }
}

@media all and (max-width:47.9375rem) {
    .request--t-box {
        padding: 1.5625rem 1.875rem 1.875rem
    }
}

@media all and (max-width:25.9375rem) {
    .request--t-box {
        padding: 1.25rem 1.25rem 1.875rem
    }
}

@media all and (max-width:25.9375rem) {
    .scanner__instruction {
        top: calc(40% - 4.0625rem);
        font-size: 1rem
    }

    .scanner__result-actions-title {
        font-size: 1.125rem
    }
}

@media all and (max-height:31.25rem) {
    .scanner__capture-area {
        top: 25%
    }

    .scanner__result {
        top: calc(25% + 3.125rem)
    }

    .scanner__instruction {
        top: calc(25% - 4.0625rem);
        font-size: 1rem
    }

    .scanner__result-actions-wrap {
        top: calc(25% + 6.875rem)
    }

    .scanner__result-actions-title {
        font-size: 1.125rem
    }

    .scanner__result-actions {
        margin-top: .9375rem
    }
}

@media all and (max-width:57.5rem) {
    .shops__box {
        margin-top: 1.875rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .shops__mob-city {
        display: block
    }

    .shops__city {
        display: none
    }

    .shops__list-col {
        margin: 0 calc(var(--hor-indent) * -1);
        height: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: none
    }

    .shops__list-wrap {
        margin: 0;
        padding: 0
    }

    .shops__list-wrap-edges {
        display: none
    }

    .shops__list {
        padding: .625rem 0;
        border-radius: 0
    }

    .shops__item-btn {
        padding: .625rem var(--hor-indent)
    }

    .shops__map-col {
        margin: 0 calc(var(--hor-indent) * -1);
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        border: none;
        border-radius: 0
    }

    .shops__map {
        height: 25rem
    }
}

@media all and (max-width:25.9375rem) {
    .shops__box {
        margin-top: 1.25rem
    }

    .shops__map {
        height: 21.25rem
    }
}

@media all and (max-width:75rem) {
    .shops-list__item-address {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        padding: 1.5625rem 2.5rem;
        font-size: inherit
    }

        .shops-list__item-address::after {
            display: none
        }

    .shops-list__item-area {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        min-width: auto;
        padding: 1.5625rem 2.5rem
    }
}

@media all and (max-width:64rem) {
    .shops-list__list {
        margin-top: 1.25rem
    }

    .shops-list__item {
        font-size: 1.125rem
    }
}

@media all and (max-width:48rem) {
    .shops-list__list {
        margin-top: .9375rem
    }

    .shops-list__item {
        font-size: 1rem
    }

        .shops-list__item:nth-child(n+2) {
            margin-top: .9375rem
        }

    .shops-list__item-address, .shops-list__item-area, .shops-list__item-name {
        padding: .8125rem 1.25rem
    }

    .shops-list__item-name {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

@media all and (max-width:47.9375rem) {
    .steps__btn {
        height: 1.75rem;
        font-size: .75rem
    }

        .steps__btn::before {
            top: .3125rem;
            left: .3125rem;
            width: 1.125rem;
            height: 1.125rem
        }
}

@media all and (max-width:25.9375rem) {
    .steps__btn {
        font-size: .6875rem
    }

        .steps__btn::before {
            top: .375rem;
            left: .375rem;
            width: 1rem;
            height: 1rem
        }

        .steps__btn:nth-child(n+2) {
            margin-left: .375rem
        }
}

@media all and (max-width:75rem) {
    .title-block__slide {
        padding: 0
    }

    .title-block__slide-additional-image--big {
        width: 33.25rem
    }

    .title-block__slide-additional-image--small-1 {
        top: .8125rem;
        left: 0%;
        width: 7.5rem
    }

    .title-block__slide-additional-image--small-2 {
        top: 3.4375rem;
        width: 10rem
    }
}

@media all and (max-width:57.5rem) {
    .title-block__slide-image-wrap {
        height: 21.25rem
    }

    .title-block__slide-additional-image--big {
        width: 25rem
    }

    .title-block__slide-additional-image--small-1 {
        top: .9375rem;
        width: 6.875rem
    }

    .title-block__slide-additional-image--small-2 {
        top: 2.8125rem;
        width: 8.75rem
    }
}

@media all and (max-width:48rem) {
    .title-block__slide-image-wrap {
        height: 21.25rem
    }

    .title-block__slide-additional-image--big {
        bottom: .5rem;
        left: 0rem;
        width: 20rem
    }

    .title-block__slide-additional-image--small-1 {
        top: 1.25rem;
        left: 0;
        width: 6.25rem
    }

    .title-block__slide-additional-image--small-2 {
        top: .625rem;
        left: auto;
        right: .625rem;
        width: 7.5rem
    }

    .title-block__thumbs {
        --indent-between: 0.375rem;
        margin-top: 1.25rem;
        max-width: 24.375rem
    }

    .title-block__thumbs-slide {
        --border-thickness: 0.125rem;
        padding: .375rem
    }

    .title-block__thumb-wrap {
        width: 3rem
    }
}

@media all and (max-width:26.875rem) {
    .title-block__thumbs {
        --slides-per-view: 4;
        max-width: 16.125rem
    }

        .title-block__thumbs:not(.swiper-initialized) .title-block__thumbs-slide:nth-child(n+5) {
            display: none
        }
}

@media all and (max-width:75rem) {
    .titular-image__wrap {
        --height-ratio: 28.125rem
    }
}

@media all and (max-width:64rem) {
    .titular-image__wrap {
        --height-ratio: 26.5625rem
    }
}

@media all and (max-width:57.5rem) {
    .titular-image__wrap {
        --height-ratio: 25rem
    }
}

@media all and (max-width:48rem) {
    .titular-image__wrap {
        --height-ratio: 22.5rem;
        border-radius: 0 0 25px 25px
    }
}

@media all and (max-width:25.9375rem) {
    .titular-image__wrap {
        --height-ratio: 20.3125rem
    }
}

@media all and (max-width:64rem) {
    .tt-parallel__hero-wrap {
        -ms-flex-preferred-size: 13.75rem;
        flex-basis: 13.75rem
    }

    .tt-parallel__img-wrap {
        width: 10rem
    }

    .tt-parallel__title:nth-child(2) {
        margin-top: 1.25rem
    }

    .tt-parallel__text {
        -ms-flex-preferred-size: calc(100% - 16.25rem);
        flex-basis: calc(100% - 16.25rem)
    }
}

@media all and (max-width:57.5rem) {
    .tt-parallel__container {
        padding: 0 3.125rem
    }
}

@media all and (max-width:47.9375rem) {
    .tt-parallel__container {
        padding: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .tt-parallel__hero-wrap {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .tt-parallel__text {
        margin-top: 1.25rem;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

@media all and (max-width:25.9375rem) {
    .tt-parallel__img-wrap {
        width: 5.625rem
    }
}

@media all and (max-width:85.375rem) {
    .vacancies__item-name {
        padding: 1.5625rem 2.5rem;
        font-size: inherit
    }
}

@media all and (max-width:75rem) {
    .vacancies__item-name {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

        .vacancies__item-name::after {
            display: none
        }

    .vacancies__item-experience {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

        .vacancies__item-experience::after {
            display: none
        }
}

@media all and (max-width:64rem) {
    .vacancies__item {
        font-size: 1.125rem
    }
}

@media all and (max-width:48rem) {
    .vacancies__filter {
        margin-top: 1.875rem
    }

    .vacancies__list {
        margin-top: 1.5625rem
    }

    .vacancies__item {
        margin-top: .9375rem;
        font-size: 1rem
    }

    .vacancies__item-experience, .vacancies__item-name, .vacancies__item-shop {
        padding: .8125rem 1.25rem
    }

    .vacancies__item-shop {
        width: auto
    }
}

@media all and (max-width:35rem) {
    .vacancies__filter {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .vacancies__filter-field {
        max-width: none
    }

        .vacancies__filter-field:nth-child(n+2) {
            margin-left: 0;
            margin-top: 1.25rem
        }
}

@media all and (max-width:25.9375rem) {
    .vacancies__filter {
        margin-top: 1.25rem
    }
}

@media all and (max-width:75rem) {
    .vacancy__back-link {
        display: none
    }

    .vacancy__box {
        margin-top: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .vacancy__content-col {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .vacancy__details {
        font-size: 1.125rem
    }

    .vacancy__experience, .vacancy__shop {
        padding: .8125rem 1.25rem
    }

    .vacancy__shop {
        width: auto
    }

    .vacancy__request-col {
        margin: var(--indent-between-blocks) calc(var(--hor-indent) * -1) 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

@media all and (max-width:64rem) {
    .vacancy__details {
        font-size: 1rem
    }
}

@media all and (max-width:48rem) {
    .vacancy__details {
        font-size: .875rem
    }

    .vacancy__experience, .vacancy__shop {
        padding: .625rem 1.25rem
    }
}

@media all and (max-width:25.9375rem) {
    .vacancy__details {
        margin-top: 0
    }

    .vacancy__experience, .vacancy__shop {
        padding: .3125rem .625rem
    }

    .vacancy__content-block {
        margin-top: 1.25rem
    }
}
@media (max-width:430px) {
    .promotion-card__period-title {
        font-size: .6rem !important;
    }
}

    @media (max-width: 360px) {
        .title-block__slide-image-wrap {
            height: 100%;
            aspect-ratio: 1;
        }

        .title-block__thumbs-slide {
            width: 60px !important;
        }
    }

    @media (max-width: 376px) {

        .title-block__slide-additional-image--big {
            bottom: .625rem;
            left: calc(50% - 8.5rem);
            width: 15rem
        }

        .title-block__slide-additional-image--small-1 {
            top: 1.25rem;
            left: 0;
            width: 5.25rem
        }

        .title-block__slide-additional-image--small-2 {
            top: .625rem;
            left: auto;
            right: .625rem;
            width: 3.5rem
        }

        .promotion-card__period-title {
            font-size: .65rem;
            -webkit-line-clamp: 1;
        }
    }

    @media (max-width: 310px) {

        .title-block__slide-additional-image--big {
            bottom: .625rem;
            left: calc(50% - 7rem);
            width: 13rem
        }

        .title-block__slide-additional-image--small-1 {
            top: 0;
            left: 0;
            width: 5.25rem
        }

        .title-block__slide-additional-image--small-2 {
            top: .625rem;
            left: auto;
            right: .625rem;
            width: 3.5rem
        }
    }

    @media (max-width: 265px) {

        .title-block__slide-additional-image--big {
            bottom: .625rem;
            left: calc(50% - 6.5rem);
            width: 13rem
        }

        .title-block__slide-additional-image--small-1 {
            top: 0;
            left: 0;
            width: 5.25rem
        }

        .title-block__slide-additional-image--small-2 {
            top: .625rem;
            left: auto;
            right: .625rem;
            width: 3.5rem
        }
    }

    @media (max-width: 299.98px) {
        .promotion-card__period-title {
            font-size: .75rem;
            -webkit-line-clamp: 1;
        }
    }