.c-input {
    position: relative
}

.c-input__clear {
    position: absolute;
    color: #4a4a4a;
    background-color: #fff;
    z-index: 2;
    cursor: pointer;
    bottom: .02rem;
    right: .012rem;
    padding: .08rem;
    border-radius: .06rem
}

.c-input__clear .c-icon-close {
    width: .1rem;
    height: .1rem
}

.c-input--error .c-input__clear {
    color: #e32c2b
}

.c-input__loader {
    display: block;
    position: absolute;
    top: calc(50% - .12rem);
    right: .1rem;
    background-image: url(/static/icons/loader-circle-big.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: all .3s;
    min-height: .24rem;
    min-width: .24rem;
    animation: spin 3s linear infinite;
    animation-delay: .3s;
    z-index: 10
}

.c-input__success {
    position: absolute;
    bottom: .02rem;
    background-color: #fff;
    right: .02rem;
    z-index: 2;
    padding: .08rem;
    color: var(--color__default);
    border-radius: .06em
}

.c-input__success .c-icon-success {
    width: .12rem;
    height: .09rem
}

.c-input__input {
    display: block;
    width: 100%;
    font-size: .16em;
    height: 2.8125em;
    padding: 1.25em .9375em .625em;
    border: 1px solid #bdbdbd;
    margin-bottom: .28571em;
    font-weight: 500 !important;
    outline: none;
    border-radius: .03rem !important;
    color: #181717 !important;
    border: 1px solid #bdbdbd !important
}

.c-input__input:focus {
    border: 1px solid #484848 !important
}

.c-input__input::-webkit-input-placeholder {
    opacity: 1;
    transition: all .2s
}

.c-input__input:-ms-input-placeholder,
.c-input__input::-ms-input-placeholder {
    opacity: 1;
    transition: all .2s
}

.c-input__input::placeholder {
    opacity: 1;
    transition: all .2s
}

.c-input__input:placeholder-shown::-webkit-input-placeholder {
    opacity: 0
}

.c-input__input:placeholder-shown:-ms-input-placeholder {
    opacity: 0
}

.c-input__input:placeholder-shown::-ms-input-placeholder {
    opacity: 0
}

.c-input__input:placeholder-shown::placeholder {
    opacity: 0
}

.c-input__input[type=radio] {
    border-radius: .1875em;
    border: .0625em solid #bdbdbd;
    background-color: #fff;
    margin-left: 0
}

.c-input__input[type=radio]:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 1.125em;
    height: 1.125em;
    border: .125em solid #cacbcb;
    background-color: #fff;
    top: 50%;
    transform: translateY(-50%);
    right: .875em;
    border-radius: 50%
}

.c-input__input[type=radio]:focus {
    border: 1px solid #bdbdbd !important
}

.c-input__input[type=radio]:checked:after {
    border: 1px solid #292929
}

.c-input__input[type=radio]:checked:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: .625em;
    height: .625em;
    border-radius: 50%;
    background-color: #00b923;
    right: 1.1em;
    top: 1.1em;
    z-index: 3
}

.c-input--error .c-input__input {
    border-color: #df0000 !important
}

.c-input--success .c-input__input {
    border-color: var(--color__default) !important
}

.c-input__label {
    font-size: .11rem !important;
    line-height: .78571em;
    position: absolute;
    left: .15rem;
    top: .06rem !important;
    cursor: text;
    opacity: 1;
    color: #6f6f6f !important;
    line-height: .11rem;
    transition: all .2s
}

.c-input__label.radio {
    font-size: .16rem !important;
    top: .12rem !important;
    font-weight: 500;
    color: #181717 !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center
}

.c-input__label.radio svg {
    margin-right: 1.0625em
}

html.smartphone .c-input__label {
    left: .13rem !important
}

.c-input__input:placeholder-shown:not(:focus)+* {
    font-size: .16em !important;
    opacity: 1;
    top: .17rem !important;
    left: .13rem !important
}

html.smartphone .c-input__input:placeholder-shown:not(:focus)+* {
    top: .13rem !important
}

.c-input-group__message {
    font-size: .11rem;
    font-weight: 500;
    text-align: center;
    background-color: hsla(0, 2%, 9%, .71);
    background-color: #868686;
    padding: .06rem;
    color: #fff;
    margin-top: .03rem
}

div#single-step-order .c-input-group__message {
    text-align: left;
    color: #e32c2b;
    margin-top: 0;
    background-color: transparent
}

@keyframes shake-input {

    0%,
    to {
        transform: translateZ(0)
    }

    22%,
    66% {
        transform: translate3d(-.625em, 0, 0)
    }

    44% {
        transform: translate3d(.625em, 0, 0)
    }
}

.shake-input .c-input-group {
    animation: shake-input .4s linear
}

.b-loading {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.a-loading {
    background-color: currentColor;
    animation: pulse 1s infinite;
    overflow: hidden;
    border-radius: 50%;
    margin-left: .02rem;
    margin-right: .02rem;
    width: .08rem;
    height: .08rem
}

.a-loading:first-child {
    animation-delay: .1s
}

.a-loading:nth-child(2) {
    animation-delay: .2s
}

.a-loading:nth-child(3) {
    animation-delay: .3s
}

.b-button {
    font-size: 1em;
    border-radius: .04rem;
    padding: .07rem .12rem;
    min-height: .4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid transparent;
    font-weight: 700;
    cursor: pointer
}

.b-button:not(.b-button__loading):disabled {
    background-color: var(--color__grey-4);
    color: var(--color__grey-20);
    border-color: var(--color__grey-4)
}

.b-button .rub {
    line-height: 1em
}

.b-button:focus {
    outline: none
}

.b-button .b-button__icon {
    margin-right: .07rem
}

.b-button .c-icon {
    width: 1em;
    height: 1em;
    margin-top: .01rem
}

.b-button__full-width {
    width: 100%
}

.b-button__green {
    color: var(--color__white);
    background-color: var(--color__default);
    border-color: var(--color__default)
}

.b-button__green .a-loading {
    background-color: var(--color__white)
}

.b-button__blue {
    color: var(--color__white);
    background-color: var(--color__blue);
    border-color: var(--color__blue)
}

.b-button__blue .a-loading {
    background-color: var(--color__white)
}

.b-button__empty-blue {
    color: var(--color__blue);
    background-color: transparent;
    border-color: #e0eafc
}

.b-button__empty-white {
    color: var(--color__white);
    background-color: transparent;
    border-color: transparent
}

.b-button__danger {
    border-color: #dd4949;
    color: #dd4949;
    background-color: #fff
}

.b-button__success {
    color: var(--color__green);
    background-color: var(--color__green-15);
    border-color: var(--color__green-15)
}

.b-button__success .a-loading {
    background-color: var(--color__green)
}

.b-button__primary {
    color: var(--color__black);
    background-color: var(--color__yellow);
    border-color: var(--color__yellow)
}

.b-button__primary .a-loading {
    background-color: var(--color__green)
}

.b-button__brand {
    color: var(--color__default);
    background-color: var(--color__white);
    text-transform: uppercase
}

.b-button__secondary {
    color: var(--color__default);
    background-color: var(--color__green-15);
    border-color: var(--color__green-15)
}

.b-button__secondary .a-loading {
    background-color: var(--color__default)
}

.b-button__grey {
    background-color: var(--color__grey-4);
    border-color: var(--color__grey-4);
    color: var(--color__grey-40);
    pointer-events: none;
    cursor: default;
    text-transform: unset !important
}

.b-button__grey .a-loading {
    background-color: var(--color__black)
}

.b-button__ghost-grey {
    background-color: transparent;
    border-color: var(--color__grey-20);
    color: var(--color__black)
}

.b-button__ghost-grey .a-loading {
    background-color: var(--color__black)
}

.b-button__text-green {
    background-color: transparent;
    border-color: transparent;
    color: var(--color__default)
}

.b-button__text-green .a-loading {
    background-color: var(--color__default)
}

.b-button__text-black {
    background-color: transparent;
    border-color: transparent;
    color: var(--color__black)
}

.b-button__text-black .a-loading {
    background-color: var(--color__default)
}

.b-button__text-grey {
    background-color: transparent;
    border-color: transparent;
    color: var(--color__grey-40)
}

.b-button__ghost-green {
    background-color: transparent;
    border: 1px solid var(--color__default);
    color: var(--color__default)
}

.b-button__ghost-green .a-loading {
    background-color: var(--color__default)
}

.b-button__ghost-red {
    background-color: transparent;
    border: 1px solid var(--color__red-20);
    color: var(--color__red)
}

.b-button__ghost-red .a-loading {
    background-color: var(--color__red)
}

.b-button-subscription {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.b-button-subscription__icon .c-icon {
    width: .08rem !important;
    height: .05rem !important
}

.b-button__loading {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.b-button__small {
    font-size: .12rem;
    min-height: .24rem;
    border-radius: .04rem;
    padding: .03rem .08rem
}

.b-button__medium {
    padding: .06rem .12rem;
    font-size: .14rem;
    min-height: .32rem
}

.b-button__medium .c-icon {
    width: .7em;
    height: .7em
}

.b-button__large {
    padding: .08rem .12rem;
    font-size: .16rem;
    height: .4rem;
    border-radius: .08rem
}

.desktop .b-button__large {
    padding: .16rem .34rem;
    padding-bottom: .16rem;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .16rem;
    line-height: .24rem;
    height: auto;
    border-radius: .18rem;
    padding-bottom: .14rem
}

.desktop .b-button__large.b-button__loading {
    min-height: .56rem
}

[data-page=dashboard] .b-button__large {
    border-radius: .04rem
}

[data-page=dashboard] .b-button__large.b-button__loading {
    min-height: .5rem
}

.l-app-modal {
    background-color: var(--color__white);
    font-weight: 500
}

.b-app-modal {
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    height: 100%;
    overflow-y: auto
}

.b-app-modal,
.b-app-modal__img {
    display: -ms-flexbox;
    display: flex
}

.b-app-modal__img {
    margin-bottom: .36rem;
    height: 65vh;
    min-height: 3.2rem;
    max-height: 4.6rem;
    padding-top: .6rem;
    padding-bottom: .6rem;
    background-image: url(/static/images/app_modal_bg.3aa1905.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.b-app-modal__img img {
    display: inline-block;
    vertical-align: middle;
    height: 50vh;
    min-height: 2.8rem
}

.b-app-modal__body {
    margin-top: auto;
    padding-left: .24rem;
    padding-right: .24rem
}

.b-app-modal__title {
    font-size: .23rem;
    line-height: .27rem;
    text-align: center;
    font-weight: 700;
    margin-bottom: .28rem
}

.b-app-modal__button {
    margin-bottom: .12rem;
    font-size: .12rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: center;
    justify-content: center
}

.b-app-modal__button .b-button {
    text-transform: uppercase;
    font-size: .12rem !important
}

.app-agreement-block {
    padding: .2rem
}

.app-agreement-block__body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.app-agreement-block__text {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    font-size: .18rem;
    margin-bottom: .24rem
}

html.smartphone .app-agreement-block__text {
    font-size: .14rem
}

.app-agreement-block__text-link {
    color: var(--color__default)
}

.app-agreement-block__buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.app-agreement-block__button {
    padding-left: .1rem;
    padding-right: .1rem;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}

html.smartphone .app-agreement-block__button {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0
}

html.smartphone .app-agreement-block__button:first-of-type {
    margin-bottom: .12rem
}

.app-agreement-block__close {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    background: transparent;
    border: none;
    border-radius: 0;
    padding: .16rem;
    top: 0;
    right: 0;
    z-index: 100;
    color: #818181
}

.app-agreement-block__close .c-icon-close {
    width: .14rem;
    height: .14rem
}

.update-filters-modal-wrapper {
    width: 375px;
    padding: 32px 24px 24px;
    border-radius: 32px;
    background-color: #fff
}

.update-filters-modal {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

.update-filters-modal__icon {
    width: 56px;
    height: 56px;
    margin-bottom: 16px
}

.update-filters-modal__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    text-align: center;
    margin-bottom: 16px
}

.update-filters-modal__description {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 32px;
    width: 85%;
    color: #666
}

.update-filters-modal__btn {
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 400;
    padding: 10px 0;
    border-radius: 16px;
    width: 100%
}

.tip-select__btn-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

html.smartphone .tip-select__btn-container {
    margin-bottom: .24em
}

html.desktop .tip-select__btn-container {
    margin-bottom: .2em
}

.tip-select__btn {
    border: none;
    outline: none;
    cursor: pointer;
    transition: background-color .3s ease-in-out, color .2s ease-in-out
}

html.smartphone .tip-select__btn {
    font-size: .14em;
    line-height: 143%;
    width: 6.57143em;
    height: 3.57143em;
    background-color: #f5f5f5;
    border-radius: .04rem;
    margin-right: 1.28571em;
    color: #0d0d0d
}

html.smartphone .tip-select__btn:last-child {
    margin-right: 0
}

html.smartphone .tip-select__btn--selected {
    background-color: #00b923;
    color: #fff
}

html.desktop .tip-select__btn {
    font-size: .16em;
    line-height: 112%;
    font-weight: 700;
    width: 6em;
    height: 3em;
    margin-right: 1.1875em;
    color: #999;
    background-color: #f6f6f6;
    border-radius: .75em
}

html.desktop .tip-select__btn:last-child {
    margin-right: 0
}

html.desktop .tip-select__btn--selected {
    background-color: #00b923;
    color: #fff
}

.c-switch-group__input {
    position: relative;
    -webkit-appearance: none;
    outline: none;
    width: .5rem;
    height: .3rem;
    background-color: var(--color__grey-8);
    border: 1px solid var(--color__grey-8);
    border-radius: .5rem;
    margin: 0;
    transition: background-color .2s ease-in-out
}

.c-switch-group__input:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 1px;
    background-color: var(--color__white);
    width: .26rem;
    height: .26rem;
    border-radius: 50%;
    box-shadow: .02rem .04rem .06rem rgba(0, 0, 0, .2);
    transition: left .2s ease-in-out
}

.c-switch-group__input:checked {
    background-color: var(--color__default);
    border-color: var(--color__default)
}

.c-switch-group__input:checked:after {
    left: .2rem;
    transition: left .2s ease-in-out
}

.autotips-toggle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .44em
}

.autotips-toggle__text {
    font-size: .16em;
    line-height: 150%;
    color: #0d0d0d;
    letter-spacing: .00625em;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-weight: 300
}

.b-new-address__alert,
.b-new-address__info {
    width: 100%
}

.address-success .input-street input.form-control {
    border-color: var(--color__default-darken)
}

.address-inputs__error {
    display: -ms-flexbox;
    display: flex;
    font-size: .12rem;
    line-height: .18rem;
    color: #f33;
    margin-top: .08rem;
    margin-bottom: .08rem !important
}

.address-inputs__error-svg {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    margin-right: .08rem;
    width: .24rem;
    min-width: .24rem;
    height: .24rem
}

.input-room--valid #room {
    border-color: var(--color__default-darken)
}

.b-new-address__info {
    background-color: #e6f8e9;
    border: 1px solid #b3eabd;
    border-radius: 4px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: .07rem;
    padding-bottom: .07rem
}

.b-new-address__info-icon {
    margin-right: .05rem;
    color: var(--color__green)
}

.b-new-address__info-icon .c-icon {
    width: .1rem;
    height: .1rem
}

.b-new-address__info-text {
    font-size: .12rem;
    line-height: .18rem;
    font-weight: 700;
    color: var(--color__green)
}

.b-new-address__alert {
    background-color: var(--color__grey-1);
    border: 1px solid var(--color__grey-8);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .03);
    border-radius: 8px;
    padding: .24rem .24rem .16rem
}

.b-new-address__alert-title {
    font-weight: 700;
    font-size: .18rem;
    line-height: .24rem;
    margin-bottom: .08rem
}

.b-new-address__alert-text p {
    font-size: .14rem;
    line-height: .2rem;
    color: var(--color__grey-60);
    margin-bottom: .08rem
}

.sbp-qr-code {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: .56rem 1.04rem;
    font-size: .16rem
}

.sbp-qr-code__title {
    margin-bottom: .64rem;
    font-weight: 600;
    font-size: .32rem;
    line-height: .4rem
}

.sbp-qr-code__body {
    display: -ms-flexbox;
    display: flex
}

.sbp-qr-code__image {
    width: 2.64rem;
    height: 2.64rem;
    padding: .32rem;
    margin-right: .48rem;
    border: 1px solid var(--color__grey-8);
    border-radius: .24rem
}

.sbp-qr-code-faq {
    margin-bottom: .4rem
}

.sbp-qr-code-faq__title {
    margin-bottom: .32rem;
    color: var(--color__grey-40);
    font-weight: 600;
    font-size: .14rem;
    line-height: .2rem;
    letter-spacing: .02rem;
    text-transform: uppercase
}

.sbp-qr-code-steps {
    list-style-type: none;
    counter-reset: a
}

.sbp-qr-code-steps__item {
    margin-bottom: .24rem;
    padding: 0;
    font-size: .16rem
}

.sbp-qr-code-steps__item,
.sbp-qr-code-steps__item:before {
    display: -ms-flexbox;
    display: flex;
    line-height: .24rem
}

.sbp-qr-code-steps__item:before {
    content: counter(a);
    counter-increment: a;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: .24rem;
    height: .24rem;
    margin-right: .08rem;
    border-radius: 1rem;
    background: rgba(var(--color__default-rgb), .1);
    color: var(--color__default);
    font-size: .12rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.sbp-bank-list {
    position: relative;
    overflow: scroll;
    max-height: 100vh;
    max-height: calc(var(--vh, 1vh) * 100);
    height: 100%;
    padding: 90px .24rem .8rem
}

.sbp-bank-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    padding: .12rem .16rem;
    margin-bottom: .12rem;
    border-radius: .08rem;
    border: .02rem solid var(--color__grey-20);
    font-size: .16rem;
    line-height: .24rem;
    letter-spacing: .001rem;
    transition: border-color .1s
}

.sbp-bank-item__img {
    width: .24rem;
    height: .24rem;
    margin-right: .12rem
}

.sbp-bank-item__circle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: .2rem;
    height: .2rem;
    border: .02rem solid var(--color__grey-20);
    border-radius: 1rem;
    margin-left: auto
}

.sbp-bank-item__circle:after {
    content: "";
    width: .08rem;
    height: .08rem;
    background: transparent;
    border-radius: 1rem;
    transition: background-color .1s, border-color .1s
}

.sbp-bank-item--selected,
.sbp-bank-item--selected .sbp-bank-item__circle {
    border-color: var(--color__default)
}

.sbp-bank-item--selected .sbp-bank-item__circle:after {
    background-color: var(--color__default)
}

.sbp-instruction-content {
    position: relative;
    overflow: scroll;
    height: 100%;
    padding: 24px 24px 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--color__white)
}

.sbp-instruction-content__img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin-bottom: 16px;
    margin-top: auto
}

.sbp-instruction-content__title {
    text-align: center;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: .4px;
    margin-bottom: 16px
}

.sbp-instruction-content__ul {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .15px
}

.sbp-instruction-content__number {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: var(--color__black);
    height: 24px;
    width: 24px;
    border-radius: 50%;
    background-color: var(--color__grey-8);
    margin-right: 16px
}

.sbp-instruction-content__li {
    display: -ms-flexbox;
    display: flex;
    color: var(--color__grey-60);
    margin-bottom: 16px
}

.sbp-instruction-content__li:first-of-type .sbp-instruction-content__number {
    margin-top: -2px
}

.sbp-instruction-content__footer {
    width: 100%;
    padding: 16px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    margin-top: auto
}

.sbp-instruction-content__footer-button {
    font-size: 14px !important;
    line-height: 20px !important;
    letter-spacing: 1px;
    padding: 12px 0;
    width: 100% !important;
    height: 44px !important;
    border-radius: 14px !important
}

.sbp-instruction-content__footer-button--cancel {
    background-color: var(--color__white);
    border: 1px solid var(--color__grey-8);
    color: var(--color__black);
    box-sizing: border-box;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px
}

.sbp-error-modal {
    background-color: var(--color__white);
    width: 640px;
    height: 400px;
    border-radius: 24px;
    position: relative;
    padding-top: 68px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: auto
}

.sbp-error-modal__close {
    position: absolute;
    top: 16px;
    right: 16px;
    padding: 8px;
    border-width: 0;
    outline-width: 0;
    background-color: transparent;
    transition: background-color .2s;
    border-radius: 6px
}

.sbp-error-modal__close:hover {
    background-color: var(--color__grey-4)
}

.sbp-error-modal__close:active {
    background-color: var(--color__grey-8)
}

.sbp-error-modal__close-icon {
    width: 24px;
    height: 24px
}

.sbp-error-modal__icon-wrapper {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: var(--color__pink-light-5);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 40px
}

.sbp-error-modal__icon {
    width: 14px;
    height: 14px;
    color: var(--color__red-error)
}

.sbp-error-modal__title {
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    text-align: center;
    margin-bottom: 24px
}

.sbp-error-modal__currency {
    display: inline-block;
    position: relative;
    left: 2px;
    bottom: 1px
}

.sbp-error-modal__description {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: var(--color__grey-80);
    margin-bottom: 40px
}

.sbp-error-modal__button {
    height: 48px !important;
    max-width: 328px !important;
    width: 328px !important;
    border-radius: 14px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    letter-spacing: 1px !important
}

.sbp-error-modal--mobile {
    width: 100%;
    height: 100vh;
    border-radius: 0;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 24px
}

.sbp-error-modal--mobile .sbp-error-modal__icon-wrapper {
    margin-top: auto;
    margin-bottom: 16px
}

.sbp-error-modal--mobile .sbp-error-modal__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: .4px;
    margin-bottom: 16px
}

.sbp-error-modal--mobile .sbp-error-modal__description {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.15px;
    color: var(--color__grey-60)
}

.sbp-error-modal--mobile .sbp-error-modal__button {
    margin-top: auto;
    max-width: unset !important;
    max-height: 44px !important;
    width: 100% !important
}

.sbp-error-modal--mobile .sbp-error-modal__button--cancel {
    margin-top: 12px;
    color: var(--color__default);
    background-color: transparent;
    border: none;
    text-transform: uppercase
}

.sbp-waiting-bank-resp-modal {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: .24rem;
    text-align: center;
    font-size: .16rem;
    line-height: .24rem
}

.sbp-waiting-bank-resp-modal__loader {
    color: var(--color__default);
    margin-bottom: .32rem
}

.sbp-waiting-bank-resp-modal__title {
    margin-bottom: .16rem;
    font-weight: 600;
    font-size: .2rem;
    line-height: .24rem
}

.sbp-waiting-bank-resp-modal__text {
    margin-bottom: .32rem;
    font-size: .16rem;
    line-height: .24rem
}

.sbp-waiting-bank-resp-modal__button {
    font-size: .12rem !important;
    line-height: .16rem !important;
    letter-spacing: .001rem;
    padding: .12rem !important;
    width: 2.4rem !important;
    height: auto !important;
    border-radius: .12rem !important;
    margin: 0 auto
}

.c-input--error input#email {
    border-color: #edb31f !important
}

#single-step-order .email .c-input--error+.c-input-group__message,
.email .c-input--error .c-input__clear {
    color: #1b1b1b
}

.choose-payment-card-icons svg {
    margin-right: .1875em !important
}

html.smartphone div#single-step-order .radio label .choose-payment-card-icons svg.mastercard {
    width: 1.4em
}

.payment-method__card .radio label {
    display: -ms-flexbox;
    display: flex
}

.payment-method__card .radio label .choose-payment-card-icons {
    -ms-flex-positive: 2;
    flex-grow: 2;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: .5em
}

.aeroflot-confirm-modal {
    position: fixed;
    top: 0;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .7)
}

html.desktop .aeroflot-confirm-modal,
html.smartphone .aeroflot-confirm-modal {
    font-size: 1.25em
}

html.smartphone[data-page=index] .aeroflot-confirm-modal {
    font-size: 1.11111111111em
}

.aeroflot-confirm-modal__container {
    background-color: #fff;
    border-radius: .16em;
    width: 3.12em;
    padding: .28em .24em .24em;
    position: relative
}

.aeroflot-confirm-modal__title {
    font-weight: 700;
    line-height: 120%;
    letter-spacing: .15px;
    color: #0d0d0d;
    font-size: .2em;
    margin-bottom: 1em
}

.aeroflot-confirm-modal__text {
    margin-bottom: .2em;
    list-style: none;
    font-size: .16em;
    margin-bottom: 2em
}

.aeroflot-confirm-modal__btns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.aeroflot-confirm-modal__btns .aeroflot-confirm-modal__btns-item {
    width: calc(50% - .15em);
    font-size: .16em
}

.aeroflot-confirm-modal__btns .aeroflot-confirm-modal__btns-item._cancell {
    color: #0d0d0d
}

.date-control__control-group[data-v-77a9d2ca] {
    display: -ms-flexbox;
    display: flex
}

.date-control__control-group .date-container[data-v-77a9d2ca] {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.date-info[data-v-77a9d2ca] {
    font-size: .14em;
    color: #9b9b9b;
    font-weight: 300;
    padding-left: .21429em;
    margin-top: .35714em
}

.date-info p[data-v-77a9d2ca] {
    margin: 0
}

.date-info__bold[data-v-77a9d2ca] {
    color: #181717;
    font-weight: 500
}

html div#single-step-order .date-control .dropdown-list li.date-container__warning {
    background-color: rgba(255, 251, 135, .6);
    font-size: .14em;
    text-align: center;
    line-height: 1.17em;
    padding: .35714em 0
}

.dropdown.select.single.open.date-container--warning .selected-tag {
    opacity: .2
}

#dn[data-v-77a9d2ca] {
    margin: 0;
    opacity: 0;
    width: 0;
    height: 0
}

.toggle-wrapper[data-v-77a9d2ca] {
    font-size: .7em;
    width: 1em;
    overflow: hidden
}

.toggle-wrapper.unavailible .toggle[data-v-77a9d2ca] {
    cursor: not-allowed
}

.toggle[data-v-77a9d2ca] {
    cursor: pointer;
    display: inline-block;
    position: relative;
    width: .9em;
    height: .5em;
    background-color: #83d8ff;
    border-radius: .84em;
    transition: background-color .2s cubic-bezier(.445, .05, .55, .95)
}

.toggle__handler[data-v-77a9d2ca] {
    display: inline-block;
    position: relative;
    z-index: 1;
    top: .03em;
    left: .03em;
    width: .44em;
    height: .44em;
    background-color: #ffcf96;
    border-radius: .5em;
    box-shadow: 0 .02em .06em rgba(0, 0, 0, .3);
    transition: all .4s cubic-bezier(.68, -.55, .265, 1.55);
    transform: rotate(-45deg)
}

.toggle__handler .crater[data-v-77a9d2ca] {
    position: absolute;
    background-color: #c8c7d2;
    opacity: 0;
    transition: opacity .2s ease-in-out;
    border-radius: 100%
}

.toggle__handler .crater--1[data-v-77a9d2ca] {
    top: .18em;
    left: .1em;
    width: .04em;
    height: .04em
}

.toggle__handler .crater--2[data-v-77a9d2ca] {
    top: .28em;
    left: .22em;
    width: .06em;
    height: .06em
}

.toggle__handler .crater--3[data-v-77a9d2ca] {
    top: .1em;
    left: .25em;
    width: .08em;
    height: .08em
}

.star[data-v-77a9d2ca] {
    position: absolute;
    background-color: #fff;
    transition: all .3s cubic-bezier(.445, .05, .55, .95);
    border-radius: 50%
}

.star--1[data-v-77a9d2ca] {
    top: .1em;
    left: .35em;
    z-index: 0;
    width: .3em;
    height: .03em
}

.star--2[data-v-77a9d2ca] {
    top: .18em;
    left: .28em;
    z-index: 1;
    width: .3em;
    height: .03em
}

.star--3[data-v-77a9d2ca] {
    top: .27em;
    left: .4em;
    z-index: 0;
    width: .3em;
    height: .03em
}

.star--4[data-v-77a9d2ca],
.star--5[data-v-77a9d2ca],
.star--6[data-v-77a9d2ca] {
    opacity: 0;
    transition: all .3s cubic-bezier(.445, .05, .55, .95) 0
}

.star--4[data-v-77a9d2ca] {
    top: .16em;
    left: .11em;
    width: .02em;
    height: .02em
}

.star--4[data-v-77a9d2ca],
.star--5[data-v-77a9d2ca] {
    z-index: 0;
    transform: translate3d(.03em, 0, 0)
}

.star--5[data-v-77a9d2ca] {
    top: .32em;
    left: .17em;
    width: .03em;
    height: .03em
}

.star--6[data-v-77a9d2ca] {
    top: .36em;
    left: .28em;
    z-index: 0;
    width: .02em;
    height: .02em;
    transform: translate3d(.03em, 0, 0)
}

input:checked+.toggle[data-v-77a9d2ca] {
    background-color: #627fa9
}

input:checked+.toggle[data-v-77a9d2ca]:before {
    color: #749ed7
}

input:checked+.toggle[data-v-77a9d2ca]:after {
    color: #fff
}

input:checked+.toggle .toggle__handler[data-v-77a9d2ca] {
    background-color: #ffefc8;
    transform: translate3d(.4em, 0, 0) rotate(0)
}

input:checked+.toggle .toggle__handler .crater[data-v-77a9d2ca] {
    opacity: 1
}

input:checked+.toggle .star--1[data-v-77a9d2ca] {
    width: .02em;
    height: .02em
}

input:checked+.toggle .star--2[data-v-77a9d2ca] {
    width: .04em;
    height: .04em;
    transform: translate3d(-.05em, 0, 0)
}

input:checked+.toggle .star--3[data-v-77a9d2ca] {
    width: .02em;
    height: .02em;
    transform: translate3d(-.07em, 0, 0)
}

input:checked+.toggle .star--4[data-v-77a9d2ca],
input:checked+.toggle .star--5[data-v-77a9d2ca],
input:checked+.toggle .star--6[data-v-77a9d2ca] {
    opacity: 1;
    transform: translateZ(0)
}

input:checked+.toggle .star--4[data-v-77a9d2ca] {
    transition: all .3s cubic-bezier(.445, .05, .55, .95) .2s
}

input:checked+.toggle .star--5[data-v-77a9d2ca] {
    transition: all .3s cubic-bezier(.445, .05, .55, .95) .3s
}

input:checked+.toggle .star--6[data-v-77a9d2ca] {
    transition: all .3s cubic-bezier(.445, .05, .55, .95) .4s
}

.b-interval-control {
    margin-top: .07em
}

.safe-delivery[data-v-3cb99cbf] {
    padding-left: .03em;
    margin-top: .02em
}

.safe-delivery--disabled .safe-delivery__description[data-v-3cb99cbf] {
    color: #bebebe
}

.safe-delivery--disabled .checkbox-container:hover input~.checkmark[data-v-3cb99cbf] {
    border-color: #bebebe
}

.safe-delivery--disabled .checkbox-container[data-v-3cb99cbf] {
    cursor: default
}

.safe-delivery__title[data-v-3cb99cbf] {
    font-weight: 500;
    font-size: .14em;
    color: #181717;
    margin-bottom: .07143em;
    margin-top: .71429em
}

.safe-delivery__container[data-v-3cb99cbf] {
    display: -ms-flexbox;
    display: flex;
    min-height: .25em;
    -ms-flex-align: center;
    align-items: center;
    padding-top: .05em
}

.safe-delivery__description[data-v-3cb99cbf] {
    font-size: .14em;
    font-weight: 300;
    color: #181717;
    line-height: 1em
}

html.smartphone .safe-delivery__description[data-v-3cb99cbf] {
    font-size: .14em
}

.safe-delivery__description .bold[data-v-3cb99cbf] {
    font-weight: 500
}

.safe-delivery__text[data-v-3cb99cbf] {
    font-size: .12em;
    width: 100%;
    resize: none;
    border: 1px solid #cacbcb;
    border-radius: .25em;
    padding: 1em;
    margin-bottom: .41667em
}

html.smartphone .safe-delivery__text[data-v-3cb99cbf] {
    font-size: .14em;
    border-radius: .21429em;
    padding: 1em;
    margin-bottom: .35714em
}

.checkbox-container[data-v-3cb99cbf] {
    display: block;
    position: relative;
    padding-left: 1.22727em;
    cursor: pointer;
    font-size: .22em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 1em
}

.checkbox-container input[data-v-3cb99cbf] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkmark[data-v-3cb99cbf] {
    position: absolute;
    top: 0;
    left: 0;
    height: .81818em;
    width: .81818em;
    background-color: #fff;
    border: 1px solid #dedede;
    border-radius: 4px
}

.checkbox-container:hover input~.checkmark[data-v-3cb99cbf] {
    border-color: #272525
}

.checkbox-container input:checked~.checkmark[data-v-3cb99cbf] {
    background-color: #00b923;
    border-color: #00b923
}

.checkmark[data-v-3cb99cbf]:after {
    content: "";
    position: absolute;
    display: none
}

.checkbox-container input:checked~.checkmark[data-v-3cb99cbf]:after {
    display: block
}

.checkbox-container .checkmark[data-v-3cb99cbf]:after {
    left: .25em;
    top: .11364em;
    width: .22727em;
    height: .45455em;
    border: solid #fff;
    border-width: 0 .13636em .13636em 0;
    transform: rotate(45deg)
}

.single-step-gift[data-v-3700351a] {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .15em
}

.single-step-gift__title[data-v-3700351a] {
    font-size: .14em;
    font-weight: 300;
    color: #181717;
    line-height: 1em;
    margin-bottom: .21429em
}

html.smartphone .single-step-gift__title[data-v-3700351a] {
    font-size: .14em
}

.single-step-gift__title .bold[data-v-3700351a] {
    font-weight: 500
}

.single-step-gift__description[data-v-3700351a] {
    font-size: .12em;
    font-weight: 300;
    color: #181717;
    line-height: 1em
}

.single-step-gift__text[data-v-3700351a] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-positive: 2;
    flex-grow: 2;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: .03em
}

.single-step-gift__icon[data-v-3700351a] {
    text-align: center;
    width: .4em;
    height: .4em;
    margin-right: .1em
}

.single-step-gift__icon img[data-v-3700351a] {
    width: auto;
    height: .4em
}

.single-step-gift__checkbox[data-v-3700351a] {
    width: .5em
}

.single-step-gift__checkbox[data-v-3700351a]:disabled {
    box-shadow: inset -.2em 0 0 0 #ebebeb
}

.apple-switch[data-v-3700351a] {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    font-size: .9em;
    width: .5em;
    height: .3em;
    background-color: #fff;
    border: .01em solid #d9dadc;
    border-radius: .5em;
    box-shadow: inset -.2em 0 0 0 #fff;
    transition-duration: .2s
}

.apple-switch[data-v-3700351a]:after {
    content: "";
    position: absolute;
    top: .01em;
    left: .01em;
    width: .26em;
    height: .26em;
    background-color: transparent;
    border-radius: 50%;
    box-shadow: .02em .04em .06em rgba(0, 0, 0, .2)
}

.apple-switch[data-v-3700351a]:checked {
    border-color: var(--color__default);
    box-shadow: inset .2em 0 0 0 var(--color__default)
}

.apple-switch[data-v-3700351a]:checked:disabled {
    border-color: rgba(78, 209, 100, .5);
    box-shadow: inset .2em 0 0 0 rgba(78, 209, 100, .5)
}

.apple-switch[data-v-3700351a]:checked:after {
    left: .2em;
    box-shadow: -.02em .04em .03em rgba(0, 0, 0, .05)
}

.singlestep-loader[data-v-3700351a] {
    display: inline-block;
    position: relative;
    width: .5em;
    height: .3em
}

.singlestep-loader div[data-v-3700351a] {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: .3em;
    height: .3em;
    margin: .08em;
    border: .03em solid #00b923;
    border-radius: 50%;
    animation: singlestep-loader-data-v-3700351a 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
    border-color: #00b923 transparent transparent
}

.singlestep-loader div[data-v-3700351a]:first-child {
    animation-delay: -.45s
}

.singlestep-loader div[data-v-3700351a]:nth-child(2) {
    animation-delay: -.3s
}

.singlestep-loader div[data-v-3700351a]:nth-child(3) {
    animation-delay: -.15s
}

@keyframes singlestep-loader-data-v-3700351a {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.autotips-info-modal {
    position: fixed;
    top: 0;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .7)
}

html.desktop .autotips-info-modal,
html.smartphone .autotips-info-modal {
    font-size: 1.25em
}

html.smartphone[data-page=index] .autotips-info-modal {
    font-size: 1.11111111111em
}

.autotips-info-modal__container {
    background-color: #fff;
    border-radius: .16em;
    height: 4.28em;
    width: 3.12em;
    padding: .28em .24em .24em;
    position: relative
}

.autotips-info-modal__title {
    font-weight: 700;
    line-height: 120%;
    letter-spacing: .15px;
    color: #0d0d0d;
    font-size: .2em;
    margin-bottom: 1em
}

.autotips-info-modal__close-btn {
    position: absolute;
    right: .09em;
    top: .09em;
    padding: .1em;
    cursor: pointer
}

.autotips-info-modal__close-btn svg {
    width: .15em;
    height: .15em;
    fill: #0d0d0d !important
}

.autotips-info-modal__info-list {
    margin-bottom: .2em;
    list-style: none
}

.autotips-info-modal__info-item {
    font-size: .16em;
    line-height: 150%;
    margin-bottom: 1em;
    color: #666;
    margin-left: 1.5em
}

.autotips-info-modal__info-item:before {
    content: "\2022";
    color: #00b923;
    font-weight: 700;
    display: inline-block;
    width: 1.5em;
    margin-left: -1.5em
}

.autotips-info-modal__info-alert {
    padding: .16em .14em;
    border: 1px solid #e0e0e0;
    border-radius: .08em;
    text-align: center
}

.autotips-info-modal__info-alert-text {
    font-size: .12em;
    line-height: 133%
}

.autotips-checkout {
    margin-top: .06em
}

.autotips-checkout__info {
    position: relative;
    margin-bottom: .16em
}

.autotips-checkout__info-text {
    font-size: .12em;
    line-height: 150%;
    font-weight: 300;
    letter-spacing: .01667em;
    color: #999
}

html.desktop .autotips-checkout__info-text {
    line-height: 160%
}

.autotips-checkout__info-icon {
    position: absolute;
    bottom: -.03em;
    margin-left: .03em;
    width: .25em;
    cursor: pointer
}

html.smartphone .autotips-checkout .tip-select__btn {
    width: 8.14286em
}

.autotips-toggle-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .16em
}

.autotips-toggle-container__text {
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: .18em;
    font-weight: 500;
    line-height: 1.38;
    color: #1b1b1b
}

.apple-switch {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    font-size: .9em;
    width: .5em;
    height: .3em;
    background-color: #fff;
    border: .01em solid #d9dadc;
    border-radius: .5em;
    box-shadow: inset -.2em 0 0 0 #fff;
    transition-duration: .2s
}

.apple-switch:after {
    content: "";
    position: absolute;
    top: .01em;
    left: .01em;
    width: .26em;
    height: .26em;
    background-color: transparent;
    border-radius: 50%;
    box-shadow: .02em .04em .06em rgba(0, 0, 0, .2)
}

.apple-switch:checked {
    border-color: var(--color__default);
    box-shadow: inset .2em 0 0 0 var(--color__default)
}

.apple-switch:checked:disabled {
    border-color: rgba(78, 209, 100, .5);
    box-shadow: inset .2em 0 0 0 rgba(78, 209, 100, .5)
}

.apple-switch:checked:after {
    left: .2em;
    box-shadow: -.02em .04em .03em rgba(0, 0, 0, .05)
}

.b-aeroflot-add-card-modal {
    background: var(--color__white)
}

.b-aeroflot-add-card-modal__content {
    margin: .64rem 0 .16rem;
    margin-left: .16rem;
    margin-right: .16rem
}

.b-aeroflot-add-card-modal .b-aeroflot-add-card-modal__btn {
    width: 100%;
    font-size: .16rem;
    text-transform: capitalize
}

.b-aeroflot-add-card-modal .b-aeroflot-add-card-modal__btn.button:disabled {
    background-color: var(--color__grey-4);
    border-color: var(--color__grey-4);
    color: var(--color__grey-20)
}

.b-aeroflot-card {
    position: relative;
    margin-bottom: .24rem;
    background: #003e7e;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .2);
    border-radius: .16rem;
    font-size: .24em;
    line-height: 117%;
    color: var(--color__white)
}

.b-aeroflot-card__bg {
    width: 100%;
    height: auto
}

.b-aeroflot-card__content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: .16rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start
}

.b-aeroflot-card__input {
    width: 100%;
    padding: 0;
    margin: 0;
    letter-spacing: .17em;
    background: transparent;
    outline: 0 solid transparent !important;
    border: 0;
    font-size: .16rem;
    color: var(--color__white);
    transition: color .2s
}

.b-aeroflot-card__input_error {
    color: #f3a7b4
}

.b-aeroflot-card__securety {
    background: hsla(0, 0%, 100%, .2);
    padding-right: .12rem;
    margin-top: auto;
    font-size: .1rem;
    color: var(--color__white)
}

.b-aeroflot-card__securety,
.b-aeroflot-card__securety-lock {
    border-radius: 1000px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.b-aeroflot-card__securety-lock {
    width: 24px;
    height: 24px;
    margin-right: .08rem;
    background: var(--color__white);
    -ms-flex-pack: center;
    justify-content: center
}

.b-aeroflot-card__text {
    font-weight: 500;
    font-size: .12rem;
    line-height: .16rem;
    margin-top: .6rem;
    margin-bottom: .1rem;
    transition: color .2s
}

.b-aeroflot-card__text_error {
    color: #f33
}

#single-step-order input::-webkit-input-placeholder {
    font-weight: 300
}

#single-step-order input:-ms-input-placeholder,
#single-step-order input::-ms-input-placeholder {
    font-weight: 300
}

#single-step-order input::placeholder {
    font-weight: 300
}

.morning-evening-selector .active {
    pointer-events: none
}

.morning-evening-selector {
    overflow: visible !important;
    position: relative
}

.morning-evening-selector .tooltip {
    overflow: visible;
    font-size: .12em !important;
    font-weight: 300 !important;
    width: 26em;
    padding: 1em .8em;
    background-color: #1b1b1b;
    color: #f5f5f5 !important;
    position: absolute;
    top: -3.33333em;
    left: 0;
    border-radius: .58333em;
    z-index: 999;
    display: none
}

.morning-evening-selector .unavailible {
    cursor: default !important
}

.morning-evening-selector .unavailible:hover+.tooltip {
    display: block
}

.dropdown.select.date-container.single.searchable.loader {
    height: .9em !important;
    min-height: 0 !important
}

.profits {
    list-style-type: none;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: .1em
}

.profits,
.profits__item {
    display: -ms-flexbox;
    display: flex
}

.profits__item {
    font-size: .14em;
    font-weight: 300;
    margin-bottom: .35714em
}

.profits__item,
.profits__item--featured {
    -ms-flex-align: center;
    align-items: center
}

.profits__item--featured {
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1em;
    background-color: #00b923;
    font-weight: 500;
    color: #f2f2f2;
    border-radius: 1em;
    padding: .21429em 0;
    padding-right: .5em
}

.profits__icon {
    width: 1.07143em;
    height: 1.07143em;
    margin-right: .21429em;
    margin-left: .07143em
}

.email-info {
    font-size: .12em;
    line-height: 1.17;
    font-weight: 300;
    letter-spacing: .3px;
    color: #9b9b9b;
    margin-top: .83333em;
    margin-bottom: 0;
    margin-left: .41667em
}

.delivery-address .dropdown.select.date-container.single.searchable.loader {
    height: 3.21429em !important
}

.address-block .address-inputs .input-container input {
    border-radius: .21429em
}

.b-new-address__info {
    margin-bottom: .07em
}

.delivey-confimed-info {
    padding: .3em .24em;
    text-align: center
}

.delivey-confimed-info .delivey-confimed-info__text {
    font-size: .18em;
    font-weight: 500;
    margin-bottom: 1.33333em
}

.delivey-confimed-info .delivey-confimed-info__text--bold {
    font-weight: 700
}

.delivey-confimed-info__time-text {
    font-size: .18em;
    font-weight: 500;
    margin-bottom: .55556em
}

.delivey-confimed-info__time {
    text-align: center;
    font-size: .24em;
    font-weight: 700;
    margin: 0;
    margin-bottom: 1.25em
}

.recreated-modal {
    position: relative;
    padding: .24rem;
    margin-bottom: .05em;
    background: #fdf4e2;
    max-height: 200px
}

.recreated-modal__title {
    margin-right: .3rem;
    margin-bottom: .1rem;
    font-weight: 600;
    line-height: .26rem;
    font-size: .2rem;
    letter-spacing: .985;
    color: #080708
}

.recreated-modal__title-hightlight {
    color: var(--color__default)
}

.recreated-modal__desc {
    font-weight: 400;
    line-height: .24rem;
    font-size: .14rem;
    color: #706f70
}

.recreated-modal__close {
    position: absolute;
    top: .2rem;
    right: .2rem;
    padding: .03rem;
    width: .2rem;
    height: .2rem;
    cursor: pointer
}

.recreated-modal__close-icon {
    width: .12rem;
    height: .12rem
}

.collapse-enter-active,
.collapse-leave-active {
    transition: all .3s linear, opacity .5s ease;
    overflow: hidden
}

.collapse-enter-to,
.collapse-leave-from {
    max-height: 2rem
}

.collapse-enter-from,
.collapse-leave-to {
    opacity: 0;
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

.sinsle-step-order__gift h3 {
    margin-bottom: .5em
}

.sinsle-step-order__title {
    margin-top: .12rem;
    color: #999;
    font-size: .12rem;
    line-height: .16rem
}

.sinsle-step-order__city-info {
    font-size: .12rem;
    line-height: .16rem;
    color: #1a1a1a
}

.sinsle-step-order__address-info {
    font-size: .16rem;
    line-height: .24rem;
    color: #1a1a1a;
    font-weight: 600
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -ms-flex-align: start;
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: 50%;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: hsla(0, 0%, 100%, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

body * {
    font-size: 1em
}

@font-face {
    font-family: Museo Sans Cyrl;
    src: local("\261EMuseoSansCyrl-100"), url(../fonts/MuseoSansCyrl-100.woff2) format("woff2"), url(../fonts/MuseoSansCyrl-100.woff) format("woff");
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Museo Sans Cyrl;
    src: local("\261EMuseoSansCyrl-900"), url(../fonts/MuseoSansCyrl-900.woff2) format("woff2"), url(../fonts/MuseoSansCyrl-900.woff) format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Museo Sans Cyrl;
    src: local("\261EMuseoSansCyrl-300"), local("MuseoSansCyrl-300"), url(../fonts/MuseoSansCyrl-300.woff2) format("woff2"), url(../fonts/MuseoSansCyrl-300.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Museo Sans Cyrl;
    src: local("\261EMuseoSansCyrl-700"), url(../fonts/MuseoSansCyrl-700.woff2) format("woff2"), url(../fonts/MuseoSansCyrl-700.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Museo Sans Cyrl;
    src: local("\261EMuseoSansCyrl-500"), url(../fonts/MuseoSansCyrl-500.woff2) format("woff2"), url(../fonts/MuseoSansCyrl-500.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

h2.fields-block-title {
    color: #cacbcb;
    font-size: .18rem;
    line-height: .22rem;
    padding-bottom: .15rem
}

.green {
    color: var(--color__default)
}

.red {
    color: #ef5747
}

.strong {
    font-weight: 700
}

.disclaimer-bordered {
    color: #000;
    font-size: .12em;
    padding: 1.08em;
    border: 1px solid var(--color__default)
}

.line-before:after {
    display: none
}

.line-before:before,
.line:after {
    content: "";
    display: block;
    margin-top: .15rem;
    margin-bottom: .15rem;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(90deg, #cacbcb 33%, hsla(0, 0%, 100%, 0) 0);
    background-position: bottom;
    background-size: 6px 3px;
    background-repeat: repeat-x
}

.asd__keyboard-shortcuts-trigger-wrapper,
html.disabled-chat-2desk #chat-24-widget-container {
    display: none !important
}

.v--modal-block-scroll {
    overflow: hidden !important
}

@keyframes pulse {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes move {
    0% {
        left: 0;
        opacity: 0
    }

    5% {
        opacity: .05
    }

    48% {
        opacity: .2
    }

    80% {
        opacity: 0
    }

    to {
        left: 75%
    }
}

@keyframes wobble {
    0% {
        transform: translateZ(0)
    }

    15% {
        transform: translate3d(-20%, 0, 0) rotate(-3deg)
    }

    30% {
        transform: translate3d(15%, 0, 0) rotate(2deg)
    }

    45% {
        transform: translate3d(-10%, 0, 0) rotate(-2deg)
    }

    60% {
        transform: translate3d(5%, 0, 0) rotate(1deg)
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        transform: translateZ(0)
    }
}

.animated {
    animation-duration: .5s;
    animation-fill-mode: both
}

.animated--delayed {
    animation-delay: .8s
}

.a-shine {
    position: relative;
    overflow: hidden
}

.a-shine:after {
    content: "";
    display: inline-block;
    transition: background .15s ease-in-out;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .03) 1%, hsla(0, 0%, 100%, .6) 30%, hsla(0, 0%, 100%, .85) 50%, hsla(0, 0%, 100%, .85) 70%, hsla(0, 0%, 100%, .85) 71%, hsla(0, 0%, 100%, 0));
    width: 35%;
    height: 100%;
    transform: skew(-15deg, 0deg);
    animation: move 2s;
    animation-iteration-count: infinite;
    animation-delay: 1s;
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    pointer-events: none
}

.a-pulse {
    animation-name: pulse
}

.a-move {
    animation-name: move
}

.a-wobble {
    animation-name: wobble
}

.slide-enter-active {
    transition: transform .3s ease-in-out
}

.slide-enter-active,
.slide-leave-active {
    transform-origin: top
}

.slide-leave-active {
    transition: transform .2s ease-in-out
}

.slide-enter-to,
.slide-leave {
    transform: scaleY(1);
    overflow: hidden
}

.slide-enter,
.slide-leave-to {
    overflow: hidden;
    transform: scaleY(0)
}

.slide-from-top-enter-active,
.slide-from-top-leave-active {
    transition: transform .2s ease-in-out
}

.slide-from-top-enter,
.slide-from-top-leave-to {
    transform: translateY(-130%);
    transition: all .3s ease-in-out 0s
}

.badge {
    color: #fff;
    width: 1em;
    height: 1em;
    display: -ms-flexbox;
    display: flex;
    padding: .5em;
    background: #ef5747;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    border-radius: 50%;
    -ms-flex-pack: center;
    justify-content: center
}

.badge__long {
    width: auto;
    padding: .5em 1em;
    white-space: nowrap;
    border-radius: 1em
}

.block {
    margin: .1em 0;
    padding: .1em;
    background: var(--color__white);
    border-radius: 4px
}

.block:first-child {
    margin-top: 0
}

.block:last-child {
    margin-bottom: 0
}

.block-no_padding {
    padding: 0
}

.btn {
    color: #fff;
    border: 0;
    margin: 0;
    cursor: pointer;
    display: inline-block;
    outline: none;
    padding: 1em 2em;
    font-size: .14em;
    background: #f5f4f5;
    text-align: center;
    transition: color .25s ease-in-out, background .25s ease-in-out;
    border-radius: 4px
}

.btn:hover {
    background: #cacbcb
}

.btn.bg-green:hover {
    background: var(--color__default-darken)
}

.btn.bg-yellow:hover {
    background: #f8c325
}

.btn.bg-grey:hover {
    background: #9b9b9b
}

.button {
    font-size: .24em;
    font-weight: 500;
    line-height: 1.43;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 14em;
    height: 2.5em;
    border-radius: .286em;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    cursor: pointer;
    text-transform: uppercase;
    outline: none;
    transition: background-color .3s ease, color .3s ease
}

.button.landing-classic {
    font-size: .18em;
    font-weight: 900;
    text-transform: uppercase;
    height: 2.77778em;
    border-radius: .33333em
}

html.smartphone .button.landing-classic {
    font-size: .16em;
    font-weight: 700;
    height: 2.8125em;
    border-radius: .375em;
    text-transform: none
}

div#single-step-order>div.padding-container html:not(.smartphone) .container--first,
div#single-step-order>div.padding-container html:not(.smartphone) .container--last,
div#single-step-order>div.padding-container html:not(.smartphone) .container--payment,
html.smartphone div#single-step-order>div.padding-container html:not(.smartphone) .container--first,
html.smartphone div#single-step-order>div.padding-container html:not(.smartphone) .container--last,
html.smartphone div#single-step-order>div.padding-container html:not(.smartphone) .container--payment,
html:not(.smartphone) .container,
html:not(.smartphone) div#single-step-order>div.padding-container .container--first,
html:not(.smartphone) div#single-step-order>div.padding-container .container--last,
html:not(.smartphone) div#single-step-order>div.padding-container .container--payment,
html:not(.smartphone) html.smartphone div#single-step-order>div.padding-container .container--first,
html:not(.smartphone) html.smartphone div#single-step-order>div.padding-container .container--last,
html:not(.smartphone) html.smartphone div#single-step-order>div.padding-container .container--payment {
    width: 1150px;
    margin: 0 auto;
    max-width: 100%;
    box-sizing: border-box
}

.input {
    color: #1b1b1b;
    border: 1px solid #9b9b9b;
    margin: 0;
    padding: 1em;
    font-size: .14em;
    background: #fff;
    transition: color .25s ease-in-out, background .25s ease-in-out, border-color .25s ease-in-out
}

.input:focus {
    border-color: var(--color__default-darken)
}

.input__grey {
    color: #1b1b1b;
    border: 0;
    background: #f5f4f5;
    border-radius: 3px
}

.input--invalid {
    border-color: #ef5747
}

.loading:not([data-original]) {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    z-index: 50;
    overflow: hidden;
    position: fixed;
    background: rgba(74, 74, 74, .9);
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.loading-inner {
    width: .88em;
    text-align: center
}

.loading-icon {
    width: 100%;
    height: auto
}

.loading-text {
    color: var(--color__white);
    font-size: .14em;
    font-weight: 500
}

.payment-card-step.active .payment-card__input {
    border-color: var(--color__default);
    border-bottom: 0;
    box-shadow: 0 1px 0 1px var(--color__default);
    opacity: 1 !important
}

.payment-card-step .payment-card {
    position: relative;
    font-size: .1rem;
    width: 100%;
    height: 2.2rem
}

.payment-card-step .payment-card__input-date {
    width: 1.22rem
}

.payment-card-step .payment-card__csv,
.payment-card-step .payment-card__input {
    box-sizing: border-box;
    position: absolute
}

.payment-card-step .payment-card__input {
    z-index: 1;
    width: 70%;
    height: 2.2rem;
    padding: .15rem .2rem;
    background-color: #e7e7e7;
    border: 1px solid #3d9c60;
    border-radius: 8px
}

.payment-card-step .payment-card__csv {
    right: 0;
    top: .2rem;
    height: 2rem;
    z-index: 0;
    width: 31%;
    padding: .5rem .2rem;
    background-color: var(--color__default);
    border-radius: 0 .08rem .08rem 0
}

.payment-card-step .payment-card__csv:before {
    content: "";
    width: 100%;
    height: .48rem;
    background-color: #1b1b1b;
    display: block;
    position: absolute;
    left: 0;
    top: .2rem;
    z-index: -1
}

.payment-card-step .payment-card__csv label {
    text-transform: none;
    color: var(--color__white)
}

.payment-card-step .payment-card__longate,
.payment-card-step .payment-card__newclient,
.payment-card-step .payment-card__subscribe {
    width: 100% !important;
    height: 1.7rem
}

.payment-card-step .payment-card__longate label,
.payment-card-step .payment-card__newclient label,
.payment-card-step .payment-card__subscribe label {
    display: none
}

.payment-card-step .payment-card__longate .card-number-type,
.payment-card-step .payment-card__newclient .card-number-type,
.payment-card-step .payment-card__subscribe .card-number-type {
    top: .09rem
}

.payment-card-step .payment-card__longate .payment-card__input,
.payment-card-step .payment-card__newclient .payment-card__input,
.payment-card-step .payment-card__subscribe .payment-card__input {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    padding: .1rem;
    width: 100%;
    border-radius: 0 0 .08rem .08rem;
    border-color: #cacbcb;
    opacity: .3;
    margin-top: -1px;
    border-top: 0
}

.payment-card-step .payment-card__longate .payment-card__input>div,
.payment-card-step .payment-card__newclient .payment-card__input>div,
.payment-card-step .payment-card__subscribe .payment-card__input>div {
    margin-bottom: 0
}

.payment-card-step .payment-card__longate .payment-card__input__card,
.payment-card-step .payment-card__newclient .payment-card__input__card,
.payment-card-step .payment-card__subscribe .payment-card__input__card {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.payment-card-step .payment-card__longate .payment-card__input-date,
.payment-card-step .payment-card__newclient .payment-card__input-date,
.payment-card-step .payment-card__subscribe .payment-card__input-date {
    -ms-flex: 0 0 48%;
    flex: 0 0 48%
}

.payment-card-step .payment-card__longate .payment-card__input__csv,
.payment-card-step .payment-card__newclient .payment-card__input__csv,
.payment-card-step .payment-card__subscribe .payment-card__input__csv {
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    width: 48%;
    position: relative;
    background-color: transparent;
    height: auto;
    padding: 0;
    top: 0;
    left: 0;
    right: 0
}

.payment-card-step .payment-card__longate .payment-card__input__csv:before,
.payment-card-step .payment-card__newclient .payment-card__input__csv:before,
.payment-card-step .payment-card__subscribe .payment-card__input__csv:before {
    display: none
}

.payment-card-step .payment-card__longate .payment-card__input__name,
.payment-card-step .payment-card__newclient .payment-card__input__name,
.payment-card-step .payment-card__subscribe .payment-card__input__name {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.payment-card-step .payment-icons {
    text-align: center
}

.payment-card-step .payment-email {
    width: 3.4rem;
    margin: .3rem auto 0;
    position: relative
}

.payment-card-step .payment-email:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: .13rem;
    left: .13rem;
    width: .1867rem;
    height: .14rem;
    background-image: url(/static/icons/email-icon.svg);
    background-size: cover
}

.payment-card-step .payment-email input {
    padding-left: .4rem;
    background-color: #f5f4f5
}

.payment-card-step .subscription-info-centered .abonements-info {
    text-align: center
}

.payment-card-step .subscription-info-centered .abonements-info_summary {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.payment-card-step .buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.payment-card-step .buttons button {
    margin: 0 .05rem
}

.payment-subscribe-toggle {
    font-size: 1em;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto .15em;
    padding: .15em;
    border: 1px solid #cacbcb;
    background-color: var(--color__white);
    cursor: pointer
}

.payment-subscribe-toggle.active {
    border: 1px solid var(--color__default)
}

.payment-subscribe-toggle input[type=checkbox] {
    display: none
}

.payment-subscribe-toggle>div {
    display: -ms-flexbox;
    display: flex;
    height: .18em
}

.payment-subscribe-toggle>div label {
    line-height: inherit
}

.payment-subscribe-toggle h4 {
    font-size: .14em;
    line-height: 1.64286em;
    font-weight: 500
}

.payment-subscribe-toggle p {
    font-size: .12em;
    margin-bottom: 0
}

.payment-aeroflot-card-input {
    padding: .1rem;
    width: 100%;
    border-radius: 0 0 .08rem .08rem;
    border: 1px solid #cacbcb;
    margin-top: -3px;
    border-top: 0;
    border-bottom: 0;
    background-color: #e7e7e7
}

.payment-aeroflot-card-input._active {
    box-shadow: 0 1px 0 1px var(--color__default);
    border-color: var(--color__default)
}

.payment-aeroflot-card-input._error div.input-container input {
    color: #f33
}

div.bonus-price,
td.bonus-price {
    margin: .1rem auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

div.bonus-price p,
td.bonus-price p {
    margin: 0;
    color: #1b1b1b;
    font-size: .13rem;
    font-weight: 500
}

div.bonus-price>.bonus-price-bg,
td.bonus-price>.bonus-price-bg {
    background: #f8c325;
    border-radius: 100px;
    display: inline-block;
    margin: 0 .15rem 0 0;
    padding: .05rem .15rem
}

div.bonus-price>.bonus-price-bg>span,
td.bonus-price>.bonus-price-bg>span {
    font-size: .16rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700
}

div.bonus-price svg,
td.bonus-price svg {
    margin-left: .05rem
}

div#menu-plans,
div.menu-plans {
    background-color: #f5f4f5;
    padding: .44em 0 1em;
    position: relative
}

div#menu-plans div#loading-layer,
div.menu-plans div#loading-layer {
    position: absolute
}

div#menu-plans.menu-plans,
div.menu-plans.menu-plans {
    padding: 0
}

div#menu-plans div.disclaimer,
div.menu-plans div.disclaimer {
    font-size: .11rem;
    font-weight: 500;
    color: #1b1b1b
}

div#menu-plans div.landing-width-container,
div.menu-plans div.landing-width-container {
    width: 11.5em
}

div#plans-switcher {
    margin-top: .54em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

div#plans-switcher:not([data-plans-count="2"]):not([data-plans-count="3"]):not([data-plans-count="4"])>div,
div#plans-switcher:not([data-plans-count="2"]):not([data-plans-count="3"]):not([data-plans-count="4"]) a {
    -ms-flex: 1;
    flex: 1;
    padding-left: .02rem;
    padding-right: .02rem
}

div#plans-switcher>div,
div#plans-switcher a {
    position: relative
}

div#plans-switcher>div>div.customization-mark,
div#plans-switcher a>div.customization-mark {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f8c325;
    font-size: .11em;
    font-weight: 700;
    line-height: 1.27;
    text-align: center;
    color: #000;
    text-transform: uppercase;
    position: absolute;
    width: 12.72727em;
    height: 3.72727em;
    border-radius: 1.86364em;
    left: 50%;
    margin-left: -6.36364em;
    bottom: -2.5em
}

div#plans-switcher>div[data-plan=super_fit],
div#plans-switcher a[data-plan=super_fit] {
    -ms-flex-order: 1;
    order: 1
}

div#plans-switcher>div[data-plan=fit],
div#plans-switcher a[data-plan=fit] {
    -ms-flex-order: 2;
    order: 2
}

div#plans-switcher>div[data-plan=daily],
div#plans-switcher a[data-plan=daily] {
    -ms-flex-order: 3;
    order: 3
}

div#plans-switcher>div[data-plan=balance],
div#plans-switcher a[data-plan=balance] {
    -ms-flex-order: 4;
    order: 4
}

div#plans-switcher>div[data-plan=power],
div#plans-switcher a[data-plan=power] {
    -ms-flex-order: 5;
    order: 5
}

div#plans-switcher>div[data-plan=fit_trial],
div#plans-switcher a[data-plan=fit_trial] {
    -ms-flex-order: 1;
    order: 1
}

div#plans-switcher>div[data-plan=daily_trial],
div#plans-switcher a[data-plan=daily_trial] {
    -ms-flex-order: 2;
    order: 2
}

div#plans-switcher>div[data-plan=balance_trial],
div#plans-switcher a[data-plan=balance_trial] {
    -ms-flex-order: 3;
    order: 3
}

div#plans-switcher>div[data-plan=subscribe],
div#plans-switcher a[data-plan=subscribe] {
    -ms-flex: 0 0 2.68rem;
    flex: 0 0 2.68rem;
    -ms-flex-order: 6;
    order: 6;
    position: relative;
    text-align: center
}

div#plans-switcher>div[data-plan=subscribe].active .select-plan-item:after,
div#plans-switcher a[data-plan=subscribe].active .select-plan-item:after {
    background-color: var(--color__default)
}

div#plans-switcher>div[data-plan=subscribe] h3,
div#plans-switcher a[data-plan=subscribe] h3 {
    font-size: .18rem;
    color: #fff;
    text-transform: uppercase;
    margin-top: .1rem;
    margin-bottom: .1rem
}

div#plans-switcher>div[data-plan=subscribe] .select-plan-item,
div#plans-switcher a[data-plan=subscribe] .select-plan-item {
    z-index: 2;
    color: #fff;
    width: 100%;
    height: 1.62rem
}

div#plans-switcher>div[data-plan=subscribe] .select-plan-item div.description,
div#plans-switcher a[data-plan=subscribe] .select-plan-item div.description {
    font-size: .16rem
}

div#plans-switcher>div[data-plan=subscribe] .select-plan-item button.button,
div#plans-switcher a[data-plan=subscribe] .select-plan-item button.button {
    width: 2.15rem;
    height: .45rem;
    font-size: .14rem;
    text-transform: none;
    margin: .1rem auto 0;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .1)
}

div#plans-switcher>div[data-plan=subscribe] .select-plan-item img,
div#plans-switcher a[data-plan=subscribe] .select-plan-item img {
    position: absolute;
    left: -.37rem;
    top: .12rem;
    width: .92em;
    height: auto
}

div#plans-switcher>div[data-plan=subscribe] .select-plan-item:after,
div#plans-switcher a[data-plan=subscribe] .select-plan-item:after {
    display: block;
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-clip-path: polygon(0 0, 0 100%, 30% 100%, 100% 50%, 100% 0);
    clip-path: polygon(0 0, 0 100%, 30% 100%, 100% 50%, 100% 0);
    background-color: #27b4bc
}

div#plans-switcher>div.act,
div#plans-switcher a.act {
    pointer-events: none
}

div#plans-switcher.plans-centered {
    -ms-flex-pack: center;
    justify-content: center
}

div#plans-switcher.plans-centered>div {
    margin-left: .1rem;
    margin-right: .1rem
}

div#plans-switcher .day-delivery {
    font-size: .11rem;
    background-color: var(--color__default-darken);
    width: 1.5rem !important;
    height: .43rem;
    border-radius: .21rem;
    border: .02rem solid #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: -.16rem auto -.3rem;
    position: relative;
    z-index: 10
}

div#plans-switcher .day-delivery span {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase
}

div#plans-switcher .day-delivery svg {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: auto;
    height: .16rem;
    margin-left: .1rem
}

div#plans-switcher div.discount {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    top: .045rem;
    right: -.69rem;
    position: absolute;
    width: 2rem;
    height: .25rem;
    font-size: .13rem;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    background-color: #ef5747;
    color: #fff;
    transform: rotate(30deg)
}

div#plans-switcher div.discount.new {
    background: #f8c325
}

div#plans-switcher .plans-switcher-slider {
    position: relative;
    width: 100%
}

div#plans-switcher .plans-switcher-slider--loading {
    pointer-events: none
}

div#plans-switcher .plans-switcher-slider .swiper-slide {
    display: -ms-flexbox;
    display: flex
}

div#plans-switcher .plans-switcher-slider .swiper-container {
    padding-bottom: .1rem
}

div#plans-switcher .select-plan-prev {
    position: absolute;
    z-index: 5;
    top: calc(50% - .16rem);
    left: -.16rem;
    cursor: pointer;
    outline: none
}

div#plans-switcher .select-plan-prev.swiper-button-disabled {
    display: none
}

div#plans-switcher .select-plan-prev .select-plan-prev-icon {
    width: .32rem;
    height: .32rem;
    background-color: var(--color__default);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transform: rotate(180deg);
    color: var(--color__white);
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .06)
}

div#plans-switcher .select-plan-prev .select-plan-prev-icon .c-icon {
    height: .08rem;
    width: .05rem
}

div#plans-switcher .select-plan-next {
    position: absolute;
    z-index: 5;
    top: calc(50% - .16rem);
    right: -.16rem;
    cursor: pointer;
    outline: none
}

div#plans-switcher .select-plan-next.swiper-button-disabled {
    display: none
}

div#plans-switcher .select-plan-next .select-plan-next-icon {
    width: .32rem;
    height: .32rem;
    background-color: var(--color__default);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--color__white);
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .06)
}

div#plans-switcher .select-plan-next .select-plan-next-icon .c-icon {
    height: .08rem;
    width: .05rem
}

div#plans-switcher .select-plan-item {
    overflow: hidden;
    width: 2em;
    padding-top: .11em;
    padding-bottom: .19em;
    box-sizing: border-box;
    border-radius: .08em;
    background-color: #fff;
    box-shadow: 0 .02em .04em 0 rgba(0, 0, 0, .06);
    cursor: pointer;
    position: relative;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    transition: bottom .3s ease, box-shadow .3s ease
}

div#plans-switcher .select-plan-item.select-plan-balance div.kkal {
    margin-bottom: .1rem
}

div#plans-switcher .select-plan-item.plan-new:before {
    top: .83333em;
    color: #fff;
    content: "NEW";
    padding: .41667em .83333em;
    position: absolute;
    font-size: .14em;
    background: #f8c325;
    border-radius: 0 2em 2em 0
}

div#plans-switcher .select-plan-item.active {
    background-color: var(--color__default);
    box-shadow: 0 .05em .05em 0 rgba(0, 0, 0, .09)
}

div#plans-switcher .select-plan-item.active>div.icon,
div#plans-switcher .select-plan-item.active>div.kkal,
div#plans-switcher .select-plan-item.active>div.reason,
div#plans-switcher .select-plan-item.active>h3 {
    color: #fff
}

div#plans-switcher .select-plan-item.active>div.icon>svg path {
    fill: #fff
}

div#plans-switcher .select-plan-item.active>div.icon>svg circle,
div#plans-switcher .select-plan-item.active>div.icon>svg ellipse {
    stroke: #fff
}

div#plans-switcher .select-plan-item>div.icon {
    width: .77em;
    height: .77em;
    margin: 0 auto;
    color: var(--color__default)
}

div#plans-switcher .select-plan-item>div.icon>img,
div#plans-switcher .select-plan-item>div.icon>svg {
    width: 100%;
    height: 100%
}

div#plans-switcher .select-plan-item>div.icon>svg circle,
div#plans-switcher .select-plan-item>div.icon>svg ellipse {
    stroke: var(--color__default)
}

div#plans-switcher .select-plan-item>h3 {
    font-size: .2em;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
    color: var(--color__default);
    margin-top: .45em
}

div#plans-switcher .select-plan-item>div.kkal {
    font-size: .16em;
    font-weight: 500;
    line-height: 1.22;
    text-align: center;
    color: #181717;
    margin-top: .33333em
}

div#plans-switcher .select-plan-item>div.reason {
    font-size: .15em;
    font-weight: 300;
    line-height: 1.47;
    text-align: center;
    color: #181717;
    margin-top: .13333em
}

div#plans-switcher[data-page=index]-subscribe .select-plan-item {
    width: 1.6em
}

div#plans-switcher>div.empty {
    visibility: hidden
}

div#plans-switcher>a#plans-scroller {
    display: none
}

html:not(.smartphone) div#plans-switcher {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

html:not(.smartphone) div#plans-switcher[data-plans-count="4"] {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

html:not(.smartphone) div#plans-switcher[data-plans-count="2"],
html:not(.smartphone) div#plans-switcher[data-plans-count="3"] {
    -ms-flex-pack: center;
    justify-content: center
}

html:not(.smartphone) div#plans-switcher[data-plans-count="2"]>div,
html:not(.smartphone) div#plans-switcher[data-plans-count="3"]>div {
    margin: 0 .5em
}

html:not(.smartphone) div#plans-switcher[data-plans-count="6"] .select-plan-item {
    width: 1.85em
}

div.tariff-description,
html[data-page=index] div.tariff-description {
    margin-top: .07em;
    margin-bottom: .2em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

div.tariff-description div.name-kkal,
div.tariff-description h2,
html[data-page=index] div.tariff-description div.name-kkal,
html[data-page=index] div.tariff-description h2 {
    font-size: .2em;
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
    color: #1b1b1b
}

div.tariff-description div.description,
html[data-page=index] div.tariff-description div.description {
    font-size: .16em;
    font-weight: 500;
    line-height: 1.5;
    color: #1b1b1b;
    max-width: 62%;
    margin: .75em auto 0
}

div.tariff-description div.stats-flex,
html[data-page=index] div.tariff-description div.stats-flex {
    display: none
}

div.tariff-description div.icon,
html[data-page=index] div.tariff-description div.icon {
    -ms-flex: 0 0 .8rem;
    flex: 0 0 .8rem;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex
}

div.tariff-description div.icon img,
div.tariff-description div.icon svg,
html[data-page=index] div.tariff-description div.icon img,
html[data-page=index] div.tariff-description div.icon svg {
    margin-right: .2rem;
    width: .8rem;
    height: .8rem
}

div#plans-body {
    padding-top: .3em
}

div#day-selector {
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 8.3em
}

div#day-selector,
div#day-selector>div {
    display: -ms-flexbox;
    display: flex
}

div#day-selector>div {
    width: 7.42857em;
    height: 1.92857em;
    border-radius: .96429em;
    font-size: .14em;
    font-weight: 500;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color .3s ease;
    text-transform: capitalize
}

div#day-selector>div.active {
    color: #fff;
    background-color: var(--color__default)
}

div#menu-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: .27em;
    position: relative
}

div#menu-container div.customization-mark {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f8c325;
    width: 100%;
    height: .6em;
    border-radius: .3em;
    margin-top: .19em
}

div#menu-container div.customization-mark>svg {
    width: .166em;
    margin-right: .18em
}

div#menu-container div.customization-mark>span {
    font-size: .11em;
    font-weight: 700;
    line-height: 1.55;
    color: #000;
    text-transform: uppercase
}

div#menu-items {
    width: 8.6em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

div#menu-items.nowrap {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

div#menu-items>div.dish,
div#menu-items>div.empty,
div#menu-items>div.summary {
    width: 2.77em;
    height: 1.85em;
    margin-bottom: .2em
}

div#menu-items div.dish {
    position: relative;
    border-radius: .08em;
    overflow: hidden;
    color: #fff
}

div#menu-items div.dish:last-child,
div#menu-items div.dish:nth-last-child(2),
div#menu-items div.dish:nth-last-child(3) {
    margin-bottom: 0
}

div#menu-items div.dish>div.base {
    height: 100%;
    background-size: cover;
    background-position: 50%;
    position: relative
}

div#menu-items div.dish>div.base>div.type {
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .4);
    font-size: .15em;
    font-weight: 500;
    padding: .33333em .93333em .4em 1.46667em;
    z-index: 10
}

div#menu-items div.dish>div.base:after {
    position: absolute;
    display: block;
    content: "";
    height: 1.41em;
    background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6));
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2
}

div#menu-items div.dish>div.details {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background-color: hsla(0, 2%, 9%, 0);
    z-index: 5;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .16em;
    transition: background-color .3s ease
}

div#menu-items div.dish>div.details>div.description {
    font-size: .15em;
    line-height: 1.33;
    color: #fff;
    opacity: 0;
    max-height: 5.06667em;
    overflow: hidden;
    transition: opacity .3s ease
}

div#menu-items div.dish>div.details>div.summary {
    font-size: .16em;
    line-height: 1.25;
    position: absolute;
    z-index: 5;
    left: 1em;
    bottom: 1em
}

div#menu-items div.dish>div.details>div.summary>div.common {
    font-weight: 500
}

div#menu-items div.dish>div.details>div.summary>div.materials {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    height: 0;
    transition: height .3s ease
}

div#menu-items div.dish>div.details>div.not-enabled {
    position: absolute;
    z-index: 4;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -ms-flex-align: center;
    align-items: center;
    font-size: .16em;
    background-color: rgba(0, 0, 0, .5);
    padding: 0 1em;
    font-weight: 500;
    text-align: center
}

div#menu-items>div.summary,
div#menu-items div.dish>div.details>div.not-enabled,
div#menu-items div.swiper-slide>div.summary {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    box-sizing: border-box
}

div#menu-items>div.summary,
div#menu-items div.swiper-slide>div.summary {
    color: #1b1b1b;
    padding: .25rem;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .06);
    border-radius: 4px
}

div#menu-items>div.summary>div.day,
div#menu-items div.swiper-slide>div.summary>div.day {
    text-align: center;
    font-size: .18rem;
    line-height: .26rem;
    font-weight: 700
}

div#menu-items>div.summary>div.materials,
div#menu-items div.swiper-slide>div.summary>div.materials {
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: .1rem
}

div#menu-items>div.summary>div.materials>div,
div#menu-items div.swiper-slide>div.summary>div.materials>div {
    width: 33%;
    border-right: 1px solid var(--color__default);
    font-size: .2rem;
    color: #1b1b1b;
    text-align: center;
    line-height: .24rem;
    padding: 0 .1rem
}

div#menu-items>div.summary>div.materials>div:first-child,
div#menu-items div.swiper-slide>div.summary>div.materials>div:first-child {
    padding-left: 0;
    padding-right: .15rem;
    width: auto
}

div#menu-items>div.summary>div.materials>div:last-child,
div#menu-items div.swiper-slide>div.summary>div.materials>div:last-child {
    border: none;
    padding-right: 0
}

div#menu-items>div.summary>div.materials span.type,
div#menu-items div.swiper-slide>div.summary>div.materials span.type {
    display: block;
    font-size: .13rem;
    color: #1b1b1b;
    line-height: .11rem
}

div#menu-description {
    width: 2.68em
}

div#menu-description div[data-tid=select-days-4] {
    display: none !important
}

div#menu-description div.days-switcher,
div#menu-description div.days-switcher>div {
    display: -ms-flexbox;
    display: flex
}

div#menu-description div.days-switcher>div {
    font-size: .14em;
    font-weight: 500;
    color: #181717;
    width: 50%;
    height: .4rem;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

div#menu-description div.days-switcher>div.active {
    border-top-left-radius: .57143em;
    border-top-right-radius: .57143em;
    border-bottom: 1px solid #e1e4e2;
    background-color: #fff
}

div#menu-description div.four-weeks-switcher {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: .15em
}

div#menu-description div.four-weeks-switcher>div {
    width: 1.08em;
    border-radius: .04em;
    background-color: #f5f4f5;
    white-space: nowrap;
    padding: .05em .07em .07em;
    box-sizing: border-box;
    border: 2px solid #f5f4f5
}

div#menu-description div.four-weeks-switcher>div>div.line1 {
    font-size: .12em;
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase
}

div#menu-description div.four-weeks-switcher>div>div.line2 {
    font-size: .12em;
    font-weight: 500;
    line-height: 1.25
}

div#menu-description div.four-weeks-switcher>div.active {
    background-color: #fce7a8;
    border-color: #f8c325;
    cursor: default
}

div#menu-description div.four-weeks-switcher>div:not(.active) {
    cursor: pointer
}

div#menu-description div.four-weeks-switcher.bf-2018 {
    margin-bottom: 0;
    position: relative;
    z-index: 8
}

div#menu-description div.four-weeks-switcher.bf-2018>div {
    width: 33.33%;
    padding: .08em .05em;
    text-align: center;
    border-radius: .08em;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #e2e2e2;
    border-color: #e2e2e2;
    position: relative
}

div#menu-description div.four-weeks-switcher.bf-2018>div.active {
    background-color: #fff;
    border-bottom-width: 0;
    border-color: #fff;
    box-shadow: 0 0 6px 3px rgba(0, 0, 0, .5);
    z-index: 7
}

div#menu-description div.four-weeks-switcher.bf-2018>div:first-child.active+div,
div#menu-description div.four-weeks-switcher.bf-2018>div:first-child:not(.active)+div:not(.active) {
    box-shadow: 0 0 6px 3px rgba(0, 0, 0, .5);
    z-index: 6
}

div#menu-description div.four-weeks-switcher.bf-2018>div>div.line1 {
    font-size: .14em;
    text-transform: none
}

div#menu-description div.four-weeks-switcher.bf-2018>div>div.line2 {
    font-size: .14em;
    color: red;
    font-weight: 700;
    margin-top: .1em
}

div#menu-description div.four-weeks-switcher.bf-2018.two>div {
    width: 50%;
    padding: .08em .05em;
    text-align: center;
    border-radius: .08em;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #e2e2e2;
    border-color: #e2e2e2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

div#menu-description div.four-weeks-switcher.bf-2018.two>div.active {
    background-color: #fff;
    border: 2px solid #fff;
    box-shadow: 0 0 .1rem .03rem rgba(0, 0, 0, .2) !important;
    z-index: 7
}

div#menu-description div.four-weeks-switcher.bf-2018.two>div.active:after {
    height: 14px;
    position: absolute;
    content: "";
    background-color: #fff;
    width: calc(100% + 4px);
    top: calc(100% - 2px);
    left: -2px
}

div#menu-description div.four-weeks-switcher.bf-2018.two>div:not(.active) {
    box-shadow: 0 0 .1rem .03rem rgba(0, 0, 0, .2) !important;
    z-index: 3
}

div#menu-description div.four-weeks-switcher.bf-2018.two>div>div.line1 {
    font-size: .14em;
    text-transform: none
}

div#menu-description div.four-weeks-switcher.bf-2018.two>div>div.line2 {
    font-size: .14em;
    color: red;
    font-weight: 700;
    margin-top: .1em
}

div#menu-description div.bf-two-orders-message {
    font-size: .14em;
    font-weight: 500;
    margin-bottom: 1em
}

div#menu-description div.description {
    overflow: hidden;
    display: block;
    background-color: #fff;
    color: #181717;
    min-height: 3.9rem;
    box-sizing: border-box;
    border-radius: .08em;
    box-shadow: 0 .02em .04em 0 rgba(0, 0, 0, .06);
    position: relative;
    padding: .3rem .24rem;
    padding-top: 0
}

div#menu-description div.description .arrow-body {
    -webkit-clip-path: none;
    clip-path: none
}

div#menu-description div.description.with-weeks-selector-above {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    min-height: 3.48rem;
    padding-top: .18rem;
    padding-bottom: .2rem
}

div#menu-description div.description .plan-select-days {
    margin: .1rem 0 0
}

div#menu-description div.description>div.title>h3 {
    font-size: .36rem;
    font-weight: 700;
    line-height: .32rem;
    margin-bottom: .15rem
}

div#menu-description div.description>div.title>div.plan-details {
    font-size: .16rem;
    font-weight: 700;
    line-height: 1.35
}

div#menu-description div.description div.price-up {
    color: #ef5747;
    font-size: .16rem;
    margin-top: .1rem;
    font-weight: 500
}

div#menu-description div.description>div.price-v20 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: .13em;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

div#menu-description div.description>div.price-v20 .price-v20__per-person {
    font-size: .14rem
}

div#menu-description div.description>div.price-v20>div.final-price {
    font-size: .36em;
    font-weight: 700;
    line-height: .89;
    letter-spacing: -1px
}

div#menu-description div.description>div.price-v20>div.final-price span.free {
    font-size: .83333em;
    color: #ef5747;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: .4em
}

div#menu-description div.description>div.price-v20>div.old-price {
    color: #1b1b1b;
    font-size: .16em;
    font-weight: 700;
    text-decoration: line-through
}

div#menu-description div.description>div.price-v20.free {
    margin-bottom: .2em;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start
}

div#menu-description div.description>div.price-v20.free>div.old-price {
    font-size: .3em
}

div#menu-description div.description>div.price-per-dish {
    font-size: .14em;
    font-weight: 500;
    text-align: center;
    line-height: 1;
    color: #1b1b1b;
    margin-top: 1.42857em
}

div#menu-description div.description>div.orderButtons {
    margin: .15rem 0 .2rem;
    clear: both
}

div#menu-description div.description>div.orderButtons .button {
    font-weight: 700;
    font-size: .18rem;
    text-align: center;
    height: .5rem;
    width: 100%
}

div#menu-description div.free-delivery {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box
}

div#menu-description div.free-delivery.centered,
div#menu-description div.free-delivery.trial {
    -ms-flex-pack: center;
    justify-content: center
}

div#menu-description div.free-delivery.trial {
    width: 100%;
    margin-top: .15rem
}

div#menu-description div.free-delivery>div.icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: .1rem
}

div#menu-description div.free-delivery>div.icon img,
div#menu-description div.free-delivery>div.icon svg {
    width: .28rem;
    height: .28rem;
    fill: var(--color__default)
}

div#menu-description div.free-delivery>div.text {
    font-size: .14em;
    font-weight: 300;
    line-height: 1.07;
    color: #1b1b1b
}

div#menu-description div.free-delivery>div.green.button {
    display: none
}

#dayweek-selectors {
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: end;
    align-items: flex-end
}

#dayweek-selectors,
#week-selector {
    display: -ms-flexbox;
    display: flex
}

#week-selector {
    width: 2.68em;
    border-radius: 5em;
    border: 1px solid #1b1b1b
}

#week-selector>div {
    -ms-flex: 1;
    flex: 1;
    color: #1b1b1b;
    cursor: pointer;
    margin: -1px;
    height: 2.25em;
    display: -ms-flexbox;
    display: flex;
    font-size: .12em;
    text-align: center;
    font-weight: 500;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

#week-selector>div:first-child {
    border-radius: 5em 0 0 5em
}

#week-selector>div:last-child {
    border-radius: 0 5em 5em 0
}

#week-selector>div.active {
    color: #fff;
    background: var(--color__default)
}

body.order-page div.menu-column {
    display: none
}

body.order-page div.content {
    margin: 0 auto
}

html:not(.touch) div#day-selector .select-plan-item:not(.active):hover {
    background-color: rgba(68, 195, 115, .2)
}

html:not(.touch) div#menu-items div.dish:not(.disabled-pack):hover>div.details {
    background-color: hsla(0, 2%, 9%, .8)
}

html:not(.touch) div#menu-items div.dish:not(.disabled-pack):hover>div.details>div.description {
    opacity: 1
}

html:not(.touch) div#menu-items div.dish:not(.disabled-pack):hover>div.details>div.summary>div.materials {
    height: 1.25em;
    white-space: nowrap
}

.menu-plans__short div#menu-items .dish-v20,
.menu-plans__short div#menu-items .summary {
    width: 2.42em !important
}

.menu-plans__short #plans-switcher div.select-plan-item {
    padding: .15rem;
    width: 1.44em
}

.menu-plans__short #plans-switcher div.select-plan-item.active div.kkal,
.menu-plans__short #plans-switcher div.select-plan-item.active h3 {
    color: #fff
}

.menu-plans__short #plans-switcher div.select-plan-item div.icon {
    display: none
}

.menu-plans__short #plans-switcher div.select-plan-item div.kkal,
.menu-plans__short #plans-switcher div.select-plan-item h3 {
    text-align: left;
    color: #1b1b1b;
    font-size: .16rem;
    line-height: .22rem;
    margin-top: 0
}

.menu-plans__short #plans-switcher div.select-plan-item h3 {
    font-weight: 500
}

.menu-plans__short #plans-switcher div.select-plan-item div.kkal {
    font-weight: 700
}

.menu-plans__short #plans-body {
    padding-top: .15rem
}

.menu-plans__short #plans-body.hide_description #menu-items {
    width: 100%
}

.menu-plans__short #plans-body.hide_description div.tariff-description div.description {
    max-width: 100%
}

.menu-plans__short #plans-body div.tariff-description {
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .06);
    border-radius: 8px;
    padding: .22rem;
    box-sizing: border-box
}

.summary-block__payment-list {
    padding: .19rem .29rem;
    background: #fff;
    box-shadow: 0 .02rem .04rem 0 rgba(0, 0, 0, .06);
    border-radius: .08rem;
    box-sizing: border-box;
    margin-top: .25rem
}

.summary-block__payment-buttons {
    margin-top: .25rem
}

.summary-block .summary {
    width: 100%;
    margin-bottom: .25rem
}

.summary-block .summary tr {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.summary-block .summary tr th {
    font-size: .12rem;
    color: #1b1b1b;
    font-weight: 500;
    line-height: .15rem
}

.summary-block .summary__discount {
    font-size: .18rem;
    color: #1b1b1b;
    font-weight: 700
}

.summary-block .summary__deb_price {
    font-size: .3rem;
    line-height: .32rem;
    font-weight: 700
}

.summary-block .summary__with-day {
    width: 100%;
    text-align: right
}

.summary-block .summary__with-day p {
    margin: 0 0 0 .15rem;
    font-weight: 500;
    font-size: .13rem
}

.summary-block .price-plan {
    padding: .19rem .29rem .29rem;
    background: #fff;
    box-shadow: 0 .02rem .04rem 0 rgba(0, 0, 0, .06);
    border-radius: .08rem;
    box-sizing: border-box
}

.summary-block .price-plan h2 {
    color: #9b9b9b;
    font-size: .18rem;
    text-transform: uppercase;
    line-height: .22rem;
    padding-bottom: .15rem
}

.summary-block .price-plan__name {
    font-size: .36rem;
    color: #181717;
    line-height: .32rem;
    font-weight: 700;
    margin: 0 0 .15rem;
    text-transform: capitalize
}

.summary-block .price-plan__params {
    font-size: .16rem;
    color: #181717;
    line-height: .22rem;
    font-weight: 700;
    margin-bottom: .2rem
}

.summary-block .price-plan__params p {
    margin: 0
}

.summary-block .price-plan div.line:after {
    content: "";
    display: block;
    margin-top: .15rem;
    margin-bottom: .15rem;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(90deg, #cacbcb 33%, hsla(0, 0%, 100%, 0) 0);
    background-position: bottom;
    background-size: .06rem .03rem;
    background-repeat: repeat-x
}

.summary-block .price-plan div.flex-summary {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: 1rem
}

.summary-block .price-plan div.flex-summary div.label {
    font-size: .14em;
    font-weight: 500;
    line-height: 1.57;
    color: #cacbcb;
    text-transform: uppercase;
    margin-bottom: .2em
}

.summary-block .price-plan div.flex-summary div.old-price {
    font-size: .18em;
    font-weight: 700;
    line-height: 1.22;
    text-align: center;
    color: #1b1b1b;
    text-decoration: line-through;
    margin-bottom: .2em;
    margin-left: auto;
    margin-right: .69444em
}

.summary-block .price-plan div.flex-summary div.price {
    font-size: .28em;
    font-weight: 700;
    line-height: 1.14;
    text-align: center;
    color: var(--color__default)
}

.summary-block .price-plan div.abonement-info {
    font-size: .2rem;
    margin-top: .5em;
    text-align: right;
    font-weight: 700;
    line-height: 1.15;
    text-transform: lowercase
}

.summary-block .price-plan div.promocode-input {
    margin-top: .29em
}

.summary-block .price-plan+.button {
    font-size: .16em;
    font-weight: 500;
    line-height: 1.25;
    height: 3.75em;
    width: 100%;
    margin-top: 1.375em
}

.summary-block .price-plan+.button span.rub {
    margin-left: .2em
}

.summary-block .price-plan div.day-switcher-container {
    min-height: .35rem;
    margin-bottom: .25rem
}

.summary-block .price-plan div.day-switcher-container div.days-switcher {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    border-radius: .04em;
    border: 1px solid var(--color__default)
}

.summary-block .price-plan div.day-switcher-container div.days-switcher>div {
    cursor: pointer;
    font-size: .13rem;
    letter-spacing: -.1px;
    text-align: center;
    color: var(--color__default-darken);
    width: 50%;
    padding: .53846em 0
}

.summary-block .price-plan div.day-switcher-container div.days-switcher>div.active {
    background-color: var(--color__default);
    color: #fff
}

.summary-block .price-plan div.day-switcher-container .loader {
    font-size: .12em;
    height: 2.5em;
    overflow: visible
}

.bonuses {
    background-color: #f8c325;
    color: #1b1b1b;
    box-shadow: 0 .02rem .04rem 0 rgba(0, 0, 0, .06);
    border-radius: .08rem;
    padding: .25rem .5rem;
    margin-top: .25rem;
    text-align: center;
    height: 1.6rem;
    box-sizing: border-box
}

.bonuses p {
    margin: 0
}

.bonuses .title {
    font-size: .18rem;
    line-height: .22rem;
    font-weight: 700
}

.bonuses .description {
    font-size: .13rem;
    line-height: .15rem
}

.bonuses-price {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: end;
    align-items: end;
    font-size: .28rem;
    line-height: .32rem;
    font-weight: 700;
    margin: .15rem auto
}

.bonuses-price svg {
    width: .28rem;
    height: .28rem;
    margin-left: .1rem
}

div.messages {
    background-color: transparent;
    color: initial;
    font-size: 1.5em
}

div.messages-center {
    text-align: center
}

div.messages strong {
    display: block
}

div.messages-vk-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .1rem;
    background: #f5f4f5;
    border-radius: .04rem;
    font-size: .12rem;
    margin: .25rem 0 0
}

div.messages-vk-info svg {
    width: .2rem;
    height: .2rem;
    margin-right: .05rem
}

div.order-subscribe div.content-data__deliveries h3,
div.subscribe-body div.content-data__deliveries h3 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1em
}

div.order-subscribe div.content-data__deliveries .delivery-hide .delivery,
div.order-subscribe div.content-data__deliveries .delivery-hide .delivery-time,
div.subscribe-body div.content-data__deliveries .delivery-hide .delivery,
div.subscribe-body div.content-data__deliveries .delivery-hide .delivery-time {
    display: none
}

div.content-data__deliveries.second-order {
    background-color: #faf9fa
}

body.modal-active div.order-subscribe {
    z-index: -1;
    position: relative
}

div.order-subscribe div.content-data__personal>div {
    -ms-flex-flow: column;
    flex-flow: column
}

div.order-subscribe div.content-data__personal>div>div.input-container {
    width: 3.4rem;
    -ms-flex: 0 0 auto !important;
    flex: 0 0 auto !important
}

div.order-subscribe div.content__order-menu {
    width: 7.62rem;
    -ms-flex: 0 0 7.62rem;
    flex: 0 0 7.62rem
}

div.order-subscribe div.content__order-menu #plans-switcher {
    margin-top: 0
}

div.order-subscribe div.content__order-menu #dayweek-selectors {
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-align: start;
    align-items: flex-start
}

div.order-subscribe div.content__order-menu #dayweek-selectors #day-selector {
    width: 100%
}

div.order-subscribe div.content__order-menu #dayweek-selectors #week-selector {
    margin-top: .1rem
}

div.order-subscribe div.content__order-menu #menu-items>div div.info div.stats-flex>div {
    padding: 0 .05rem !important
}

div.order-subscribe div.content__order_summary {
    margin-left: .4rem;
    -ms-flex: 0 0 3.6rem;
    flex: 0 0 3.6rem
}

html:not(.smartphone) div.order-subscribe#order-page div.short-form div.new-order-line1,
html:not(.smartphone) div.order-subscribe#order-page div.short-form div.new-order-line2 {
    text-align: center
}

html:not(.smartphone) div.order-subscribe#order-page div.short-form>.row {
    -ms-flex-pack: center;
    justify-content: center
}

html:not(.smartphone) div.order-subscribe#order-page div.short-form>.row>div.content-data {
    display: none
}

html:not(.smartphone) div.order-subscribe#order-page div.short-form>.row>div.summary-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 5em;
    width: 8em;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .5rem
}

html:not(.smartphone) div.order-subscribe#order-page div.short-form>.row>div.summary-block>.summary-subscribe {
    margin-right: .7em
}

html:not(.smartphone) div.order-subscribe#order-page div.short-form>.row>div.summary-block .summary-block__payment-list {
    width: 3.6rem;
    margin-top: 0
}

html:not(.smartphone) div.order-subscribe#order-page div.short-form>.row>div.summary-block .summary-block__payment-buttons {
    width: 3.6rem
}

div.summary-subscribe .description {
    font-size: .13rem;
    line-height: .15rem
}

div.summary-subscribe .description a {
    color: var(--color__default)
}

div.summary-subscribe h2 {
    color: #9b9b9b;
    font-size: .18rem;
    text-transform: uppercase;
    line-height: .22rem;
    padding-bottom: .15rem
}

div.summary-subscribe .subscribe-header__info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    background-color: #27b4bc;
    color: var(--color__white);
    padding: .13em .17em;
    margin-bottom: .15em;
    cursor: pointer;
    border-radius: .06rem
}

div.summary-subscribe .subscribe-header__info>img.icon {
    display: block;
    width: .197em
}

div.summary-subscribe .subscribe-header__info>div.title {
    font-size: .18em;
    font-weight: 500;
    line-height: 1.06;
    margin-left: .83333em
}

div.summary-subscribe .subscribe-header__info>div.discount {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.11111em;
    height: 2.11111em;
    border: 1px solid var(--color__white);
    border-radius: 50%;
    font-size: .18em;
    font-weight: 700;
    line-height: .83;
    margin-left: .55556em;
    margin-right: auto
}

div.summary-subscribe .subscribe-header__info>div.discount span.percent {
    font-size: .66667em
}

div.summary-subscribe .subscribe-header__info>img.arrow {
    display: block;
    width: .12em
}

div.summary-subscribe .subscribe-header__info--body {
    background-color: var(--color__white);
    padding: .15em .15em .17em;
    margin-bottom: .11em;
    border-radius: .06em;
    position: relative;
    overflow: hidden
}

div.summary-subscribe .subscribe-header__info--body button.button {
    width: 1.48rem;
    height: .3rem
}

div.summary-subscribe .subscribe-header__info--body div.discount-block {
    position: absolute;
    left: -.17rem;
    bottom: .17rem;
    font-size: .15rem;
    text-transform: uppercase;
    text-align: right;
    display: block;
    width: 1.9rem;
    height: .3rem;
    border-radius: .15rem;
    background-color: #f8c325;
    color: #1b1b1b;
    padding: .03rem .15rem .03rem .25rem;
    box-sizing: border-box
}

div.summary-subscribe .subscribe-header__info--body div.discount-block span {
    font-size: .18rem;
    font-weight: 700
}

div.summary-subscribe .subscribe-header__info--body div.discount-block span span {
    margin-left: .05rem;
    font-weight: 500
}

div.summary-subscribe .subscribe-header__info--body ul.pretty-list {
    font-size: .15em;
    font-weight: 500;
    line-height: 1.33
}

div.summary-subscribe .subscribe-header__info--body ul.pretty-list li {
    -ms-flex-align: baseline;
    align-items: baseline
}

div.summary-subscribe .subscribe-header__info--body ul.pretty-list li span {
    font-size: .24rem;
    font-weight: 700;
    display: inline-block;
    color: #1b1b1b
}

div.summary-subscribe .subscribe-header__info--body ul.pretty-list li:before {
    width: .08rem;
    height: .08rem;
    margin-right: 1.06667em
}

div.summary-subscribe .subscribe-header__info--body ul.pretty-list li:not(:last-child) {
    margin-bottom: .66667em
}

div.summary-subscribe .subscribe-header__info--body button.sea-outline {
    margin-top: .15rem;
    margin-left: auto !important;
    font-weight: 500;
    font-size: .13rem !important;
    line-height: .2rem
}

div.summary-subscribe .subscribe-header__info.is-showing {
    border-radius: .06rem .06rem 0 0;
    margin-bottom: 0
}

div.summary-subscribe__details {
    background-color: var(--color__white);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .06);
    border-radius: 8px;
    padding: .25rem
}

div.summary-subscribe .price-plan__name {
    font-weight: 700;
    font-size: .36rem;
    line-height: .32rem;
    color: #1b1b1b
}

div.summary-subscribe .price-plan__params {
    font-weight: 700;
    font-size: .16rem;
    line-height: .32rem;
    color: #1b1b1b
}

div.summary-subscribe .price-plan__params p {
    margin: 0
}

div.summary-subscribe .select-price-plan h4 {
    font-weight: 500;
    font-size: .12rem;
    line-height: .15rem;
    color: #1b1b1b;
    margin-bottom: .15rem
}

div.summary-subscribe .summary-price {
    margin: .25rem 0
}

div.summary-subscribe .summary-price__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: baseline;
    align-items: baseline;
    font-size: .12em
}

div.summary-subscribe .summary-price__discount {
    font-weight: 700;
    font-size: .18rem;
    color: #1b1b1b
}

div.summary-subscribe .summary-price__old-price {
    font-weight: 700;
    font-size: .18rem;
    line-height: .32rem;
    color: #1b1b1b;
    text-decoration: line-through;
    margin-right: .2rem
}

div.summary-subscribe .summary-price__new-price {
    font-weight: 700;
    font-size: .3rem;
    color: var(--color__default)
}

div.summary-subscribe .description p {
    font-weight: 500;
    font-size: .12rem;
    line-height: .15rem
}

div.summary-subscribe .description-box {
    background-color: var(--color__white);
    border: 1px solid var(--color__default);
    padding: .1rem;
    box-sizing: border-box
}

div.summary-subscribe .description-box p {
    color: #1b1b1b;
    margin: 0
}

div.summary-subscribe .free-delivery {
    font-size: .14rem;
    color: #1b1b1b;
    line-height: .15rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: .25rem auto
}

div.summary-subscribe .free-delivery svg {
    width: .28rem;
    height: .28rem;
    margin-right: .1rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

div.summary-subscribe button.get-order-button {
    width: 100%;
    height: .5rem;
    font-weight: 500;
    font-size: .15rem;
    line-height: .2rem
}

div.calories-calculator {
    width: 8em;
    padding-top: .32em;
    box-sizing: border-box;
    background-color: #fff
}

div.calories-calculator>div.line1 {
    font-size: .22em;
    font-weight: 700;
    text-align: center;
    color: #1b1b1b
}

div.calories-calculator>div.line2 {
    margin-top: .69231em;
    font-size: .13em;
    font-weight: 500;
    line-height: 1.23;
    text-align: center;
    color: #1b1b1b
}

div.calories-calculator>div.inputs-flex {
    margin-top: .51em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: .71em;
    padding-left: .36em
}

div.calories-calculator>div.inputs-flex>div>div.title {
    font-size: .16em;
    font-weight: 500;
    line-height: 1.5;
    color: #9b9b9b;
    margin-bottom: .875em
}

div.calories-calculator>div.inputs-flex>div>div.text-inputs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 2.7em
}

div.calories-calculator>div.inputs-flex>div>div.text-inputs div.input-container {
    width: .86em
}

div.calories-calculator>div.inputs-flex>div>div.text-inputs div.input-container input {
    margin: 0
}

div.calories-calculator>div.inputs-flex .radio-inline {
    height: auto
}

div.calories-calculator>div.inputs-flex .radio-inline input[type=radio] {
    margin: 0
}

div.calories-calculator>div.inputs-flex .radio-inline label {
    font-size: .14em;
    font-weight: 500;
    height: auto;
    -ms-flex-align: center;
    align-items: center
}

div.calories-calculator>div.inputs-flex .radio-inline:not(:last-child) {
    margin-bottom: .14em
}

div.calories-calculator>div.result-area {
    padding: .21em 0 .3em;
    background-color: #fceff0;
    margin-top: .28em
}

div.calories-calculator>div.result-area>div.text {
    font-size: .22em;
    font-weight: 700;
    color: #1b1b1b;
    margin-bottom: 1.22727em;
    text-align: center
}

div.calories-calculator>div.result-area>div.text>span {
    font-size: 1.63636em;
    font-weight: 900;
    color: var(--color__default)
}

div.calories-calculator>div.result-area>a.button {
    margin: 0 auto;
    font-size: .18em;
    line-height: 1.33;
    text-align: center;
    width: 17.77778em;
    height: 3.33333em;
    border-radius: .22222em
}

div.calories-calculator-v2 {
    box-sizing: border-box;
    background-color: #fff;
    padding: .4em .68em .5em
}

div.calories-calculator-v2>h2 {
    font-size: .22em;
    font-weight: 700;
    color: #1b1b1b
}

div.calories-calculator-v2>div.runner-inputs {
    margin-top: .3em
}

div.calories-calculator-v2>div.runner-inputs>div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

div.calories-calculator-v2>div.runner-inputs>div>div.label {
    font-size: .14em;
    font-weight: 500;
    line-height: 1.29;
    color: #3b3b3b;
    width: 6.78571em
}

div.calories-calculator-v2>div.runner-inputs>div>span.runner {
    display: block;
    padding: 0;
    width: 4.8em;
    height: .23em
}

div.calories-calculator-v2>div.runner-inputs>div>span.runner>span.range-slider-inner .range-slider-fill,
div.calories-calculator-v2>div.runner-inputs>div>span.runner>span.range-slider-inner .range-slider-rail {
    height: .08em;
    border-radius: .1em
}

div.calories-calculator-v2>div.runner-inputs>div>span.runner>span.range-slider-inner .range-slider-rail {
    background-color: #ececec
}

div.calories-calculator-v2>div.runner-inputs>div>span.runner>span.range-slider-inner .range-slider-fill {
    background-color: var(--color__default)
}

div.calories-calculator-v2>div.runner-inputs>div>span.runner>span.range-slider-inner .range-slider-knob {
    height: .23em;
    width: .23em;
    border-width: 0;
    background-color: var(--color__default-darken);
    box-shadow: none
}

div.calories-calculator-v2>div.runner-inputs>div>div.result {
    font-size: .14em;
    font-weight: 500;
    line-height: 1.29;
    color: #1b1b1b;
    width: 4.28571em;
    text-align: right
}

div.calories-calculator-v2>div.runner-inputs>div:not(:last-child) {
    margin-bottom: .22em
}

div.calories-calculator-v2>div.gender-switcher {
    margin-top: .33em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

div.calories-calculator-v2>div.gender-switcher>div.label {
    font-size: .14em;
    font-weight: 500;
    line-height: 1.29;
    color: #1b1b1b;
    transition: color .3s ease
}

div.calories-calculator-v2>div.gender-switcher>div.label.active {
    color: var(--color__default-darken)
}

div.calories-calculator-v2>div.gender-switcher>div.switcher {
    box-shadow: inset 0 0 0 1px var(--color__default);
    width: .61em;
    padding: .045em;
    box-sizing: content-box;
    border-radius: .26em;
    margin-left: .08em;
    margin-right: .08em;
    position: relative;
    cursor: pointer
}

div.calories-calculator-v2>div.gender-switcher>div.switcher>div.circle {
    width: .24em;
    height: .24em;
    border-radius: 50%;
    position: relative;
    background-color: var(--color__default);
    transition: left .3s ease
}

div.calories-calculator-v2>div.gender-switcher>div.switcher>div.circle>svg {
    position: absolute;
    width: .12em;
    height: .12em;
    color: #fff;
    left: .06em;
    top: .06em;
    opacity: 0;
    transition: opacity .3s ease
}

div.calories-calculator-v2>div.gender-switcher>div.switcher>div.circle[data-gender=f] {
    left: 0
}

div.calories-calculator-v2>div.gender-switcher>div.switcher>div.circle[data-gender=f]>svg.female {
    opacity: 1
}

div.calories-calculator-v2>div.gender-switcher>div.switcher>div.circle[data-gender=m] {
    left: .37em
}

div.calories-calculator-v2>div.gender-switcher>div.switcher>div.circle[data-gender=m]>svg.male {
    opacity: 1
}

div.calories-calculator-v2>div.activity-selector {
    height: .4em;
    border-radius: .26em;
    box-shadow: inset 0 0 0 1px var(--color__default);
    overflow: hidden;
    margin: .3em auto 0;
    display: -ms-flexbox;
    display: flex;
    width: 6.62em
}

div.calories-calculator-v2>div.activity-selector>div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    background-color: transparent;
    transition: background-color .3s ease
}

div.calories-calculator-v2>div.activity-selector>div>svg {
    color: #1b1b1b;
    margin-right: .08em;
    height: auto;
    transition: color .3s ease
}

div.calories-calculator-v2>div.activity-selector>div>span {
    color: #1b1b1b;
    font-size: .14em;
    font-weight: 500;
    transition: color .3s ease
}

div.calories-calculator-v2>div.activity-selector>div.active {
    background-color: var(--color__default)
}

div.calories-calculator-v2>div.activity-selector>div.active>span,
div.calories-calculator-v2>div.activity-selector>div.active>svg {
    color: #fff
}

div.calories-calculator-v2>div.activity-selector>div:first-child {
    width: 2.11em
}

div.calories-calculator-v2>div.activity-selector>div:first-child>svg {
    width: .17em;
    height: .19em
}

div.calories-calculator-v2>div.activity-selector>div:nth-child(2) {
    width: 2.12em;
    border-left: 1px solid var(--color__default);
    border-right: 1px solid var(--color__default)
}

div.calories-calculator-v2>div.activity-selector>div:nth-child(2)>svg {
    width: .25em;
    height: .12em
}

div.calories-calculator-v2>div.activity-selector>div:nth-child(3) {
    width: 2.4em
}

div.calories-calculator-v2>div.activity-selector>div:nth-child(3)>svg {
    width: .26em;
    height: .15em
}

div.calories-calculator-v2>div.result {
    margin-top: .4em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

div.calories-calculator-v2>div.result>div.cal {
    font-size: .36em;
    font-weight: 700;
    line-height: .61;
    color: #1b1b1b
}

div.calories-calculator-v2>div.result>div.cal>span {
    display: inline-block;
    width: 1.8em
}

div.calories-calculator-v2>div.result>div.cal>span.long {
    width: 2.3em
}

div.calories-calculator-v2>div.result>a.button {
    font-size: .18em;
    font-weight: 900;
    color: #fff;
    width: 15.55556em;
    height: 2.77778em;
    border-radius: .33333em
}

html.smartphone div.calories-calculator {
    width: auto;
    padding-top: .13em
}

html.smartphone div.calories-calculator>div.line1 {
    font-size: .18em
}

html.smartphone div.calories-calculator>div.line2 {
    margin-top: .84615em;
    padding-left: 1.07692em;
    padding-right: 1.07692em
}

html.smartphone div.calories-calculator>div.inputs-flex {
    margin-top: .16em;
    padding-right: .16em;
    padding-left: .16em;
    -ms-flex-direction: column;
    flex-direction: column
}

html.smartphone div.calories-calculator>div.inputs-flex>div:first-child>div.radio-inline {
    display: -ms-inline-flexbox;
    display: inline-flex
}

html.smartphone div.calories-calculator>div.inputs-flex>div:nth-child(3) {
    margin-top: .16em
}

html.smartphone div.calories-calculator>div.inputs-flex>div>div.text-inputs {
    width: 100%
}

html.smartphone div.calories-calculator>div.result-area {
    padding: .21em 0
}

html.smartphone div.calories-calculator>div.result-area>div.text {
    font-size: .18em;
    margin-bottom: 1.27778em
}

html.smartphone div.calories-calculator>div.result-area>div.text>span {
    display: block;
    font-size: 1.44444em;
    margin-top: .27778em
}

html.smartphone div.calories-calculator>div.result-area>a.button {
    margin: 0 auto;
    font-size: .15em;
    width: 17.86667em;
    height: 3em;
    text-transform: none
}

html.smartphone div.calories-calculator-v2 {
    padding: .2em 0 .3em
}

html.smartphone div.calories-calculator-v2>h2 {
    font-size: .18em;
    width: 13em;
    margin: 0 auto
}

html.smartphone div.calories-calculator-v2>div.runner-inputs {
    margin-top: .2em;
    margin-left: .12em;
    margin-right: .12em
}

html.smartphone div.calories-calculator-v2>div.runner-inputs>div {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

html.smartphone div.calories-calculator-v2>div.runner-inputs>div>span.runner {
    width: 100%;
    margin-top: .03em
}

html.smartphone div.calories-calculator-v2>div.runner-inputs>div:not(:last-child) {
    margin-bottom: .03em
}

html.smartphone div.calories-calculator-v2>div.gender-switcher {
    margin-top: .2em
}

html.smartphone div.calories-calculator-v2>div.activity-selector {
    height: .66em;
    border-radius: 0;
    margin-top: .22em;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

html.smartphone div.calories-calculator-v2>div.activity-selector>div {
    -ms-flex-direction: column;
    flex-direction: column;
    width: 33.33%
}

html.smartphone div.calories-calculator-v2>div.activity-selector>div>svg {
    margin-right: 0;
    margin-bottom: .03em
}

html.smartphone div.calories-calculator-v2>div.activity-selector>div>span {
    font-size: .12em;
    text-align: center;
    width: 7em
}

html.smartphone div.calories-calculator-v2>div.result {
    margin-top: .25em;
    -ms-flex-direction: column;
    flex-direction: column
}

html.smartphone div.calories-calculator-v2>div.result>div.cal {
    font-size: .22em;
    line-height: 1
}

html.smartphone div.calories-calculator-v2>div.result>a.button {
    font-size: .14em;
    width: 14.28571em;
    height: 2.85714em;
    margin-top: 1.07143em;
    border-radius: .42857em
}

#subscription-tariffs {
    padding-top: .6em
}

#subscription-tariffs h2 {
    margin-bottom: 0
}

#subscription-tariffs h3 {
    font-size: .18em;
    font-weight: 500;
    text-align: center;
    width: 6.6rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.5em
}

#subscription-tariffs .subscription-tariffs-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin-top: .4rem
}

#subscription-tariffs .subscription-tariffs__item {
    width: 3.8em;
    padding: .1em
}

#subscription-tariffs .subscription-tariffs-list {
    overflow: hidden;
    border-radius: .04em;
    background-color: #fff;
    box-shadow: 0 .02em .04em 0 rgba(0, 0, 0, .2);
    padding: .12em 0 .28em;
    box-sizing: border-box;
    position: relative;
    transition: bottom .3s ease;
    bottom: 0
}

#subscription-tariffs .subscription-tariffs-list:hover {
    bottom: .1em;
    box-shadow: 0 .02em .04em 0 rgba(0, 0, 0, .1), 0 .08em .08em 0 rgba(0, 0, 0, .1);
    cursor: pointer
}

.subscription-tariffs-block>div {
    position: relative;
    overflow: hidden
}

.subscription-tariffs-block div.plan-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin: .23rem 0 .4rem
}

.subscription-tariffs-block div.plan-title>div.meal-days {
    font-size: .18rem;
    font-weight: 700;
    line-height: .79;
    text-align: center;
    width: 100%;
    text-transform: uppercase
}

.subscription-tariffs-block div.plan-title>div.meal-days>span {
    font-size: .72rem;
    line-height: 1.2;
    font-weight: 700;
    display: block
}

.subscription-tariffs-block div.plan-title>div.discount {
    width: 2.225em;
    height: 2.225em;
    background-color: #27b4bc;
    color: var(--color__white);
    border-radius: 50%;
    font-size: .4em;
    font-weight: 700;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.subscription-tariffs-block div.plan-title>div.discount>span {
    font-size: .75em;
    position: relative;
    bottom: -.1em
}

.subscription-tariffs-block div.plan-discount {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    top: .1rem;
    right: -.89rem;
    position: absolute;
    width: 3rem;
    height: .55rem;
    font-size: .24rem;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    background-color: #f8c325;
    color: #1b1b1b;
    transform: rotate(30deg)
}

.subscription-tariffs-block ul.pretty-list {
    font-size: .16em;
    font-weight: 500;
    line-height: 1.38;
    text-align: center
}

.subscription-tariffs-block ul.pretty-list li {
    border-top: 1px solid #ecefee;
    padding: .15rem .1rem
}

.subscription-tariffs-block ul.pretty-list li span {
    font-size: .26rem;
    font-weight: 700
}

.subscription-tariffs-block ul.pretty-list li.promo {
    background-color: #fff;
    color: #ff3924;
    font-size: .18rem;
    padding: .1rem
}

.subscription-tariffs-block ul.pretty-list li.promo>span {
    font-weight: 700
}

.subscription-tariffs-block button.button {
    font-size: .16em !important;
    font-weight: 500;
    line-height: 1.25;
    width: 18.75em;
    height: 3.125em !important;
    border-width: .02rem;
    text-transform: none;
    padding: 0;
    margin: .625em auto 0;
    background-color: #ff3924 !important;
    border-width: 0
}

.subscription-description {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.subscription-description img.gym_card {
    height: 3.3rem;
    margin-left: .5rem;
    margin-top: -.3rem
}

.subscription-description .subscribe-disclaimer {
    width: 100%;
    margin-top: 0;
    margin-bottom: .5rem
}

.subscription-description ul.pretty-list {
    column-count: 2;
    column-gap: 0;
    width: 7.1rem
}

.subscription-description ul.pretty-list li {
    font-size: .16rem;
    font-weight: 500;
    margin-bottom: .35rem
}

.subscription-description ul.pretty-list li:first-child,
.subscription-description ul.pretty-list li:nth-child(4) {
    height: .3rem
}

.subscription-description ul.pretty-list li:nth-child(2),
.subscription-description ul.pretty-list li:nth-child(5) {
    height: .5rem
}

.subscription-description ul.pretty-list li:nth-child(3),
.subscription-description ul.pretty-list li:nth-child(6) {
    height: .65rem
}

.subscribe-faq>div {
    display: -ms-flexbox;
    display: flex
}

.subscribe-faq-l {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    background-color: var(--color__white)
}

.subscribe-faq-l ul {
    border-top: .03em solid #f5f4f5
}

.subscribe-faq-l ul li {
    font-size: .2em;
    font-weight: 500;
    line-height: 1.3;
    list-style: none;
    padding: .65em 1.95em;
    cursor: pointer;
    color: #000
}

.subscribe-faq-l ul li:not(:last-child) {
    border-bottom: 1px solid #cacbcb
}

.subscribe-faq-l ul li:last-of-type {
    margin-bottom: .8rem
}

.subscribe-faq-l ul li.active {
    background-color: var(--color__default);
    color: var(--color__white);
    position: relative
}

.subscribe-faq-l ul li.active>img.triangle {
    display: block;
    position: absolute;
    top: 0;
    right: -.25rem;
    width: .25rem;
    height: 100%
}

.subscribe-faq-r {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    background-color: #f5f4f5;
    padding: 2.8125em 4.6875em;
    box-sizing: border-box;
    font-size: .16em;
    font-weight: 500;
    line-height: 1.63;
    color: #1b1b1b
}

.modal-window .subscribe-window__auth {
    font-size: 1em
}

.subscribe-window {
    width: 8.6rem;
    color: #1b1b1b
}

.subscribe-window h2 {
    font-size: .28rem;
    font-weight: 700;
    margin: .65rem auto .5rem;
    text-align: center
}

.subscribe-window p {
    font-weight: 500;
    font-size: .16rem;
    text-align: center;
    line-height: .22rem
}

.subscribe-window__promocode {
    padding: .7rem
}

.subscribe-window__promocode img {
    display: block;
    width: 3.41rem;
    margin: 0 auto
}

.subscribe-window__promocode h2 {
    margin: .25rem auto 0
}

.subscribe-window__promocode p {
    margin: .2rem 0 .3rem
}

.subscribe-window__promocode .button {
    font-size: .13rem;
    text-transform: none;
    width: 2.47rem;
    height: .45rem;
    margin: 0 auto
}

.subscribe-window__faq {
    width: auto;
    border-radius: .08em;
    box-shadow: 0 .02em .04em 0 rgba(0, 0, 0, .06)
}

.subscribe-window__faq div.landing-width-container {
    width: 11.4em
}

.subscribe-window__faq div.landing-width-container>h2 {
    font-size: .36em
}

.subscribe-window__faq div.landing-width-container>div.subscribe-faq {
    border-bottom-left-radius: .08em;
    border-bottom-right-radius: .08em;
    overflow: hidden
}

.subscribe-window__change {
    width: 12.6rem;
    padding: .5rem .5rem .7rem;
    box-sizing: border-box;
    color: #1b1b1b
}

.subscribe-window__change .subscribe-list__block:nth-child(2) {
    margin: 0 .15rem
}

.subscribe-window__change h2 {
    margin: 0;
    font-size: .36rem;
    text-align: left;
    font-weight: 700
}

.subscribe-window__change p {
    font-size: .24rem;
    font-weight: 500;
    line-height: .32rem;
    text-align: left;
    max-width: 9.37rem;
    margin-left: 0;
    margin-bottom: .7rem
}

.subscribe-window__have {
    width: 8.6rem;
    padding: .7rem;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #1b1b1b
}

.subscribe-window__have h2 {
    margin: .35rem auto 0;
    font-weight: 700
}

.subscribe-window__have p {
    max-width: 3.6rem;
    margin: .35rem auto
}

.subscribe-window__have img {
    width: 3.41rem;
    margin: 0 auto
}

.subscribe-window__have .button {
    font-size: .13rem;
    text-transform: none;
    width: 2.47rem;
    height: .45rem
}

.subscribe-window__freezing {
    width: 100%;
    padding: .35rem;
    box-sizing: border-box
}

.subscribe-window__freezing-wrapper {
    min-width: calc(600px + 2*.35rem)
}

@media screen and (max-width:770px) {
    .subscribe-window__freezing-wrapper {
        min-width: calc(300px + 2*.14rem)
    }
}

.subscribe-window__freezing .freezing {
    color: #1b1b1b
}

.subscribe-window__freezing .freezing-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.subscribe-window__freezing .freezing-header * {
    text-align: left
}

.subscribe-window__freezing .freezing-header h2 {
    margin: 0;
    font-weight: 700;
    font-size: .28rem;
    line-height: .32rem
}

.subscribe-window__freezing .freezing-header .button.green {
    width: 2.2rem;
    height: .45rem;
    font-size: .13rem;
    text-transform: none;
    margin-top: .5rem
}

.subscribe-window__freezing .freezing-header .button.green svg {
    width: .24rem;
    height: .24rem;
    margin-right: .1rem
}

.subscribe-window__freezing .freezing-header .button.green:hover svg circle {
    stroke: #fff
}

.subscribe-window__freezing .freezing-header .button.green:hover svg path {
    fill: #fff
}

.subscribe-window__freezing .freezing-header .day-freezing {
    font-weight: 700;
    font-size: .28rem;
    color: #27b4bc;
    line-height: .32rem
}

.subscribe-window__freezing .freezing-warning {
    font-size: .14em;
    color: #ef5747
}

.subscribe-window__freezing .freezing-body {
    font-size: .16rem;
    margin-top: .2rem;
    margin-bottom: .2rem
}

.subscribe-window__freezing .freezing-body input {
    display: none;
    border: 1px solid #1b1b1b;
    padding: .1rem;
    margin-bottom: .15rem;
    width: 100%
}

.subscribe-window__freezing .freezing-body .asd__wrapper {
    width: 100%;
    border: 0
}

.subscribe-window__freezing .freezing-body .asd__wrapper .asd__datepicker-header button {
    border: none
}

.subscribe-window__freezing .freezing-body .asd__wrapper .asd__month-name {
    font-weight: 500;
    font-size: .14rem;
    color: #1b1b1b;
    letter-spacing: 0;
    text-align: center;
    line-height: .24rem
}

.subscribe-window__freezing .freezing-body .asd__wrapper .asd__week>td:nth-child(7n) {
    border-radius: 0 .08rem .08rem 0
}

.subscribe-window__freezing .freezing-body .asd__wrapper .asd__week>td:nth-child(7n).asd__selected-date-one {
    border-radius: .08rem !important
}

.subscribe-window__freezing .freezing-body .asd__wrapper .asd__week>td:nth-child(7n+1) {
    border-radius: .08rem 0 0 .08rem
}

.subscribe-window__freezing .freezing-body .asd__wrapper .asd__day {
    height: .38rem;
    line-height: .38rem
}

.subscribe-window__freezing .freezing-body .asd__wrapper .asd__day.customizable {
    position: relative
}

.subscribe-window__freezing .freezing-body .asd__wrapper .asd__day.customizable:after {
    position: absolute;
    content: "";
    display: inline-block;
    width: .07rem;
    top: .05rem;
    height: .07rem;
    border-radius: 50%;
    background-color: gold;
    right: .07rem
}

.subscribe-window__freezing .freezing-body .asd__wrapper .asd__selected-date-one {
    border-radius: .08rem 0 0 .08rem
}

.subscribe-window__freezing .freezing-body .asd__wrapper .asd__selected-date-two {
    border-radius: 0 .08rem .08rem 0
}

.subscribe-window__freezing .freezing-body .asd__wrapper .asd__selected-date-one.asd__selected-date-two {
    border-radius: .08rem
}

.subscribe-window__freezing .freezing-body .asd__wrapper td {
    border: none !important
}

.subscribe-window__freezing .freezing-body .asd__wrapper td button {
    font-size: .14rem
}

.subscribe-window__freezing .freezing-body .calendars {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: .12rem
}

.subscribe-window__freezing .freezing-body .calendars>div {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    -ms-flex-pack: center;
    justify-content: center
}

.subscribe-window__freezing .freezing-body .calendars-header {
    font-size: .14rem;
    color: #fff;
    line-height: .2rem
}

.subscribe-window__freezing .freezing-body .calendars-header>div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .25rem;
    box-sizing: border-box;
    background-color: var(--color__default);
    border-radius: .08rem .08rem 0 0;
    height: .43rem
}

.subscribe-window__freezing .freezing-body .calendars-footer .error-message {
    font-size: .16rem
}

.subscribe-window__freezing .freezing-body .calendars-footer .button {
    width: 100%;
    height: .45rem;
    font-size: .13rem;
    text-transform: none
}

.subscribe-window .vdp-datepicker__calendar {
    margin: 0 auto;
    border: none;
    width: 100%;
    height: 3rem
}

.subscribe-window .vdp-datepicker__calendar .cell {
    height: .4rem;
    line-height: .4rem;
    box-sizing: border-box;
    padding: 0;
    text-transform: none;
    text-decoration: none
}

.subscribe-window .vdp-datepicker__calendar .cell.day:hover {
    border-color: transparent !important;
    background-color: rgba(39, 180, 188, .1);
    border-radius: 1rem
}

.subscribe-window .vdp-datepicker__calendar .cell.day.highlighted {
    color: #1b1b1b;
    background-color: rgba(39, 180, 188, .2);
    border-radius: 0
}

.subscribe-window .vdp-datepicker__calendar .cell.day.sun {
    border-radius: 0 .2rem .2rem 0
}

.subscribe-window .vdp-datepicker__calendar .cell.day.highlight-start,
.subscribe-window .vdp-datepicker__calendar .sun+.cell.day {
    border-radius: .2rem 0 0 .2rem
}

.subscribe-window .vdp-datepicker__calendar .cell.day.highlight-end {
    border-radius: 0 .2rem .2rem 0
}

.subscribe-window .vdp-datepicker__calendar .cell.day.highlighted:first-of-type {
    border-radius: .2rem 0 0 .2rem !important
}

.subscribe-window .vdp-datepicker__calendar .cell.day.highlighted:last-of-type {
    border-radius: 0 .2rem .2rem 0
}

.subscribe-window .vdp-datepicker__calendar .cell.day.selected {
    background-color: #27b4bc;
    color: #fff
}

html.smartphone .subscribe-window__freezing {
    padding: .14rem .24rem
}

html.smartphone .freezing-body {
    margin-bottom: 0
}

html.smartphone .subscribe-window h2 {
    font-size: .18rem;
    line-height: .24rem;
    font-weight: 700;
    margin: 0;
    margin-bottom: .08rem;
    text-align: left
}

html.smartphone .subscribe-window p {
    font-size: .14rem;
    line-height: .2rem;
    color: var(--color__grey-60);
    margin-top: 0;
    margin-bottom: 0
}

html.smartphone .subscribe-window .day-freezing {
    font-size: .14rem;
    line-height: .2rem;
    color: #6594f0
}

html.smartphone .subscribe-window #subscription-tariffs h3 {
    margin-top: 0;
    width: 3rem
}

html.smartphone .subscribe-window #subscription-tariffs .swiper-container {
    width: 3.2em
}

html.smartphone .subscribe-window__freezing .freezing-body .calendars-footer .button {
    background-color: #6594f0;
    border-color: #6594f0
}

html.smartphone .subscribe-window__freezing .freezing-body .calendars-footer .button:disabled {
    background-color: var(--color__grey-4);
    border-color: var(--color__grey-4);
    color: var(--color__grey-20)
}

div.invite-container {
    background-color: var(--color__white);
    position: relative;
    overflow: hidden
}

div.invite-container>div.base {
    background-color: #f8c325;
    padding: .44em .45em;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    background-size: cover;
    background-position: 50%;
    color: #1b1b1b
}

div.invite-container>div.base>div.white {
    position: absolute;
    left: 0;
    top: -.15em;
    width: 6.6em;
    z-index: 5
}

div.invite-container>div.base>div.white>img {
    width: 100%
}

div.invite-container>div.base>div.guys {
    position: absolute;
    width: 100%;
    bottom: -1.4em;
    right: 0;
    z-index: 10
}

div.invite-container>div.base>div.guys>img {
    width: 100%
}

div.invite-container>div.base-error {
    padding: .5rem;
    background: var(--color__white)
}

div.invite-container>div.base-error h2 {
    font-size: .22em !important;
    font-weight: 700;
    color: #1b1b1b;
    text-align: center
}

div.invite-container>div.base-error h2 a {
    color: var(--color__default)
}

div.invite-container>div.base>h2 {
    font-size: .28em;
    font-weight: 700;
    line-height: .93;
    color: inherit;
    position: relative;
    z-index: 15
}

div.invite-container>div.base>div.subtitle {
    font-size: .14em;
    font-weight: 500;
    line-height: 1.43;
    color: inherit;
    margin-top: 1.14286em;
    position: relative;
    z-index: 15;
    width: 33.28571em
}

div.invite-container>div.base>div.link-text {
    font-size: .16em;
    font-weight: 500;
    line-height: 1.25;
    margin-top: 3em;
    position: relative;
    z-index: 15;
    color: inherit
}

div.invite-container>div.base>div.link {
    position: relative;
    z-index: 15;
    margin-top: .12em;
    display: -ms-flexbox;
    display: flex;
    width: 4.4em;
    height: .45em;
    border-radius: 2px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
    overflow: hidden
}

div.invite-container>div.base>div.link>input[type=text] {
    font-size: .14em;
    font-weight: 500;
    line-height: 1.29;
    color: #1b1b1b;
    width: 65%;
    border: 0 solid #000;
    padding-left: .64286em;
    padding-right: .64286em;
    border-radius: 0
}

div.invite-container>div.base>div.link>div.button {
    width: 35%;
    height: 100% !important;
    border-radius: 0;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

div.invite-container>div.base>div.link>div.button>svg {
    width: 1.57143em;
    height: auto;
    margin-right: .14286em
}

div.invite-container>div.base>div.link>div.button:after {
    content: "\421\43A\43E\43F\438\440\43E\432\430\442\44C"
}

div.invite-container>div.base>div.link>div.button.copied {
    pointer-events: none;
    cursor: default;
    background-color: var(--color__default-lighten)
}

div.invite-container>div.base>div.link>div.button.copied:after {
    content: "\421\43A\43E\43F\438\440\43E\432\430\43D\43E!"
}

div.invite-container>div.base>div.socs {
    margin-top: .29em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 15
}

div.invite-container>div.base>div.socs>div.text {
    font-size: .16em;
    font-weight: 500;
    line-height: 1.25;
    color: inherit;
    margin-right: 1.5625em
}

div.invite-container>div.base>div.socs>div.icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    width: .4em;
    height: .4em;
    border-radius: 50%
}

div.invite-container>div.base>div.socs>div.icon>svg {
    width: 60%;
    height: auto
}

div.invite-container>div.base>div.socs>div.icon.fb {
    background-color: #3b5999
}

div.invite-container>div.base>div.socs>div.icon.vk {
    background-color: #4d75a3
}

div.invite-container>div.base>div.socs>div.icon.tg {
    background-image: linear-gradient(180deg, #76bce6, #62a6da)
}

div.invite-container>div.base>div.socs>div.icon.wa {
    background-color: #25d366;
    box-shadow: 0 .02em .04em 0 rgba(0, 0, 0, .2)
}

div.invite-container>div.base>div.socs>div.icon:not(:last-child) {
    margin-right: .13em
}

div.invite-container>div.counters {
    display: -ms-flexbox;
    display: flex;
    height: 1.02em;
    position: relative;
    background-color: #fcfcfc
}

div.invite-container>div.counters>div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 5
}

div.invite-container>div.counters>div>div.amount {
    font-size: .18em;
    font-weight: 700;
    line-height: 1.11;
    color: #1b1b1b
}

div.invite-container>div.counters>div>div.details {
    font-size: .13em;
    font-weight: 300;
    line-height: 1.23;
    color: #9b9b9b;
    margin-top: .30769em
}

div.invite-container>div.counters>div:not(:last-child) {
    border-right: 1px solid #cacbcb
}

div.invite-container.horizontal {
    margin-top: .16em
}

div.invite-container.horizontal>div.base>div.guys {
    width: 72%;
    right: -.6em;
    bottom: -1em
}

div.invite-container.horizontal>div.base>div.socs {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 2.2em
}

div.invite-container.horizontal>div.base>div.socs>div.text {
    margin-right: 0;
    margin-bottom: .75em
}

div.invite-container.vertical {
    margin-top: .31em
}

div.invite-container.vertical>div.base {
    padding: .19em .21em
}

div.invite-container.vertical>div.base>h2 {
    font-size: .22em;
    line-height: 1.09
}

div.invite-container.vertical>div.base>div.subtitle {
    font-size: .13em;
    line-height: 1.38;
    margin-top: .53846em;
    width: auto
}

div.invite-container.vertical>div.base>a.button {
    position: relative;
    z-index: 15;
    margin-top: 2em
}

div.invite-container.vertical>div.base>div.link,
div.invite-container.vertical>div.base>div.link-text,
div.invite-container.vertical>div.base>div.socs {
    display: none
}

div.invite-container.vertical>div.base>div.guys {
    width: 155%;
    right: -.45em;
    bottom: -.65em
}

div.invite-container.vertical>div.base>div.white {
    width: 169%;
    left: -.9em;
    top: -.7em
}

html.smartphone div.invite-container {
    padding-left: .24rem;
    padding-right: .24rem
}

html.smartphone div.invite-container>div.base {
    padding-left: .18em !important;
    padding-right: .18em !important
}

html.smartphone div.invite-container>div.base-error {
    padding: .2em .1em
}

html.smartphone div.invite-container>div.base-error>h2 {
    font-size: .16em
}

html.smartphone div.invite-container>div.base>div.white {
    width: 130%;
    left: -.7em;
    top: -.8em
}

html.smartphone div.invite-container>div.base>div.guys {
    bottom: -.7em;
    width: 140%;
    right: -.4em
}

html.smartphone div.invite-container>div.base>h2 {
    font-size: .22em;
    line-height: 1.09
}

html.smartphone div.invite-container>div.base>div.subtitle {
    font-size: .12em;
    font-weight: 700;
    line-height: 1.33;
    width: auto;
    margin-top: 1.08333em
}

html.smartphone div.invite-container>div.base>div.link-text {
    font-size: .12em;
    margin-top: 1.5em
}

html.smartphone div.invite-container>div.base>div.link {
    margin-top: .07em;
    width: 100%;
    height: .4em
}

html.smartphone div.invite-container>div.base>div.link>input[type=text] {
    width: 85%
}

html.smartphone div.invite-container>div.base>div.link>div.button {
    width: 15%
}

html.smartphone div.invite-container>div.base>div.link>div.button>svg {
    width: 1.42857em;
    margin-right: 0
}

html.smartphone div.invite-container>div.base>div.link>div.button:after {
    content: ""
}

html.smartphone div.invite-container>div.base>div.link>div.button.copied {
    width: 95%
}

html.smartphone div.invite-container>div.base>div.link>div.button.copied:after {
    content: "\421\43A\43E\43F\438\440\43E\432\430\43D\43E"
}

html.smartphone div.invite-container>div.base>div.socs {
    margin-top: .25em;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

html.smartphone div.invite-container>div.base>div.socs>div.text {
    width: 100% !important;
    margin-bottom: .66667em;
    font-size: .12em;
    line-height: 1.67;
    margin-right: 0
}

html.smartphone div.invite-container>div.counters {
    height: 1.21em;
    text-align: center
}

html.smartphone div.invite-container>div.counters>div>div.amount {
    font-size: .13em;
    font-weight: 500;
    line-height: 1.23
}

html.smartphone div.invite-container>div.counters>div>div.amount>span {
    display: block;
    font-size: 1.38462em;
    font-weight: 700;
    line-height: 1.11;
    margin-bottom: .23077em
}

html.smartphone div.invite-container>div.counters>div>div.details {
    font-weight: 500;
    padding: 0 1.6em
}

html.smartphone div.invite-container.horizontal {
    margin-top: .11em
}

div#dashboard-page.hide-menu-column div.menu-column div.invite-container,
html.smartphone div.invite-container.horizontal>div.base>div.guys {
    display: none
}

html body:after {
    pointer-events: none;
    content: "";
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .7);
    z-index: 998;
    opacity: 0;
    transition: opacity .5s ease
}

html.single-step-opened,
html.single-step-opened body {
    overflow: hidden !important
}

html.single-step-opened body:after {
    opacity: 1;
    pointer-events: all
}

html.single-step-opened:not(.smartphone).win body {
    padding-right: 17px
}

html.single-step-opened:not(.smartphone).win div#navbar {
    right: 17px
}

html.single-step-opened:not(.smartphone).win div#single-step-order {
    width: calc(3.8em + 17px)
}

html.single-step-opened:not(.smartphone).win div#single-step-order>div.cross {
    right: calc(.11em + 17px)
}

div#single-step-order {
    width: 3.8em;
    background-color: #e4e7eb;
    position: fixed;
    height: 100%;
    top: 0;
    right: 0;
    overflow-y: scroll;
    z-index: 999;
    transition: right .5s ease
}

div#single-step-order .payment-subscribe-toggle {
    background-color: transparent;
    margin-top: .15rem
}

div#single-step-order .payment-subscribe-toggle h4 {
    font-size: .15em;
    line-height: 1.33333em
}

div#single-step-order.index-router-view-trans-enter,
div#single-step-order.index-router-view-trans-leave-to {
    right: -4em
}

div#single-step-order>div.cross {
    position: fixed;
    width: .15em;
    top: .26em;
    right: .11em;
    cursor: pointer;
    z-index: 50
}

div#single-step-order>div.cross>svg {
    width: 100%;
    height: auto
}

div#single-step-order div.cancel-info {
    font-size: .24em;
    font-weight: 500;
    padding: 3em 2.5em;
    text-align: center
}

div#single-step-order div.cancel-info .icon {
    margin-top: 1em
}

div#single-step-order div.cancel-info .icon>svg {
    width: 3.7em;
    height: auto
}

div#single-step-order>div.padding-container {
    transform: translateY(0)
}

div#single-step-order>div.padding-container .container,
div#single-step-order>div.padding-container .container--first,
div#single-step-order>div.padding-container .container--last,
div#single-step-order>div.padding-container .container--payment,
html.smartphone div#single-step-order>div.padding-container .container--first,
html.smartphone div#single-step-order>div.padding-container .container--last,
html.smartphone div#single-step-order>div.padding-container .container--payment {
    padding: .15em .25em;
    margin: .05em auto;
    background-color: #fff;
    border-radius: 0
}

div#single-step-order>div.padding-container .container--first {
    margin-top: 0;
    border-radius: 0
}

div#single-step-order>div.padding-container .container--last {
    margin-bottom: 0;
    border-radius: 0;
    border-top: 1px dashed #000
}

div#single-step-order>div.padding-container .container--last-dcp {
    padding-top: .15em;
    border-top: unset
}

div#single-step-order>div.padding-container .container--last-dcp .button {
    margin-left: auto;
    margin-right: auto
}

div#single-step-order>div.padding-container .container--payment {
    margin-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

div#single-step-order>div.padding-container h3 {
    font-size: .2em;
    font-weight: 500;
    line-height: 1.38;
    color: #1b1b1b
}

div#single-step-order>div.padding-container h3.confirm-title {
    font-size: .28em;
    font-weight: 700;
    margin-bottom: 1em;
    text-align: center
}

div#single-step-order>div.padding-container h3.confirm-title--small {
    font-size: .2em
}

div#single-step-order>div.padding-container h3.subscription-h3 {
    font-size: .14em
}

div#single-step-order>div.padding-container .inactive * {
    pointer-events: none
}

div#single-step-order>div.padding-container .inactive .open-indicator {
    display: none
}

div#single-step-order>div.padding-container .faded {
    opacity: .5
}

div#single-step-order>div.padding-container div.tariff-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

div#single-step-order>div.padding-container div.tariff-info>div.icon {
    padding: 2px;
    width: .58em;
    height: .58em;
    margin-right: .15em;
    border-radius: 50%;
    background-color: #fff
}

div#single-step-order>div.padding-container div.tariff-info>div.icon>svg {
    width: 100%;
    height: auto
}

div#single-step-order>div.padding-container div.tariff-info>div.info>div.line1 {
    font-size: .18em;
    font-weight: 300;
    line-height: 1.22;
    color: #000
}

div#single-step-order>div.padding-container div.tariff-info>div.info>div.line1>span.tariff {
    font-size: 1.11111em;
    font-weight: 700;
    line-height: 1.1
}

div#single-step-order>div.padding-container div.tariff-info>div.info>div.line2 {
    font-size: .15em;
    font-weight: 700;
    line-height: 1.47;
    color: #000
}

div#single-step-order>div.padding-container div.tariff-info>div.info>div.free-days {
    font-size: .14em;
    font-weight: 700;
    line-height: 1.57;
    color: #fff;
    width: 11.42857em;
    height: 1.57143em;
    border-radius: 2px;
    background-color: #eb11cd;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

div#single-step-order>div.padding-container div.tariff-info>div.loader {
    font-size: .14em;
    margin-top: auto;
    margin-bottom: auto;
    height: 2.5em;
    margin-left: 1em
}

div#single-step-order>div.padding-container div.personal-data>h3 {
    margin-bottom: .5em
}

div#single-step-order>div.padding-container div.personal-data>div.phone-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

div#single-step-order>div.padding-container div.personal-data>div.phone-container .c-input-group__message {
    margin-right: -60%
}

div#single-step-order>div.padding-container div.personal-data>div.phone-container>h3,
div#single-step-order>div.padding-container div.personal-data>div.phone-container>p {
    display: none
}

div#single-step-order>div.padding-container div.personal-data>div.phone-container>div.input-container {
    width: 60%;
    transition: width .5s ease
}

div#single-step-order>div.padding-container div.personal-data>div.phone-container>div.input-container input {
    margin-top: 0;
    margin-bottom: 0;
    border-radius: .21429em
}

div#single-step-order>div.padding-container div.personal-data>div.phone-container>div.input-container input#phone {
    border-right-width: 0
}

div#single-step-order>div.padding-container div.personal-data>div.phone-container.inactive>div.input-container input#phone,
div#single-step-order>div.padding-container div.personal-data>div.phone-container>div.input-container input#phone.is-invalid,
div#single-step-order>div.padding-container div.personal-data>div.phone-container>div.input-container input#phone:focus {
    border-right-width: 1px
}

div#single-step-order>div.padding-container div.personal-data>div.phone-container>div.input-button {
    display: -ms-flexbox;
    display: flex;
    width: 40%;
    transition: width .5s ease
}

div#single-step-order>div.padding-container div.personal-data>div.phone-container>div.input-button>div {
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

div#single-step-order>div.padding-container div.personal-data>div.phone-container>div.input-button .button {
    width: 100%;
    height: 3.21429em;
    font-size: .14em;
    font-weight: 700;
    line-height: 1.29;
    border-radius: 0;
    border-width: 0;
    text-transform: none;
    padding: 0;
    white-space: nowrap;
    overflow: hidden
}

div#single-step-order>div.padding-container div.personal-data>div.phone-container>div.input-button .button.loading {
    background-color: #fff !important;
    border-right: 1px solid #cacbcb !important;
    border-bottom: 1px solid #cacbcb !important;
    border-top: 1px solid #cacbcb !important
}

div#single-step-order>div.padding-container div.personal-data>div.phone-container>div.input-button .button.loading:before {
    font-size: .8em;
    border-width: .28em
}

div#single-step-order>div.padding-container div.personal-data>div.phone-container>div.small-text {
    width: 100%;
    font-size: .1em;
    font-weight: 500;
    line-height: 1.2;
    margin-top: .7em;
    color: #1b1b1b
}

div#single-step-order>div.padding-container div.personal-data>div.phone-container>div.small-text a {
    color: var(--color__default)
}

div#single-step-order>div.padding-container div.personal-data>div.phone-container.inactive>div.input-container {
    width: 100%
}

div#single-step-order>div.padding-container div.personal-data>div.phone-container.inactive>div.input-button {
    width: 0
}

div#single-step-order>div.padding-container div.personal-data>div.sms-container {
    margin-top: .09em;
    margin-bottom: .07em
}

div#single-step-order>div.padding-container div.personal-data>div.sms-container>div.input-button,
div#single-step-order>div.padding-container div.personal-data>div.sms-container>h3,
div#single-step-order>div.padding-container div.personal-data>div.sms-container>p {
    display: none
}

div#single-step-order>div.padding-container div.personal-data>div.sms-container>div.input-container input {
    margin-top: 0;
    margin-bottom: 0
}

div#single-step-order>div.padding-container div.personal-data>div.sms-container>div.input-container .loader {
    background-color: #fff !important;
    min-width: 2.5em;
    min-height: 2.5em;
    font-size: .08em;
    position: absolute;
    top: 2.5em;
    z-index: 3;
    right: 1em
}

div#single-step-order>div.padding-container div.personal-data>div.sms-container>div.input-container.has-error .message {
    font-size: .12em
}

div#single-step-order>div.padding-container div.personal-data>div.profile-container>h2 {
    display: none
}

div#single-step-order>div.padding-container div.personal-data>div.profile-container div.input-container input {
    margin-top: 0;
    margin-bottom: 0
}

div#single-step-order>div.padding-container div.personal-data>div.profile-container div.input-container:not(:last-child) {
    margin-bottom: .07em
}

div#single-step-order>div.padding-container div.personal-data>div.profile-container div.input-container.has-error .message {
    font-size: .12em
}

div#single-step-order>div.padding-container div.delivery-address>h3 {
    margin-bottom: .5em
}

div#single-step-order>div.padding-container div.delivery-address .date-container {
    margin-bottom: 0;
    background-color: var(--color__white)
}

html.smartphone div#single-step-order>div.padding-container div.delivery-address .date-container.loader {
    min-height: 3.21429em
}

div#single-step-order>div.padding-container div.delivery-address div.morning-evening-selector {
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    margin-right: .05em
}

div#single-step-order>div.padding-container div.delivery-address div.morning-evening-selector>div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    background-color: transparent;
    transition: background-color .3s ease
}

div#single-step-order>div.padding-container div.delivery-address div.morning-evening-selector>div>svg {
    color: #1b1b1b;
    margin-right: .08em;
    height: auto;
    transition: color .3s ease
}

div#single-step-order>div.padding-container div.delivery-address div.morning-evening-selector>div.active {
    background-color: var(--color__default)
}

div#single-step-order>div.padding-container div.delivery-address div.morning-evening-selector>div.active>span,
div#single-step-order>div.padding-container div.delivery-address div.morning-evening-selector>div.active>svg {
    color: #fff
}

div#single-step-order>div.padding-container div.delivery-address div.morning-evening-selector>div:first-child>svg {
    width: .17em;
    height: .19em
}

div#single-step-order>div.padding-container div.delivery-address div.morning-evening-selector>div:nth-child(2) {
    font-weight: 300;
    letter-spacing: .3px;
    line-height: 1.3em
}

div#single-step-order>div.padding-container div.delivery-address div.morning-evening-selector>div:nth-child(2)>svg {
    width: .25em;
    height: .12em
}

div#single-step-order>div.padding-container div.delivery-address .address-container {
    margin-top: .08em
}

div#single-step-order>div.padding-container div.delivery-address .address-container>div.address-inputs .vue-simple-suggest.designed .suggestions {
    font-size: .14em
}

div#single-step-order>div.padding-container div.delivery-address .address-container>div.address-inputs .vue-simple-suggest.designed .suggestions .misc-item,
div#single-step-order>div.padding-container div.delivery-address .address-container>div.address-inputs .vue-simple-suggest.designed .suggestions .suggest-item {
    padding: .3125em .625em
}

div#single-step-order>div.padding-container div.delivery-address .address-container>div.address-inputs .vue-simple-suggest.designed .suggestions .misc-item--underline {
    border-bottom: 1px solid #cacbcb
}

div#single-step-order>div.padding-container div.delivery-address .address-container>div.address-inputs .vue-simple-suggest.designed .suggestions .suggest-item {
    padding: .75em .9375em
}

div#single-step-order>div.padding-container div.delivery-address .address-container>div.address-inputs input#room {
    width: 100% !important
}

div#single-step-order>div.padding-container div.delivery-address .address-container .button.loading {
    height: 2.5em;
    overflow: visible
}

div#single-step-order>div.padding-container div.delivery-address .address-container>div.dropdown.select.single.unsearchable {
    background-color: #fff;
    margin-bottom: .08em
}

div#single-step-order>div.padding-container div.delivery-address .address-container>div.address-inputs {
    font-size: 1em
}

div#single-step-order>div.padding-container div.delivery-address .address-container>div.address-inputs>div.input-group>div.input-street {
    -ms-flex-positive: 1;
    flex-grow: 1
}

div#single-step-order>div.padding-container div.delivery-address .address-container>div.address-inputs>div.input-group>div.input-room {
    -ms-flex-preferred-size: 0.73em;
    flex-basis: 0.73em;
    margin-left: .07em;
    -ms-flex-positive: 0;
    flex-grow: 0
}

div#single-step-order>div.padding-container div.delivery-address .address-container>div.address-inputs>div.check-status {
    font-size: 1em
}

div#single-step-order>div.padding-container div.delivery-address .address-container>div.address-inputs>div.check-status.process,
div#single-step-order>div.padding-container div.delivery-address .address-container>div.address-inputs>div.check-status.success,
div#single-step-order>div.padding-container div.delivery-address .address-container>div.address-inputs>div.check-status:empty {
    display: none
}

div#single-step-order>div.padding-container div.delivery-address .address-container>div.address-inputs>div.check-status.fail {
    margin-top: .2em
}

div#single-step-order>div.padding-container div.delivery-address .address-container>div.address-inputs>div.dropdown.select {
    background-color: var(--color__white)
}

div#single-step-order>div.padding-container div.delivery-address .address-container>div.address-inputs>div.b-new-address__info,
div#single-step-order>div.padding-container div.delivery-address .address-container>div.address-inputs>div:not(:last-child) {
    margin-bottom: .07em
}

div#single-step-order>div.padding-container div.delivery-address .address-container>div.address-inputs>button.confirm-address {
    display: none
}

div#single-step-order>div.padding-container div.delivery-address .address-container>div.address-inputs .suggestions {
    font-size: .16em
}

div#single-step-order>div.padding-container div.delivery-address .dropdown.loader:before {
    border-width: .02rem;
    font-size: .12rem;
    left: calc(50% - 2.5em)
}

div#single-step-order>div.padding-container>div.delivery-methods {
    margin-top: .25em
}

div#single-step-order>div.padding-container>div.delivery-methods h3 {
    margin-bottom: .5em
}

div#single-step-order>div.padding-container>div.delivery-methods .radio {
    margin-bottom: .07em
}

div#single-step-order>div.padding-container>div.delivery-methods .radio label {
    background-color: #fff;
    opacity: 1
}

div#single-step-order>div.padding-container .cashback-container>.h3-title {
    margin-bottom: .5em
}

div#single-step-order>div.padding-container .cashback-container__title {
    font-size: .18em
}

div#single-step-order>div.padding-container .cashback-container__aeroflot-miles-title,
div#single-step-order>div.padding-container .cashback-container__cashback-title,
div#single-step-order>div.padding-container .cashback-container__extra-cashback-title {
    display: inline-block;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

div#single-step-order>div.padding-container .cashback-container__cashback-title {
    background: linear-gradient(133.73deg, #638fff -1.69%, #8962f8 97.05%)
}

div#single-step-order>div.padding-container .cashback-container__extra-cashback-title {
    background: linear-gradient(131.32deg, #cf6bfe 1.02%, #ff003d 145%)
}

div#single-step-order>div.padding-container .cashback-container__aeroflot-miles-title {
    background: #dd052b
}

div#single-step-order>div.padding-container .cashback-container__cashback-description {
    font-size: .15em
}

div#single-step-order>div.padding-container div.bordered-message {
    border: 1px solid var(--color__default);
    padding: .83333em 1.08333em;
    font-size: .12em;
    font-weight: 500;
    line-height: 1.33;
    color: #000;
    margin-top: .61538em
}

div#single-step-order>div.padding-container div.payment-summary {
    margin-top: .25em
}

div#single-step-order>div.padding-container div.payment-summary .payment-discount-text {
    color: var(--color__default-darken);
    font-weight: 700;
    font-size: .14em;
    text-align: right;
    border-top: 1px solid #cacaca;
    margin-top: .6em;
    padding-top: .3em
}

div#single-step-order>div.padding-container div.payment-summary .summary-flex__tooltip {
    position: absolute;
    top: .06em;
    right: 0;
    left: 0
}

html.smartphone div#single-step-order>div.padding-container div.payment-summary .summary-flex__tooltip {
    top: .03em
}

div#single-step-order>div.padding-container div.payment-summary .summary-flex__tooltip .b-popover {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

div#single-step-order>div.padding-container div.payment-summary .summary-flex__tooltip .b-popover__inner {
    right: 0;
    left: 0;
    width: 100%
}

div#single-step-order>div.padding-container div.payment-summary .summary-flex__tooltip .b-total-bars__bar-title {
    width: 100%;
    display: -ms-flexbox;
    display: flex
}

div#single-step-order>div.padding-container div.payment-summary .summary-flex__tooltip .b-total-bars__bar-title:after {
    content: none
}

div#single-step-order>div.padding-container div.payment-summary .summary-flex__tooltip .b-popover-text {
    font-size: .14rem
}

div#single-step-order>div.padding-container div.payment-summary .summary-flex__tooltip .b-total-bars__bar-tooltip {
    margin-left: auto;
    margin-right: 0;
    cursor: pointer
}

div#single-step-order>div.padding-container div.payment-summary>div.summary-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative
}

div#single-step-order>div.padding-container div.payment-summary>div.summary-flex>h3 {
    line-height: 1
}

div#single-step-order>div.padding-container div.payment-summary>div.summary-flex>div.old-price {
    font-size: .18em;
    font-weight: 700;
    line-height: 1.22;
    color: #1b1b1b;
    text-decoration: line-through;
    margin-right: .83333em;
    margin-left: auto
}

div#single-step-order>div.padding-container div.payment-summary>div.summary-flex>div.price {
    font-size: .28em;
    font-weight: 700;
    line-height: .9;
    color: var(--color__default)
}

div#single-step-order>div.padding-container div.payment-summary>div.summary-flex>div.price.price--popover {
    margin-right: .89286em
}

div#single-step-order>div.padding-container div.payment-summary>div.promocode-input {
    margin-top: .08em
}

div#single-step-order>div.padding-container div.payment-summary>div.trial-auto-longation-info {
    border: 1px solid var(--color__default);
    padding: .83333em 1.08333em;
    font-size: .12em;
    font-weight: 500;
    line-height: 1.33;
    color: #000;
    margin-top: .61538em
}

div#single-step-order>div.padding-container div.payment-methods__info {
    color: #666;
    font-size: .14em;
    text-align: left;
    font-weight: 500;
    margin-top: .35714em
}

div#single-step-order>div.padding-container div.payment-methods>div.payment-methods-cont {
    margin-top: .08em
}

div#single-step-order>div.padding-container div.payment-methods .radio {
    margin-bottom: .07em
}

div#single-step-order>div.padding-container div.payment-methods .radio label {
    background-color: #fff;
    opacity: 1;
    font-size: .16em;
    font-weight: 500
}

div#single-step-order>div.padding-container div.payment-methods .radio.radio-active-card {
    background-color: #fff
}

div#single-step-order>div.padding-container>div.customization-info {
    border: 1px solid var(--color__default);
    padding: .83333em 1.08333em;
    font-size: .12em;
    font-weight: 500;
    line-height: 1.33;
    color: #000;
    margin-top: .61538em
}

div#single-step-order>div.padding-container div.payment-methods-buttons {
    width: 100%;
    margin-top: .4em
}

div#single-step-order>div.padding-container div.payment-methods-buttons .button {
    width: 100%;
    border-radius: .22222em;
    font-size: .18em;
    font-weight: 700;
    line-height: 1.11;
    color: var(--color__white);
    height: 3.61111em
}

div#single-step-order>div.padding-container .button.cancel {
    width: 100%;
    border-radius: .22222em;
    font-size: .18em;
    font-weight: 700;
    height: 3.61111em;
    margin-top: .4em
}

div#single-step-order>div.padding-container .button.cancel.loading:before {
    font-size: .8em;
    border-width: .28em
}

div#single-step-order>div.padding-container div.message-after-button {
    font-size: .13em;
    font-weight: 500;
    line-height: 1.27;
    text-align: center;
    color: #646464;
    margin: 1.54545em auto 0
}

div#single-step-order>div.padding-container div.message-after-button .b-popover,
div#single-step-order>div.padding-container div.message-after-button span {
    vertical-align: middle
}

div#single-step-order>div.padding-container div.message-after-button .b-popover__inner {
    left: auto;
    bottom: 1.7em !important;
    right: -4.9em;
    padding: .5em 1em
}

div#single-step-order>div.padding-container div.message-after-button .b-popover__inner:after {
    right: .73rem
}

div#single-step-order>div.padding-container div.message-after-button .b-popover img {
    width: 1.4em
}

div#single-step-order .sub24-popover {
    vertical-align: middle;
    font-size: .13em;
    margin-bottom: .1em;
    margin-left: 1.2em
}

div#single-step-order .sub24-popover .b-popover__inner {
    left: auto;
    bottom: 1.7em !important;
    right: -.9em;
    padding: .5em 1em
}

div#single-step-order .sub24-popover .b-popover__inner:after {
    right: .1rem
}

div#single-step-order .sub24-popover img {
    width: 1.4em
}

div#single-step-order div.one-ruble-text-2 {
    font-size: .11em;
    font-weight: 500;
    line-height: 1.27;
    text-align: center;
    color: #888;
    padding: .72727em 0;
    background-color: #b7d7c2;
    margin-top: 1.54545em
}

div#single-step-order div.phone-container,
div#single-step-order div.sms-container {
    max-height: 3em;
    transition: max-height .3s ease, margin .3s ease;
    overflow: hidden
}

div#single-step-order div.personal-data {
    max-height: 3em;
    transition: max-height .5s ease, margin .3s ease;
    overflow: hidden
}

div#single-step-order.step3>div.padding-container div.personal-data>div.phone-container,
div#single-step-order.step3>div.padding-container div.personal-data>div.sms-container {
    max-height: 0;
    margin-top: 0;
    margin-bottom: 0
}

div#single-step-order.step3.has-profile-fields>div.padding-container div.personal-data {
    max-height: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0
}

div#single-step-order>div.order-loading {
    padding: .5em .3em
}

div#single-step-order>div.order-loading h3 {
    font-size: .2em;
    text-align: center;
    font-weight: 500;
    line-height: 1.38;
    color: #9b9b9b
}

div#single-step-order>div.order-loading div.loader {
    font-size: .2em;
    width: 2.5em;
    margin: 2em auto
}

div#single-step-order .payment-method__card.has-error .payment-card__input,
div#single-step-order .payment-method__card.has-error .radio input[type=radio]:checked+label {
    box-shadow: 0 0 0 1px red
}

.single-step__penalty {
    color: #9b9b9b;
    font-size: .12rem;
    line-height: 1.12em;
    padding: 0;
    font-weight: 300;
    margin-top: .12rem;
    margin-bottom: .12rem;
    text-align: center
}

.single-step__payment {
    margin-top: .24em;
    color: var(--color__grey-60)
}

.single-step__payment-info {
    font-size: .14em;
    line-height: 1.42857em;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: .57143em
}

.single-step__payment-info--total {
    font-size: .16em;
    line-height: 1.5em;
    font-weight: 700;
    color: var(--color__black)
}

.single-step__payment-info--title {
    font-size: .1em;
    line-height: 1.2em;
    font-weight: 700;
    color: var(--color__grey-40);
    margin-bottom: 1.6em;
    text-transform: uppercase;
    letter-spacing: .1em
}

html.smartphone div#single-step-order {
    width: 100%;
    font-size: .8em;
    overflow-y: auto
}

html.smartphone div#single-step-order>div.padding-container .container,
html.smartphone div#single-step-order>div.padding-container .container--first,
html.smartphone div#single-step-order>div.padding-container .container--last,
html.smartphone div#single-step-order>div.padding-container .container--payment {
    padding: .15em;
    margin: .1em auto;
    background-color: #fff;
    border-radius: .15em
}

html.smartphone div#single-step-order>div.padding-container .container--first {
    margin-top: 0;
    border-radius: 0
}

html.smartphone div#single-step-order>div.padding-container .container--last {
    margin-bottom: 0;
    margin-top: 0;
    border-radius: 0;
    padding-top: 0;
    border-top: 1px dashed #000
}

html.smartphone div#single-step-order>div.padding-container .container--last-dcp {
    padding-top: .15em;
    border-top: unset
}

html.smartphone div#single-step-order>div.padding-container .container--last-dcp .button {
    margin-left: auto;
    margin-right: auto
}

html.smartphone div#single-step-order>div.padding-container .container--payment {
    margin-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

html.smartphone div#single-step-order>div.padding-container div.payment-methods-buttons {
    margin-bottom: 0;
    margin-top: .4em
}

html.smartphone div#single-step-order>div.padding-container div.payment-methods-buttons .button {
    font-size: .16em
}

html.smartphone div#single-step-order .payment-methods-list,
html.smartphone div#single-step-order>div.padding-container div.payment-methods-buttons .action {
    padding: 0
}

html.smartphone div#single-step-order>div.cross {
    position: fixed
}

html.smartphone div#single-step-order .button.cancel {
    font-size: .16em
}

html.smartphone div#single-step-order .input-container.placeholder input {
    font-size: .14em;
    height: 3.21429em;
    border-radius: 0;
    padding: 1.42857em 1.07143em .71429em
}

html.smartphone div#single-step-order .placeholder input:placeholder-shown:not(:focus)+*,
html.smartphone div#single-step-order .placeholder select:placeholder-shown:not(:focus)+* {
    font-size: .16em;
    top: 1.21429em;
    left: 1.07143em
}

html.smartphone div#single-step-order .placeholder.input-room input:placeholder-shown:not(:focus)+* {
    font-size: .14em
}

html.smartphone div#single-step-order .placeholder>span,
html.smartphone div#single-step-order .placeholder label {
    line-height: .78571em
}

html.smartphone div#single-step-order .placeholder label {
    font-size: .1em;
    left: 1.5em;
    top: .7em
}

html.smartphone div#single-step-order .radio {
    margin-bottom: .15em
}

html.smartphone div#single-step-order .radio label {
    font-size: .14em;
    padding: 1.07143em;
    box-sizing: border-box;
    border: 1px solid #cacbcb;
    height: 3.21429em;
    border-radius: .42857em;
    line-height: 1.28571em
}

html.smartphone div#single-step-order .radio.radio-active-card input[type=radio]:checked+label {
    border: none;
    box-shadow: none
}

html.smartphone div#single-step-order .radio label span svg {
    margin-right: 1.07143em;
    width: 1.71429em;
    height: auto
}

html.smartphone div#single-step-order .radio label:after {
    width: 1.42857em;
    height: 1.42857em
}

html.smartphone div#single-step-order .radio-border-top input[type=radio]:checked+label {
    border-radius: .42857em .42857em 0 0
}

html.smartphone div#single-step-order .payment-card-step .payment-card .input-container input {
    font-size: .14em
}

html.smartphone div#single-step-order .payment-card-step .payment-card {
    font-size: 1em;
    height: 1.7em
}

html.smartphone div#single-step-order div.input-container input {
    height: 2.85714em;
    border-radius: .28571em;
    padding: .71429em;
    margin: 0
}

html.smartphone div#single-step-order .payment-card-step .payment-card__longate .payment-card__input,
html.smartphone div#single-step-order .payment-card-step .payment-card__newclient .payment-card__input,
html.smartphone div#single-step-order .payment-card-step .payment-card__subscribe .payment-card__input {
    padding: .1em
}

html.smartphone div#single-step-order .dropdown.select .dropdown-toggle {
    height: .45em
}

html.smartphone div#single-step-order .dropdown.select span.title {
    font-size: .1em;
    margin: .6em 0 0 1em;
    color: #9b9b9b;
    line-height: 1.1em
}

html.smartphone div#single-step-order .dropdown.select .selected-tag {
    font-size: .14em;
    border-radius: .28571em;
    margin: 2px 1px 1px .35714em;
    padding: 1.07143em .25em .35714em;
    min-height: 2.85714em;
    line-height: 1.28571em
}

html.smartphone div#single-step-order .dropdown.select .selected-tag.w-title {
    padding: .35714em .25em
}

html.smartphone div#single-step-order .dropdown.select input[type=search] {
    font-size: .16em;
    top: .625em;
    left: .3125em;
    line-height: 1.42857143;
    height: 2.125em;
    padding: 0 .5em;
    width: 10em
}

html.smartphone div#single-step-order .dropdown.select .open-indicator {
    top: .16em;
    right: .15em;
    height: .2em;
    width: .1em
}

html.smartphone div#single-step-order .dropdown.select .open-indicator:before {
    left: -.1em;
    top: -.04em;
    height: .19em
}

html.smartphone div#single-step-order .dropdown.select .open-indicator:after {
    margin-top: .03em;
    border-width: .05em .05em 0
}

html.smartphone div#single-step-order .dropdown.select.open .open-indicator:after {
    border-width: 0 .05em .05em;
    border-color: transparent transparent var(--color__default)
}

html.smartphone div#single-step-order .dropdown.select .selected-tag .string {
    height: 1.21429em
}

html.smartphone div#single-step-order .dropdown-list {
    min-width: 1.6em
}

html.smartphone div#single-step-order .dropdown-list li {
    font-size: .16em
}

html.smartphone div#single-step-order .dropdown-list li>a {
    display: -ms-flexbox;
    display: flex;
    height: 2.625em;
    padding: .21429em .6875em
}

html.smartphone div#single-step-order .dropdown-list li>a .string {
    height: 2.625em;
    padding: .1875em 0
}

html.smartphone div#single-step-order .dropdown-list img {
    height: 1.07143em;
    margin-right: 1.07143em
}

html.smartphone div#single-step-order div.input-container .card-number-type {
    right: .05em;
    top: .05em;
    width: .5em;
    height: .3em
}

html.smartphone div#single-step-order input[type=number] {
    -webkit-appearance: none
}

html.smartphone div#single-step-order .placeholder input:placeholder-shown:not(:focus)+*,
html.smartphone div#single-step-order .placeholder select:placeholder-shown:not(:focus)+* {
    opacity: 1
}

html.smartphone div#single-step-order .placeholder input.form-control {
    border-radius: 3px
}

html.smartphone div#single-step-order .placeholder label {
    color: #6f6f6f
}

.page-content {
    background-color: #fff;
    overflow: hidden;
    border-radius: .033em
}

.page-content__shadow {
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .12), 0 8px 8px 0 rgba(0, 0, 0, .08)
}

html.collect-email div.navbar.dark {
    background-color: rgba(86, 86, 86, .65)
}

html.collect-email div#collect-email-screen {
    box-sizing: border-box;
    font-size: 6.94444vw;
    background-image: url(/static/images/bg.553f271.jpg);
    padding-top: 1.36em;
    height: 6.68em;
    background-size: cover;
    background-position: 50%
}

html.collect-email div#collect-email-screen[data-step="3"] {
    padding-top: 1.88em;
    height: 7.67em
}

html.collect-email div#collect-email-screen .button {
    font-size: .18em;
    font-weight: 900;
    width: 16.66667em;
    height: 3.33333em;
    border-radius: .33333em;
    background-color: #219a4e;
    border-width: 0
}

html.collect-email div#collect-email-screen div.cont {
    width: 4.27em;
    margin-right: 2.36em;
    margin-left: auto
}

html.collect-email div#collect-email-screen div.cont>h1 {
    text-shadow: 0 2px .05em rgba(0, 0, 0, .35);
    font-size: .8em;
    font-weight: 900;
    line-height: .65;
    text-align: center;
    color: #fff
}

html.collect-email div#collect-email-screen div.cont>h2 {
    font-size: .41em;
    font-weight: 700;
    line-height: 1.27;
    text-align: center;
    color: #fff;
    margin-top: .2439em
}

html.collect-email div#collect-email-screen div.cont>div.border-block {
    border: 2px solid #fff;
    border-radius: .1em;
    margin-top: .3em;
    padding: .41em .69em .35em .58em
}

html.collect-email div#collect-email-screen div.cont>div.border-block div.sms-message {
    font-size: .16em;
    font-weight: 500;
    line-height: 1.25;
    color: #fff;
    text-align: center;
    margin-bottom: 1em
}

html.collect-email div#collect-email-screen div.cont>div.border-block div.input-container {
    font-size: .16em
}

html.collect-email div#collect-email-screen div.cont>div.border-block div.input-container.phone-container {
    margin-top: 1.125em
}

html.collect-email div#collect-email-screen div.cont>div.border-block div.input-container .message {
    font-size: .875em
}

html.collect-email div#collect-email-screen div.cont>div.border-block div.input-container.email-container .message,
html.collect-email div#collect-email-screen div.cont>div.border-block div.input-container.phone-container .message {
    display: none
}

html.collect-email div#collect-email-screen div.cont>div.border-block div.input-container input {
    background-color: #fff;
    font-size: 1em;
    height: 2.8125em;
    margin: 0;
    border-width: 0;
    box-shadow: inset 0 1px .375em 0 rgba(0, 0, 0, .36)
}

html.collect-email div#collect-email-screen div.cont>div.border-block div.input-container input.is-invalid {
    border-width: 1px
}

html.collect-email div#collect-email-screen div.cont>div.border-block div.repeat-sms {
    font-size: .12em;
    text-decoration: underline;
    display: table;
    margin-left: auto;
    margin-right: 0;
    font-weight: 700;
    margin-top: .3em;
    cursor: pointer;
    color: #1b1b1b
}

html.collect-email div#collect-email-screen div.cont>div.border-block div.repeat-sms:not(.active) {
    pointer-events: none;
    opacity: .8
}

html.collect-email div#collect-email-screen div.cont>div.border-block .button {
    margin-top: 1.44444em
}

html.collect-email div#collect-email-screen div.cont>div.border-block .button:before {
    font-size: .8em
}

html.collect-email div#collect-email-screen div.cont>div.border-block div.promo-details {
    font-size: .16em;
    font-weight: 500;
    line-height: 1.25;
    margin-top: .6875em;
    color: #fff;
    text-align: center
}

html.collect-email div#collect-email-screen div.black-cont {
    width: 11.38em;
    height: 4.23em;
    margin: 0 auto;
    background-color: rgba(60, 60, 60, .85);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

html.collect-email div#collect-email-screen div.black-cont>div.left-block {
    width: 50%
}

html.collect-email div#collect-email-screen div.black-cont>div.left-block>h1 {
    font-size: .5em;
    font-weight: 700;
    line-height: 1.04;
    text-align: center;
    color: #fff
}

html.collect-email div#collect-email-screen div.black-cont>div.left-block>h2 {
    font-size: .18em;
    font-weight: 500;
    line-height: 1.22;
    text-align: center;
    color: #fff;
    margin-top: 2.22222em
}

html.collect-email div#collect-email-screen div.black-cont>div.vline {
    width: 1px;
    height: 3.44em;
    background-color: #d8d8d8
}

html.collect-email div#collect-email-screen div.black-cont>div.right-block {
    width: 50%
}

html.collect-email div#collect-email-screen div.black-cont>div.right-block>h2 {
    font-size: .28em;
    font-weight: 500;
    line-height: 1.14;
    text-align: center;
    color: #fff
}

html.collect-email div#collect-email-screen div.black-cont>div.right-block>.button {
    margin-top: 2.22222em;
    margin-left: auto;
    margin-right: auto
}

html.collect-email.smartphone div#collect-email-screen {
    font-size: 1em;
    background-image: url(/static/images/bg_mob.f7090d8.jpg);
    height: 100vh;
    min-height: 4.5em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 0
}

html.collect-email.smartphone div#collect-email-screen .button {
    width: 14.44444em;
    height: 2.77778em
}

html.collect-email.smartphone div#collect-email-screen div.cont {
    width: 2.6em;
    margin-right: auto;
    margin-left: auto;
    margin-top: .6em
}

html.collect-email.smartphone div#collect-email-screen div.cont>h1 {
    font-size: .5em;
    text-shadow: 0 2px .08em rgba(0, 0, 0, .35);
    line-height: 1.04
}

html.collect-email.smartphone div#collect-email-screen div.cont>h2 {
    font-size: .26em;
    line-height: 2;
    margin-top: -.5em;
    text-shadow: 0 2px .15385em rgba(0, 0, 0, .22)
}

html.collect-email.smartphone div#collect-email-screen div.cont>div.border-block {
    border-width: 0;
    padding: 0;
    margin-top: .26em
}

html.collect-email.smartphone div#collect-email-screen div.cont>div.border-block div.input-container.phone-container {
    margin-top: .9375em
}

html.collect-email.smartphone div#collect-email-screen div.cont>div.border-block div.repeat-sms {
    font-size: .1em;
    margin-bottom: 4.5em
}

html.collect-email.smartphone div#collect-email-screen div.cont>div.border-block .button {
    margin-top: 1.16667em
}

html.collect-email.smartphone div#collect-email-screen div.cont>div.border-block div.promo-details {
    font-size: .14em;
    font-weight: 700;
    line-height: 1.29;
    margin-top: 1.5em
}

html.collect-email.smartphone div#collect-email-screen div.cont>div.border-block div.promo-details.auth {
    margin-top: 5.78571em
}

html.collect-email.smartphone div#collect-email-screen div.black-cont {
    width: 3em;
    height: auto;
    background-color: rgba(60, 60, 60, .85);
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: .37em;
    padding-bottom: .42em
}

html.collect-email.smartphone div#collect-email-screen div.black-cont>div.left-block {
    width: 100%
}

html.collect-email.smartphone div#collect-email-screen div.black-cont>div.left-block>h1 {
    font-size: .3em;
    line-height: 1.13
}

html.collect-email.smartphone div#collect-email-screen div.black-cont>div.left-block>h2 {
    font-size: .12em;
    line-height: 1.33;
    margin-top: 1.08333em
}

html.collect-email.smartphone div#collect-email-screen div.black-cont>div.vline {
    width: 2.7em;
    height: 1px;
    margin-top: .31em;
    margin-bottom: .31em
}

html.collect-email.smartphone div#collect-email-screen div.black-cont>div.right-block {
    width: 100%
}

html.collect-email.smartphone div#collect-email-screen div.black-cont>div.right-block>h2 {
    font-size: .2em;
    line-height: 1.2;
    padding: 0 .5em
}

html.collect-email.smartphone div#collect-email-screen div.black-cont>div.right-block>.button {
    margin-top: 1.27778em
}

html[data-modal=target-details] .modal-root {
    z-index: 103
}

html[data-modal=target-details] .modal-root .modal-window.target-details .modal-inner {
    padding-top: .43em
}

html[data-modal=target-details].smartphone.ios .modal-window.target-details .modal-inner>div.content>div.price-info {
    padding-bottom: 1em
}

.target-details>div.content {
    padding-top: .43em
}

.target-details>div.content h2 {
    font-size: .22em;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    color: #1b1b1b
}

.target-details>div.content h3 {
    font-size: .14em;
    font-weight: 500;
    line-height: 1.14;
    text-align: center;
    color: #505050
}

.target-details>div.content>div.menu-types {
    padding-top: .33em
}

.target-details>div.content>div.menu-types>div.landing-tabber {
    margin-top: .23em
}

.target-details>div.content>div.menu-types>div.menu-type-photo {
    height: 2.25em;
    background-size: cover;
    background-position: 50%;
    position: relative
}

.target-details>div.content>div.menu-types>div.menu-type-photo>div.info {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .45);
    padding: .08em .15em .12em
}

.target-details>div.content>div.menu-types>div.menu-type-photo>div.info>div.title {
    font-size: .18em;
    font-weight: 700;
    color: #fff
}

.target-details>div.content>div.menu-types>div.menu-type-photo>div.info>div.subtitle {
    font-size: .14em;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    margin-top: .35714em
}

.target-details>div.content.old-menu {
    background-color: #f5f4f5
}

.target-details>div.content.old-menu>div.menu-types {
    background-color: #fff
}

.target-details>div.content.old-menu>div.menu-plans.packs-v20 #plans-body>div#dayweek-selectors {
    margin-top: .1em
}

.target-details>div.content.old-menu>div.menu-plans.packs-v20 #plans-body>div#menu-description {
    margin-bottom: 0;
    padding-bottom: .1em
}

html.smartphone div.menu-two-days {
    padding-top: .25em;
    padding-bottom: .05em;
    background-color: #fff;
    margin-top: .15em
}

html.smartphone div.menu-two-days .menu-two-days__title {
    font-size: .18em;
    line-height: 1.22222em;
    margin-bottom: .16667em;
    color: #727272
}

html.smartphone div.menu-two-days h2 {
    font-size: .22em;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    color: #1b1b1b
}

html.smartphone div.menu-two-days h3 {
    font-size: .14em;
    font-weight: 500;
    line-height: 1.14;
    text-align: center;
    color: #6b6b6b
}

html.smartphone div.menu-two-days h3 span.price {
    font-size: 1.14286em;
    font-weight: 700;
    color: var(--color__default)
}

html.smartphone div.menu-two-days>h3 {
    margin-top: .57143em
}

html.smartphone div.menu-two-days div#menu-items {
    margin-top: .1em;
    min-height: 2.54em
}

html.smartphone div.menu-two-days div#menu-items.compact-menu-items {
    min-height: 2em
}

html.smartphone div.menu-two-days div#menu-items .two-days__skeleton {
    display: -ms-flexbox;
    display: flex
}

html[data-modal=popup-menu] .modal-root {
    z-index: 104
}

html.smartphone .smartphone-full-menu {
    padding-top: .63em
}

html.smartphone .smartphone-full-menu>.button {
    font-size: .14em;
    width: 17.85714em;
    height: 2.85714em;
    margin-left: auto;
    margin-right: auto;
    text-transform: unset
}

html.smartphone .smartphone-full-menu>div.cross {
    width: .46em;
    height: .46em;
    position: fixed;
    left: 0;
    top: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--color__default)
}

html.smartphone .smartphone-full-menu>div.cross>svg {
    width: .14em;
    height: .14em
}

html.smartphone .smartphone-full-menu>div.landing-tabber {
    padding-bottom: 15vh;
    margin-bottom: -.675em
}

html.smartphone .smartphone-full-menu>div.landing-tabber div.swiper-slide div.tab {
    padding-left: .15em;
    padding-right: .15em;
    max-width: unset;
    -ms-flex: unset;
    flex: unset
}

html.smartphone .smartphone-full-menu>div.landing-tabber div.swiper-slide div.tab>div.hline {
    width: auto
}

html.smartphone .smartphone-full-menu>div.landing-tabber div.swiper-slide:first-child div.tab {
    padding-left: .12em
}

html.smartphone .smartphone-full-menu>div.landing-tabber div.swiper-slide:last-child div.tab {
    padding-right: .12em
}

html.smartphone .smartphone-full-menu>div#menu-items.menu-items-v20 {
    margin-top: .35em
}

html.smartphone .smartphone-full-menu>div#menu-items.menu-items-v20 div.swiper-slide {
    width: 2.5em;
    padding-left: .25em;
    padding-right: .04em
}

html.smartphone .smartphone-full-menu>div#menu-items.menu-items-v20 div.swiper-slide:last-child {
    padding-right: .25em
}

html.smartphone .smartphone-full-menu>div#menu-items.menu-items-v20 div.swiper-slide div.dish-v20 div.photo {
    height: 1.74em
}

html.smartphone .smartphone-full-menu>div#menu-items.menu-items-v20 div.swiper-slide div.dish-v20 div.info {
    margin-top: .35em
}

html.smartphone .smartphone-full-menu>div#menu-items.menu-items-v20 div.swiper-slide div.dish-v20 div.info div.title {
    font-size: .16em;
    font-weight: 700;
    line-height: 1.13;
    color: #1b1b1b;
    text-align: center;
    margin-top: 1.25em;
    display: table;
    width: 100%
}

html.smartphone .smartphone-full-menu>div#menu-items.menu-items-v20 div.swiper-slide div.dish-v20 div.info div.stats-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    width: 2.37em
}

html.smartphone .smartphone-full-menu>div#menu-items.menu-items-v20 div.swiper-slide div.dish-v20 div.info div.stats-flex>div {
    font-size: .1em;
    font-weight: 500;
    color: #828282;
    border-width: 0;
    padding: 0
}

html.smartphone .smartphone-full-menu>div#menu-items.menu-items-v20 div.swiper-slide div.dish-v20 div.info div.stats-flex>div>div.amount {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 2.5em;
    height: 2.5em;
    margin: 0 auto;
    border-radius: 50%;
    border: 1px solid currentColor
}

html.smartphone .smartphone-full-menu>div#menu-items.menu-items-v20 div.swiper-slide div.dish-v20 div.info div.stats-flex>div>div.type {
    margin-top: .3em;
    font-size: 1em;
    color: inherit;
    line-height: normal
}

html.smartphone .smartphone-full-menu>div#menu-items.menu-items-v20 div.swiper-slide.summary-slide div.summary {
    height: 1.74em
}

html.smartphone .smartphone-full-menu .b-recall-me {
    margin-top: .2em
}

html.smartphone div#menu-items.menu-items-v20,
html.smartphone div.menu-items-v20 {
    position: relative
}

html.smartphone div#menu-items.menu-items-v20 .pack-composition,
html.smartphone div.menu-items-v20 .pack-composition {
    position: absolute;
    z-index: 10;
    background-color: #fff;
    box-shadow: 0 .01em .09em 0 rgba(0, 0, 0, .2);
    border: 1px solid #d2d2d2;
    bottom: 29%;
    left: .2em;
    right: .2em;
    border-radius: .1em
}

html.smartphone div#menu-items.menu-items-v20 .pack-composition:after,
html.smartphone div#menu-items.menu-items-v20 .pack-composition:before,
html.smartphone div.menu-items-v20 .pack-composition:after,
html.smartphone div.menu-items-v20 .pack-composition:before {
    content: "";
    display: block;
    position: absolute;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid
}

html.smartphone div#menu-items.menu-items-v20 .pack-composition:after,
html.smartphone div.menu-items-v20 .pack-composition:after {
    top: 100%;
    left: 77%;
    border-color: #fff transparent transparent;
    border-width: .1em
}

html.smartphone div#menu-items.menu-items-v20 .pack-composition:before,
html.smartphone div.menu-items-v20 .pack-composition:before {
    top: 100%;
    left: calc(77% - .02em);
    border-color: #d2d2d2 transparent transparent;
    border-width: .12em
}

html.smartphone div#menu-items.menu-items-v20 .pack-composition__close,
html.smartphone div.menu-items-v20 .pack-composition__close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .1em;
    outline: none;
    border: none;
    background-color: transparent
}

html.smartphone div#menu-items.menu-items-v20 .pack-composition__close .c-icon,
html.smartphone div.menu-items-v20 .pack-composition__close .c-icon {
    width: .1em;
    height: .1em
}

html.smartphone div#menu-items.menu-items-v20 div.swiper-slide,
html.smartphone div.menu-items-v20 div.swiper-slide {
    width: 2.28em;
    margin-left: 0;
    margin-right: 0;
    padding-top: .14em;
    padding-left: .27em;
    padding-right: .05em;
    box-sizing: content-box;
    transition: margin-left .3s ease, margin-right .3s ease
}

html.smartphone div#menu-items.menu-items-v20 div.swiper-slide:last-child,
html.smartphone div.menu-items-v20 div.swiper-slide:last-child {
    padding-right: .27em
}

html.smartphone div#menu-items.menu-items-v20 div.swiper-slide div.dish-v20,
html.smartphone div.menu-items-v20 div.swiper-slide div.dish-v20 {
    position: relative
}

html.smartphone div#menu-items.menu-items-v20 div.swiper-slide div.dish-v20 .dish-v20__new,
html.smartphone div.menu-items-v20 div.swiper-slide div.dish-v20 .dish-v20__new {
    font-size: .12em;
    position: absolute;
    top: -.91667em;
    right: 1.16667em;
    border-radius: 1.75em;
    background-color: #ff4b65;
    padding: .58333em 1.08333em .41667em;
    font-weight: 700;
    line-height: .93;
    color: #fff;
    text-transform: uppercase
}

html.smartphone div#menu-items.menu-items-v20 div.swiper-slide div.dish-v20 .dish-v20__change,
html.smartphone div.menu-items-v20 div.swiper-slide div.dish-v20 .dish-v20__change {
    position: absolute;
    bottom: -.15em;
    z-index: 10;
    right: .08em;
    width: .52em;
    height: .52em;
    border-radius: 50%;
    outline: none;
    border: none;
    background-color: #ccc;
    background-image: url(/static/images/icon-pack-change.3f92775.svg);
    background-size: cover
}

html.smartphone div#menu-items.menu-items-v20 div.swiper-slide div.dish-v20 div.photo,
html.smartphone div.menu-items-v20 div.swiper-slide div.dish-v20 div.photo {
    width: 100%;
    height: 1.58em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    position: relative;
    border-radius: .28em
}

html.smartphone div#menu-items.menu-items-v20 div.swiper-slide div.dish-v20 div.photo.no-shadow,
html.smartphone div.menu-items-v20 div.swiper-slide div.dish-v20 div.photo.no-shadow {
    box-shadow: none
}

html.smartphone div#menu-items.menu-items-v20 div.swiper-slide div.dish-v20 div.photo div.title,
html.smartphone div.menu-items-v20 div.swiper-slide div.dish-v20 div.photo div.title {
    border-radius: .25em;
    background-color: var(--color__default);
    padding: .125em 1.125em .25em;
    font-size: .16em;
    font-weight: 500;
    color: var(--color__button-text);
    position: absolute;
    left: -.8125em;
    bottom: 1.25em
}

html.smartphone div#menu-items.menu-items-v20 div.swiper-slide div.dish-v20 div.photo div.title.extended,
html.smartphone div.menu-items-v20 div.swiper-slide div.dish-v20 div.photo div.title.extended {
    padding: .375em 1.1875em .375em .625em;
    left: -1.125em;
    bottom: 1.0625em;
    line-height: 1.17
}

html.smartphone div#menu-items.menu-items-v20 div.swiper-slide div.dish-v20 div.photo div.title span.weekday,
html.smartphone div.menu-items-v20 div.swiper-slide div.dish-v20 div.photo div.title span.weekday {
    font-size: .75em;
    font-weight: 500;
    line-height: 1.17;
    color: var(--color__pack-weekday-text)
}

html.smartphone div#menu-items.menu-items-v20 div.swiper-slide div.dish-v20 div.info,
html.smartphone div.menu-items-v20 div.swiper-slide div.dish-v20 div.info {
    margin-top: .14em
}

html.smartphone div#menu-items.menu-items-v20 div.swiper-slide div.dish-v20 div.info div.rating,
html.smartphone div.menu-items-v20 div.swiper-slide div.dish-v20 div.info div.rating {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .09em
}

html.smartphone div#menu-items.menu-items-v20 div.swiper-slide div.dish-v20 div.info div.rating div.hearts,
html.smartphone div.menu-items-v20 div.swiper-slide div.dish-v20 div.info div.rating div.hearts {
    position: relative;
    width: .72em;
    height: .1em
}

html.smartphone div#menu-items.menu-items-v20 div.swiper-slide div.dish-v20 div.info div.rating div.hearts div.back,
html.smartphone div#menu-items.menu-items-v20 div.swiper-slide div.dish-v20 div.info div.rating div.hearts div.front,
html.smartphone div.menu-items-v20 div.swiper-slide div.dish-v20 div.info div.rating div.hearts div.back,
html.smartphone div.menu-items-v20 div.swiper-slide div.dish-v20 div.info div.rating div.hearts div.front {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between
}

html.smartphone div#menu-items.menu-items-v20 div.swiper-slide div.dish-v20 div.info div.rating div.hearts div.back svg,
html.smartphone div#menu-items.menu-items-v20 div.swiper-slide div.dish-v20 div.info div.rating div.hearts div.front svg,
html.smartphone div.menu-items-v20 div.swiper-slide div.dish-v20 div.info div.rating div.hearts div.back svg,
html.smartphone div.menu-items-v20 div.swiper-slide div.dish-v20 div.info div.rating div.hearts div.front svg {
    width: .12em;
    height: .1em
}

html.smartphone div#menu-items.menu-items-v20 div.swiper-slide div.dish-v20 div.info div.rating div.hearts div.back svg,
html.smartphone div.menu-items-v20 div.swiper-slide div.dish-v20 div.info div.rating div.hearts div.back svg {
    color: #cbcbcb
}

html.smartphone div#menu-items.menu-items-v20 div.swiper-slide div.dish-v20 div.info div.rating div.hearts div.front,
html.smartphone div.menu-items-v20 div.swiper-slide div.dish-v20 div.info div.rating div.hearts div.front {
    overflow: hidden
}

html.smartphone div#menu-items.menu-items-v20 div.swiper-slide div.dish-v20 div.info div.rating div.hearts div.front svg,
html.smartphone div.menu-items-v20 div.swiper-slide div.dish-v20 div.info div.rating div.hearts div.front svg {
    color: #ff4c61;
    margin-right: .03em;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-positive: 1;
    flex-grow: 1
}

html.smartphone div#menu-items.menu-items-v20 div.swiper-slide div.dish-v20 div.info div.rating div.likes,
html.smartphone div.menu-items-v20 div.swiper-slide div.dish-v20 div.info div.rating div.likes {
    font-size: .12em;
    font-weight: 500;
    line-height: 1.17;
    color: #a7a7a7;
    margin-left: .41667em
}

html.smartphone div#menu-items.menu-items-v20 div.swiper-slide div.dish-v20 div.info div.title,
html.smartphone div.menu-items-v20 div.swiper-slide div.dish-v20 div.info div.title {
    font-size: .14em;
    font-weight: 500;
    line-height: 1.14;
    color: #6b6b6b;
    position: relative;
    padding-right: 1.28571em
}

html.smartphone div#menu-items.menu-items-v20 div.swiper-slide div.dish-v20 div.info div.title span.details,
html.smartphone div.menu-items-v20 div.swiper-slide div.dish-v20 div.info div.title span.details {
    white-space: nowrap;
    color: #b9b9b9
}

html.smartphone div#menu-items.menu-items-v20 div.swiper-slide div.dish-v20 div.info .title__more,
html.smartphone div.menu-items-v20 div.swiper-slide div.dish-v20 div.info .title__more {
    position: absolute;
    right: -.57143em;
    top: -.71429em;
    padding: .71429em;
    z-index: 5;
    cursor: pointer
}

html.smartphone div#menu-items.menu-items-v20 div.swiper-slide div.dish-v20 div.info div.stats-flex,
html.smartphone div.menu-items-v20 div.swiper-slide div.dish-v20 div.info div.stats-flex {
    display: none
}

html.smartphone div#menu-items.menu-items-v20 div.swiper-slide.summary-slide,
html.smartphone div.menu-items-v20 div.swiper-slide.summary-slide {
    width: 2.5em
}

html.smartphone div#menu-items.menu-items-v20 div.swiper-slide.summary-slide div.summary,
html.smartphone div.menu-items-v20 div.swiper-slide.summary-slide div.summary {
    width: 100%;
    height: 1.58em;
    border-radius: .32em;
    background-color: #f3f3f3;
    padding: 0;
    display: block;
    padding-top: .27em;
    border: 1px solid #dedede;
    border-radius: .12em
}

html.smartphone div#menu-items.menu-items-v20 div.swiper-slide.summary-slide div.summary>div.day,
html.smartphone div.menu-items-v20 div.swiper-slide.summary-slide div.summary>div.day {
    font-size: .2em;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    color: #696969
}

html.smartphone div#menu-items.menu-items-v20 div.swiper-slide.summary-slide div.summary>div.day>span,
html.smartphone div.menu-items-v20 div.swiper-slide.summary-slide div.summary>div.day>span {
    color: var(--color__default)
}

html.smartphone div#menu-items.menu-items-v20 div.swiper-slide.summary-slide div.summary>div.materials,
html.smartphone div.menu-items-v20 div.swiper-slide.summary-slide div.summary>div.materials {
    width: 1.53em;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: .18em auto 0;
    font-size: 1em
}

html.smartphone div#menu-items.menu-items-v20 div.swiper-slide.summary-slide div.summary>div.materials>div,
html.smartphone div.menu-items-v20 div.swiper-slide.summary-slide div.summary>div.materials>div {
    width: auto;
    font-size: .1em;
    font-weight: 500;
    color: #828282;
    border-width: 0;
    padding: 0
}

html.smartphone div#menu-items.menu-items-v20 div.swiper-slide.summary-slide div.summary>div.materials>div>span.number,
html.smartphone div.menu-items-v20 div.swiper-slide.summary-slide div.summary>div.materials>div>span.number {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 2.5em;
    height: 2.5em;
    margin: 0 auto;
    border-radius: 50%;
    border: 1px solid currentColor
}

html.smartphone div#menu-items.menu-items-v20 div.swiper-slide.summary-slide div.summary>div.materials>div>span.type,
html.smartphone div.menu-items-v20 div.swiper-slide.summary-slide div.summary>div.materials>div>span.type {
    margin-top: .3em;
    font-size: 1em;
    color: inherit;
    line-height: normal
}

html.smartphone div#menu-items.menu-items-v20 div.swiper-slide.summary-slide a.days-link,
html.smartphone div.menu-items-v20 div.swiper-slide.summary-slide a.days-link {
    font-size: .14em;
    font-weight: 700;
    line-height: 1.46;
    color: var(--color__default-darken);
    margin: 1.28571em auto 0;
    display: table;
    border-bottom: 1px solid currentColor
}

html.smartphone div#menu-items.menu-items-v20 div.swiper-slide.constructor-promo-slide,
html.smartphone div.menu-items-v20 div.swiper-slide.constructor-promo-slide {
    width: 2.4em;
    padding-top: .22em
}

html.smartphone div#menu-items.menu-items-v20 div.swiper-slide.detox-slide div.dish-v20 div.photo,
html.smartphone div#menu-items.menu-items-v20.detox div.swiper-slide div.dish-v20 div.photo,
html.smartphone div.menu-items-v20 div.swiper-slide.detox-slide div.dish-v20 div.photo,
html.smartphone div.menu-items-v20.detox div.swiper-slide div.dish-v20 div.photo {
    background-size: cover;
    border-radius: .06em
}

html.smartphone #new-order-page div#menu-items.menu-items-v20 div.swiper-slide div.dish-v20 .dish-v20__new,
html.smartphone #new-order-page div.menu-items-v20 div.swiper-slide div.dish-v20 .dish-v20__new {
    font-size: .1em;
    position: static;
    margin-bottom: 1em;
    display: inline-block
}

html.smartphone #new-order-page div#menu-items.menu-items-v20 div.swiper-slide div.dish-v20 div.photo div.title,
html.smartphone #new-order-page div.menu-items-v20 div.swiper-slide div.dish-v20 div.photo div.title {
    border-radius: .25em;
    box-shadow: 0 .125em .625em 0 rgba(0, 0, 0, .17);
    background-color: #fcfcfc;
    color: #6b6b6b;
    bottom: unset;
    top: .625em
}

div.landing-basket>div.days-options {
    padding-top: .24em;
    background-color: #f1f1f1
}

div.landing-basket>div.days-options h2 {
    font-size: .22em;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    color: #1b1b1b
}

div.landing-basket>div.days-options h3 {
    font-size: .14em;
    font-weight: 500;
    line-height: 1.14;
    text-align: center;
    color: #505050
}

div.landing-basket>div.days-options>h3 {
    margin-top: .57143em
}

div.landing-basket>div.days-options>div.select-price-plan:not(:first-child) {
    margin-top: .36em
}

div.landing-basket>div.days-options>div.select-price-plan>div.landing-tabber div.tab.active div.title {
    color: var(--color__default)
}

div.landing-basket>div.days-options>div.select-price-plan>div.landing-tabber div.hline {
    width: .9em;
    height: .04em;
    margin-top: .06em
}

div.landing-basket>div.days-options>div.select-price-plan>div.landing-tabber.absolute-discounts div.mark {
    bottom: 2.1em
}

div.landing-basket>div.days-options>div.select-price-plan>div.landing-tabber.absolute-discounts div.tab:not(.active) div.mark {
    color: #616161
}

div.landing-basket>div.days-options>div.select-price-plan>div.landing-tabber div.tab:first-child:last-child {
    -ms-flex: unset;
    flex: unset;
    width: 1.4em;
    margin-left: auto;
    margin-right: auto
}

div.landing-basket>div.price-info {
    background-color: #fff
}

div.landing-basket>div.price-info .price-info__sliding {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    top: -.41667em;
    right: 0;
    left: 0;
    z-index: 2
}

div.landing-basket>div.price-info .price-info__sliding .slide-next {
    position: absolute;
    right: -3.125em;
    top: .20833em
}

div.landing-basket>div.price-info .price-info__sliding .slide-prev {
    position: absolute;
    left: -3.125em;
    top: .20833em
}

div.landing-basket>div.price-info .price-info__sliding .slide-next,
div.landing-basket>div.price-info .price-info__sliding .slide-prev {
    padding: .58333em;
    z-index: 3;
    cursor: pointer
}

div.landing-basket>div.price-info .price-info__sliding .icon {
    background-color: #f5f5f5;
    box-shadow: 0 0 .16667em-0.04167em rgba(0, 0, 0, .5);
    border-radius: 50%;
    width: 1.04167em;
    height: 1.04167em
}

div.landing-basket>div.price-info .price-info__sliding .icon circle {
    fill: transparent
}

div.landing-basket>div.price-info .price-info__sliding .icon path {
    fill: #747474
}

div.landing-basket>div.price-info>div.new-line-1 {
    position: relative;
    display: inline-block;
    font-size: .24em;
    font-weight: 500;
    line-height: .92;
    text-align: center;
    color: #1b1b1b
}

div.landing-basket>div.price-info>div.new-line-1_5 {
    font-size: .14em;
    font-weight: 500;
    line-height: 1.29;
    text-align: center;
    color: #959595;
    margin-top: .21429em
}

div.landing-basket>div.price-info .new-line-base-price {
    font-size: .26em;
    margin-top: .57692em;
    margin-bottom: .38462em;
    font-weight: 300;
    line-height: .85;
    color: #959595;
    text-decoration: line-through
}

div.landing-basket>div.price-info .new-line-base-price>span.rub {
    font-size: .76923em
}

div.landing-basket>div.price-info .new-line-base-price+div.new-line-2 {
    margin-top: 0
}

div.landing-basket>div.price-info>div.new-line-2 {
    text-align: center;
    margin-top: .15789em
}

div.landing-basket>div.price-info>div.new-line-2>span.prefix {
    font-size: .2em;
    font-weight: 500;
    line-height: 1.2;
    color: #1b1b1b
}

div.landing-basket>div.price-info>div.new-line-2>span.price {
    font-size: .38em;
    font-weight: 700;
    line-height: 1;
    color: #206560;
    color: #206560;
}

div.landing-basket>div.price-info>div.new-line-2>span.price>span.animated-number {
    display: inline-block
}

div.landing-basket>div.price-info>div.new-line-2>span.price>span.animated-number[data-digits="1"] {
    width: .617em
}

div.landing-basket>div.price-info>div.new-line-2>span.price>span.animated-number[data-digits="2"] {
    width: 1.234em
}

div.landing-basket>div.price-info>div.new-line-2>span.price>span.animated-number[data-digits="3"] {
    width: 1.851em
}

div.landing-basket>div.price-info>div.new-line-2>span.price>span.animated-number[data-digits="4"] {
    width: 2.718em
}

div.landing-basket>div.price-info>div.new-line-2>span.price>span.animated-number[data-digits="5"] {
    width: 3.335em
}

div.landing-basket>div.price-info>div.new-line-2>span.price>span.animated-number[data-digits="6"] {
    width: 3.952em
}

div.landing-basket>div.price-info>div.new-line-2>span.price .free {
    font-size: .7em
}

div.landing-basket>div.price-info>div.new-line-2>span.unit-marker {
    font-size: .16em;
    color: #959595;
    font-weight: 500
}

div.landing-basket>div.price-info>div.new-line-2:last-child {
    margin-bottom: .2em
}

.compact-main-form div.landing-basket>div.price-info>div.new-line-2:last-child {
    margin-bottom: 0;
    margin-top: .1em
}

div.landing-basket>div.price-info>div.new-line-2.discount>span.price {
    font-size: .3em
}

div.landing-basket>div.price-info>div.new-line-2>div.profit-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .16em
}

div.landing-basket>div.price-info>div.new-line-2>div.profit-info .b-popover {
    display: inline-block
}

div.landing-basket>div.price-info>div.new-line-2>div.profit-info .b-popover__inner {
    left: 50%;
    transform: translateX(-50%);
    bottom: 100%
}

div.landing-basket>div.price-info>div.new-line-2>div.profit-info .b-total-bars__bar-title {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: unset;
    justify-content: unset;
    width: auto;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-top: .1rem;
    padding-bottom: .1rem
}

div.landing-basket>div.price-info>div.new-line-2>div.profit-info .b-total-bars__bar-title .prefix {
    font-size: .2rem;
    font-weight: 500;
    line-height: 1.2;
    color: #959595
}

div.landing-basket>div.price-info>div.new-line-2>div.profit-info .b-total-bars__bar-title:after {
    content: none
}

div.landing-basket>div.price-info>div.new-line-2>div.profit-info .b-popover-text {
    text-align: left;
    font-size: .12rem
}

div.landing-basket>div.price-info>div.new-line-3 {
    font-size: .18em;
    font-weight: 500;
    line-height: 1.22;
    text-align: center;
    color: #959595;
    margin-top: 1em
}

div.landing-basket>div.price-info>div.new-line-3 span.disc,
div.landing-basket>div.price-info>div.new-line-3 span.price {
    display: inline-block
}

div.landing-basket>div.price-info>div.new-line-3.both span.disc,
div.landing-basket>div.price-info>div.new-line-3.discount span.disc {
    color: #206560;
    color: #206560;
    font-weight: 700
}

div.landing-basket>div.price-info>div.new-line-3.both .b-popover,
div.landing-basket>div.price-info>div.new-line-3.discount .b-popover {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    margin-bottom: .2em
}

div.landing-basket>div.price-info>div.new-line-3.both .b-popover .b-popover__inner,
div.landing-basket>div.price-info>div.new-line-3.discount .b-popover .b-popover__inner {
    bottom: 120%;
    right: 0;
    left: auto
}

div.landing-basket>div.price-info .b-popover__inner {
    font-size: 1rem;
    box-shadow: 0 1px .07em 0 rgba(0, 0, 0, .2);
    border: 1px solid #d2d2d2;
    background-color: #efefef;
    text-align: left;
    padding: .08em .28em .08em .12em
}

div.landing-basket>div.price-info .b-popover__inner .b-popover-text {
    font-size: .12em;
    font-weight: 500;
    line-height: 1.17;
    color: #505050
}

div.landing-basket>div.price-info>div.title-line {
    font-size: .24em;
    font-weight: 500;
    line-height: .92;
    text-align: center;
    color: #dbdbdb
}

div.landing-basket>div.price-info>div.title-line.fixed {
    margin-top: .8em
}

div.landing-basket>div.price-info>div.price-line-1,
div.landing-basket>div.price-info>div.subtitle-line {
    font-size: .14em;
    font-weight: 500;
    color: #959595;
    text-align: center;
    line-height: 1.57
}

div.landing-basket>div.price-info>div.price-line-1 {
    text-decoration: line-through;
    display: none;
    margin-top: 1.07143em
}

div.landing-basket>div.price-info>div.price-line-2 {
    font-size: .38em;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    color: var(--color__default);
    margin-top: .21053em
}

div.landing-basket>div.price-info>div.price-line-2>span.animated-number {
    display: inline-block;
    width: 2.89474em;
    text-align: right
}

div.landing-basket>div.price-info>div.price-line-2>span.week {
    font-size: .42105em;
    color: #959595;
    font-weight: 500
}

div.landing-basket>div.price-info>div.price-line-2.fixed>span.week {
    font-size: .47368em;
    margin-left: .5em
}

div.landing-basket>div.price-info>div.price-line-2:not(.full) {
    margin-top: .55263em
}

div.landing-basket>div.price-info>div.price-line-2:first-child {
    margin-top: 0
}

div.landing-basket>div.price-info>div.price-line-3 {
    font-size: .16em;
    line-height: 1.38;
    font-weight: 500;
    text-align: center;
    color: #acacac;
    margin-top: 1.3125em;
    display: none
}

div.landing-basket>div.price-info>div.price-line-3 span.disc {
    display: inline-block;
    color: var(--color__default);
    font-weight: 700
}

div.landing-basket .button-go-customize {
    font-size: .14em;
    font-weight: 900;
    width: 18.57143em;
    height: 2.85714em;
    border-radius: .42857em;
    margin: 0 auto;
    text-transform: unset;
    margin-top: .57143em
}

div.landing-basket>div.form:not(:first-child) {
    margin-top: .12em
}

div.landing-basket>div.form>.auth-button,
div.landing-basket>div.form>.button-go-customize {
    font-size: .18em;
    font-weight: 500;
    width: 14.44444em;
    height: 2.5em;
    border-radius: .33333em;
    margin: 0 auto;
    text-transform: unset
}

div.landing-basket>div.form>.button-go-customize {
    margin-top: .6em
}

div.landing-basket>div.form>div.phone-container>div.small-text,
div.landing-basket>div.form>div.phone-container>h3,
div.landing-basket>div.form>div.phone-container>p,
div.landing-basket>div.form>div.sms-container>div.small-text,
div.landing-basket>div.form>div.sms-container>h3,
div.landing-basket>div.form>div.sms-container>p {
    display: none
}

div.landing-basket>div.form>div.phone-container>div.input-container,
div.landing-basket>div.form>div.sms-container>div.input-container {
    width: 16.25em;
    margin-left: auto;
    margin-right: auto;
    font-size: .16em
}

div.landing-basket>div.form>div.phone-container>div.input-container input,
div.landing-basket>div.form>div.sms-container>div.input-container input {
    font-size: 1em !important;
    font-weight: 700;
    margin: 0;
    height: 2.5em;
    border: 1px solid #979797;
    border-radius: .375em
}

div.landing-basket>div.form>div.phone-container>div.input-container input:focus,
div.landing-basket>div.form>div.sms-container>div.input-container input:focus {
    border-color: #484848
}

div.landing-basket>div.form>div.phone-container>div.input-container input:placeholder-shown:not(:focus)+label,
div.landing-basket>div.form>div.sms-container>div.input-container input:placeholder-shown:not(:focus)+label {
    font-size: 1.14286em !important;
    top: .14rem;
    font-size: .875em
}

div.landing-basket>div.form>div.phone-container>div.input-container label,
div.landing-basket>div.form>div.sms-container>div.input-container label {
    top: .04rem;
    font-size: .625em
}

div.landing-basket>div.form>div.phone-container>div.input-container .message,
div.landing-basket>div.form>div.sms-container>div.input-container .message {
    display: none
}

div.landing-basket>div.form>div.phone-container>div.input-button,
div.landing-basket>div.form>div.sms-container>div.input-button {
    position: relative
}

div.landing-basket>div.form>div.phone-container>div.input-button .button,
div.landing-basket>div.form>div.sms-container>div.input-button .button {
    font-size: .14em;
    font-weight: 900;
    width: 18.57143em;
    height: 3.57143em;
    border-radius: .42857em;
    text-transform: none;
    margin: .5em auto 0
}

div.landing-basket>div.form>div.phone-container>div.input-button .button:before,
div.landing-basket>div.form>div.sms-container>div.input-button .button:before {
    font-size: .8em
}

div.landing-basket>div.form.button-in-input>div.phone-container,
div.landing-basket>div.form.button-in-input>div.sms-container {
    width: 3.08em;
    margin-left: .1em;
    display: -ms-flexbox;
    display: flex
}

div.landing-basket>div.form.button-in-input>div.phone-container>div.input-container,
div.landing-basket>div.form.button-in-input>div.sms-container>div.input-container {
    width: 13.25em;
    margin-right: -.5em;
    margin-left: 0
}

div.landing-basket>div.form.button-in-input>div.phone-container>div.input-button .button,
div.landing-basket>div.form.button-in-input>div.sms-container>div.input-button .button {
    width: 6.85714em;
    margin-top: 0
}

div.landing-basket>div.form>div.small-message {
    font-size: .12em;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    color: #8e8e8e;
    margin-top: .5em
}

div.landing-basket>div.form>div.small-message>span.go-back {
    color: var(--color__default);
    font-weight: 700;
    cursor: pointer
}

html.smartphone .select-price-plan--gradient {
    position: relative
}

html.smartphone .select-price-plan--gradient .gradient {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: .65em;
    z-index: 4;
    pointer-events: none;
    background: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, 0))
}

html.smartphone div#main-form .flex-cont .form-block .landing-basket .phone-container .input-button .button {
    height: .45rem;
    font-size: .18rem;
    width: 2.6rem;
    font-weight: 500
}

html.smartphone div.landing-basket .old-price {
    position: relative;
    margin-right: .22222em;
    margin-left: .22222em
}

html.smartphone div.landing-basket .old-price:before {
    content: "";
    position: absolute;
    display: inline-block;
    height: 1px;
    left: -.16667em;
    right: -.16667em;
    top: 50%;
    background-color: #959595
}

html.smartphone div.landing-basket div.price-info {
    position: relative;
    text-align: center
}

html.smartphone div.landing-basket div.price-info .price-info__sliding {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    top: .2em;
    right: 0;
    left: 0;
    z-index: 2
}

html.smartphone div.landing-basket div.price-info .price-info__sliding .slide-next {
    position: absolute;
    right: 0;
    top: 0
}

html.smartphone div.landing-basket div.price-info .price-info__sliding .slide-prev {
    position: absolute;
    left: 0;
    top: 0
}

html.smartphone div.landing-basket div.price-info .price-info__sliding .slide-next,
html.smartphone div.landing-basket div.price-info .price-info__sliding .slide-prev {
    padding: .08em;
    z-index: 3;
    cursor: pointer;
    outline: none;
    transform: translateY(-50%)
}

html.smartphone div.landing-basket div.price-info .price-info__sliding .icon {
    background-color: #f5f5f5;
    box-shadow: 0 0 .04em -.01em rgba(0, 0, 0, .5);
    border-radius: 50%;
    width: .25em;
    height: .25em
}

html.smartphone div.landing-basket div.price-info .price-info__sliding .icon circle {
    fill: transparent
}

html.smartphone div.landing-basket div.price-info .price-info__sliding .icon path {
    fill: #747474
}

html.smartphone div.landing-basket div.price-info .new-line-base-price {
    text-align: center;
    font-size: .24em;
    margin-top: .625em;
    margin-bottom: .20833em
}

html.smartphone div.landing-basket div.price-info .new-line-base-price>span.rub {
    font-size: .83333em
}

html.smartphone div.landing-basket div.price-info .new-line-base-price+div.new-line-2 {
    margin-top: 0
}

html.smartphone div.landing-basket div.price-info>div.new-line-3 {
    font-size: .16em
}

html.smartphone div.landing-basket div.price-info div.title-line {
    color: #727272
}

html.smartphone div.landing-basket div.price-info div.price-line-3 {
    color: #959595
}

html.smartphone div.landing-basket .select-price-plan {
    margin-bottom: .16em
}

html.smartphone div.landing-basket .triangle {
    display: none;
    top: -1px;
    position: relative;
    left: 50%;
    width: .36em;
    margin-left: -.18em;
    height: .24em;
    color: #fff
}

html.smartphone .meal-days-runner {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 1.18rem;
    left: 0;
    top: -.06rem;
    bottom: -.06rem;
    transition: transform .2s ease-in-out, width .2s ease-in-out;
    -webkit-clip-path: polygon(0 0, calc(100% - .2em) 0, 100% 50%, calc(100% - .2em) 100%, 0 100%, .2em 50%);
    clip-path: polygon(0 0, calc(100% - .2em) 0, 100% 50%, calc(100% - .2em) 100%, 0 100%, .2em 50%);
    background-size: cover;
    background-color: #40b93c;
    background-position: 50%;
    background-repeat: no-repeat;
    z-index: -1
}

html.smartphone .meal-days-runner--green {
    background-color: #00b923
}

html.smartphone .meal-days-runner.big {
    width: 1.35rem
}

html.smartphone div.arrows-switcher .swiper-wrapper {
    padding-bottom: 0;
    box-shadow: 0 1px .07em 0 rgba(0, 0, 0, .37)
}

.compact-main-form div.arrows-switcher .swiper-slide,
div.arrows-switcher>div>div.arrow-body,
div.arrows-switcher div.swiper-slide>div.arrow-body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

div.arrows-switcher>div>div.arrow-body,
div.arrows-switcher div.swiper-slide>div.arrow-body {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    width: 3em;
    height: .7em;
    cursor: pointer;
    position: relative;
    background-color: transparent;
    -webkit-clip-path: polygon(0 0, calc(100% - .28em) 0, 100% 50%, calc(100% - .28em) 100%, 0 100%, .28em 50%);
    clip-path: polygon(0 0, calc(100% - .28em) 0, 100% 50%, calc(100% - .28em) 100%, 0 100%, .28em 50%)
}

div.arrows-switcher>div>div.arrow-body.tall,
div.arrows-switcher div.swiper-slide>div.arrow-body.tall {
    height: .8em
}

div.arrows-switcher>div>div.arrow-body>div.title,
div.arrows-switcher div.swiper-slide>div.arrow-body>div.title {
    font-size: .2em;
    font-weight: 700;
    line-height: 1.2em;
    color: #696969
}

div.arrows-switcher>div>div.arrow-body>div.subtitle,
div.arrows-switcher div.swiper-slide>div.arrow-body>div.subtitle {
    margin-top: .1875em
}

div.arrows-switcher>div div.subtitle,
div.arrows-switcher div.swiper-slide div.subtitle {
    font-size: .16em;
    font-weight: 500;
    line-height: 1.38;
    color: var(--color__default);
    color: var(--mainColor)
}

div.arrows-switcher>div div.subtitle--cashback,
div.arrows-switcher div.swiper-slide div.subtitle--cashback {
    color: var(--color__lilac-1);
    background: -webkit-linear-gradient(#638fff, #8962f8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

div.arrows-switcher>div.active>div.arrow-body,
div.arrows-switcher div.swiper-slide.active>div.arrow-body {
    pointer-events: none;
    background-color: rgb(64 185 60);
}

div.arrows-switcher>div.active>div.arrow-body>div.subtitle,
div.arrows-switcher>div.active>div.arrow-body>div.title,
div.arrows-switcher div.swiper-slide.active>div.arrow-body>div.subtitle,
div.arrows-switcher div.swiper-slide.active>div.arrow-body>div.title {
    color: var(--color__button-text)
}

div.arrows-switcher>div.active>div.arrow-body>div.subtitle--cashback,
div.arrows-switcher div.swiper-slide.active>div.arrow-body>div.subtitle--cashback {
    color: var(--color__button-text);
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset
}

.select-price-plan--one-row div.arrows-switcher,
html.smartphone div.arrows-switcher {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    overflow-x: auto
}

.select-price-plan--one-row div.arrows-switcher .swiper-wrapper,
html.smartphone div.arrows-switcher .swiper-wrapper {
    box-shadow: none
}

.select-price-plan--one-row div.arrows-switcher:before,
html.smartphone div.arrows-switcher:before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    top: .1rem;
    bottom: .1rem;
    left: 0;
    box-shadow: 0 1px .07em 0 rgba(0, 0, 0, .15)
}

.select-price-plan--one-row div.arrows-switcher .swiper-slider--auto,
html.smartphone div.arrows-switcher .swiper-slider--auto {
    position: relative
}

.select-price-plan--one-row div.arrows-switcher .swiper-slider--auto .d,
html.smartphone div.arrows-switcher .swiper-slider--auto .d {
    width: 1.4rem
}

.select-price-plan--one-row div.arrows-switcher .swiper-slider--auto .swiper-slide,
html.smartphone div.arrows-switcher .swiper-slider--auto .swiper-slide {
    width: 1.2rem !important
}

.select-price-plan--one-row div.arrows-switcher .swiper-container,
html.smartphone div.arrows-switcher .swiper-container {
    width: 100%;
    padding-top: .1rem;
    padding-bottom: .1rem
}

.select-price-plan--one-row div.arrows-switcher .swiper-slide>div.arrow-body,
.select-price-plan--one-row div.arrows-switcher>div>div.arrow-body,
html.smartphone div.arrows-switcher .swiper-slide>div.arrow-body,
html.smartphone div.arrows-switcher>div>div.arrow-body {
    width: 100%;
    height: auto;
    padding-top: .05em;
    padding-bottom: .06em;
    -webkit-clip-path: polygon(0 0, calc(100% - .15em) 0, 100% 50%, calc(100% - .15em) 100%, 0 100%, .15em 50%);
    clip-path: polygon(0 0, calc(100% - .15em) 0, 100% 50%, calc(100% - .15em) 100%, 0 100%, .15em 50%);
    background-color: transparent;
    text-align: center
}

.select-price-plan--one-row div.arrows-switcher .swiper-slide>div.arrow-body>div.title,
.select-price-plan--one-row div.arrows-switcher>div>div.arrow-body>div.title,
html.smartphone div.arrows-switcher .swiper-slide>div.arrow-body>div.title,
html.smartphone div.arrows-switcher>div>div.arrow-body>div.title {
    font-size: .16em;
    line-height: 1.2em;
    font-weight: 500;
    color: #8d8d8d;
    position: relative;
    z-index: 2;
    max-width: 6em
}

.select-price-plan--one-row div.arrows-switcher .swiper-slide>div.arrow-body>div.subtitle,
.select-price-plan--one-row div.arrows-switcher>div>div.arrow-body>div.subtitle,
html.smartphone div.arrows-switcher .swiper-slide>div.arrow-body>div.subtitle,
html.smartphone div.arrows-switcher>div>div.arrow-body>div.subtitle {
    margin-top: .25em;
    position: relative;
    z-index: 2;
    line-height: 1
}

.select-price-plan--one-row div.arrows-switcher .swiper-slide div.subtitle,
.select-price-plan--one-row div.arrows-switcher>div div.subtitle,
html.smartphone div.arrows-switcher .swiper-slide div.subtitle,
html.smartphone div.arrows-switcher>div div.subtitle {
    font-size: .12em;
    line-height: 1.3
}

.select-price-plan--one-row div.arrows-switcher .swiper-slide:not(:last-child),
.select-price-plan--one-row div.arrows-switcher>div:not(:last-child),
html.smartphone div.arrows-switcher .swiper-slide:not(:last-child),
html.smartphone div.arrows-switcher>div:not(:last-child) {
    margin-bottom: 0
}

.select-price-plan--one-row div.arrows-switcher .swiper-slide.active>div.arrow-body>div.subtitle,
.select-price-plan--one-row div.arrows-switcher .swiper-slide.active>div.arrow-body>div.title,
.select-price-plan--one-row div.arrows-switcher>div.active>div.arrow-body>div.subtitle,
.select-price-plan--one-row div.arrows-switcher>div.active>div.arrow-body>div.title,
html.smartphone div.arrows-switcher .swiper-slide.active>div.arrow-body>div.subtitle,
html.smartphone div.arrows-switcher .swiper-slide.active>div.arrow-body>div.title,
html.smartphone div.arrows-switcher>div.active>div.arrow-body>div.subtitle,
html.smartphone div.arrows-switcher>div.active>div.arrow-body>div.title {
    color: #fff;
    transition: color .2s ease-in-out;
    transition-delay: .1s
}

.select-price-plan--one-row div.arrows-switcher.outer-subtitle .swiper-slide>div.arrow-body,
.select-price-plan--one-row div.arrows-switcher.outer-subtitle>div>div.arrow-body,
html.smartphone div.arrows-switcher.outer-subtitle .swiper-slide>div.arrow-body,
html.smartphone div.arrows-switcher.outer-subtitle>div>div.arrow-body {
    height: .3em
}

.select-price-plan--one-row div.arrows-switcher.outer-subtitle .swiper-slide div.subtitle,
.select-price-plan--one-row div.arrows-switcher.outer-subtitle>div div.subtitle,
html.smartphone div.arrows-switcher.outer-subtitle .swiper-slide div.subtitle,
html.smartphone div.arrows-switcher.outer-subtitle>div div.subtitle {
    text-align: center;
    margin-top: .25em
}

.select-price-plan--one-row div.arrows-switcher.outer-subtitle .swiper-slide.active div.subtitle,
.select-price-plan--one-row div.arrows-switcher.outer-subtitle>div.active div.subtitle,
html.smartphone div.arrows-switcher.outer-subtitle .swiper-slide.active div.subtitle,
html.smartphone div.arrows-switcher.outer-subtitle>div.active div.subtitle {
    color: var(--color__default);
    color: var(--mainColor)
}

html.smartphone .select-price-plan--easy-flow div.arrows-switcher div.arrow-body {
    padding-left: .3rem;
    padding-right: .3rem
}

html.smartphone .select-price-plan--easy-flow div.arrows-switcher div.arrow-body div.title {
    white-space: nowrap;
    max-width: none !important
}

html.smartphone .select-price-plan--easy-flow div.arrows-switcher div.arrow-body div.subtitle {
    color: #8a8a8a;
    font-weight: 400;
    margin-top: .03rem
}

.active html.smartphone .select-price-plan--easy-flow div.arrows-switcher div.arrow-body div.subtitle {
    color: var(--color__white)
}

html.smartphone .select-price-plan--easy-flow div.arrows-switcher .swiper-slider--auto .swiper-slide {
    width: auto !important;
    min-width: 1.2rem
}

html:not(.smartphone) div.arrows-switcher>div div.arrow-body:last-child:after {
    display: block;
    position: absolute;
    bottom: 1px;
    content: "";
    width: 1.43em;
    height: 2px;
    margin: .04em auto 0;
    background-color: transparent
}

html:not(.smartphone) div.arrows-switcher>div:hover:not(.active) div.arrow-body:last-child:after {
    background-color: var(--color__default-darken)
}

html.smartphone div.arrows-switcher .swiper-slider--auto .swiper-slide {
    padding-right: 0 !important
}

html body .select-price-plan--one-row {
    margin: 0 -.24em
}

html body .select-price-plan--one-row div.arrows-switcher {
    font-size: .9em;
    margin-bottom: .55556em
}

html body .select-price-plan--one-row div.arrows-switcher .swiper-slide {
    display: -ms-flexbox;
    display: flex;
    width: .993em !important
}

html body .select-price-plan--one-row div.arrows-switcher>div div.arrow-body .title span {
    transition: color .15s ease-in
}

html body .select-price-plan--one-row div.arrows-switcher>div div.arrow-body:last-child:after {
    width: 100%
}

.select-price-plan--one-row div.arrows-switcher .swiper-slider--auto .swiper-slide {
    width: .993em !important
}

html .select-price-plan--one-row div.arrows-switcher .swiper-slide.active>div.arrow-body>div.title,
html .select-price-plan--one-row div.arrows-switcher .swiper-slide.active>div.arrow-body>div.title span {
    transition: none
}

.select-price-plan--one-row div.arrows-switcher:before {
    box-shadow: none
}

div.select-price-plan--one-row div.arrows-switcher .swiper-slide>div.arrow-body {
    height: auto;
    border-top-right-radius: .08889em;
    border-top-left-radius: .08889em;
    padding: .08889em
}

div.select-price-plan--one-row div.arrows-switcher .swiper-slide>div.arrow-body .title {
    font-size: .14em
}

div.select-price-plan--one-row div.arrows-switcher .swiper-slide>div.arrow-body .subtitle {
    font-size: .1em
}

html:not(.smartphone) .select-price-plan--one-row div.arrows-switcher>div:hover:not(.active) div.arrow-body:last-child:after {
    width: 0
}

html:not(.smartphone) .select-price-plan--one-row div.arrows-switcher>div:not(.active) div.arrow-body:hover .title span {
    color: #000
}

html body .select-price-plan--one-row.select-price-plan--two div.arrows-switcher .swiper-slide {
    width: 50% !important
}

html body .select-price-plan--one-row.select-price-plan--two div.arrows-switcher .swiper-slide .arrow-body {
    padding-left: .1em;
    padding-right: .1em
}

html .select-price-plan--one-row div.arrows-switcher .swiper-container {
    padding-top: 0
}

html .select-price-plan--one-row div.arrows-switcher:before {
    top: 0
}

html #menu-description div.description {
    box-shadow: 0 .08em .14em 0 rgba(0, 0, 0, .06)
}

html #menu-description div.description .arrows-switcher .swiper-container {
    padding-bottom: 0;
    background-color: #f6f6f6;
    border-bottom: 1px solid #f6f6f6
}

html #menu-description div.description .arrows-switcher .swiper-container .arrow-body {
    background-color: #fff
}

html #menu-description div.description .arrows-switcher .swiper-container .swiper-slide:last-child {
    border-left: 1px solid #f6f6f6
}

html #menu-description div.description .arrows-switcher .swiper-container .swiper-slide:first-child {
    border-right: 1px solid #f6f6f6
}

html #menu-description div.description .arrows-switcher .swiper-container .swiper-slide.active {
    border: none
}

html #menu-description div.description .arrows-switcher .swiper-container .swiper-slide.active .arrow-body {
    background-color: var(--color__default)
}

.b-pack .b-pack__empty {
    width: 15em;
    height: 18.375em;
    padding: .75em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #e6e6e6;
    border-radius: .25em;
    color: #1b1b1b
}

.b-pack .b-pack__empty svg {
    fill: #f8c325;
    width: 1.875em;
    height: 1.875em;
    margin-bottom: .625em
}

.b-pack div.menu-dish {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.b-pack div.menu-dish>div.main-info {
    padding-bottom: .23em;
    width: 50%;
    padding-left: .05em
}

.b-pack div.menu-dish>div.main-info>div.title {
    font-size: .14em;
    font-weight: 700;
    line-height: 1.28571em;
    color: #000;
    text-transform: none !important
}

.b-pack div.menu-dish>div.main-info>div.title-no-margin {
    margin-bottom: 0
}

.b-pack div.menu-dish>div.main-info>div.composition {
    font-size: .12em;
    font-weight: 300;
    line-height: 1.33333em;
    margin-top: .66667em;
    color: #9b9b9b
}

.b-pack div.menu-dish .main-data {
    padding-top: .02em;
    width: 50%
}

.b-pack div.menu-dish>div.cbju {
    font-size: .13rem
}

.b-pack div.menu-dish div.icons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.b-pack div.menu-dish div.icons>div {
    position: relative
}

.b-pack div.menu-dish div.icons>div>svg {
    margin-bottom: .05rem;
    height: .18rem;
    width: .18rem;
    fill: var(--color__default)
}

.b-pack div.menu-dish div.icons>div>div.bubble {
    display: none;
    position: absolute;
    top: 120%;
    left: -5em;
    margin-left: .9em;
    width: 10em;
    font-size: .1em;
    line-height: 1.2;
    text-align: center;
    color: #000;
    padding: .5em 2em;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: .4em;
    box-shadow: 0 .2em .4em .2em rgba(0, 0, 0, .1);
    z-index: 10
}

.b-pack div.menu-dish div.icons>div>div.bubble:before {
    content: "";
    display: block;
    bottom: 100%;
    left: 50%;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: .8em solid transparent;
    border-bottom-color: #fff;
    margin-left: -.8em
}

.b-pack div.menu-dish div.icons>div:hover>div.bubble {
    display: block
}

.b-pack div.menu-dish div.icons>div:not(:last-child) {
    margin-right: .16em
}

.b-pack div.menu-dish>div.details {
    width: 1.56em;
    padding-left: .13em;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-top: .1em;
    padding-bottom: .13em
}

.b-pack div.metrics {
    height: auto;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0 .1rem .05em;
    position: relative;
    font-size: 1em;
    text-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-radius: 4px
}

.b-pack div.metrics>div {
    font-size: .12em;
    line-height: .75em;
    font-weight: 700;
    color: #000
}

.b-pack div.metrics>div span {
    font-size: 1em;
    color: #000;
    font-weight: 400
}

.b-pack div.metrics>div:not(:last-child) {
    margin-right: .91667em;
    border-right: 1px solid #979797;
    padding-right: .78571em
}

html:not(.smartphone) .b-pack {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column
}

html:not(.smartphone) .b-pack__photo {
    padding: 0 .09em .13em 0;
    position: relative
}

html:not(.smartphone) .b-pack__photo.regions .b-pack-img {
    -webkit-filter: none;
    filter: none
}

html:not(.smartphone) .b-pack__dishes {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    padding-left: .28em
}

html:not(.smartphone) .b-pack-img {
    -webkit-filter: drop-shadow(10px 18px 20px rgba(0, 0, 0, .3));
    filter: drop-shadow(10px 18px 20px rgba(0, 0, 0, .3))
}

html:not(.smartphone) .b-pack-img.no-shadow {
    -webkit-filter: none;
    filter: none
}

html:not(.smartphone) .b-pack-pref {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .75em;
    cursor: default;
    position: absolute;
    bottom: .41667em;
    width: 9.66667em;
    height: 2.16667em;
    border-radius: 1.25em
}

html:not(.smartphone) .b-pack-pref svg {
    width: 1.2em;
    height: 1.16667em;
    margin-top: 0;
    margin-right: .46667em
}

html:not(.smartphone) .b-pack-pref.is-favorite {
    background-color: var(--color__default);
    color: #fff
}

html:not(.smartphone) .b-pack-pref.is-restricted {
    background-color: #dd4949;
    color: #fff
}

.b-pack__photo {
    width: 100%;
    border-radius: .04em
}

.b-pack__photo .b-pack-rate {
    position: absolute;
    right: .3em;
    top: 0;
    background-color: #ef5747;
    border: 2px solid #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: .3em;
    height: .3em;
    border-radius: 1rem;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .4)
}

.b-pack__photo .b-pack-rate svg {
    fill: #fff;
    width: .1556em;
    height: .14em
}

.b-pack-img {
    position: relative;
    width: 1.9em;
    height: auto
}

.b-pack-img__badge {
    font-size: .14em;
    line-height: 1.14286em;
    color: #9b9b9b;
    width: 13.57143em;
    text-align: center;
    margin-top: 1.78571em;
    font-weight: 500
}

.b-pack__dishes div.metrics {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.b-pack__custom-buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 2.61em;
    text-align: center;
    margin: 0 auto
}

.b-pack__custom-buttons>div {
    width: 50%
}

.b-pack__custom-buttons>div .button {
    width: 100%;
    margin: 0
}

.b-pack__custom-button-remove .button {
    font-size: .12em !important;
    line-height: 1.66667em;
    height: 2.16667em !important;
    text-transform: uppercase !important;
    font-weight: 500;
    border: 1px solid #f8c325;
    border-radius: .41667em 0 0 .41667em
}

.b-pack__custom-button-remove .button.loader {
    margin: 0 !important
}

.b-pack__custom-button-add .button {
    font-size: .12em !important;
    line-height: 1.66667em;
    height: 2.16667em !important;
    text-transform: uppercase !important;
    font-weight: 700;
    border-radius: 0 .41667em .41667em 0
}

html.smartphone .b-pack__photo {
    text-align: center
}

html.smartphone .b-pack__photo img {
    width: 2.4em;
    height: 1.76em;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-filter: drop-shadow(10px 18px 20px rgba(0, 0, 0, .3));
    filter: drop-shadow(10px 18px 20px rgba(0, 0, 0, .3))
}

html.smartphone .b-pack .title {
    font-size: .16em
}

html.smartphone .b-pack .b-pack-img__badge.b-menu-day__cbju-items {
    width: 100%;
    margin: 1.25em 0
}

html.smartphone .b-pack .b-pack-img__badge.b-menu-day__cbju-items>div {
    color: #000;
    font-weight: 600
}

html.smartphone .b-pack .b-pack-img__badge.b-menu-day__cbju-items span {
    font-size: 1em;
    font-weight: 500;
    color: #9b9b9b
}

html.smartphone .b-pack-simple {
    padding: .15em
}

html.smartphone .b-pack-simple .title {
    font-weight: 700;
    margin-bottom: 2.33333em
}

html.smartphone .b-pack-simple .b-pack__photo {
    padding: 0;
    box-shadow: none
}

html.smartphone .b-pack-simple .main-data {
    margin-bottom: .15em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

html.smartphone .b-pack-simple .main-data>div.metrics {
    margin-left: 0
}

html.smartphone .b-pack-simple .main-data>div.icons svg {
    height: .13em
}

html.smartphone .b-pack-simple .main-data .metric span {
    color: #979797
}

html.smartphone .b-pack-simple .main-info {
    padding-bottom: .1em !important
}

html.smartphone .b-pack-simple .main-info>div.title {
    margin-bottom: .1em !important
}

html.smartphone .b-pack-simple .main-info>div.composition {
    margin-top: 0 !important
}

html.smartphone .b-pack-simple .menu-dish div.metrics {
    padding-left: 0;
    -ms-flex-pack: start;
    justify-content: flex-start
}

html.smartphone .b-pack-img__badge {
    font-size: .12em;
    line-height: 1.33333em
}

html.smartphone .b-pack__dishes {
    margin-top: .15em
}

html.smartphone .b-pack__dishes div.menu-dish {
    -ms-flex-flow: column;
    flex-flow: column
}

html.smartphone .b-pack__dishes div.menu-dish div.main-data,
html.smartphone .b-pack__dishes div.menu-dish div.main-info {
    width: 100% !important;
    padding-left: 0 !important
}

html.smartphone .b-pack__dishes div.menu-dish div.main-info div.title {
    line-height: 1.71429em !important
}

html.smartphone .b-pack-img__badge-info {
    font-size: .66667em;
    line-height: 2em
}

html.smartphone .b-pack-photo__text {
    font-size: .14em;
    font-weight: 700;
    line-height: 1.33333em;
    color: #181717;
    margin: 1.66667em 0 0
}

html.smartphone .b-pack-photo__text div {
    overflow: hidden
}

html.smartphone .b-pack-photo__text p {
    font-size: .85714em;
    font-weight: 700;
    color: #8a8b8a
}

html.smartphone .b-pack-photo__text h3 {
    font-size: 1.33333em;
    margin-bottom: .58333em;
    font-weight: 700
}

.b-pack--full {
    padding-left: .35em;
    padding-right: .25em
}

.b-pack--full .b-pack__photo {
    position: relative;
    -ms-flex: 0 0 49% !important;
    flex: 0 0 49% !important;
    max-width: 49% !important;
    min-height: 2.92em
}

.b-pack--full .b-pack__title {
    position: absolute;
    font-size: .22em;
    font-weight: 700;
    line-height: .82;
    color: #6b6b6b;
    padding: .63636em 1.90909em .63636em .68182em;
    border-radius: .09091em;
    background-color: #fcfcfc;
    bottom: 1.90909em;
    left: -1.09091em;
    box-shadow: 0 .09091em .45455em 0 rgba(0, 0, 0, .17);
    z-index: 10
}

.b-pack--full .b-pack-img {
    width: 4.2em;
    -webkit-filter: drop-shadow(10px 10px 15px rgba(0, 0, 0, .3)) !important;
    filter: drop-shadow(10px 10px 15px rgba(0, 0, 0, .3)) !important
}

.b-pack--full .b-pack-img.rounded {
    border-radius: .08em
}

.b-pack--full .b-pack__info {
    -ms-flex: 0 0 51%;
    flex: 0 0 51%;
    max-width: 51%
}

.b-pack--full .b-pack-title {
    font-size: .2em;
    font-weight: 700;
    line-height: 1.2;
    color: #181717
}

.b-pack--full .b-pack-summary {
    font-size: .2em;
    font-weight: 500;
    line-height: 1.2;
    color: #6b6b6b;
    margin-bottom: .8em
}

.b-pack--full .b-pack__rating {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .15em
}

.b-pack--full .b-pack__rating div.hearts {
    position: relative;
    width: 1.15em;
    height: .17em;
    margin-right: .1em
}

.b-pack--full .b-pack__rating div.hearts div.back,
.b-pack--full .b-pack__rating div.hearts div.front {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.b-pack--full .b-pack__rating div.hearts div.back svg,
.b-pack--full .b-pack__rating div.hearts div.front svg {
    width: .2em;
    height: .17em;
    margin-right: .03em
}

.b-pack--full .b-pack__rating div.hearts div.back svg {
    color: #cbcbcb
}

.b-pack--full .b-pack__rating div.hearts div.front {
    overflow: hidden
}

.b-pack--full .b-pack__rating div.hearts div.front svg {
    color: #ff4c61;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.b-pack--full .b-pack__rating .likes {
    font-size: .18em;
    font-weight: 500;
    line-height: 1.11;
    color: #a7a7a7
}

.b-pack--full .b-pack__dishes {
    padding-left: 0 !important;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.b-pack--full .b-pack__dish {
    margin-bottom: .14em
}

.b-pack--full .b-pack__dish-title {
    font-size: .16em;
    font-weight: 700;
    line-height: 1.25;
    color: #545454;
    margin-bottom: .3125em
}

.b-pack--full .b-pack__dish-text {
    font-size: .14em;
    font-weight: 500;
    line-height: 1.3;
    color: #6b6b6b
}

.b-pack__photo .unwanted-ingridients {
    position: absolute;
    right: 0;
    top: .52rem;
    padding: .08rem;
    background-color: #fff;
    border-radius: .08rem .02rem .02rem .08rem
}

.l-dashboard__new-order .b-pack__photo .unwanted-ingridients {
    right: .38rem;
    top: .65rem
}

.b-pack__photo .unwanted-ingridients:hover .unwanted-ingridients__list {
    visibility: visible;
    opacity: 1
}

.b-pack__photo .unwanted-ingridients:hover .unwanted-ingridients__badge circle {
    opacity: .3
}

.b-pack__photo .unwanted-ingridients__badge {
    width: .2rem;
    height: .2rem
}

.b-pack__photo .unwanted-ingridients__badge circle {
    transition: opacity .2s ease-in-out
}

.b-pack__photo .unwanted-ingridients__list {
    visibility: hidden;
    opacity: 0;
    width: 3.28rem;
    height: auto;
    padding: .2rem .24rem;
    background-color: #fff;
    border-radius: .16rem;
    -webkit-filter: drop-shadow(0 .04rem .16rem rgba(0, 0, 0, .1));
    filter: drop-shadow(0 .04rem .16rem rgba(0, 0, 0, .1));
    position: absolute;
    top: -.04rem;
    left: .18rem;
    transform: translate(-50%, -100%);
    transition: opacity .2s ease-in-out, visibility .2s linear;
    z-index: 99
}

.b-pack__photo .unwanted-ingridients__title {
    font-weight: 700;
    font-size: .16rem;
    line-height: 150%;
    color: #0d0d0d
}

.b-pack__photo .unwanted-ingridients__ingridient {
    font-weight: 500;
    font-size: .16rem;
    line-height: 150%;
    color: #666
}

.b-pack__photo .unwanted-ingridients__triangle {
    width: 0;
    height: 0;
    position: absolute;
    bottom: -.08rem;
    left: calc(50% - .08rem);
    border-left: .08rem solid transparent;
    border-right: .08rem solid transparent;
    border-top: .08rem solid #fff
}

.b-menu-by-pack {
    margin-top: .4em
}

.b-menu-by-pack__title {
    font-size: .3em;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    color: #4e4e4e
}

.b-menu-by-pack__main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -.25em;
    margin-left: -.25em
}

.b-menu-by-pack__aside {
    position: relative;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
    height: 3.24em;
    padding-left: .25em;
    padding-top: .4em
}

.b-menu-by-pack__aside-prev {
    width: .45em;
    height: .45em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: -.05em;
    z-index: 100;
    transform: rotate(180deg);
    left: .35em;
    color: #747474;
    outline: none;
    cursor: pointer
}

.b-menu-by-pack__aside-prev.swiper-button-disabled {
    opacity: 0
}

.b-menu-by-pack__aside-prev .c-icon {
    width: .16em;
    height: .12em
}

.b-menu-by-pack__aside-next {
    width: .45em;
    height: .45em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    bottom: -.45em;
    z-index: 100;
    left: .35em;
    color: #747474;
    outline: none;
    cursor: pointer
}

.b-menu-by-pack__aside-next .c-icon {
    width: .16em;
    height: .12em
}

.b-menu-by-pack__pack {
    cursor: pointer;
    margin-bottom: .09em
}

.b-menu-by-pack__pack:hover .b-menu-by-pack__pack-img {
    opacity: .7
}

.active .b-menu-by-pack__pack {
    position: relative
}

.active .b-menu-by-pack__pack .b-menu-by-pack__pack-img {
    opacity: .4
}

.b-menu-by-pack__pack-divider {
    font-size: .16em;
    margin-bottom: .3125em;
    width: 3.125em;
    margin-left: .5625em;
    font-weight: 700;
    line-height: 1.17;
    color: #1b1b1b;
    text-align: center;
    text-transform: uppercase;
    margin-top: 1em;
    display: block
}

.b-menu-by-pack__pack-img {
    width: .66em;
    height: .49em;
    transition: opacity .3s ease-in-out
}

.b-menu-by-pack__pack-img img {
    max-width: 100%;
    display: inline-block;
    height: auto;
    vertical-align: middle;
    -webkit-filter: drop-shadow(.04em .04em .04em rgba(0, 0, 0, .4));
    filter: drop-shadow(.04em .04em .04em rgba(0, 0, 0, .4));
    border-radius: .08em
}

.b-menu-by-pack__body {
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%
}

.b-menu-by-pack__body .swiper-container {
    padding-top: .4em;
    padding-bottom: .2em
}

.b-menu-by-pack__footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -.1em;
    margin-left: -.1em;
    -ms-flex-align: center;
    align-items: center
}

.b-menu-by-pack__footer-left {
    -ms-flex: 0 0 73%;
    flex: 0 0 73%;
    max-width: 73%;
    padding-left: .1em;
    padding-right: .1em
}

.b-menu-by-pack__footer-right {
    -ms-flex: 0 0 27%;
    flex: 0 0 27%;
    max-width: 27%;
    padding-left: .1em;
    padding-right: .1em
}

.b-menu-by-pack__info {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    border-radius: .04em;
    border: 1px solid #dbdbdb;
    padding-top: .17em;
    padding-bottom: .17em
}

.b-menu-by-pack__info:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 55%;
    width: 1px;
    background-color: #dbdbdb
}

.b-menu-by-pack__info-left {
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%;
    font-size: .18em;
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
    color: #8e8e8e
}

.b-menu-by-pack__info-left span {
    color: #00b923
}

.b-menu-by-pack__info-right {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%
}

.b-menu-by-pack__info-right,
.b-menu-by-pack__kbju {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.b-menu-by-pack__kbju,
.b-menu-by-pack__kbju-item {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.b-menu-by-pack__kbju-item {
    font-size: .14em;
    font-weight: 500;
    color: #828282;
    margin-right: 1em
}

.b-menu-by-pack__kbju-item,
.b-menu-by-pack__kbju-item-number {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.b-menu-by-pack__kbju-item-number {
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.14286em;
    width: 2.57143em;
    height: 2.57143em;
    border-radius: 50%;
    border: 1px solid #828282;
    margin-right: .375em
}

.b-menu-by-pack__button .button {
    display: -ms-flexbox !important;
    display: flex !important;
    font-size: .18em !important;
    width: 15.55556em !important;
    height: 3.33333em !important;
    margin: 0 !important
}

.b-menu-by-pack-prev {
    left: -.8em
}

.b-menu-by-pack-next,
.b-menu-by-pack-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 30;
    outline: none;
    cursor: pointer
}

.b-menu-by-pack-next {
    right: -.8em
}

.b-buttons__inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

div#dynamic-profits {
    padding: .6em 0 .7em
}

.landing-page--ya-taxi div#dynamic-profits {
    background-color: #302f2d;
    border-radius: 0 0 .5rem .5rem;
    padding: .72em 0 1.44em
}

.landing-page--ya-taxi div#dynamic-profits .line-after-h2,
.landing-page--ya-taxi div#dynamic-profits .list {
    margin-top: .55em
}

.landing-page--ya-taxi div#dynamic-profits .landing-width-container {
    width: unset
}

.landing-page--ya-taxi div#dynamic-profits .landing__title {
    color: #f2f2f2
}

div#dynamic-profits div.list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: .37em
}

div#dynamic-profits div.list>div {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    width: 2.9em
}

div#dynamic-profits div.list>div div.icon {
    width: .65em;
    height: .65em
}

div#dynamic-profits div.list>div div.icon>img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

div#dynamic-profits div.list>div div.desc {
    font-size: .16em;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
    color: #505050;
    margin-top: 1.25em
}

.landing-page--ya-taxi div#dynamic-profits div.list>div div.desc {
    color: #f2f2f2
}

div#dynamic-profits div.list>div:not(:last-child) {
    margin-right: .2em
}

div#dynamic-profits div.list.horizontal-layout>div {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center
}

div#dynamic-profits div.list.horizontal-layout>div div.desc {
    text-align: left;
    margin-top: 0;
    margin-left: .625em
}

div#dynamic-profits .button {
    margin: 2.5em auto 0
}

html.smartphone.landing-page--ya-taxi div#dynamic-profits {
    border-radius: 0 0 .2rem .2rem;
    padding: .3em 0 .58em
}

html.smartphone div#dynamic-profits {
    padding: .3em 0 .35em
}

html.smartphone div#dynamic-profits h2 {
    width: 13.63636em;
    margin-left: auto;
    margin-right: auto
}

html.smartphone div#dynamic-profits div.list {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-top: .3em
}

html.smartphone div#dynamic-profits div.list>div {
    padding-left: .22em;
    padding-right: .24em;
    width: auto
}

html.smartphone div#dynamic-profits div.list>div div.icon {
    width: .5em;
    height: .5em;
    -ms-flex: 0 0 0.5em;
    flex: 0 0 0.5em
}

html.smartphone div#dynamic-profits div.list>div div.desc {
    font-size: .14em;
    line-height: 1.29
}

html.smartphone div#dynamic-profits div.list>div:not(:last-child) {
    margin-right: 0;
    margin-bottom: .3em
}

html.smartphone div#dynamic-profits div.list.two-per-row {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 .1em
}

html.smartphone div#dynamic-profits div.list.two-per-row>div {
    width: 47%;
    padding: 0
}

html.smartphone div#dynamic-profits div.list.two-per-row>div div.desc {
    font-size: .12em
}

html.smartphone div#dynamic-profits div.list.two-per-row>div:nth-child(odd) {
    margin-right: 6%
}

html.smartphone div#dynamic-profits div.list.two-per-row>div:nth-last-child(2):nth-child(odd) {
    margin-bottom: 0
}

.modal-window.dynamic-profits-modal {
    width: 800px;
    max-width: 90%;
    height: 80vh
}

.modal-window.dynamic-profits-modal .modal-inner {
    height: 100%
}

.modal-window.dynamic-profits-modal .modal-inner iframe {
    border-width: 0;
    width: 100%;
    height: 100%
}

html.smartphone .modal-window.dynamic-profits-modal {
    max-width: 100%;
    height: 100vh
}

div#last-cta {
    background-color: #f6f6f6;
    background-size: cover;
    background-position: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 4.8em
}

html:not(.smartphone).landing-page--ya-taxi div#last-cta {
    -ms-flex-align: start;
    align-items: flex-start
}

html.smartphone.landing-page--ya-taxi div#last-cta {
    border-radius: .2rem .2rem 0 0
}

html:not(.smartphone) div#last-cta.disable-breakpoint {
    font-size: 6.94444vw
}

html[data-subdomain=trial] div#last-cta {
    background-size: 140%;
    background-position: 50%;
    box-sizing: border-box;
    height: 6.18em;
    padding-top: 1em;
    text-align: center;
    position: relative
}

html[data-subdomain=trial] div#last-cta:before {
    display: block;
    content: "";
    background-color: #f6f6f6;
    height: 2.1em;
    -webkit-clip-path: polygon(0 0, 100% 0, 0 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 0 100%, 0 100%);
    position: absolute;
    left: 0;
    width: 100%;
    top: -1px
}

.landing-page--ya-taxi div#last-cta div.cont {
    margin: .45rem 0
}

div#last-cta div.cont h2 {
    font-size: .36em;
    font-weight: 700;
    line-height: 1.11;
    text-align: center
}

.landing-page--ya-taxi div#last-cta div.cont h2 {
    font-size: .6rem
}

div#last-cta div.cont h3 {
    font-size: .28em;
    font-weight: 500;
    line-height: 1.14;
    margin-top: .57143em;
    text-align: center
}

div#last-cta div.cont .countdown {
    margin-top: .2em
}

div#last-cta div.cont .button {
    padding-top: 2px;
    font-size: .18em;
    font-weight: 900;
    width: 17.77778em;
    height: 3.33333em;
    border-radius: .33333em;
    margin: 2.66667em auto 0;
    border-width: 0
}

div#last-cta div.cont .button.button--icon-after .c-icon {
    top: -.03rem
}

html.smartphone[data-subdomain=trial] div#last-cta {
    background-size: 120%;
    background-position: 100% 70%;
    height: 4.7em;
    padding-top: .4em
}

html.smartphone[data-subdomain=trial] div#last-cta:before {
    height: .8em
}

html.smartphone div#last-cta {
    height: 4.7em
}

html.smartphone div#last-cta div.cont h2 {
    font-size: .26em;
    line-height: 1.15
}

html.smartphone div#last-cta div.cont h3 {
    font-size: .18em;
    line-height: 1.11;
    margin-top: .66667em
}

html.smartphone div#last-cta div.cont .button {
    padding-top: 0;
    font-size: .18em;
    text-transform: none;
    font-weight: 500;
    width: 14.44444em;
    height: 2.5em;
    border-radius: .33333em;
    margin: 1.77778em auto 0
}

html.smartphone div#last-cta div.cont .button.button--icon-after .c-icon {
    top: 0
}

div#last-trial-cta {
    background-size: cover;
    background-position: 50%;
    padding-top: .6em;
    padding-bottom: .9em
}

div#last-trial-cta h2 {
    font-size: .36em;
    font-weight: 700;
    text-align: center
}

div#last-trial-cta div.cont {
    width: 8.4em;
    height: 3.5em;
    border-radius: .05em;
    box-shadow: 0 .07em .15em 0 rgba(0, 0, 0, .27);
    background-color: #fff;
    margin: .5em auto 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: .83em
}

div#last-trial-cta div.cont>div.packs-image {
    width: 4em;
    position: relative;
    height: 100%
}

div#last-trial-cta div.cont>div.packs-image>img {
    position: absolute
}

div#last-trial-cta div.cont>div.form-block>div.line1 {
    font-size: .24em;
    font-weight: 500;
    line-height: .92;
    text-align: center;
    color: #1b1b1b
}

div#last-trial-cta div.cont>div.form-block>div.line2 {
    font-size: .14em;
    font-weight: 500;
    line-height: 1.29;
    text-align: center;
    color: #959595;
    margin-top: .21429em
}

div#last-trial-cta div.cont>div.form-block>div.line3 {
    text-align: center;
    margin-top: .57895em;
    font-size: .38em;
    font-weight: 700;
    line-height: .58;
    color: #ff4b65
}

div#last-trial-cta div.cont>div.form-block>div.line3 span.rub {
    font-size: .78947em
}

div#last-trial-cta div.cont>div.form-block>div.form {
    margin: .31em auto 0;
    width: 3.2em
}

div#last-trial-cta div.cont>div.form-block>div.form>.auth-button {
    font-size: .16em;
    font-weight: 900;
    width: 100%;
    height: 3.125em;
    border-radius: .375em;
    border-width: 0;
    margin: 0 auto;
    text-transform: uppercase
}

div#last-trial-cta div.cont>div.form-block>div.form>div.phone-container>div.small-text,
div#last-trial-cta div.cont>div.form-block>div.form>div.phone-container>h3,
div#last-trial-cta div.cont>div.form-block>div.form>div.phone-container>p,
div#last-trial-cta div.cont>div.form-block>div.form>div.sms-container>div.small-text,
div#last-trial-cta div.cont>div.form-block>div.form>div.sms-container>h3,
div#last-trial-cta div.cont>div.form-block>div.form>div.sms-container>p {
    display: none
}

div#last-trial-cta div.cont>div.form-block>div.form>div.phone-container>div.input-container,
div#last-trial-cta div.cont>div.form-block>div.form>div.sms-container>div.input-container {
    width: 100%;
    font-size: .18em
}

div#last-trial-cta div.cont>div.form-block>div.form>div.phone-container>div.input-container input,
div#last-trial-cta div.cont>div.form-block>div.form>div.sms-container>div.input-container input {
    font-size: 1em !important;
    font-weight: 700;
    margin: 0;
    height: 2.5em;
    border: 1px solid #979797;
    border-radius: .33333em
}

div#last-trial-cta div.cont>div.form-block>div.form>div.phone-container>div.input-container input:focus,
div#last-trial-cta div.cont>div.form-block>div.form>div.sms-container>div.input-container input:focus {
    border-color: #484848
}

div#last-trial-cta div.cont>div.form-block>div.form>div.phone-container>div.input-container input:placeholder-shown:not(:focus)+label,
div#last-trial-cta div.cont>div.form-block>div.form>div.sms-container>div.input-container input:placeholder-shown:not(:focus)+label {
    font-size: 1.14286em !important;
    top: .14rem;
    font-size: .875em
}

div#last-trial-cta div.cont>div.form-block>div.form>div.phone-container>div.input-container label,
div#last-trial-cta div.cont>div.form-block>div.form>div.sms-container>div.input-container label {
    top: .04rem;
    font-size: .55556em
}

div#last-trial-cta div.cont>div.form-block>div.form>div.phone-container>div.input-container .message,
div#last-trial-cta div.cont>div.form-block>div.form>div.sms-container>div.input-container .message {
    display: none
}

div#last-trial-cta div.cont>div.form-block>div.form>div.phone-container>div.input-button,
div#last-trial-cta div.cont>div.form-block>div.form>div.sms-container>div.input-button {
    position: relative
}

div#last-trial-cta div.cont>div.form-block>div.form>div.phone-container>div.input-button .button,
div#last-trial-cta div.cont>div.form-block>div.form>div.sms-container>div.input-button .button {
    font-size: .16em;
    font-weight: 900;
    width: 100%;
    height: 3.125em;
    border-radius: .375em;
    text-transform: uppercase;
    margin: .625em auto 0;
    border-width: 0;
    background-color: var(--color__default);
    background-color: var(--buttonBg)
}

div#last-trial-cta div.cont>div.form-block>div.form>div.phone-container>div.input-button .button:before,
div#last-trial-cta div.cont>div.form-block>div.form>div.sms-container>div.input-button .button:before {
    font-size: .8em
}

div#last-trial-cta div.cont>div.form-block>div.form>div.small-message {
    font-size: .12em;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    color: #8e8e8e;
    margin-top: .5em
}

div#last-trial-cta[data-target=p1] div.cont>div.packs-image>img {
    width: 4.89em;
    left: -1em;
    top: .1em
}

div#last-trial-cta[data-target=p2] div.cont>div.packs-image>img {
    width: 3.94em;
    left: -.3em;
    top: .2em
}

div#last-trial-cta[data-target=p3] div.cont>div.packs-image>img {
    width: 4.89em;
    left: -1em;
    top: .1em
}

html.smartphone div#last-trial-cta {
    background-size: cover;
    background-position: 50%;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 4.6em
}

html.smartphone div#last-trial-cta h2 {
    font-size: .26em;
    font-weight: 700;
    line-height: 1.15
}

html.smartphone div#last-trial-cta h3 {
    font-size: .18em;
    font-weight: 500;
    line-height: 1.22;
    text-align: center;
    color: #fff;
    margin-top: .5em
}

html.smartphone div#last-trial-cta div.cont {
    width: 2.7em;
    height: auto;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    margin: .24em auto 0;
    display: block;
    padding-right: 0
}

html.smartphone div#last-trial-cta div.cont>div.form-block>div.line1,
html.smartphone div#last-trial-cta div.cont>div.form-block>div.line2,
html.smartphone div#last-trial-cta div.cont>div.form-block>div.line3,
html.smartphone div#last-trial-cta div.cont>div.packs-image {
    display: none
}

html.smartphone div#last-trial-cta div.cont>div.form-block>div.form {
    margin: 0 auto;
    width: 100%
}

html.smartphone div#last-trial-cta div.cont>div.form-block>div.form>.auth-button {
    height: 2.8125em;
    font-weight: 700;
    text-transform: none
}

html.smartphone div#last-trial-cta div.cont>div.form-block>div.form>div.phone-container>div.small-text,
html.smartphone div#last-trial-cta div.cont>div.form-block>div.form>div.phone-container>h3,
html.smartphone div#last-trial-cta div.cont>div.form-block>div.form>div.phone-container>p,
html.smartphone div#last-trial-cta div.cont>div.form-block>div.form>div.sms-container>div.small-text,
html.smartphone div#last-trial-cta div.cont>div.form-block>div.form>div.sms-container>h3,
html.smartphone div#last-trial-cta div.cont>div.form-block>div.form>div.sms-container>p {
    display: none
}

html.smartphone div#last-trial-cta div.cont>div.form-block>div.form>div.phone-container>div.input-container,
html.smartphone div#last-trial-cta div.cont>div.form-block>div.form>div.sms-container>div.input-container {
    font-size: .16em
}

html.smartphone div#last-trial-cta div.cont>div.form-block>div.form>div.phone-container>div.input-container input,
html.smartphone div#last-trial-cta div.cont>div.form-block>div.form>div.sms-container>div.input-container input {
    height: 2.5em;
    border-radius: .375em
}

html.smartphone div#last-trial-cta div.cont>div.form-block>div.form>div.phone-container>div.input-container label,
html.smartphone div#last-trial-cta div.cont>div.form-block>div.form>div.sms-container>div.input-container label {
    top: .04rem;
    font-size: .625em
}

html.smartphone div#last-trial-cta div.cont>div.form-block>div.form>div.phone-container>div.input-container .message,
html.smartphone div#last-trial-cta div.cont>div.form-block>div.form>div.sms-container>div.input-container .message {
    display: none
}

html.smartphone div#last-trial-cta div.cont>div.form-block>div.form>div.phone-container>div.input-button .button,
html.smartphone div#last-trial-cta div.cont>div.form-block>div.form>div.sms-container>div.input-button .button {
    height: 2.8125em;
    font-weight: 700;
    text-transform: none
}

html.smartphone div#last-trial-cta div.cont>div.form-block>div.form>div.small-message {
    color: #fff
}

.menu-type-icon {
    border-radius: 10rem;
    background: var(--color__default);
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: inherit
}

.menu-type-icon--outline {
    background: transparent;
    border: .02rem solid currentColor
}

.menu-type-icon--borderless {
    background: transparent;
    border: .02rem solid transparent;
    color: inherit
}

.menu-type-icon--borderless .menu-type-icon__svg {
    fill: currentColor
}

.menu-type-icon__svg {
    color: inherit;
    width: 100%;
    height: 100%;
    width: calc(100% + .02rem);
    height: calc(100% + .02rem);
    fill: currentColor
}

.phone {
    font-size: .16em;
    font-weight: 700
}

.navbar {
    top: 0;
    left: 0;
    color: #1b1b1b;
    right: 0;
    padding: .1em;
    z-index: 100;
    position: fixed;
    background: #fff;
    transition: color .2s ease-in-out, background .2s ease-in-out, transform .3s ease-in-out
}

@media only screen and (min-width:2560px) {

    .landing-page--ya-taxi .navbar .container,
    .landing-page--ya-taxi .navbar div#single-step-order>div.padding-container .container--first,
    .landing-page--ya-taxi .navbar div#single-step-order>div.padding-container .container--last,
    .landing-page--ya-taxi .navbar div#single-step-order>div.padding-container .container--payment,
    .landing-page--ya-taxi .navbar html.smartphone div#single-step-order>div.padding-container .container--first,
    .landing-page--ya-taxi .navbar html.smartphone div#single-step-order>div.padding-container .container--last,
    .landing-page--ya-taxi .navbar html.smartphone div#single-step-order>div.padding-container .container--payment,
    div#single-step-order>div.padding-container .landing-page--ya-taxi .navbar .container--first,
    div#single-step-order>div.padding-container .landing-page--ya-taxi .navbar .container--last,
    div#single-step-order>div.padding-container .landing-page--ya-taxi .navbar .container--payment,
    html.smartphone div#single-step-order>div.padding-container .landing-page--ya-taxi .navbar .container--first,
    html.smartphone div#single-step-order>div.padding-container .landing-page--ya-taxi .navbar .container--last,
    html.smartphone div#single-step-order>div.padding-container .landing-page--ya-taxi .navbar .container--payment {
        width: 2200px
    }
}

.navbar.nav-up {
    transform: translateY(calc(-100% - .04rem))
}

.navbar.nav-down {
    transform: translateY(0)
}

.navbar-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

html:not(.smartphone) .navbar-inner {
    width: 1400px
}

.navbar-part {
    margin-right: .1em;
    padding-right: .1em
}

.navbar-part:last-child {
    margin-right: 0;
    padding-right: 0
}

.navbar-space_between {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.navbar-space_between .navbar-hamburger {
    margin-left: 0
}

.navbar-smartphone {
    padding: 0 .1em
}

.navbar-smartphone .container>div,
.navbar-smartphone div#single-step-order>div.padding-container .container--first>div,
.navbar-smartphone div#single-step-order>div.padding-container .container--last>div,
.navbar-smartphone div#single-step-order>div.padding-container .container--payment>div,
.navbar-smartphone html.smartphone div#single-step-order>div.padding-container .container--first>div,
.navbar-smartphone html.smartphone div#single-step-order>div.padding-container .container--last>div,
.navbar-smartphone html.smartphone div#single-step-order>div.padding-container .container--payment>div,
div#single-step-order>div.padding-container .navbar-smartphone .container--first>div,
div#single-step-order>div.padding-container .navbar-smartphone .container--last>div,
div#single-step-order>div.padding-container .navbar-smartphone .container--payment>div,
html.smartphone div#single-step-order>div.padding-container .navbar-smartphone .container--first>div,
html.smartphone div#single-step-order>div.padding-container .navbar-smartphone .container--last>div,
html.smartphone div#single-step-order>div.padding-container .navbar-smartphone .container--payment>div {
    padding: .065rem 0
}

.navbar-logo {
    border-right: 1px solid var(--color__default);
    color: var(--color__default)
}

html[data-subdomain=wowfood] .navbar-logo {
    border-right: 1px solid var(--color__white);
    color: var(--color__white)
}

.navbar-logo svg:not(.c-icon) {
    width: auto;
    height: .2em
}

.navbar-logo svg.c-icon {
    height: .32em;
    width: .32em
}

html[data-subdomain=growfood] .navbar-logo path,
html[data-subdomain=growfood] .navbar-logo polygon {
    fill: var(--color__default)
}

html[data-subdomain=wowfood] .navbar.dark .navbar-logo path,
html[data-subdomain=wowfood] .navbar.dark .navbar-logo polygon {
    fill: var(--color__white)
}

.navbar-logo a {
    display: block;
    cursor: pointer
}

.navbar-logo img {
    /*width: .32em;*/
    height: .32em
}

.navbar-slogan {
    font-size: .13rem;
    color: #1b1b1b;
    line-height: .16rem
}

.navbar-title {
    font-size: .16rem;
    font-weight: 500;
    color: #1b1b1b;
    line-height: .24rem;
    text-align: center
}

.navbar-phone {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.navbar-phone svg {
    width: .28em;
    height: .28em
}

.navbar-recall .button {
    font-size: .16em;
    font-weight: 500;
    width: 10em;
    height: 1.875em;
    border-radius: .375em;
    text-transform: none
}

.navbar-back {
    width: .27rem;
    margin-left: .05rem;
    border-right: 1px solid #e7e7e7
}

.navbar-back img,
.navbar-back svg {
    width: .1107rem;
    height: .19rem
}

.navbar-menu {
    display: -ms-flexbox;
    display: flex;
    margin-left: auto
}

.navbar-menu>a,
.navbar-menu>button {
    color: #9b9b9b;
    padding: 1em;
    font-size: .13em;
    transition: color .2s ease-in-out;
    font-weight: 500;
    text-transform: uppercase;
    background: transparent;
    outline: none;
    border: none;
    cursor: pointer
}

.navbar-menu>a:hover,
.navbar-menu>button:hover {
    text-decoration: underline
}

.navbar-menu>a:first-child,
.navbar-menu>button:first-child {
    padding-left: 0
}

.navbar-menu>a:last-child,
.navbar-menu>button:last-child {
    padding-right: 0
}

.navbar-menu .targets-buttons {
    display: -ms-flexbox;
    display: flex
}

.navbar-menu .targets-buttons>div {
    font-size: .16em;
    font-weight: 500;
    color: #fff;
    padding: .25em 1.125em;
    border: 1px solid #fff;
    border-radius: .9375em;
    cursor: pointer
}

.navbar-menu .targets-buttons>div.active {
    color: #7c7c7c;
    background-color: #fff
}

.navbar-menu .targets-buttons>div:not(:last-child) {
    margin-right: 1.75em
}

.navbar-bonus-btn {
    margin-top: 1em
}

.navbar-user-menu .dropdown-selector .icon-left {
    width: .24em;
    height: .24em
}

.navbar-user-menu .dropdown-selector .icon-right {
    width: .12em;
    height: .12em
}

.navbar-user-menu .dropdown-menu {
    width: 2.6em
}

.navbar-user-menu .dropdown-menu .menu-dashboard_invite-amount {
    opacity: 1
}

.navbar-user-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.navbar-user-text span {
    font-size: .16em;
    max-width: 8em;
    overflow: hidden;
    white-space: nowrap
}

.navbar-logo-new-client {
    padding-right: .05rem !important;
    border-right: 1px solid #e7e7e7;
    color: var(--color__default)
}

.navbar-logo-new-client .c-icon {
    width: .24rem;
    height: .24rem
}

.navbar-hamburger {
    margin-left: auto
}

.navbar-hamburger--left-0 {
    margin-left: 0
}

.navbar-hamburger svg {
    width: .24em;
    height: .24em
}

.navbar-hamburger svg path {
    fill: var(--color__default)
}

.landing-page--ya-taxi .dark .navbar-hamburger svg path {
    fill: #fff
}

.navbar-cross {
    width: .24em;
    height: .24em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.navbar-cross svg {
    width: .1em;
    height: .1em
}

html.smartphone .navbar .navbar-city-selector {
    width: 100%
}

html.smartphone .navbar .navbar-city-selector--cut {
    max-width: 70px
}

html.smartphone .navbar.targets .city-selector--msk .dropdown-pos-bottom,
html.smartphone .navbar.targets .city-selector--spb .dropdown-pos-bottom {
    left: -523%
}

html.smartphone .navbar.targets .city-selector--msk .dropdown-pos-bottom:after,
html.smartphone .navbar.targets .city-selector--msk .dropdown-pos-bottom:before,
html.smartphone .navbar.targets .city-selector--spb .dropdown-pos-bottom:after,
html.smartphone .navbar.targets .city-selector--spb .dropdown-pos-bottom:before {
    left: 85%
}

.navbar.targets:not(.dark)[data-target=p1] {
    background-color: #fea1ac
}

.navbar.targets:not(.dark)[data-target=p2] {
    background-color: #fec107
}

.navbar.targets:not(.dark)[data-target=p3] {
    background-color: #0092c4
}

.navbar.targets:not(.dark) .navbar-logo {
    color: #fff;
    border-right-color: #fff
}

.navbar.targets:not(.dark) .navbar-phone svg {
    fill: #fff
}

.navbar.targets:not(.dark) .navbar-phone .phone,
.navbar.targets:not(.dark) .navbar-user-text {
    color: #fff
}

.navbar.targets:not(.dark) .navbar-user-text svg {
    color: inherit
}

.navbar.targets:not(.dark) .navbar-bonus-balance {
    color: #fff
}

.navbar.targets:not(.dark) .navbar-bonus-balance svg path:first-child {
    fill: #fff
}

.navbar.targets:not(.dark) .navbar-bonus-balance svg path:nth-child(2) {
    stroke: #fff
}

.navbar.targets:not(.dark) .navbar-city-selector {
    color: #fff
}

html.smartphone .navbar.targets:not(.dark):not(.dark) .navbar-hamburger {
    margin-left: 0
}

html.smartphone .navbar.targets:not(.dark):not(.dark) .navbar-hamburger svg path {
    fill: #fff
}

html.smartphone .navbar.targets:not(.dark):not(.dark) .navbar-logo {
    display: none
}

html.smartphone .navbar.targets:not(.dark):not(.dark) .navbar-target-selector {
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-left: .22em
}

html.smartphone .navbar.targets:not(.dark):not(.dark) .navbar-target-selector span {
    font-size: .18em;
    font-weight: 700
}

html.smartphone .navbar.targets:not(.dark):not(.dark) .navbar-target-selector svg {
    width: .18em;
    height: .13em
}

html.smartphone .navbar.targets:not(.dark):not(.dark) .navbar-target-selector .target-options {
    position: fixed;
    width: 100%;
    top: .42em;
    left: 0;
    background-color: #fff;
    box-shadow: 0 .02em .08em 0 rgba(0, 0, 0, .17);
    z-index: 100
}

html.smartphone .navbar.targets:not(.dark):not(.dark) .navbar-target-selector .target-options>div {
    padding: .6875em 2em;
    font-size: .16em;
    font-weight: 500;
    line-height: 1.13;
    color: #646464
}

html.smartphone .navbar.targets:not(.dark):not(.dark) .navbar-target-selector .target-options>div:not(:last-child) {
    border-bottom: 1px solid #cbcbcb
}

html.smartphone .navbar.targets:not(.dark):not(.dark) .navbar-city-selector {
    padding-right: 0;
    margin-left: auto;
    margin-right: .15em;
    min-width: 70px
}

html.smartphone .navbar.targets:not(.dark):not(.dark) .navbar-city-selector .dropdown-selector svg {
    width: .2em;
    height: .2em;
    margin-top: 0
}

.navbar-bonus-balance .dropdown-selector .value {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.navbar-bonus-balance .dropdown-selector .value>span {
    font-size: .16em;
    font-weight: 700
}

.navbar-bonus-balance .dropdown-selector .value .icon-left {
    width: .2em;
    height: .2em;
    margin-right: .1em
}

.navbar-bonus-balance .dropdown-content {
    width: 2.5em;
    padding: .2em;
    text-align: center
}

.navbar-bonus-balance .dropdown-content .info p {
    font-size: .16em
}

.navbar-bonus-balance .dropdown-content .info .how-it-works {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

.navbar-bonus-balance .dropdown-content .info .how-it-works span {
    font-size: .16em
}

html.preprod .navbar-logo {
    color: red
}

.v--modal-box__info,
.v--modal-box__scroll {
    overflow-y: auto !important
}

.v--modal-box__info {
    background-color: #f9f9f9
}

.v--modal-box__info .modal-window__navbar {
    z-index: 1
}

.v--modal-box__info .close-icon {
    z-index: 2;
    top: .02rem !important
}

.v--modal-box__info .close-icon .c-icon {
    width: .16rem;
    height: .16rem
}

.v--modal-box__navbar {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: .48rem;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: .16rem;
    padding-right: .15rem
}

.v--modal-box__navbar .close {
    margin-left: auto
}

.v--modal-box__navbar .close .c-icon {
    width: .16rem;
    height: .16rem
}

.v--modal-box__navbar h2 {
    font-size: .16rem;
    font-weight: 700;
    margin: 0
}

.v--modal-box__navbar h2.light-title {
    font-weight: 500
}

.v--modal-box__navbar-secondary {
    top: .48rem;
    height: .78rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .05)
}

html body.modal-active {
    overflow: hidden
}

html:not(.touch).win body.modal-active,
html:not(.touch).win body.modal-active .modal-root {
    padding-right: 17px
}

html:not(.touch).win body.modal-active div#navbar {
    right: 17px
}

.dropdown {
    position: relative
}

.dropdown-selector:not(.dropdown-selector-disabled) {
    cursor: pointer
}

.dropdown-content,
.dropdown-menu {
   color: #1b1b1b;
    border: 1px solid #f5f4f5;
    /*padding: .1em;*/
    z-index: 999;
    position: absolute;
    background: var(--color__white);
    box-shadow: 0 0 .01em rgba(0, 0, 0, .5), 0 .02em .04em 0 rgba(0, 0, 0, .2);
    border-radius: 4px
}

.dropdown-content:after,
.dropdown-content:before,
.dropdown-menu:after,
.dropdown-menu:before {
    border: .05em solid transparent;
    content: "";
    position: absolute;
	
}

.dropdown-pos-bottom,
.dropdown-pos-bottom:after,
.dropdown-pos-bottom:before,
.dropdown-pos-top,
.dropdown-pos-top:after,
.dropdown-pos-top:before {
    left: 50%;
    transform: translateX(-50%)
}

.dropdown-sharp {
    left: unset;
    transform: unset;
    right: 0
}

.dropdown-sharp:after,
.dropdown-sharp:before {
    left: unset;
    transform: unset;
    right: .78em
}

.dropdown-pos-left,
.dropdown-pos-left:after,
.dropdown-pos-left:before,
.dropdown-pos-right,
.dropdown-pos-right:after,
.dropdown-pos-right:before {
    top: 50%;
    transform: translateY(-50%)
}

.dropdown-pos-bottom {
    top: calc(100% + .1em)
}

.dropdown-pos-bottom:before {
    top: -.11em;
    border-bottom-color: rgba(0, 0, 0, .2)
}

.dropdown-pos-bottom:after {
    top: -.1em;
    border-bottom-color: var(--color__white)
}

.dropdown-pos-top {
    bottom: calc(100% + .1em)
}

.dropdown-pos-top:before {
    bottom: -.11em;
    border-top-color: rgba(0, 0, 0, .2)
}

.dropdown-pos-top:after {
    bottom: -.1em;
    border-top-color: var(--color__white)
}

.dropdown-pos-left {
    right: calc(100% + .1em)
}

.dropdown-pos-left:before {
    right: -.11em;
    border-left-color: rgba(0, 0, 0, .2)
}

.dropdown-pos-left:after {
    right: -.1em;
    border-left-color: var(--color__white)
}

.dropdown-pos-right {
    left: calc(100% + .1em)
}

.dropdown-pos-right:before {
    left: -.11em;
    border-right-color: rgba(0, 0, 0, .2)
}

.dropdown-pos-right:after {
    left: -.1em;
    border-right-color: var(--color__white)
}

.dropdown-sharp {
    border-radius: 0
}

.dropdown-menu {
    border: 0;
    padding: 0;
    list-style: none
}

.dropdown-menu>li>a {
    display: block;
    padding: .15em;
    white-space: nowrap;
    border-bottom: 1px solid #c7cfe2
}

.dropdown-menu>li>a:last-child {
    border: 0
}

.city-selector--spb .dropdown-pos-bottom {
    margin-left: 1em
}

.city-selector--spb .dropdown-pos-bottom:after,
.city-selector--spb .dropdown-pos-bottom:before {
    left: 41.5%
}

.city-selector--msk .dropdown-pos-bottom {
    margin-left: 1.4em
}

.city-selector--msk .dropdown-pos-bottom:after,
.city-selector--msk .dropdown-pos-bottom:before {
    left: 21.5%
}

.city-selector .dropdown-selector {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.city-selector .dropdown-selector span {
    font-size: .16em;
    margin-right: .5em
}

.city-selector .dropdown-selector svg {
    width: .13em;
    height: .13em;
    margin-left: auto
}

.city-selector .dropdown-selector svg path {
    fill: #1b1b1b
}

.city-selector .dropdown-menu {
    width: 3.8em;
    box-sizing: border-box;
    padding: .2rem
}

.city-selector .dropdown-menu.dropdown-pos-bottom {
    left: 94%
}

.city-selector .dropdown-menu .current-city {
    font-weight: 700;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.city-selector .dropdown-menu .current-city .c-icon {
    width: .15rem;
    height: .2rem;
    margin-right: .1rem;
    color: var(--color__default)
}

.city-selector .dropdown-menu .current-city svg path {
    fill: var(--color__default)
}

.city-selector .dropdown-menu .buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: .1rem
}

.city-selector .dropdown-menu .other-city-button {
    color: #00b923;
    border-bottom: 1px solid currentColor;
    font-weight: 700;
    display: inline-block;
    margin-top: 1em;
    cursor: pointer
}

.city-selector .dropdown-menu .button {
    font-size: .13rem !important;
    text-transform: none;
    width: 49%;
    margin-bottom: .05rem
}

.city-selector .dropdown-menu div,
.city-selector .dropdown-menu li {
    font-size: .13rem;
    margin: 0
}

.dropdown.select {
    position: relative;
    margin-bottom: .15rem
}

.dropdown.select,
.dropdown.select * {
    box-sizing: border-box
}

.dropdown.select * {
    cursor: pointer
}

.dropdown.select.dropdown-small .dropdown-toggle {
    height: .35rem
}

.dropdown.select.dropdown-small .dropdown-list {
    top: .35rem
}

.dropdown.select.dropdown-small .dropdown-list li {
    height: .4rem
}

.dropdown.select.dropdown-small .w-title {
    min-height: .35rem;
    margin-top: 0
}

.dropdown.select.dropdown-small input[type=search] {
    left: 0;
    top: 0
}

.dropdown.select.dropdown-small .open-indicator {
    top: .13rem
}

.dropdown.select.rtl .open-indicator {
    left: .1rem;
    right: auto
}

.dropdown.select.rtl .selected-tag {
    float: right;
    margin-right: .03rem;
    margin-left: 1px
}

.dropdown.select.rtl .dropdown-list {
    text-align: right
}

.dropdown.select.rtl .dropdown-toggle .clear {
    left: .3rem;
    right: auto
}

.dropdown.select .open-indicator {
    position: absolute;
    top: .17rem;
    right: .15rem;
    display: inline-block;
    cursor: pointer;
    pointer-events: all;
    transition: all .15s cubic-bezier(1, -.115, .975, .855);
    transition-timing-function: cubic-bezier(1, -.115, .975, .855);
    opacity: 1;
    height: .2rem;
    width: .1rem
}

.dropdown.select .open-indicator:before {
    content: "";
    display: block;
    position: absolute;
    left: -.1rem;
    top: -.04rem;
    background-color: var(--color__default);
    width: 1px;
    height: .19rem
}

.dropdown.select .open-indicator:after {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    width: 0;
    height: 0;
    margin-top: .03rem;
    border-style: solid;
    border-width: .05rem .05rem 0;
    border-color: var(--color__default) transparent transparent
}

.dropdown.select .selected-card {
    position: relative !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    width: .3rem;
    height: .2rem;
    margin-right: .15rem;
    background-size: contain;
    background-repeat: no-repeat;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.dropdown.select .selected-card__sbp-bank-icon {
    width: .2rem !important;
    height: .2rem !important;
    margin: auto !important
}

.dropdown.select .selected-card__sbp-icon {
    position: absolute;
    bottom: -.02rem;
    left: .17rem;
    margin: 0 !important;
    width: .12rem !important;
    height: .12rem !important;
    padding: .02rem;
    background: var(--color__white);
    border-radius: .12rem
}

.dropdown.select .selected-card__sbp-icon--option {
    left: .15rem
}

.dropdown.select .selected-card.visa {
    background-image: url(/static/icons/cards/base/visa.svg)
}

.dropdown.select .selected-card.mir {
    background-image: url(/static/icons/cards/base/mir.svg)
}

.dropdown.select .selected-card.maestro {
    background-image: url(/static/icons/cards/base/maestro.svg)
}

.dropdown.select .selected-card.discover {
    background-image: url(/static/icons/cards/base/discover.svg)
}

.dropdown.select .selected-card.mastercard {
    background-image: url(/static/icons/cards/base/mastercard.svg)
}

.dropdown.select .selected-card.new,
.dropdown.select .selected-card.newCard {
    width: .3rem;
    height: .14rem;
    background-position: 50%;
    background-image: url(/static/images/new.90c4857.svg)
}

.dropdown.select .selected-card.cash {
    background-image: url(/static/images/cash.34689ba.svg)
}

.dropdown.select .selected-card.applePay {
    background-image: url(/static/images/apple.96cc990.svg)
}

.dropdown.select.open .open-indicator:after {
    border-width: 0 .05rem .05rem;
    border-color: transparent transparent var(--color__default)
}

.dropdown.select.loading .open-indicator {
    opacity: 0
}

.dropdown.select.open .open-indicator {
    bottom: 1px
}

.dropdown.select.is-empty .dropdown-toggle {
    border-color: #ef5747
}

.dropdown.select.is-empty span.title {
    top: .13rem;
    left: .05rem;
    line-height: 1.42857143;
    font-size: .16rem;
    margin: 0;
    padding: 0 .5em
}

html.smartphone .dropdown.select.is-empty span.title {
    top: .04rem;
    left: -.5em;
    line-height: 1.42857143;
    font-size: .16em !important;
    margin: 0;
    padding: 0 .5em
}

.dropdown.select .dropdown-toggle {
    overflow: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    padding: 0;
    background-color: #fff;
    border: 1px solid #bdbdbd;
    white-space: normal;
    height: .45rem;
    border-radius: .03rem
}

.dropdown.select .dropdown-toggle input {
    border: none;
    box-shadow: none
}

.dropdown.select .dropdown-toggle:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: "";
    clear: both;
    height: 0
}

.dropdown.select .dropdown-toggle .clear {
    position: absolute;
    bottom: .09rem;
    right: .3rem;
    font-size: .23rem;
    font-weight: 700;
    line-height: 1;
    color: rgba(60, 60, 60, .5);
    padding: 0;
    border: 0;
    background-color: transparent;
    cursor: pointer
}

.dropdown.select.searchable .dropdown-toggle {
    cursor: text
}

.dropdown.select.unsearchable .dropdown-toggle {
    cursor: pointer
}

.dropdown.select.open .dropdown-toggle {
    border-color: #484848;
    border-bottom-color: transparent;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding-right: .4rem
}

.dropdown.select .dropdown-list {
    display: block;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    min-width: 1.6rem;
    padding: 0;
    margin: 0;
    width: 100%;
    overflow-y: scroll;
    border: 1px solid #484848;
    border-top: none;
    text-align: left;
    list-style: none;
    background: #fff;
    border-bottom-left-radius: .03rem;
    border-bottom-right-radius: .03rem
}

.dropdown.select .dropdown-list li {
    font-size: .16rem
}

.dropdown.select .dropdown-list img {
    height: .15rem;
    margin-right: .15rem
}

.dropdown.select .no-options {
    text-align: center
}

.dropdown.select .selected-tag {
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: .04rem;
    margin: .02rem 1px 1px .05rem;
    padding: .15rem .25em .05rem;
    float: left;
    min-height: .4rem;
    height: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: .14rem;
    color: #1b1b1b;
    line-height: .18rem;
    font-weight: 500
}

.dropdown.select .selected-tag.w-title {
    padding: .05rem .25em
}

.dropdown.select .selected-tag .string {
    font-size: 1.14286em;
    font-weight: 500;
    color: #181717;
    height: 1.0625em;
    overflow: hidden;
    white-space: nowrap
}

.dropdown.select .selected-tag .card svg {
    width: .3rem;
    height: .2rem;
    margin-right: .15rem
}

.dropdown.select span.title {
    display: block;
    position: absolute;
    margin: .06rem 0 0 .1rem;
    font-size: .11rem;
    color: #6f6f6f;
    line-height: .11rem
}

.dropdown.select.single .selected-tag {
    background-color: transparent;
    border-color: transparent;
    overflow: hidden;
    width: 89%
}

.dropdown.select.single.open .selected-tag {
    position: absolute;
    opacity: .5
}

.dropdown.select.single.loading .selected-tag,
.dropdown.select.single.open.searching .selected-tag {
    display: none
}

.dropdown.select .selected-tag .close {
    float: none;
    margin-right: 0;
    font-size: .2rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2
}

.dropdown.select.single.searching:not(.open):not(.loading) input[type=search] {
    opacity: .2
}

.dropdown.select input[type=search] {
    top: .1rem;
    left: .05rem;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    line-height: 1.42857143;
    font-size: .16rem;
    height: .34rem;
    display: inline-block;
    border: none;
    outline: none;
    margin: 0;
    padding: 0 .5em;
    width: 10em;
    max-width: 100%;
    background-color: transparent;
    position: relative;
    box-shadow: none
}

.dropdown.select input[type=search]::-ms-clear,
.dropdown.select input[type=search]::-webkit-search-cancel-button,
.dropdown.select input[type=search]::-webkit-search-decoration,
.dropdown.select input[type=search]::-webkit-search-results-button,
.dropdown.select input[type=search]::-webkit-search-results-decoration {
    display: none
}

.dropdown.select input[type=search]:focus {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    line-height: 1.42857143;
    height: .34rem;
    display: inline-block;
    border: none;
    outline: none;
    margin: 0;
    padding: 0 .5em;
    width: 10em;
    max-width: 100%;
    background: none;
    position: relative;
    box-shadow: none
}

.dropdown.select input[type=search].choosen {
    position: absolute;
    opacity: 0
}

.dropdown.select.unsearchable input[type=search] {
    opacity: 0
}

.dropdown.select.unsearchable input[type=search]:hover {
    cursor: pointer
}

.dropdown.select li {
    line-height: .42rem;
    border-bottom: 1px solid #cacbcb
}

.dropdown.select li:first-of-type {
    border-top: 1px solid #cacbcb
}

.dropdown.select li:last-of-type {
    border-bottom: none
}

.dropdown.select li>a .string {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: .42rem;
    width: 100%;
    padding: .03rem .12rem;
    padding-right: .4rem;
    white-space: nowrap;
    overflow: hidden
}

.dropdown.select li>a .string .overflow-string {
    overflow: hidden;
    text-overflow: ellipsis
}

.dropdown.select li>a .string .price {
    background-color: var(--color__default);
    display: inline-block;
    position: absolute;
    top: .12rem;
    border-radius: .02rem;
    right: .1rem;
    padding: .05rem .07rem .03rem;
    font-size: .1rem;
    line-height: .1rem;
    color: var(--color__white)
}

.dropdown.select li img {
    height: .3rem
}

.dropdown.select li:hover {
    cursor: pointer
}

.dropdown.select.option-with-icon .dropdown-toggle {
    border-bottom-left-radius: .03rem;
    border-bottom-right-radius: .03rem
}

.dropdown.select.option-with-icon ul.dropdown-list li>a {
    display: -ms-flexbox;
    display: flex;
    height: .42rem;
    -ms-flex-align: center;
    align-items: center;
    padding: .03rem .2rem;
    white-space: nowrap
}

.dropdown.select.option-with-icon ul.dropdown-list li>a .string {
    height: auto;
    padding: 0
}

.dropdown.select .dropdown-list .active {
    font-weight: 500
}

.dropdown.select .dropdown-list>.highlight {
    background-color: var(--color__green-10);
    color: #181717
}

.dropdown.select .highlight:not(:last-child) {
    margin-bottom: 0
}

.dropdown.select .spinner {
    opacity: 0;
    position: absolute;
    top: .05rem;
    right: .1rem;
    font-size: .05rem;
    text-indent: -9999em;
    overflow: hidden;
    border-top: .9em solid rgba(99, 99, 99, .1);
    border-right: .9em solid rgba(99, 99, 99, .1);
    border-bottom: .9em solid rgba(99, 99, 99, .1);
    border-left: .9em solid rgba(60, 60, 60, .45);
    transform: translateZ(0);
    animation: vSelectSpinner 1.1s infinite linear;
    transition: opacity .1s
}

.dropdown.select .spinner,
.dropdown.select .spinner:after {
    border-radius: 50%;
    width: 5em;
    height: 5em
}

.dropdown.select.disabled .dropdown-toggle,
.dropdown.select.disabled .dropdown-toggle .clear,
.dropdown.select.disabled .dropdown-toggle input,
.dropdown.select.disabled .open-indicator,
.dropdown.select.disabled .selected-tag .close {
    cursor: not-allowed;
    background-color: #f8f8f8
}

.dropdown.select.loading .spinner {
    opacity: 1
}

.dropdown.select-small {
    margin: .1rem 0
}

.dropdown.select-small .dropdown-toggle {
    border-radius: .21rem
}

.dropdown.select-small.open .dropdown-toggle {
    border-radius: .18rem .18rem 0 0
}

.dropdown.select-small.open ul.dropdown-list {
    margin-top: -1px
}

.dropdown.select-small ul.dropdown-list {
    border-radius: 0 0 .18rem .18rem;
    border-width: .021rem
}

.dropdown.select-small ul.dropdown-list li {
    font-size: .13rem !important
}

.dropdown.select-small ul.dropdown-list li>a .string {
    font-size: .16rem;
    height: .33rem;
    padding: .03rem .18rem
}

.dropdown.select-small div.dropdown-toggle {
    height: .35rem;
    border: .02rem solid var(--color__default)
}

.dropdown.select-small div.dropdown-toggle .selected-tag {
    min-height: .346rem;
    margin: 0 .15rem;
    padding: 0 .25em .03rem;
    font-size: .16rem
}

.dropdown.select-small div.dropdown-toggle .selected-tag input[type=search] {
    height: .2rem
}

.dropdown.select-small div.dropdown-toggle .open-indicator {
    top: .1rem
}

@keyframes vSelectSpinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity .15s cubic-bezier(1, .5, .8, 1)
}

.radio {
    margin-bottom: .15rem
}

.radio input[type=radio] {
    display: none
}

.radio label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    padding: .15rem;
    box-sizing: border-box;
    border: 1px solid #cacbcb;
    height: .45rem;
    border-radius: .06rem;
    font-size: .14rem;
    color: #1b1b1b;
    line-height: .18rem;
    font-weight: 500;
    opacity: .3
}

.radio label:hover {
    opacity: 1
}

.radio label:after {
    content: "";
    width: .2rem;
    height: .2rem;
    display: block;
    background: url(/static/images/radio_false.706bbb1.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.radio label span {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.radio label span svg {
    margin-right: .15rem;
    width: .24rem;
    height: auto
}

.radio-inline {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    height: .35rem
}

.radio-inline__column {
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-align: start;
    align-items: flex-start;
    height: auto
}

.radio-inline__column label {
    height: 1.2em;
    margin-bottom: 0 !important
}

.radio-inline input[type=radio] {
    display: none
}

.radio-inline label {
    height: .35rem;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border: none;
    padding: 0;
    margin-right: .15rem
}

.radio-inline label:after {
    visibility: hidden;
    display: none
}

.radio-inline label:before {
    content: "";
    width: .2rem;
    height: .2rem;
    margin-right: .05rem;
    display: block;
    background: url(/static/images/radio_false.706bbb1.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.radio-small {
    margin-bottom: .1rem
}

.radio-small label {
    height: .35rem;
    border-radius: .225rem;
    border-width: .015rem
}

.checkbox input[type=checkbox] {
    display: none
}

.checkbox label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    cursor: pointer
}

.checkbox label:before {
    content: "";
    display: block;
    width: .2rem;
    height: .2rem;
    margin-right: .15rem;
    background: url(/static/images/checkbox_false.8fe237e.svg);
    background-size: contain
}

.phone-container .message {
    margin-top: 4px;
    color: #e32c2b;
    text-align: center;
    font-size: .11rem;
    font-weight: 500
}

.b-bottom-bar div.phone-container .c-input-group__message {
    margin-right: -60%
}

div.input-container {
    position: relative
}

div.input-container input[type=number]::-webkit-inner-spin-button,
div.input-container input[type=number]::-webkit-outer-spin-button {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0
}

div.input-container .inline {
    display: -ms-flexbox;
    display: flex
}

div.input-container .inline input[type=number],
div.input-container .inline input[type=text] {
    width: 3rem
}

div.input-container .input-button {
    margin-top: .15rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

div.input-container .input-button button.green,
div.input-container .input-button input[type=text] {
    margin: 0
}

div.input-container .input-button button.green {
    border-radius: 0 .02rem .02rem 0;
    width: 1.75rem;
    min-width: auto;
    height: .4rem
}

div.input-container label {
    font-size: .1rem
}

div.input-container .sub-label {
    margin-top: .1rem
}

div.input-container input {
    font-size: .14rem;
    font-weight: 500;
    border: 1px solid #fff;
    background-color: #fff;
    color: #1b1b1b;
    display: block;
    width: 100%;
    box-sizing: border-box;
    height: .4rem;
    margin: .05rem 0;
    border-radius: .04rem;
    padding: .1rem
}

div.input-container input:focus {
    border-color: #484848;
    color: #495057
}

div.input-container button.button {
    font-size: .15rem;
    font-weight: 500
}

div.input-container .card-number-type {
    position: absolute;
    display: block;
    right: .05rem;
    top: .22rem;
    width: .5rem;
    height: .3rem
}

div.input-container .card-number-type:after {
    content: "";
    display: block;
    width: auto;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 100%
}

div.input-container .card-number-type.visa:after {
    background-image: url(/static/icons/cards/base/visa.svg)
}

div.input-container .card-number-type.amex:after {
    background-image: url(/static/icons/cards/base/amex.svg)
}

div.input-container .card-number-type.discover:after {
    background-image: url(/static/icons/cards/base/discover.svg)
}

div.input-container .card-number-type.maestro:after {
    background-image: url(/static/icons/cards/base/maestro.svg)
}

div.input-container .card-number-type.master-card:after {
    background-image: url(/static/icons/cards/base/mastercard.svg)
}

div.input-container .card-number-type.mir:after {
    background-image: url(/static/icons/cards/base/mir.svg)
}

input#phone.is-invalid {
    border-color: #ef5747
}

input#code.is-invalid {
    border-color: #ef5747;
    background-color: rgba(239, 87, 71, .08);
    background-color: #f0e4e3
}

input[type=number] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.number-input {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.number-input input[type=number] {
    max-width: .6rem;
    padding: .05rem;
    border-width: 0 2px;
    font-size: .2rem;
    height: .4rem;
    font-weight: 700;
    text-align: center;
    color: var(--color__default);
    border: none;
    pointer-events: none;
    cursor: default
}

.number-input button {
    outline: none;
    border: none;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: .3rem;
    height: .4rem;
    cursor: pointer;
    margin: 0;
    position: relative;
    background-color: var(--color__default);
    border-radius: .04rem
}

.number-input button:after,
.number-input button:before {
    display: inline-block;
    position: absolute;
    content: "";
    width: .1rem;
    height: 2px;
    background-color: #fff;
    transform: translate(-50%, -50%)
}

.number-input button.plus:after {
    transform: translate(-50%, -50%) rotate(90deg)
}

.number-input,
.number-input * {
    box-sizing: border-box
}

.vue-simple-suggest.designed {
    position: relative
}

.vue-simple-suggest.designed .suggestions {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    top: calc(100% - 1px);
    border: 1px solid var(--color__default);
    background-color: #fff;
    opacity: 1;
    z-index: 1000
}

.vue-simple-suggest.designed .suggestions .suggest-item {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 5px 10px
}

.vue-simple-suggest.designed .suggestions .misc-item {
    padding: 5px 10px
}

.vue-simple-suggest.designed .suggestions .suggest-item {
    padding: 12px 15px;
    border-bottom: 1px solid #cacbcb
}

.vue-simple-suggest.designed .suggestions .suggest-item:last-of-type {
    border-bottom: none
}

.vue-simple-suggest.designed .suggestions .suggest-item.hover,
.vue-simple-suggest.designed .suggestions .suggest-item:hover {
    background-color: #ecf7f0;
    color: #1b1b1b
}

.loader {
    background-color: transparent !important;
    border-color: transparent !important;
    outline: none;
    color: transparent !important;
    cursor: default !important;
    position: relative;
    pointer-events: none
}

.loader img,
.loader svg {
    display: none
}

.loader:before {
    content: "";
    display: block;
    position: absolute;
    background-image: url(/static/icons/loader-circle-big.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: all .3s;
    min-height: 2.5em;
    min-width: 2.5em;
    box-sizing: border-box;
    animation: spin 3s linear infinite;
    animation-delay: .3s
}

.loader.semi-bold:before {
    border-width: .21em
}

.loader.bold:before {
    border-width: .28em
}

.landing-loader-container {
    margin: .5em 0
}

.landing-loader-container .loader {
    font-size: .2em;
    height: 2.8em;
    width: 2.8em;
    margin: 0 auto .3em
}

.landing-loader-container .loader:before {
    height: 2.5em;
    width: 2.5em;
    left: 50%;
    top: 50%;
    margin-left: -1.25em;
    margin-top: -1.2em
}

.landing-loader-container .title {
    font-size: .2em;
    font-weight: 500;
    text-align: center
}

.address-block .message {
    font-size: .14rem;
    margin: 0
}

.address-input {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: .15rem
}

.address-input .button {
    padding: 0 .13rem;
    width: 1.18rem
}

.address-input .button.close {
    width: .4rem;
    border-color: var(--color__default-darken);
    background-color: var(--color__default-darken)
}

.address-input .dropdown {
    margin-bottom: .15rem
}

.address-input .input-container {
    position: relative;
    margin: 0 .1rem 0 0;
    width: auto
}

.address-input .input-container input[type=number],
.address-input .input-container input[type=text] {
    font-size: .14rem;
    height: auto;
    margin: 0;
    padding: .2rem .1rem .06rem;
    border: 1px solid #cacbcb;
    border-radius: 0;
    width: auto
}

.address-input .input-container textarea {
    height: .7rem;
    padding: .2rem .1rem .06rem;
    font-size: .14rem;
    border: 1px solid #cacbcb;
    border-radius: 0;
    resize: none
}

.address-input .input-container label {
    display: block;
    position: absolute;
    text-transform: inherit;
    margin: 6px 0 0 10px !important;
    font-size: 10px;
    color: #9b9b9b;
    line-height: 11px
}

.address-input .input-container.input-entrance input[type=number],
.address-input .input-container.input-entrance input[type=text] {
    width: .77rem
}

.address-input .input-container.input-room input[type=number],
.address-input .input-container.input-room input[type=text] {
    width: 1.65rem
}

.address-input .input-container.input-textaera {
    width: 100%;
    margin: 0
}

.address-input .input-container.input-textaera input {
    width: 100%;
    margin-bottom: .15rem
}

.address-input .actions {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1.65rem
}

.address-input button {
    height: auto !important;
    width: auto;
    margin: 0 !important;
    padding-left: .15rem;
    padding-right: .15rem
}

div.address-inputs {
    font-size: .16rem
}

div.address-inputs>div {
    margin-bottom: .1rem
}

div.address-inputs>div:last-of-type {
    margin-bottom: 0
}

div.address-inputs>div .placeholder input {
    margin: 0
}

div.address-inputs>div .input-room {
    -ms-flex: 1 1 30%;
    flex: 1 1 30%
}

div.address-inputs>div .input-comment {
    -ms-flex: 1 1 70%;
    flex: 1 1 70%;
    margin-left: .15rem
}

div.address-inputs .button {
    font-size: .16rem !important;
    width: 100%;
    margin-top: .1rem;
    text-transform: unset
}

div.address-inputs .multiselect__input,
div.address-inputs .multiselect__single {
    font-size: .16rem
}

div.address-inputs div.check-status {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1rem
}

div.address-inputs div.check-status>.loader {
    font-size: .136em;
    width: 2.5em;
    margin-right: .88235em;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

div.address-inputs div.check-status>img {
    display: block;
    width: .34em;
    margin-right: .12em;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

div.address-inputs div.check-status>div.text {
    font-size: .14em;
    font-weight: 500;
    line-height: 1.29;
    color: #1b1b1b
}

div.address-inputs div.check-status.success span {
    font-size: .71429em;
    line-height: 1.1;
    margin-top: .5em;
    display: inline-block;
    cursor: pointer;
    color: var(--color__default);
    text-decoration: underline;
    border-bottom: 1px solid var(--color__default)
}

div.address-inputs div.selected-address-from-profile {
    font-size: .14rem;
    font-weight: 500;
    color: #1b1b1b;
    border: 1px solid #cacbcb;
    padding: 1em
}

div.address-inputs div.change-selected-address {
    margin-top: 1em
}

div.address-inputs div.change-selected-address,
div.address-inputs div.return-selected-address {
    cursor: pointer;
    font-size: .12rem;
    display: table;
    border-bottom: 1px solid #cacbcb
}

#order-page {
    font-size: inherit
}

.order-step .modal-inner>div {
    display: -ms-flexbox;
    display: flex;
    height: 4rem
}

.order-step__background {
    width: 2.67rem;
    border-bottom-left-radius: .04rem;
    border-top-left-radius: .04rem
}

.order-step__content {
    width: 4.33rem;
    padding: .45rem;
    box-sizing: border-box;
    text-align: center
}

.order-step__content a {
    color: var(--color__default)
}

.order-step__content h3 {
    font-size: .22rem;
    font-weight: 700;
    color: #1b1b1b
}

.order-step__content p {
    font-size: .13rem;
    color: #1b1b1b;
    line-height: .16rem;
    margin: .25rem 0
}

.order-step__content p a {
    font-size: inherit;
    text-transform: inherit;
    color: var(--color__default)
}

.order-step__content .input-button .button {
    font-size: .15rem;
    height: .45rem;
    text-transform: inherit;
    width: 100%;
    margin-top: .15rem
}

.order-step__content .small-text {
    font-size: .1rem;
    color: #1b1b1b;
    line-height: .16rem
}

ul.payment-type-icons {
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    font-size: .1rem
}

ul.payment-type-icons li.mastercard img {
    height: .25rem
}

ul.payment-type-icons li.visa img {
    height: .17rem
}

ul.payment-type-icons li.mir img {
    height: .14rem
}

ul.payment-type-icons li.mastercard-sc img {
    height: .18rem
}

ul.payment-type-icons li.verified-by-visa img {
    height: .23rem
}

ul.payment-type-icons li.pci img {
    height: .22rem
}

ul.payment-type-icons li.mastercard-ms img {
    height: .2rem
}

ul.payment-type-icons img {
    width: auto
}

.payment-methods-list input[type=checkbox] {
    display: none
}

.error-message ul {
    list-style: none;
    padding: 0
}

.error-message.stick-error {
    font-weight: 500 !important;
    text-align: center;
    font-size: .12rem;
    padding: .1rem .1rem .15rem;
    margin: 0 0 -.05rem;
    background-color: #ef5747;
    border-top-left-radius: .04rem;
    border-top-right-radius: .04rem
}

.error-message.stick-error,
.error-message.stick-error ul li {
    color: var(--color__white) !important
}

.error-message.stick-error * {
    text-align: center;
    font-size: .12rem
}

fieldset[disabled] .multiselect {
    pointer-events: none
}

.multiselect__spinner {
    position: absolute;
    right: 1px;
    top: 1px;
    width: 48px;
    height: 35px;
    background: #fff;
    display: block
}

.multiselect__spinner:after,
.multiselect__spinner:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    border-color: #41b883 transparent transparent;
    border-style: solid;
    border-width: 2px;
    box-shadow: 0 0 0 1px transparent
}

.multiselect__spinner:before {
    animation: a 2.4s cubic-bezier(.41, .26, .2, .62);
    animation-iteration-count: infinite
}

.multiselect__spinner:after {
    animation: a 2.4s cubic-bezier(.51, .09, .21, .8);
    animation-iteration-count: infinite
}

.multiselect__loading-enter-active,
.multiselect__loading-leave-active {
    transition: opacity .4s ease-in-out;
    opacity: 1
}

.multiselect__loading-enter,
.multiselect__loading-leave-active {
    opacity: 0
}

.multiselect,
.multiselect__input,
.multiselect__single {
    font-family: inherit;
    font-size: 16px;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

.multiselect {
    box-sizing: content-box;
    display: block;
    position: relative;
    width: 100%;
    min-height: 40px;
    text-align: left;
    color: #35495e
}

.multiselect * {
    box-sizing: border-box
}

.multiselect:focus {
    outline: none
}

.multiselect--disabled {
    opacity: .6
}

.multiselect--active {
    z-index: 1
}

.multiselect--active:not(.multiselect--above) .multiselect__current,
.multiselect--active:not(.multiselect--above) .multiselect__input,
.multiselect--active:not(.multiselect--above) .multiselect__tags {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.multiselect--active .multiselect__select {
    transform: rotate(180deg)
}

.multiselect--above.multiselect--active .multiselect__current,
.multiselect--above.multiselect--active .multiselect__input,
.multiselect--above.multiselect--active .multiselect__tags {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.multiselect__input,
.multiselect__single {
    position: relative;
    display: inline-block;
    min-height: 20px;
    line-height: 20px;
    border: none;
    border-radius: 5px;
    background: transparent;
    padding: 0 0 0 5px;
    width: 2.2rem !important;
    transition: border .1s ease;
    box-sizing: border-box;
    margin-bottom: 8px;
    vertical-align: top
}

.multiselect__input:-ms-input-placeholder,
.multiselect__input::-webkit-input-placeholder {
    color: #35495e
}

.multiselect__input:-ms-input-placeholder,
.multiselect__input::-webkit-input-placeholder,
.multiselect__input::placeholder {
    color: #35495e
}

.multiselect__tag~.multiselect__input,
.multiselect__tag~.multiselect__single {
    width: auto
}

.multiselect__input:hover,
.multiselect__single:hover {
    border-color: #cfcfcf
}

.multiselect__input:focus {
    border-color: #a8a8a8;
    outline: none
}

.multiselect__single {
    padding-left: 5px;
    margin-bottom: 8px
}

.multiselect__single:focus {
    border-color: #a8a8a8;
    outline: none
}

.multiselect__tags-wrap {
    display: inline
}

.multiselect__tags {
    font-size: .14rem;
    font-weight: 500;
    border: 1px solid #cacbcb;
    background-color: transparent;
    color: #1b1b1b;
    min-height: 40px;
    display: block;
    padding: 8px 40px 0 8px
}

.multiselect__tag {
    position: relative;
    display: inline-block;
    padding: 4px 26px 4px 10px;
    border-radius: 5px;
    margin-right: 10px;
    color: #fff;
    line-height: 1;
    background: #41b883;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis
}

.multiselect__tag-icon {
    cursor: pointer;
    margin-left: 7px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    font-weight: 700;
    font-style: normal;
    width: 22px;
    text-align: center;
    line-height: 22px;
    transition: all .2s ease;
    border-radius: 5px
}

.multiselect__tag-icon:after {
    content: "\D7";
    color: #266d4d;
    font-size: 14px
}

.multiselect__tag-icon:focus,
.multiselect__tag-icon:hover {
    background: #369a6e
}

.multiselect__tag-icon:focus:after,
.multiselect__tag-icon:hover:after {
    color: #fff
}

.multiselect__current {
    min-height: 40px;
    overflow: hidden;
    padding: 8px 12px 0;
    padding-right: 30px;
    white-space: nowrap;
    border-radius: 5px;
    border: 1px solid #e8e8e8
}

.multiselect__current,
.multiselect__select {
    line-height: 16px;
    box-sizing: border-box;
    display: block;
    margin: 0;
    text-decoration: none;
    cursor: pointer
}

.multiselect__select {
    position: absolute;
    width: 40px;
    height: 38px;
    right: 1px;
    top: 1px;
    padding: 4px 8px;
    text-align: center;
    transition: transform .2s ease
}

.multiselect__select:before {
    position: relative;
    right: 0;
    top: 65%;
    color: #999;
    margin-top: 4px;
    border-style: solid;
    border-width: 5px 5px 0;
    border-color: #999 transparent transparent;
    content: ""
}

.multiselect__placeholder {
    color: #adadad;
    display: inline-block;
    margin-bottom: 10px;
    padding-top: 2px
}

.multiselect--active .multiselect__placeholder {
    display: none
}

.multiselect__content-wrapper {
    position: absolute;
    display: block;
    background: #fff;
    width: 100%;
    max-height: 240px;
    overflow: auto;
    border: 1px solid #e8e8e8;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 1;
    -webkit-overflow-scrolling: touch
}

.multiselect__content {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 0;
    min-width: 100%;
    vertical-align: top
}

.multiselect--above .multiselect__content-wrapper {
    bottom: 100%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: none;
    border-top: 1px solid #e8e8e8
}

.multiselect__content::webkit-scrollbar {
    display: none
}

.multiselect__element {
    display: block
}

.multiselect__option {
    display: block;
    padding: 12px;
    min-height: 40px;
    line-height: 16px;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    white-space: nowrap
}

.multiselect__option:after {
    top: 0;
    right: 0;
    position: absolute;
    line-height: 40px;
    padding-right: 12px;
    padding-left: 20px;
    font-size: 13px
}

.multiselect__option--highlight {
    background: #41b883;
    outline: none;
    color: #fff
}

.multiselect__option--highlight:after {
    content: attr(data-select);
    background: #41b883;
    color: #fff
}

.multiselect__option--selected {
    background: #f3f3f3;
    color: #35495e;
    font-weight: 700
}

.multiselect__option--selected:after {
    content: attr(data-selected);
    color: silver
}

.multiselect__option--selected.multiselect__option--highlight {
    background: #ff6a6a;
    background: var(--color__default);
    color: #fff
}

.multiselect__option--selected.multiselect__option--highlight:after {
    background: #ff6a6a;
    background: var(--color__default);
    content: attr(data-deselect);
    color: #fff
}

.multiselect--disabled {
    background: #ededed;
    pointer-events: none
}

.multiselect--disabled .multiselect__current,
.multiselect--disabled .multiselect__select,
.multiselect__option--disabled {
    background: #ededed;
    color: #a6a6a6
}

.multiselect__option--disabled {
    cursor: text;
    pointer-events: none
}

.multiselect__option--group {
    background: #ededed;
    color: #35495e
}

.multiselect__option--group.multiselect__option--highlight {
    background: #35495e;
    color: #fff
}

.multiselect__option--group.multiselect__option--highlight:after {
    background: #35495e
}

.multiselect__option--disabled.multiselect__option--highlight {
    background: #dedede
}

.multiselect__option--group-selected.multiselect__option--highlight {
    background: #ff6a6a;
    color: #fff
}

.multiselect__option--group-selected.multiselect__option--highlight:after {
    background: #ff6a6a;
    content: attr(data-deselect);
    color: #fff
}

.multiselect-enter-active,
.multiselect-leave-active {
    transition: all .15s ease
}

.multiselect-enter,
.multiselect-leave-active {
    opacity: 0
}

.multiselect__strong {
    margin-bottom: 8px;
    line-height: 20px;
    display: inline-block;
    vertical-align: top
}

[dir=rtl] .multiselect {
    text-align: right
}

[dir=rtl] .multiselect__select {
    right: auto;
    left: 1px
}

[dir=rtl] .multiselect__tags {
    padding: 8px 8px 0 40px
}

[dir=rtl] .multiselect__content {
    text-align: right
}

[dir=rtl] .multiselect__option:after {
    right: auto;
    left: 0
}

[dir=rtl] .multiselect__clear {
    right: auto;
    left: 12px
}

[dir=rtl] .multiselect__spinner {
    right: auto;
    left: 1px
}

@keyframes a {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(2turn)
    }
}

div.modal-window.tariff-overview {
    border-radius: 0;
    width: auto;
    height: 5em
}

div.modal-window.tariff-overview .close-icon {
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
    padding: 0;
    right: .26em;
    top: .16em
}

div.modal-window.tariff-overview .close-icon>svg {
    width: .18em;
    height: auto
}

div.modal-window.tariff-overview .close-icon>svg path {
    fill: #1b1b1b
}

div.modal-window.tariff-overview .modal-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

div.modal-window.tariff-overview .modal-inner>div.image {
    width: 3.9em;
    background-size: cover;
    background-position: 50%
}

div.modal-window.tariff-overview .modal-inner>div.info {
    width: 5.22em;
    padding: .19em .3em .19em .34em;
    box-sizing: border-box
}

div.modal-window.tariff-overview .modal-inner>div.info>div.icon {
    width: .8em;
    border: 2px solid #fff;
    border-radius: 50%
}

div.modal-window.tariff-overview .modal-inner>div.info>div.icon>svg {
    width: 100%;
    height: auto
}

div.modal-window.tariff-overview .modal-inner>div.info>div.title {
    font-size: .22em;
    font-weight: 700;
    line-height: 1;
    color: #1b1b1b;
    margin-top: 1.04545em
}

div.modal-window.tariff-overview .modal-inner>div.info>div.desc {
    font-size: .22em;
    font-weight: 700;
    line-height: 1;
    color: #1b1b1b;
    margin-top: .54545em
}

div.modal-window.tariff-overview .modal-inner>div.info>div.full-desc {
    font-size: .16em;
    font-weight: 500;
    line-height: 1.44;
    color: #1b1b1b;
    margin-top: 1.6875em
}

div.modal-window.tariff-overview .modal-inner>div.info>div.ta-strategy-input-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: .25em;
    -ms-flex-direction: column;
    flex-direction: column
}

div.modal-window.tariff-overview .modal-inner>div.info>div.ta-strategy-input-flex>div.input-container {
    width: 100%
}

div.modal-window.tariff-overview .modal-inner>div.info>div.ta-strategy-input-flex>div.input-container input {
    margin: 0;
    height: .5rem;
    border-radius: .04rem
}

div.modal-window.tariff-overview .modal-inner>div.info>div.ta-strategy-input-flex>.button {
    font-size: .18em;
    font-weight: 700;
    width: 100%;
    height: 2.77778em;
    text-transform: none;
    border-radius: .22222em;
    overflow: visible;
    margin-top: .55556em
}

div.modal-window.tariff-overview .modal-inner>div.info>div.ta-strategy-input-flex>.button[disabled=disabled] {
    background-color: var(--color__default-lighten);
    border-color: var(--color__default-lighten)
}

div.additional-packs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: .14rem
}

div.additional-packs__small {
    margin-top: .1rem
}

div.additional-packs__small div.empty,
div.additional-packs__small div.item {
    width: 2.1rem;
    min-height: 2.5rem;
    margin: .1rem 0
}

div.additional-packs__small div.empty:hover,
div.additional-packs__small div.item:hover {
    cursor: default;
    box-shadow: none
}

div.additional-packs .empty {
    width: 2.1rem;
    height: 3rem;
    margin: 0 .1rem .15rem;
    padding: .2rem
}

div.additional-packs .item {
    width: 2.1rem;
    height: 3.4rem;
    margin: 0 .1rem .15rem;
    padding: .2rem;
    background-color: #fff;
    border: 1px solid #cacbcb;
    border-radius: .04rem
}

div.additional-packs .item:hover {
    box-shadow: 0 2px 4px 4px rgba(0, 0, 0, .06)
}

div.additional-packs .item:hover .button {
    background-color: var(--color__default);
    color: #fff
}

div.additional-packs .item.active {
    border-color: var(--color__default)
}

div.additional-packs .item h4 {
    font-weight: 700;
    font-size: .14rem;
    text-align: left;
    height: .4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

div.additional-packs .item-image {
    max-width: 2.6rem;
    height: 1.8rem;
    margin: 0 auto .15rem
}

div.additional-packs .item-image img {
    display: block;
    width: 100%;
    margin: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

div.additional-packs .item-cbju {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center;
    font-weight: 500;
    margin: .15rem 0
}

div.additional-packs .item-cbju div {
    font-size: .16rem
}

div.additional-packs .item-cbju span {
    display: block;
    font-size: .1rem;
    font-weight: 500;
    color: #1b1b1b
}

div.additional-packs .item-actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

div.additional-packs .item-actions__price {
    font-size: .2rem;
    font-weight: 700;
    width: .7rem
}

div.additional-packs .item-actions .button {
    font-size: .13rem !important;
    width: 1.2rem;
    height: .4rem !important;
    margin: 0 !important;
    color: var(--color__default)
}

div.additional-packs .item-actions .green {
    border-radius: .2rem
}

div.additional-packs .item-actions .add-green {
    background-color: transparent
}

.payment-methods-list {
    width: 100%
}

.payment-methods-list .button.link {
    font-size: .14rem !important
}

@keyframes buttonpulse {

    0%,
    to {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }
}

@keyframes arrowrotate {

    0%,
    to {
        transform: rotate(5deg)
    }

    50% {
        transform: rotate(-5deg)
    }
}

div#game-container {
    position: relative;
    overflow: hidden;
    font-size: .29em;
    font-weight: 900
}

div#game-container>div:not(#game-counter):not(#game-timer) {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

div#game-container>div.hidden {
    display: none
}

#game-canvas {
    width: 100%;
    height: 100%;
    background-image: url(/static/images/bg.c907b02.jpg);
    background-size: cover;
    background-position: bottom
}

div#game-start {
    background-image: url(/static/images/bg1.8995ead.jpg);
    background-size: cover;
    background-position: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

div.game-button {
    font-size: .85em;
    background-color: #44c372;
    color: #fff;
    text-transform: uppercase;
    border-radius: .27em;
    padding: .3em 1.5em;
    cursor: pointer;
    margin-top: 3em;
    margin-bottom: 1em;
    z-index: 90;
    letter-spacing: .05em;
    box-shadow: .12em .12em 0 #fff
}

div#game-preloaders {
    position: absolute;
    bottom: 0;
    left: 0
}

div#game-preloaders>img {
    width: 1px;
    height: 1px;
    opacity: 0
}

div#game-finish {
    background-image: url(/static/images/bg3.7a5175f.jpg);
    background-image: url(/static/images/bg.c907b02.jpg);
    background-size: cover;
    background-position: bottom;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

div#game-finish:before {
    position: absolute;
    background-color: rgba(0, 0, 0, .7);
    content: "";
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

div#game-finish div.buttons {
    position: relative
}

div#game-finish div.buttons div.result {
    color: #fff;
    text-align: center
}

div#game-finish div.buttons div.button2 {
    font-size: .6em;
    color: #fff;
    text-transform: uppercase;
    padding: .7em 1.2em;
    border: .053em solid #fff;
    border-radius: .3em;
    display: table;
    margin: 2em auto 0;
    cursor: pointer
}

div#game-finish div.buttons div.button2 img,
div#game-finish div.buttons div.button2 span,
div#game-finish div.buttons div.button2 svg {
    vertical-align: middle
}

div#game-finish div.buttons div.button2 img,
div#game-finish div.buttons div.button2 svg {
    width: .85em;
    height: .85em;
    margin-left: .4em
}

div#game-finish div.buttons div.button1 {
    font-size: .85em;
    background-color: #44c372;
    color: #fff;
    text-transform: uppercase;
    border-radius: .27em;
    padding: .35em 1.2em;
    letter-spacing: .05em;
    box-shadow: .12em .12em 0 #fff;
    text-align: center;
    display: table;
    margin: 2em auto 0;
    cursor: pointer
}

div#game-counter {
    top: .6em;
    left: 1em;
    font-size: .8em
}

div#game-counter,
div#game-timer {
    z-index: 10;
    position: absolute;
    color: #fff
}

div#game-timer {
    top: .2em;
    right: .5em;
    font-size: 1.5em
}

div#game-rules {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 2.4em;
    box-sizing: border-box
}

div#game-rules div.line1 {
    font-size: .84em;
    color: #42af6f;
    position: relative;
    z-index: 10
}

div#game-rules div.line2 {
    font-size: .67em;
    color: #fff;
    text-transform: uppercase;
    margin-top: .16em;
    position: relative;
    z-index: 10
}

div#game-rules div.line3 {
    font-size: .88em;
    color: #f6bf37;
    text-align: center;
    margin-top: .7em;
    position: relative;
    z-index: 10
}

div#game-rules div.line4 {
    font-size: .46em;
    color: #fff;
    margin-top: 1.47em;
    position: relative;
    z-index: 10
}

div#game-rules div.arrow2 {
    width: 4.94em;
    height: .95em;
    margin-top: .88em;
    position: relative;
    z-index: 10;
    animation: arrowrotate 1s ease-in-out infinite;
    transform-origin: 50% 300%
}

div#game-rules div.arrow2 img,
div#game-rules div.arrow2 svg {
    width: 100%;
    height: 100%
}

div#game-rules div.hole {
    width: 5.2em;
    height: 5.2em;
    position: absolute;
    z-index: 5;
    border-radius: 50%;
    left: 50%;
    margin-left: -2.6em;
    bottom: .11em;
    box-shadow: 0 0 0 9999px rgba(0, 0, 0, .7)
}

html.smartphone div#game-container {
    left: 0;
    top: 0;
    position: fixed;
    width: 100%
}

html.smartphone div#game-container div#game-timer {
    top: 0;
    right: .1em
}

html.smartphone div#game-container div#game-counter {
    font-size: .6em;
    left: .6em;
    top: .5em
}

.deliveries h3 {
    font-size: .16rem;
    color: var(--color__default);
    line-height: .24rem;
    font-weight: 700
}

.deliveries h3 span {
    font-size: .1rem;
    font-weight: 500;
    margin-left: .05rem;
    color: #9b9b9b
}

.deliveries .radio-inline span.grey {
    color: #9b9b9b
}

.deliveries .error-message {
    text-align: left
}

.deliveries .dropdown.select {
    font-size: .14rem;
    width: 100%
}

.deliveries .dropdown.select .string img {
    width: .13rem;
    height: .13rem;
    margin-right: .13rem
}

.deliveries .dropdown.select ul,
.deliveries .dropdown.select ul li span {
    font-size: .14rem
}

.deliveries .dropdown.select ul .selected-card {
    margin-left: -.1rem
}

.deliveries .delivery-edit__session {
    width: 2.8rem;
    margin-top: .2rem
}

.deliveries .delivery-edit__session-loader {
    margin-top: .2rem;
    width: .6rem;
    height: .6rem;
    font-size: .12rem
}

.deliveries .delivery-edit__data {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.deliveries .delivery-edit__data>div {
    width: 2.8rem;
    margin-right: .1rem;
    margin-top: .2rem
}

.deliveries .delivery {
    margin: .15rem 0 .25rem;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.deliveries .delivery,
.deliveries .delivery-time {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.deliveries .delivery-time {
    -ms-flex-align: center;
    align-items: center
}

.deliveries .delivery-time .description {
    font-size: .13rem;
    color: #9b9b9b;
    text-align: right
}

.deliveries .delivery-driver {
    font-size: .18rem
}

.deliveries .delivery-driver a {
    font-size: .13rem;
    color: var(--color__default)
}

.deliveries .delivery>div {
    -ms-flex: 0 0 48%;
    flex: 0 0 48%
}

.deliveries .delivery .delivery-warning {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    font-size: .14em;
    color: #ef5747
}

.deliveries .delivery .input-container {
    font-size: .18rem;
    color: #1b1b1b;
    line-height: .18rem
}

.deliveries .delivery .input-container label {
    display: block;
    margin: .05rem 0;
    font-size: .1rem;
    color: #9b9b9b;
    line-height: .11rem
}

html.smartphone .deliveries {
    padding: 0 .15rem
}

html.smartphone .deliveries h2 {
    padding: 0 0 .1rem
}

html.smartphone .deliveries h3.line:after {
    margin: .05rem 0
}

html.smartphone .deliveries h3.line span {
    display: block;
    margin-left: 0
}

html.smartphone .deliveries.deliveries-try-day h2.fields-block-title {
    padding-left: 0 !important
}

html.smartphone .deliveries .delivery {
    -ms-flex-flow: column;
    flex-flow: column;
    margin: .15rem 0 0
}

html.smartphone .deliveries .delivery label {
    margin-top: 0
}

html.smartphone .deliveries .delivery-time {
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-align: start;
    align-items: start
}

html.smartphone .deliveries .delivery-time div.description {
    text-align: left;
    font-size: .12rem
}

html.smartphone .deliveries .delivery-address,
html.smartphone .deliveries .delivery-date,
html.smartphone .deliveries .delivery-driver {
    width: 100%;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

html.smartphone .deliveries .delivery .input-container {
    margin-bottom: .15rem
}

ul.pretty-list li {
    list-style: none;
    font-size: .16rem;
    font-weight: 500
}

ul.pretty-list li.icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

ul.pretty-list li.icon:before {
    content: "";
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

ul.pretty-list li.icon.dot-green:before {
    width: .12rem;
    height: .1rem;
    margin-top: .03rem;
    margin-right: .15rem;
    padding-left: 1px;
    background-image: url(/static/images/dot-green.39b3229.svg)
}

ul.pretty-list li.icon.success:before {
    background-image: url(/static/images/success.975d112.svg)
}

ul.pretty-list li.icon.gray:before {
    background-image: url(/static/images/gray.ee632f5.svg)
}

ul.pretty-list li.icon.fail:before {
    background-image: url(/static/images/fail.193a037.svg)
}

ul.pretty-list li.icon.check:before {
    background-image: url(/static/images/check-success.3fe4072.svg)
}

ul.pretty-list li.icon.check-ok:before {
    width: .17rem;
    height: .18rem;
    margin-top: .03rem;
    margin-right: .15rem;
    padding-left: 1px;
    background-image: url(/static/images/ok.91c3b1c.svg)
}

ul.pretty-list li.icon.check-ok-filled:before {
    width: .32rem;
    height: .32rem;
    margin-right: .16rem;
    background-image: url(/static/images/icon-success.c214b96.svg)
}

.b-tabber__popover {
    display: block !important;
    position: absolute;
    width: 2.8rem;
    background-color: #4a4a4a;
    color: #fff;
    text-transform: none;
    z-index: 10;
    left: calc(100% + .16rem);
    border-radius: .08rem;
    padding: .14rem .48rem .25rem
}

.b-tabber__popover:before {
    content: "";
    position: absolute;
    left: -.07rem;
    top: 50%;
    margin-top: -.07rem;
    display: inline-block;
    width: 0;
    height: 0;
    border-top: .07rem solid transparent;
    border-bottom: .07rem solid transparent;
    border-right: .07rem solid #4a4a4a
}

.b-tabber__popover-title {
    font-size: .14rem;
    line-height: .15rem;
    font-weight: 700;
    margin-bottom: .12rem;
    text-align: center
}

.b-tabber__popover-title img {
    display: inline-block;
    width: .19rem;
    vertical-align: bottom;
    margin-left: .04rem
}

.b-tabber__popover-text {
    font-size: .12rem;
    line-height: .18rem;
    font-weight: 500;
    margin-bottom: .1rem;
    text-align: center
}

.b-tabber__popover-button {
    text-align: center
}

.b-tabber__popover-button .button {
    display: inline-block;
    font-size: .875em !important;
    width: 11.25em !important;
    height: 2.125em !important;
    text-transform: uppercase !important;
    margin-left: 0 !important
}

.b-tabber__popover-close {
    position: absolute;
    padding: .13rem;
    top: 0;
    right: 0;
    cursor: pointer
}

.b-tabber__popover-close .c-icon-close {
    width: .1rem;
    height: .1rem;
    margin: 0
}

div.tabber {
    margin-top: .28em
}

div.tabber,
div.tabber>a {
    display: -ms-flexbox;
    display: flex
}

div.tabber>a {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #9b9b9b;
    font-size: .16em;
    height: 2em;
    border-radius: 1em;
    font-weight: 700;
    cursor: pointer;
    margin-bottom: .875em;
    padding: 0 .75em
}

div.tabber>a.menu {
    position: relative
}

div.tabber>a.menu.isCustomize:after {
    content: "";
    position: absolute;
    display: inline-block;
    border-radius: 50%;
    background-color: #f8c325;
    right: -2px;
    width: .06rem;
    height: .06rem
}

div.tabber>a:not(:last-child) {
    margin-right: 1.25em
}

div.tabber>a.active {
    cursor: default;
    background-color: var(--color__default);
    color: #fff
}

div.tabber>a.active svg g {
    fill: #fff
}

div.tabber>a.active.tabber-menu svg g {
    stroke: #fff
}

div.tabber>a svg {
    margin-right: .08rem
}

div.tabber>a svg.icon-menu {
    width: 1.8125em;
    height: 1.0625em
}

div.tabber>a svg.icon-heart {
    width: 1.0625em;
    height: .9375em
}

div.tabber>a svg g {
    fill: #9b9b9b
}

div.tabber-line {
    border-bottom: 1px solid #e1e4e2;
    padding: 0 !important
}

div.tabber-line>a {
    border-radius: 0 !important;
    padding: 0 .1rem .1rem;
    margin: 0 .15rem !important;
    text-transform: uppercase !important;
    position: relative
}

div.tabber-line>a div.new-amount {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.6em;
    height: 1.6em;
    font-size: .875em;
    margin-left: .5625em;
    font-weight: 500;
    background-color: #ef5747;
    color: #fff;
    border-radius: 1rem
}

div.tabber-line>a>div,
div.tabber-line>a div.new-amount {
    -ms-flex-align: center;
    align-items: center
}

div.tabber-line>a>div {
    display: -ms-flexbox;
    display: flex
}

div.tabber-line>a:first-of-type {
    margin-left: 0 !important
}

div.tabber-line>a.active {
    background-color: transparent !important;
    color: var(--color__default) !important
}

div.tabber-line>a.active:before {
    content: "";
    position: absolute;
    display: inline-block;
    bottom: -2px;
    left: .1rem;
    right: .1rem;
    height: 3px;
    background-color: var(--color__default)
}

div.tabber-line>a.active svg g {
    fill: var(--color__default)
}

div.tabber-line>a.active.tabber-menu svg g {
    stroke: var(--color__default)
}

html.smartphone .b-tabber__popover {
    left: calc(-100% - .4rem);
    width: 2.9rem;
    top: 100%;
    padding: .05rem .33rem .14rem .23rem
}

html.smartphone .b-tabber__popover:before {
    left: 68%;
    top: -.06rem;
    margin-top: -.07rem;
    margin-left: -.07rem;
    display: inline-block;
    width: 0;
    height: 0;
    border-top: .07rem solid transparent;
    border-left: .07rem solid transparent;
    border-right: .07rem solid transparent;
    border-bottom: .07rem solid #4a4a4a
}

html.smartphone .b-tabber__popover-close {
    position: absolute;
    padding: .08rem;
    top: .08rem;
    right: .08rem;
    cursor: pointer
}

html.smartphone .b-tabber__popover-close .c-icon-close {
    width: .1rem;
    height: .1rem;
    margin: 0
}

html.smartphone .b-tabber__popover-button .button {
    font-size: 1em !important;
    width: 13.33333em !important;
    height: 2.16667em !important;
    text-transform: uppercase !important;
    margin-left: 0 !important
}

html.smartphone .b-tabber__popover-title {
    font-size: .12rem;
    line-height: .15rem;
    font-weight: 700;
    margin-bottom: .05rem
}

html.smartphone .b-tabber__popover-title img {
    display: inline-block;
    width: .2rem;
    vertical-align: bottom;
    margin-left: .04rem
}

html.smartphone .b-tabber__popover-text {
    font-size: .1rem;
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: .1rem
}

html.smartphone .b-tabber__popover-close {
    top: .04rem
}

html.smartphone .b-tabber__popover-close .c-icon-close {
    margin-right: 0 !important
}

div.promocode-input {
    position: relative
}

div.promocode-input>.promocode-icon {
    width: .21em;
    height: .175em;
    color: var(--color__default);
    position: absolute;
    left: .13em;
    top: .145em
}

div.promocode-input>.suc-icon {
    width: .2em;
    height: .2em;
    color: var(--color__default);
    position: absolute;
    right: .13em;
    top: .125em
}

div.promocode-input>input[type=text] {
    border-radius: .42857em;
    border: 1px solid #cacbcb;
    font-size: .14em;
    height: 3.21429em;
    padding: .35714em 3.35714em;
    font-weight: 500;
    line-height: 1.29;
    color: #1b1b1b;
    width: 100%
}

div.promocode-input>div.loader {
    position: absolute;
    right: 3.73em;
    font-size: .1em;
    top: 1.1em
}

div.promocode-input div.apply-button {
    position: absolute;
    right: 0;
    top: 0;
    font-size: .12em;
    text-transform: none;
    height: 100%;
    width: 7.33333em;
    max-height: 3.750005em
}

div.promocode-input>div.message {
    font-size: .1em;
    font-weight: 500;
    line-height: 1.1;
    color: #9b9b9b;
    padding-left: 1.3em;
    padding-top: .5em
}

div.promocode-input.applied>input[type=text] {
    border: 2px solid var(--color__default);
    pointer-events: none
}

html[data-subdomain=wowfood] div.promocode-input.applied>input[type=text] {
    pointer-events: auto
}

div.promocode-input.applied>div.message {
    padding-left: 0
}

div.promocode-input.error>input[type=text] {
    border: 2px solid #000;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

div.promocode-input.error>div.message {
    background-color: #1b1b1b;
    color: #fff;
    padding-bottom: .5em;
    border-bottom-left-radius: .4em;
    border-bottom-right-radius: .4em
}

div.promocode-input.show-button>input[type=text] {
    padding-right: 7.21429em
}

div.promocode-input-opener {
    font-size: .14em;
    font-weight: 500;
    width: 99%;
    color: var(--color__default-darken);
    margin-top: .07rem;
    margin-bottom: 1em;
    padding-top: .8em;
    border-top: 1px solid #cecece
}

div.promocode-input-opener>span {
    cursor: pointer;
    display: table;
    margin-left: auto;
    margin-right: 0;
    border-bottom: 1px solid currentColor
}

div.promocode-input__title {
    margin-bottom: .6em;
    font-size: .14em
}

div.promocode-input__container {
    -ms-flex-direction: column;
    flex-direction: column;
    margin: .2em .3em
}

.feedback_list,
div.promocode-input__container {
    display: -ms-flexbox;
    display: flex
}

.feedback_list {
    width: 7.434em;
    margin: .531em auto .425em;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.feedback_list>div {
    -ms-flex: 0 50%;
    flex: 0 50%;
    text-align: left;
    font-size: .14em;
    color: #1b1b1b;
    line-height: 1.214em;
    border: 1px solid #e7e7e7;
    border-top: none
}

.feedback_list>div label {
    display: block;
    width: 100%;
    padding: 1.29em 2.124em
}

.feedback_list>div:nth-child(2n) {
    border-left: none
}

.feedback_list>div:first-child,
.feedback_list>div:nth-child(2) {
    border-top: 1px solid #e7e7e7
}

.feedback_comment textarea {
    width: 28.51em;
    padding: 1.069em;
    margin: 0 auto;
    font-size: .149em;
    border: 1px solid var(--color__default)
}

.short-line {
    width: .8rem;
    margin: 0 auto;
    height: .02rem;
    background-color: var(--color__default)
}

#client-orders .current-order,
#client-orders .skeleton-loading {
    margin-bottom: .217em;
    background: #fff;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .12), 0 8px 8px 0 rgba(0, 0, 0, .08)
}

#client-orders .empty-screen .button {
    margin: 1.07143em auto 0
}

#client-orders .menu_in_orders .loader {
    margin: .4em auto
}

#client-orders .menu_in_orders .b-menu-day__cbju {
    padding-left: .35em;
    padding-right: .35em
}

#client-orders .menu_in_orders .menu-days {
    padding-left: .15em;
    padding-right: .15em
}

#client-orders .menu_in_orders .menu-day .info {
    border: none !important
}

#client-orders .menu_in_orders .menu-day .info .b-menu-eating-reception {
    padding-left: .35em;
    padding-right: .35em
}

#client-orders .menu_in_orders .menu-day .info div.title {
    background-color: transparent !important
}

#client-orders .menu_in_orders .error-menu-content {
    padding: .3em 0 .2em
}

#client-orders .current-order__container {
    display: -ms-flexbox;
    display: flex
}

#client-orders .current-order__info {
    width: 50%;
    padding-right: .98266em
}

#client-orders .current-order {
    position: relative;
    font-size: 1em
}

#client-orders .current-order .subscribe-header__data,
#client-orders .current-order__info {
    font-size: .173em;
    padding: 2.02312em;
    display: -ms-flexbox;
    display: flex
}

#client-orders .current-order .subscribe-header__data .info,
#client-orders .current-order__info .info {
    width: 18.49711em
}

#client-orders .current-order .subscribe-header__data .info .b-total-bars__bar,
#client-orders .current-order__info .info .b-total-bars__bar {
    margin-bottom: .46243em;
    padding-right: .17341em
}

#client-orders .current-order .subscribe-header__data .icon,
#client-orders .current-order__info .icon {
    margin-right: 1.7341em;
    min-width: 4.04624em;
    width: 4.04624em;
    height: 4.04624em;
    color: var(--color__default)
}

#client-orders .current-order .subscribe-header__data .icon svg,
#client-orders .current-order__info .icon svg {
    width: 100%;
    height: 100%
}

#client-orders .current-order .subscribe-header__data .info-title,
#client-orders .current-order__info .info-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

#client-orders .current-order .subscribe-header__data .info-title__small,
#client-orders .current-order__info .info-title__small {
    font-size: .7em
}

#client-orders .current-order .subscribe-header__data .info-title h3,
#client-orders .current-order__info .info-title h3 {
    font-size: 2.08092em;
    font-weight: 700
}

#client-orders .current-order .subscribe-header__data .info-title div.status,
#client-orders .current-order__info .info-title div.status {
    font-size: .69364em;
    margin-left: .40462em
}

#client-orders .current-order .subscribe-header__data .info p,
#client-orders .current-order__info .info p {
    font-size: .92486em;
    font-weight: 700;
    margin: .28902em 0 0;
    margin-bottom: .18rem
}

#client-orders .current-order .subscribe-header__data .info p span.free-days,
#client-orders .current-order__info .info p span.free-days {
    font-size: .875em;
    font-weight: 700;
    line-height: 1.57;
    color: #fff;
    width: 9.28571em;
    height: 1.57143em;
    border-radius: 2px;
    background-color: #eb11cd;
    background-color: #f0616d;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .5em
}

#client-orders .current-order .subscribe-header__data .info-payment,
#client-orders .current-order__info .info-payment {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    position: relative;
    font-weight: 700
}

#client-orders .current-order .subscribe-header__data .info-payment:not(:last-of-type),
#client-orders .current-order__info .info-payment:not(:last-of-type) {
    margin-bottom: 1.04046em
}

#client-orders .current-order .subscribe-header__data .info-payment__price-plan,
#client-orders .current-order__info .info-payment__price-plan {
    margin-top: -.28902em;
    margin-bottom: .57803em
}

#client-orders .current-order .subscribe-header__data .info-payment__price-plan .link,
#client-orders .current-order__info .info-payment__price-plan .link {
    font-size: .69364em;
    text-decoration: underline;
    font-weight: 500
}

#client-orders .current-order .subscribe-header__data .info-payment .info-payment__buttons,
#client-orders .current-order__info .info-payment .info-payment__buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%;
    margin-left: -.14286em;
    margin-right: -.14286em
}

#client-orders .current-order .subscribe-header__data .info-payment .info-payment__buttons .info-payment__buttons-left,
#client-orders .current-order__info .info-payment .info-payment__buttons .info-payment__buttons-left {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
    padding-left: .14286em;
    padding-right: .14286em
}

#client-orders .current-order .subscribe-header__data .info-payment .info-payment__buttons .info-payment__buttons-left button.button,
#client-orders .current-order__info .info-payment .info-payment__buttons .info-payment__buttons-left button.button {
    line-height: .46rem !important
}

#client-orders .current-order .subscribe-header__data .info-payment .info-payment__buttons .info-payment__buttons-right,
#client-orders .current-order__info .info-payment .info-payment__buttons .info-payment__buttons-right {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
    padding-left: .14286em;
    padding-right: .14286em
}

#client-orders .current-order .subscribe-header__data .info-payment .info-payment__buttons .info-payment__buttons-right button.button,
#client-orders .current-order__info .info-payment .info-payment__buttons .info-payment__buttons-right button.button {
    white-space: nowrap;
    line-height: .46rem !important
}

#client-orders .current-order .subscribe-header__data .info-payment .info-payment__card-only,
#client-orders .current-order__info .info-payment .info-payment__card-only {
    position: absolute;
    font-size: .69364em;
    line-height: .86705em;
    left: 0;
    bottom: -.91667em;
    width: 100%;
    font-weight: 500;
    color: #9b9b9b
}

#client-orders .current-order .subscribe-header__data .info-payment__price,
#client-orders .current-order__info .info-payment__price {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: .80925em;
    font-weight: 700;
    position: relative
}

#client-orders .current-order .subscribe-header__data .info-payment__price>span,
#client-orders .current-order__info .info-payment__price>span {
    background-color: #fff;
    z-index: 2;
    padding-right: .17341em
}

#client-orders .current-order .subscribe-header__data .info-payment__price:after,
#client-orders .current-order__info .info-payment__price:after {
    content: "";
    position: absolute;
    bottom: 4px;
    left: 0;
    right: 0;
    z-index: 0;
    height: 1px;
    background-color: #e7e7e7
}

#client-orders .current-order .subscribe-header__data .info-payment__price .discount,
#client-orders .current-order__info .info-payment__price .discount {
    font-size: 1.16667em;
    margin-right: .28902em;
    text-decoration: line-through
}

#client-orders .current-order .subscribe-header__data .info-payment__price .info-payment__price-price,
#client-orders .current-order__info .info-payment__price .info-payment__price-price {
    background-color: #fff;
    z-index: 2;
    padding-left: .17341em
}

#client-orders .current-order .subscribe-header__data .info-payment__price .price,
#client-orders .current-order__info .info-payment__price .price {
    font-size: 1.71429em
}

#client-orders .current-order .subscribe-header__data .info-payment button.button,
#client-orders .current-order__info .info-payment button.button {
    width: 100%;
    font-size: .80925em;
    line-height: .46rem;
    height: 3.35714em;
    margin-left: 0;
    margin-right: 0;
    text-transform: uppercase
}

#client-orders .current-order .is_auto_paid {
    width: 19.07514em;
    max-height: 6.6474em;
    padding: .86705em;
    margin-top: .40462em;
    margin-left: auto;
    cursor: pointer;
    border: 1px solid #cacbcb
}

#client-orders .current-order .is_auto_paid h4 {
    font-size: .80925em;
    font-weight: 700
}

#client-orders .current-order .is_auto_paid h4.active {
    color: var(--color__default-darken)
}

#client-orders .current-order .is_auto_paid p {
    font-size: .63584em;
    margin-bottom: 0
}

#client-orders .current-order .payment-subscribe {
    display: -ms-flexbox;
    display: flex
}

#client-orders .current-order .payment-subscribe .loader {
    width: .22rem;
    height: .22rem;
    margin-right: .12rem;
    margin-bottom: -.1rem
}

#client-orders .current-order .payment-subscribe .loader:before {
    min-width: .22rem
}

#client-orders .current-order .tabber-line {
    padding: 0 .35em 0 .25em !important;
    margin: 0
}

#client-orders .current-order .tabber-line .icon-car_free {
    width: 1.625em;
    height: 1em
}

#client-orders .current-order .tabber-line .icon-menu {
    width: 1.825em;
    height: 1.0625em
}

#client-orders .current-order .show-me-more {
    font-size: .16em;
    padding-bottom: 1.5625em
}

#client-orders .current-order .show-me-more .button {
    font-weight: 700;
    padding: 0;
    height: auto;
    font-size: 1em;
    color: #28a156
}

html[data-subdomain=wowfood] #client-orders .current-order .show-me-more .button {
    color: var(--color__default)
}

#client-orders .current-order .deliveries .delivery-row {
    position: relative;
    padding: .236em .414em;
    border-bottom: 1px solid #e1e4e2
}

#client-orders .current-order .deliveries .delivery-row__hidden,
#client-orders .current-order .deliveries .delivery-row__opened div.status {
    display: none
}

#client-orders .current-order .deliveries .delivery-row__editable {
    background-color: #e6f5eb
}

html[data-subdomain=wowfood] #client-orders .current-order .deliveries .delivery-row__editable {
    background-color: rgba(89, 64, 119, .08)
}

#client-orders .current-order .deliveries .delivery-row__error {
    background-color: #fff6f5
}

#client-orders .current-order .deliveries .delivery-row__success {
    background-color: #ecf5ef
}

#client-orders .current-order .deliveries .delivery-row:last-of-type {
    border-bottom: none
}

#client-orders .current-order .deliveries .delivery-row:last-of-type .delivery {
    margin-bottom: 0
}

#client-orders .current-order .deliveries .arrow {
    position: absolute;
    cursor: pointer;
    right: -.2rem;
    top: -.1rem;
    background: none;
    border: none;
    padding: .2rem;
    outline: none;
    z-index: 2
}

#client-orders .current-order .deliveries .delivery-freeze {
    font-weight: 500;
    font-size: .14rem;
    line-height: .18rem;
    background-color: #faf9fa;
    padding: .3rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

#client-orders .current-order .deliveries .delivery-freeze p {
    margin-bottom: 0
}

#client-orders .current-order .deliveries .delivery-freeze h4 {
    font-weight: 700;
    font-size: .16rem;
    line-height: .16rem
}

#client-orders .current-order .deliveries .delivery-freeze button.button {
    font-size: .13rem;
    line-height: .2rem;
    margin-right: 0
}

#client-orders .current-order .deliveries .delivery-info {
    font-size: .16em
}

#client-orders .current-order .deliveries .delivery-info>div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

#client-orders .current-order .deliveries .delivery-info__details {
    color: #9b9b9b;
    font-size: .8125em;
    font-weight: 500
}

#client-orders .current-order .deliveries .delivery-info__details span {
    margin-left: 0;
    font-size: 1em;
    font-weight: 500
}

#client-orders .current-order .deliveries .delivery-info__details-icon {
    display: inline-block;
    width: .14rem;
    height: .14rem;
    margin-right: .08rem
}

#client-orders .current-order .deliveries .delivery-info__hide {
    padding-bottom: 0;
    margin-bottom: 0
}

#client-orders .current-order .deliveries .delivery-info__hide:last-of-type {
    border-bottom: none
}

#client-orders .current-order .deliveries .delivery-info__hide:last-of-type .delivery {
    margin-bottom: 0
}

#client-orders .current-order .deliveries .delivery-info h3 {
    color: #1b1b1b
}

#client-orders .current-order .deliveries .delivery-info .status {
    font-size: .625em;
    margin-left: .625em
}

#client-orders .current-order .deliveries .delivery-info button.edit {
    font-size: .8125em;
    width: 12.30769em;
    height: 2.30769em;
    margin-left: .76923em;
    margin-right: .76923em
}

#client-orders .current-order .deliveries .delivery-info button.edit.loading:before {
    top: 1.375em;
    width: 1.625em;
    height: 1.625em
}

#client-orders .current-order .deliveries .delivery-info button.change {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    width: auto;
    height: auto;
    text-decoration: underline;
    font-size: .8125em;
    color: var(--color__default);
    margin-left: 0;
    margin-right: .2rem
}

#client-orders .current-order .deliveries .delivery-info button.change img,
#client-orders .current-order .deliveries .delivery-info button.change svg {
    margin-right: .38462em;
    width: 1.21769em;
    height: 1.23077em
}

#client-orders .current-order .deliveries .delivery {
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: .2em
}

#client-orders .current-order .deliveries .delivery .delivery-date {
    -ms-flex: 0 0 3.310em;
    flex: 0 0 3.310em
}

#client-orders .current-order .deliveries .delivery .delivery-date>div {
    width: 12.71676em
}

#client-orders .current-order .deliveries .delivery .delivery-address>div {
    width: 100%
}

#client-orders .current-order .deliveries .delivery .input-container {
    font-weight: 500
}

#client-orders .current-order .deliveries .delivery .input-container label {
    font-size: .657em
}

#client-orders .current-order .deliveries .delivery .input-container span {
    font-size: .92em;
    line-height: 1.286em
}

#client-orders .current-order .deliveries .delivery .call-driver {
    margin-left: 0;
    font-size: .12em;
    margin-top: 1.25em;
    width: 14.16667em;
    height: 2.5em
}

#client-orders .current-order .deliveries .delivery .call-driver svg {
    width: 1.08333em;
    height: 1em;
    margin-right: .66667em
}

#client-orders .current-order .custom-order-list {
    font-size: .14em;
    font-weight: 700;
    padding: 2.5em;
    border-top: 1px solid #e1e4e2
}

#client-orders .current-order .custom-order-list>div>div {
    margin-bottom: 2.85714em
}

#client-orders .current-order .custom-order-list>div>div:last-of-type {
    margin-bottom: 0
}

#client-orders .current-order .custom-order-list .table_plan {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

#client-orders .current-order .custom-order-list .table_plan-info {
    display: -ms-flexbox;
    display: flex
}

#client-orders .current-order .custom-order-list .table_plan-info .photo img {
    width: 5.64286em;
    height: 4.28571em;
    margin-right: .71429em;
    -o-object-fit: cover;
    object-fit: cover
}

#client-orders .current-order .custom-order-list .table_plan-info .name h4 {
    font-weight: 700
}

#client-orders .current-order .custom-order-list .table_plan-info .name ul {
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding-left: 0;
    font-size: 1.14286em;
    margin-top: .71429em
}

#client-orders .current-order .custom-order-list .table_plan-info .name ul li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    text-align: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: .86705em
}

#client-orders .current-order .custom-order-list .table_plan-info .name ul li span {
    font-size: .71429em;
    color: #9b9b9b
}

#client-orders .current-order .custom-order-list .table_plan-amount {
    font-weight: 700;
    text-align: right;
    width: 3.21429em;
    font-size: 1.42857em
}

#client-orders .current-order__filters {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding: .4rem
}

#client-orders .current-order__filters-btn {
    border: .01rem solid #b3eabd;
    border-radius: .16rem;
    padding: .12rem .215rem;
    background-color: transparent;
    font-size: .16rem;
    line-height: 150%;
    color: #00b923;
    height: .48rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    cursor: pointer;
    transition: border-color .2s ease-in;
    position: relative;
    letter-spacing: .01rem;
    width: 2.4rem
}

#client-orders .current-order__filters-btn:hover {
    border-color: #00b923
}

#client-orders .current-order__filters-btn svg {
    margin-right: .08rem;
    width: .24rem;
    height: .24rem;
    position: relative
}

#client-orders .current-order__filters-btn--yellow:after {
    display: block;
    content: "";
    width: .1rem;
    height: .1rem;
    background-color: #ffdd50;
    position: absolute;
    top: .12rem;
    left: .52rem;
    border-radius: 100%
}

#client-orders .current-order__filters-btn--red:after {
    display: block;
    content: "";
    width: .1rem;
    height: .1rem;
    background-color: #e64d69;
    position: absolute;
    top: .12rem;
    left: .52rem;
    border-radius: 100%
}

#client-orders .current-order__cancel {
    position: absolute;
    top: .16em;
    right: .16em;
    color: #f7001d;
    padding: .05em;
    cursor: pointer
}

#client-orders .current-order__cancel,
html.desktop #client-orders .current-order__cancel {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
    border: none;
    outline: none;
    background-color: transparent
}

html.desktop #client-orders .current-order__cancel {
    color: #9b9b9b;
    padding: .03rem .1rem .17rem;
    margin-left: auto;
    position: static
}

html.desktop #client-orders .current-order__cancel:hover {
    color: #f7001d
}

html.smartphone #client-orders .current-order__cancel {
    top: .15em;
    right: .04em
}

#client-orders .current-order__cancel-icon {
    display: -ms-flexbox;
    display: flex;
    margin-right: .06em
}

html.smartphone #client-orders .current-order__cancel-icon {
    margin-right: 0
}

#client-orders .current-order__cancel-icon .c-icon {
    width: .15em;
    height: .17em
}

#client-orders .current-order__cancel-text {
    display: -ms-flexbox;
    display: flex;
    font-size: .12em;
    line-height: 1.67;
    text-decoration: underline;
    font-weight: 500
}

html.smartphone #client-orders .current-order__cancel-text {
    display: none
}

.modal-pay-for-custom-order {
    padding: 0;
    width: 8rem
}

.modal-pay-for-custom-order .modal-inner {
    padding: .36rem .36rem .59rem
}

html.smartphone .modal-pay-for-custom-order .modal-inner {
    background-color: #f6f6f6;
    padding: 0
}

html.smartphone .modal-pay-for-custom-order .modal-pay-for-custom-order__header {
    display: block;
    margin-bottom: .13rem
}

html.smartphone .modal-pay-for-custom-order .b-step-payment-choose {
    padding-left: .15rem;
    padding-right: .15rem
}

html.smartphone .modal-pay-for-custom-order .payment-methods-list {
    padding-left: 0;
    padding-right: 0
}

html.smartphone .modal-pay-for-custom-order .modal-pay-for-custom-order__close {
    padding: .1rem;
    top: .07rem
}

html.smartphone .modal-pay-for-custom-order .modal-pay-for-custom-order__close .c-icon-close {
    width: .1rem;
    height: .1rem
}

html.smartphone .modal-pay-for-custom-order .button {
    text-transform: unset;
    height: 2.85714em
}

.modal-pay-for-custom-order .payment-methods {
    max-width: 3.2rem;
    margin-left: auto;
    margin-right: auto
}

.modal-pay-for-custom-order .b-order-info {
    margin-bottom: .66rem
}

.modal-pay-for-custom-order .modal-pay-for-custom-order__header {
    display: none;
    position: relative;
    background-color: #fff;
    font-size: .16rem;
    font-weight: 500;
    color: #1b1b1b;
    line-height: .24rem;
    text-align: center;
    padding: .1rem 0;
    box-shadow: 0 .02rem .02rem 0 rgba(0, 0, 0, .11)
}

.modal-pay-for-custom-order .modal-pay-for-custom-order__close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .2rem;
    background: none;
    border: none;
    cursor: pointer;
    z-index: 10;
    outline: none
}

.modal-pay-for-custom-order .modal-pay-for-custom-order__close .c-icon-close {
    width: .14rem;
    height: .14rem
}

.modal-pay-for-custom-order .button {
    font-size: .14em;
    width: 100%
}

.active-orders__order {
    position: relative
}

.menu-page__summary {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 99;
    box-shadow: 0 .02rem .08rem .04rem rgba(0, 0, 0, .1);
    display: none
}

html.smartphone .menu-page__summary {
    padding: .15rem .13rem .14rem
}

html.smartphone .menu-page__summary .button {
    text-align: center;
    font-size: .11em !important
}

html.smartphone .b-popover {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%
}

html.smartphone .b-popover,
html.smartphone .b-total-bars__bar-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

html.smartphone .b-total-bars__bar-title {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

html.smartphone .b-total-bars__bar-tooltip {
    margin-left: 0;
    margin-right: .06rem
}

html.smartphone .b-total-bars__bar-price {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.red-dot-filters-modal {
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .7);
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.red-dot-filters-modal__container {
    background-color: #fff;
    width: 6.08rem;
    height: auto;
    padding: .4rem;
    border-radius: .24rem;
    position: relative
}

.red-dot-filters-modal__title {
    font-weight: 600;
    font-size: .24rem;
    line-height: 117%;
    text-align: center;
    color: #0d0d0d;
    margin-bottom: .16rem
}

.red-dot-filters-modal__text {
    font-size: .16rem;
    line-height: 150%;
    text-align: center;
    color: #333;
    margin-bottom: .32rem;
    padding: 0 .4rem;
    font-weight: 500
}

.red-dot-filters-modal__controls {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.red-dot-filters-modal__btn {
    width: 2.56rem;
    border-radius: .16rem;
    text-transform: uppercase;
    text-align: center;
    padding: .14rem;
    font-size: .14rem;
    line-height: 143%;
    letter-spacing: .01rem;
    color: #fff;
    border: .01rem solid #00b923;
    font-weight: 600;
    background-color: #00b923;
    cursor: pointer;
    transition: all .2s ease-in-out
}

.red-dot-filters-modal__btn:hover {
    background-color: #00a720;
    border-color: #00a720
}

.red-dot-filters-modal__btn--outline {
    border: .01rem solid #ebebeb;
    color: #0d0d0d;
    background-color: #fff;
    transition: border-color .15s ease-in-out
}

.red-dot-filters-modal__btn--outline:hover {
    background-color: #fff;
    border-color: #ccc
}

.red-dot-filters-modal__close {
    position: absolute;
    top: .16rem;
    right: .16rem;
    width: .32rem;
    height: .32rem;
    padding: .1rem;
    cursor: pointer;
    border-radius: .1rem;
    background-color: transparent;
    transition: background-color .15s ease-in-out
}

.red-dot-filters-modal__close:hover {
    background-color: #f0f0f0
}

.red-dot-filters-modal__close:hover .red-dot-filters-modal__close-icon {
    color: #0d0d0d
}

.red-dot-filters-modal__close-icon {
    cursor: pointer;
    width: .12rem;
    height: .12rem;
    color: #b3b3b3;
    transition: color .2s ease-in-out
}

.box-loader {
    position: relative;
    pointer-events: none;
    cursor: default
}

.box-loader:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .45;
    z-index: 10
}

.skeleton-loading {
    margin: .1em 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column
}

.skeleton-loading__black .skeleton-box:after {
    background-color: #e7e8e7;
    transform: none;
    animation: none;
    background-image: linear-gradient(90deg, #e7e8e7, #e7e8e7 20%, #e7e8e7 60%, #e7e8e7)
}

.skeleton-loading.with-background {
    background-color: #fff
}

.skeleton-loading.client_menu {
    padding: 0 .15em
}

.skeleton-box {
    display: inline-block;
    height: 1em;
    position: relative;
    overflow: hidden;
    background-color: #f6f6f6 !important;
    margin-bottom: 10px
}

.skeleton-box.skeleton-box-desktop {
    width: 33% !important
}

.skeleton-box.rounded {
    border-radius: 100000000px
}

.skeleton-box.radius {
    border-radius: 7.5px
}

.skeleton-box.shadow {
    box-shadow: 0 2px 4px 4px rgba(0, 0, 0, .04)
}

.skeleton-box.white-bg {
    background-color: #fff
}

.skeleton-box:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .5) 20%, hsla(0, 0%, 100%, .7) 60%, hsla(0, 0%, 100%, 0));
    animation: shimmer 5s infinite;
    content: ""
}

@keyframes shimmer {
    to {
        transform: translateX(100%)
    }
}

div.mobile-popup-bar {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: .43em;
    box-shadow: 0 .02em .04em 0 rgba(0, 0, 0, .21);
    background-color: #fff;
    z-index: 100
}

div.mobile-popup-bar,
div.mobile-popup-bar>div.left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

div.mobile-popup-bar>div.left {
    width: .45em;
    height: .35em;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

div.mobile-popup-bar>div.left>svg {
    width: .09em;
    height: auto
}

div.mobile-popup-bar>div.left>svg path {
    fill: var(--color__default)
}

div.mobile-popup-bar>div.vline {
    width: 1px;
    height: .35em;
    background-color: #cfcfcf;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

div.mobile-popup-bar>div.title {
    font-size: .18em;
    font-weight: 700;
    color: #1b1b1b;
    text-align: center;
    padding-left: 1.16667em;
    padding-right: .55556em;
    width: 100%
}

div.mobile-popup-bar>div.ham {
    width: .38em;
    height: .35em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

div.mobile-popup-bar>div.ham>svg {
    width: .18em;
    height: auto;
    color: var(--color__default)
}

div.landing-tabber>div.tabber-container {
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -ms-flex-pack: center;
    justify-content: center
}

div.landing-tabber div.tab {
    -ms-flex: 1;
    flex: 1;
    max-width: .86rem;
    position: relative
}

html.smartphone div.landing-tabber div.tab>.icon {
    margin-bottom: .06rem
}

html.smartphone div.landing-tabber div.tab>.icon svg {
    width: .31rem;
    height: .31rem
}

html.smartphone div.landing-tabber div.tab>.icon svg circle {
    stroke: #8d8d8d;
    fill: transparent;
    transition: stroke .3s ease, fill .3s ease
}

html.smartphone div.landing-tabber div.tab>.icon svg path {
    fill: #8d8d8d;
    transition: fill .3s ease
}

html.smartphone div.landing-tabber div.tab.active>.icon svg circle {
    fill: var(--color__default);
    stroke: var(--color__default)
}

html.smartphone div.landing-tabber div.tab.active>.icon svg path {
    fill: #fff
}

div.landing-tabber div.tab>div.title {
    font-size: .2em;
    font-weight: 500;
    line-height: 1.1;
    text-align: center;
    color: #acacac;
    transition: color .3s ease
}

html.smartphone div.landing-tabber div.tab>div.title {
    font-size: .16em;
    line-height: 1.38
}

div.landing-tabber div.tab>div.subtitle {
    font-size: .14em;
    font-weight: 500;
    line-height: 1.57;
    text-align: center;
    color: #acacac;
    transition: color .3s ease
}

html.smartphone div.landing-tabber div.tab>div.subtitle {
    font-size: .12em;
    line-height: 1.17
}

div.landing-tabber div.tab>div.mark {
    position: absolute;
    bottom: 1.85714em;
    right: 0;
    font-size: .14em;
    font-weight: 500;
    color: #ea3a3a
}

div.landing-tabber div.tab>div.hline {
    width: 100%;
    height: .03em;
    margin: .08em auto 0;
    background-color: var(--color__default);
    opacity: 0;
    transition: opacity .3s ease
}

div.landing-tabber div.tab:nth-child(2):nth-last-child(2)>div.mark {
    right: -.5em
}

div.landing-tabber div.tab:nth-child(3):last-child>div.mark {
    right: .21429em
}

div.landing-tabber div.tab.active>div.title {
    color: var(--color__default-darken);
    font-weight: 700
}

div.landing-tabber div.tab.active>div.subtitle {
    color: var(--color__default-darken)
}

div.landing-tabber div.tab.active>div.hline {
    opacity: 1
}

.b-recall-me__open {
    text-align: center
}

.b-recall-me__open .button {
    display: inline-block
}

.navbar.dark .b-recall-me__open .button {
    background: transparent;
    border-color: #fff
}

html.smartphone .b-recall-me__open .button {
    font-size: .14em;
    width: 17.85714em;
    height: 2.85714em;
    text-transform: unset
}

.b-recall-me__modal {
    width: 5em
}

html.smartphone .b-recall-me__modal {
    width: 100%
}

.b-recall-me__modal .modal-inner {
    background-color: #f7f7f7;
    padding: .52em
}

html.smartphone .b-recall-me__modal .modal-inner {
    padding-top: .52em;
    padding-left: .25em;
    padding-right: .25em
}

.b-recall-me__form {
    text-align: center;
    width: 2.7em;
    margin-left: auto;
    margin-right: auto
}

html.smartphone .b-recall-me__form {
    width: auto
}

html.smartphone .b-recall-me__form .button {
    width: 100%
}

.b-recall-me__form .input-container {
    margin-bottom: .15em
}

.b-recall-me__form input#phone {
    border: 1px solid #979797
}

.b-recall-me__form .button {
    font-size: .14em;
    width: 19.28571em;
    height: 3.14286em;
    text-transform: unset
}

.b-recall-me__title {
    font-size: .22em;
    line-height: 1.09091em;
    margin-bottom: .36364em;
    text-align: center;
    font-weight: 700
}

.b-recall-me__subtitle,
.b-recall-me__success-text {
    font-size: .16em;
    line-height: 1.25em;
    color: #848484;
    margin-bottom: 1.8125em;
    text-align: center
}

.b-recall-me__success-button .button {
    font-size: .14em;
    width: 19.28571em;
    height: 3.14286em;
    text-transform: unset;
    margin-left: auto;
    margin-right: auto
}

html.smartphone .rating-tasks__onboarding {
    width: 100%
}

html.smartphone .rating-tasks__onboarding h2 {
    font-size: .18em
}

html.smartphone .rating-tasks__onboarding p {
    font-size: .15em
}

html.smartphone .rating-tasks__dish {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-align: center;
    align-items: center;
    padding: .2em
}

html.smartphone .rating-tasks__dish img {
    margin-right: 0
}

html.smartphone .rating-tasks__dish h3,
html.smartphone .rating-tasks__dish h4 {
    text-align: center
}

html.smartphone .rating-tasks__dish h4 {
    font-size: .14em;
    margin-bottom: 1.07143em
}

html.smartphone .rating-tasks__driver {
    padding: 0
}

html.smartphone .rating-tasks__driver-header svg {
    width: .36em;
    height: .36em;
    margin-right: .15em
}

html.smartphone .rating-tasks__driver-header>div span.name {
    font-size: .16em
}

html.smartphone .rating-tasks__driver-header>div p {
    margin: .1em 0;
    font-size: .12em
}

html.smartphone .rating-tasks__driver-header>div p span {
    font-size: 1.16667em
}

html.smartphone .rating-tasks__driver-header>div .star-rating {
    margin-top: .15em;
    width: 2em
}

html.smartphone .rating-tasks__driver-header>div .star-rating label {
    width: .7em
}

html.smartphone .rating-tasks__driver-header>div .star-rating label svg {
    width: .2769em;
    height: .2733em
}

html.smartphone .rating-tasks__actions li {
    width: .75em;
    margin-right: auto
}

html.smartphone .rating-tasks__actions li.emotion_mark_3 {
    margin-left: 0
}

html.smartphone .rating-tasks__actions li div.icon {
    width: .56em;
    height: .56em
}

html.smartphone .rating-tasks__actions li div.text {
    font-size: .11em;
    margin-top: .45455em
}

html.smartphone .rating-tasks__modal {
    background-color: #f5f4f5;
    border-radius: 0 !important;
    width: auto
}

html.smartphone .rating-tasks__modal-list {
    padding: 0
}

html.smartphone .rating-tasks__modal-list.two-column>div.checkbox {
    width: 100%
}

html.smartphone .rating-tasks__modal-list div.checkbox label {
    width: 100%;
    font-size: 1em;
    padding: .83333em 2.5em;
    border-top: 1px solid #dedee1
}

html.smartphone .rating-tasks__modal-stop-list {
    width: unset !important;
    height: unset !important;
    border-radius: 6px !important
}

html.smartphone .rating-tasks__modal-stop-list .modal-inner {
    width: 2.96em !important;
    height: 4.06em !important
}

html.smartphone .rating-tasks__modal-stop-list .modal-inner .b-menu-day__cbju-items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

html.smartphone .rating-tasks__modal-stop-list .modal-inner .b-popover__inner {
    font-size: .8em;
    top: .75em;
    left: -8em
}

div#single-step-order>div.padding-container html.smartphone .rating-tasks__modal-stop-list .container--first,
div#single-step-order>div.padding-container html.smartphone .rating-tasks__modal-stop-list .container--last,
div#single-step-order>div.padding-container html.smartphone .rating-tasks__modal-stop-list .container--payment,
html.smartphone .rating-tasks__modal-stop-list .container,
html.smartphone .rating-tasks__modal-stop-list div#single-step-order>div.padding-container .container--first,
html.smartphone .rating-tasks__modal-stop-list div#single-step-order>div.padding-container .container--last,
html.smartphone .rating-tasks__modal-stop-list div#single-step-order>div.padding-container .container--payment,
html.smartphone div#single-step-order>div.padding-container .rating-tasks__modal-stop-list .container--first,
html.smartphone div#single-step-order>div.padding-container .rating-tasks__modal-stop-list .container--last,
html.smartphone div#single-step-order>div.padding-container .rating-tasks__modal-stop-list .container--payment {
    padding: .26em
}

div#single-step-order>div.padding-container html.smartphone .rating-tasks__modal-stop-list .container--first h3,
div#single-step-order>div.padding-container html.smartphone .rating-tasks__modal-stop-list .container--last h3,
div#single-step-order>div.padding-container html.smartphone .rating-tasks__modal-stop-list .container--payment h3,
html.smartphone .rating-tasks__modal-stop-list .container h3,
html.smartphone .rating-tasks__modal-stop-list div#single-step-order>div.padding-container .container--first h3,
html.smartphone .rating-tasks__modal-stop-list div#single-step-order>div.padding-container .container--last h3,
html.smartphone .rating-tasks__modal-stop-list div#single-step-order>div.padding-container .container--payment h3,
html.smartphone div#single-step-order>div.padding-container .rating-tasks__modal-stop-list .container--first h3,
html.smartphone div#single-step-order>div.padding-container .rating-tasks__modal-stop-list .container--last h3,
html.smartphone div#single-step-order>div.padding-container .rating-tasks__modal-stop-list .container--payment h3 {
    font-size: .16em
}

div#single-step-order>div.padding-container html.smartphone .rating-tasks__modal-stop-list .container--first p,
div#single-step-order>div.padding-container html.smartphone .rating-tasks__modal-stop-list .container--last p,
div#single-step-order>div.padding-container html.smartphone .rating-tasks__modal-stop-list .container--payment p,
html.smartphone .rating-tasks__modal-stop-list .container p,
html.smartphone .rating-tasks__modal-stop-list div#single-step-order>div.padding-container .container--first p,
html.smartphone .rating-tasks__modal-stop-list div#single-step-order>div.padding-container .container--last p,
html.smartphone .rating-tasks__modal-stop-list div#single-step-order>div.padding-container .container--payment p,
html.smartphone div#single-step-order>div.padding-container .rating-tasks__modal-stop-list .container--first p,
html.smartphone div#single-step-order>div.padding-container .rating-tasks__modal-stop-list .container--last p,
html.smartphone div#single-step-order>div.padding-container .rating-tasks__modal-stop-list .container--payment p {
    font-size: .12em
}

div#single-step-order>div.padding-container html.smartphone .rating-tasks__modal-stop-list .container--first img,
div#single-step-order>div.padding-container html.smartphone .rating-tasks__modal-stop-list .container--last img,
div#single-step-order>div.padding-container html.smartphone .rating-tasks__modal-stop-list .container--payment img,
html.smartphone .rating-tasks__modal-stop-list .container img,
html.smartphone .rating-tasks__modal-stop-list div#single-step-order>div.padding-container .container--first img,
html.smartphone .rating-tasks__modal-stop-list div#single-step-order>div.padding-container .container--last img,
html.smartphone .rating-tasks__modal-stop-list div#single-step-order>div.padding-container .container--payment img,
html.smartphone div#single-step-order>div.padding-container .rating-tasks__modal-stop-list .container--first img,
html.smartphone div#single-step-order>div.padding-container .rating-tasks__modal-stop-list .container--last img,
html.smartphone div#single-step-order>div.padding-container .rating-tasks__modal-stop-list .container--payment img {
    width: 1.8em;
    height: 1.3em;
    margin: 0 auto .1em
}

div#single-step-order>div.padding-container html.smartphone .rating-tasks__modal-stop-list .container--first h4,
div#single-step-order>div.padding-container html.smartphone .rating-tasks__modal-stop-list .container--last h4,
div#single-step-order>div.padding-container html.smartphone .rating-tasks__modal-stop-list .container--payment h4,
html.smartphone .rating-tasks__modal-stop-list .container h4,
html.smartphone .rating-tasks__modal-stop-list div#single-step-order>div.padding-container .container--first h4,
html.smartphone .rating-tasks__modal-stop-list div#single-step-order>div.padding-container .container--last h4,
html.smartphone .rating-tasks__modal-stop-list div#single-step-order>div.padding-container .container--payment h4,
html.smartphone div#single-step-order>div.padding-container .rating-tasks__modal-stop-list .container--first h4,
html.smartphone div#single-step-order>div.padding-container .rating-tasks__modal-stop-list .container--last h4,
html.smartphone div#single-step-order>div.padding-container .rating-tasks__modal-stop-list .container--payment h4 {
    font-size: .14em;
    font-weight: 500;
    height: 3.61538em;
    margin-bottom: .76923em
}

div#single-step-order>div.padding-container html.smartphone .rating-tasks__modal-stop-list .container--first .b-menu-day__cbju-items,
div#single-step-order>div.padding-container html.smartphone .rating-tasks__modal-stop-list .container--last .b-menu-day__cbju-items,
div#single-step-order>div.padding-container html.smartphone .rating-tasks__modal-stop-list .container--payment .b-menu-day__cbju-items,
html.smartphone .rating-tasks__modal-stop-list .container .b-menu-day__cbju-items,
html.smartphone .rating-tasks__modal-stop-list div#single-step-order>div.padding-container .container--first .b-menu-day__cbju-items,
html.smartphone .rating-tasks__modal-stop-list div#single-step-order>div.padding-container .container--last .b-menu-day__cbju-items,
html.smartphone .rating-tasks__modal-stop-list div#single-step-order>div.padding-container .container--payment .b-menu-day__cbju-items,
html.smartphone div#single-step-order>div.padding-container .rating-tasks__modal-stop-list .container--first .b-menu-day__cbju-items,
html.smartphone div#single-step-order>div.padding-container .rating-tasks__modal-stop-list .container--last .b-menu-day__cbju-items,
html.smartphone div#single-step-order>div.padding-container .rating-tasks__modal-stop-list .container--payment .b-menu-day__cbju-items {
    margin: 0 auto !important
}

html.smartphone .rating-tasks__modal-stop-list .buttons-list {
    height: .445em
}

html.smartphone .rating-tasks__modal-stop-list .buttons-list .button {
    background-color: #fff;
    font-size: .12em;
    height: 3.70833em
}

html.smartphone .rating-tasks__modal-feedback .modal-inner {
    padding: .2em
}

html.smartphone .rating-tasks__modal-feedback .modal-inner .button {
    width: 100%;
    font-size: .17em;
    height: 2.70588em;
    text-transform: none
}

html.smartphone .rating-tasks__modal-add-to-favorites {
    min-width: unset !important;
    max-width: unset !important;
    margin: .12em
}

html.smartphone .rating-tasks__modal-add-to-favorites .close-icon {
    right: .1em !important;
    top: .1em !important
}

html.smartphone .rating-tasks__modal-add-to-favorites .header {
    text-align: center;
    box-shadow: none;
    padding-top: .31em;
    height: .95em
}

html.smartphone .rating-tasks__modal-add-to-favorites .header h2 {
    font-size: .16em
}

html.smartphone .rating-tasks__modal-add-to-favorites .header p {
    font-size: .12em;
    color: #9b9b9b
}

html.smartphone .rating-tasks__modal .close-icon {
    top: .05em !important;
    right: .05em !important;
    padding: .1em !important
}

html.smartphone .rating-tasks__modal .close-icon svg {
    fill: #000 !important;
    width: .12em !important;
    height: .12em !important
}

html.smartphone .rating-tasks__modal .feedback_comment {
    margin: .1em .2em
}

html.smartphone .rating-tasks__modal .feedback_comment textarea {
    font-size: .14em
}

html.smartphone .rating-tasks__modal .buttons {
    margin: 0 .2em
}

html.smartphone .rating-tasks__modal .buttons .button {
    font-size: .12em
}

.rating-tasks__modal {
    width: 5.6em;
    overflow-y: scroll;
    border-radius: .18em !important;
    background-color: #fff
}

.rating-tasks__modal .reason-q {
    font-size: .18em;
    font-weight: 300;
    padding: 1.38889em 1.94444em 1.11111em
}

.rating-tasks__modal-header {
    font-size: .2em;
    padding: 2.1em 1.75em 0;
    display: -ms-flexbox;
    display: flex
}

.rating-tasks__modal-header .rating-tasks__dish-photo {
    height: 5.697em;
    width: auto;
    -webkit-filter: drop-shadow(11px 18px 16px rgba(0, 0, 0, .3));
    filter: drop-shadow(11px 18px 16px rgba(0, 0, 0, .3))
}

.rating-tasks__modal-header .rating-tasks__dish-avatar {
    width: 6em;
    height: auto;
    fill: var(--color__default)
}

.rating-tasks__modal-header .star-rating {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.rating-tasks__modal-header .star-rating label svg {
    width: 1.7em;
    height: 1.7em;
    margin-right: 1.25em
}

.rating-tasks__modal-header>div.description {
    margin-left: 1.5em
}

.rating-tasks__modal-header>div.description h1 {
    font-size: 1.15em;
    font-weight: 700
}

.rating-tasks__modal-header>div.description p.date {
    font-size: .7em;
    font-weight: 300;
    margin: .55556em 0
}

.rating-tasks__modal-header>div.description p.name {
    font-size: .85em;
    font-weight: 700;
    margin: 0
}

.rating-tasks__modal-feedback {
    text-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin: 0;
    padding: 0 !important;
    width: 4em !important
}

.rating-tasks__modal-feedback,
.rating-tasks__modal-feedback .modal-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.rating-tasks__modal-feedback .modal-inner {
    -ms-flex-flow: column;
    flex-flow: column;
    height: unset !important;
    padding: .6em .75em
}

.rating-tasks__modal-feedback .modal-inner img {
    height: 1em;
    margin: 0 auto .3em
}

.rating-tasks__modal-feedback .modal-inner h2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .2em;
    height: 2.5em;
    font-weight: 700
}

.rating-tasks__modal-feedback .modal-inner p {
    font-size: .16em;
    font-weight: 500;
    margin: 1.875em auto 2.5em
}

.rating-tasks__modal-feedback .modal-inner .button {
    font-size: .17em;
    text-transform: uppercase;
    width: 11.76471em;
    height: 2.82353em;
    margin: 0 auto
}

.rating-tasks__modal-stop-list {
    width: 4.62em !important;
    transition: none !important;
    border-radius: 18px !important
}

.rating-tasks__modal-stop-list .container,
.rating-tasks__modal-stop-list div#single-step-order>div.padding-container .container--first,
.rating-tasks__modal-stop-list div#single-step-order>div.padding-container .container--last,
.rating-tasks__modal-stop-list div#single-step-order>div.padding-container .container--payment,
.rating-tasks__modal-stop-list html.smartphone div#single-step-order>div.padding-container .container--first,
.rating-tasks__modal-stop-list html.smartphone div#single-step-order>div.padding-container .container--last,
.rating-tasks__modal-stop-list html.smartphone div#single-step-order>div.padding-container .container--payment,
div#single-step-order>div.padding-container .rating-tasks__modal-stop-list .container--first,
div#single-step-order>div.padding-container .rating-tasks__modal-stop-list .container--last,
div#single-step-order>div.padding-container .rating-tasks__modal-stop-list .container--payment,
html.smartphone div#single-step-order>div.padding-container .rating-tasks__modal-stop-list .container--first,
html.smartphone div#single-step-order>div.padding-container .rating-tasks__modal-stop-list .container--last,
html.smartphone div#single-step-order>div.padding-container .rating-tasks__modal-stop-list .container--payment {
    padding: .435em .495em 0;
    text-align: center
}

.rating-tasks__modal-stop-list h3 {
    font-size: .23em;
    font-weight: 500
}

.rating-tasks__modal-stop-list h4 {
    font-size: .18em;
    height: 3.55556em;
    margin-bottom: 1.11111em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.rating-tasks__modal-stop-list img {
    width: 2.1em;
    margin: .28em auto .2em;
    -webkit-filter: drop-shadow(11px 18px 16px rgba(0, 0, 0, .3));
    filter: drop-shadow(11px 18px 16px rgba(0, 0, 0, .3))
}

.rating-tasks__modal-stop-list p {
    font-size: .14em;
    color: #9b9b9b
}

.rating-tasks__modal-stop-list .b-menu-day__cbju-items {
    width: 100%;
    margin: 0 auto 1.82143em !important
}

.rating-tasks__modal-stop-list .buttons-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    height: .6em
}

.rating-tasks__modal-stop-list .buttons-list .button {
    border: none;
    font-size: .17em;
    height: 3.52941em;
    border-top: 1px solid #e6e6e6;
    border-radius: 0;
    color: #1b1b1b
}

.rating-tasks__modal-stop-list .buttons-list .button:first-of-type {
    border-right: 1px solid #e6e6e6;
    border-bottom-left-radius: 18px
}

.rating-tasks__modal-stop-list .buttons-list .button:last-of-type {
    border-bottom-right-radius: 18px
}

.rating-tasks__modal-stop-list .buttons-list .button.green-text {
    color: var(--color__default)
}

.rating-tasks__modal-details {
    text-align: center;
    padding: 0 .15em
}

.rating-tasks__modal-list {
    font-size: .12em;
    font-weight: 500;
    padding: 0
}

.rating-tasks__modal-list.two-column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center
}

.rating-tasks__modal-list.two-column>div.checkbox {
    width: 50%
}

.rating-tasks__modal-list.two-column>div.checkbox label:before {
    background-size: cover;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: .25rem;
    height: .25rem
}

.rating-tasks__modal-list div.checkbox label {
    width: 100%;
    font-size: 1.25em;
    padding: .66667em 2.33333em
}

.rating-tasks__modal-list div.checkbox label:before {
    width: 1.33333em;
    height: 1.33333em
}

.rating-tasks__modal-add-to-favorites {
    max-width: 11.05em !important;
    min-width: 10em !important;
    max-height: 7.68em !important
}

.rating-tasks__modal-add-to-favorites .header {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: .74em;
    padding: .2em .3em;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    background-color: #fff
}

.rating-tasks__modal-add-to-favorites .header h2 {
    font-size: .25em;
    font-weight: 700;
    line-height: 1.28;
    margin-bottom: .2em
}

.rating-tasks__modal-add-to-favorites .header p {
    font-size: .19em;
    margin: 0
}

.rating-tasks__modal-add-to-favorites .header .b-popover__inner {
    font-size: .6em !important;
    left: -3.07143em !important;
    top: 1.14286em
}

.rating-tasks__modal-add-to-favorites .favorites-list {
    overflow: scroll;
    padding: 1.4em .3em .3em;
    min-height: 3.82em;
    max-height: 6.68em
}

.rating-tasks__modal-add-to-favorites .favorites-list ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    padding: 0
}

.rating-tasks__modal-add-to-favorites .favorites-list .b-pack {
    -ms-flex-flow: column;
    flex-flow: column;
    height: 3.22em;
    width: 2.5em
}

.rating-tasks__modal-add-to-favorites .favorites-list .b-pack__photo {
    max-width: unset;
    -ms-flex: unset;
    flex: unset;
    width: 1.9em;
    margin: 0 auto;
    padding: 0
}

.rating-tasks__modal-add-to-favorites .favorites-list .b-pack__photo img {
    width: 100%;
    height: 1.4em;
    -o-object-fit: contain;
    object-fit: contain
}

.rating-tasks__modal-add-to-favorites .favorites-list .b-pack__dishes {
    max-width: unset;
    text-align: center;
    padding: 0;
    -ms-flex: unset;
    flex: unset;
    margin: 0 auto
}

.rating-tasks__modal-add-to-favorites .favorites-list .b-pack__dishes .main-info {
    width: 100%;
    padding: 0
}

.rating-tasks__modal-add-to-favorites .favorites-list .b-pack__dishes .main-info .title {
    height: 3.57143em;
    margin-bottom: .71429em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 500
}

.rating-tasks__modal-add-to-favorites .favorites-list .b-pack__dishes .main-info .b-menu-day__cbju-items {
    margin-right: 0;
    margin-left: 0;
    margin-top: 0;
    width: 100%
}

.rating-tasks__modal-add-to-favorites .favorites-list .b-pack__dishes .main-info .button {
    width: 14.61538em;
    margin-left: auto;
    margin-right: auto;
    font-size: .13em;
    margin-top: 1.38462em;
    height: 2.30769em
}

.rating-tasks__modal .feedback_comment {
    width: auto;
    margin: .2em .35em
}

.rating-tasks__modal .feedback_comment textarea {
    font-size: .14em;
    padding: 1em;
    width: 100%;
    height: 7.14286em;
    border-radius: .42857em;
    border-color: #e7e7e7;
    resize: none
}

.rating-tasks__modal .feedback_comment textarea::-webkit-input-placeholder {
    color: #e7e7e7
}

.rating-tasks__modal .feedback_comment textarea:-ms-input-placeholder,
.rating-tasks__modal .feedback_comment textarea::-ms-input-placeholder {
    color: #e7e7e7
}

.rating-tasks__modal .feedback_comment textarea::placeholder {
    color: #e7e7e7
}

.rating-tasks__modal .feedback_comment textarea:focus::-webkit-input-placeholder {
    color: #828282
}

.rating-tasks__modal .feedback_comment textarea:focus:-ms-input-placeholder,
.rating-tasks__modal .feedback_comment textarea:focus::-ms-input-placeholder {
    color: #828282
}

.rating-tasks__modal .feedback_comment textarea:focus::placeholder {
    color: #828282
}

.rating-tasks__modal .buttons {
    width: auto;
    box-sizing: border-box;
    margin: 0 .35em .3em
}

.rating-tasks__modal .buttons .button {
    font-size: .17em;
    height: 2.82353em;
    text-transform: uppercase;
    width: 100%
}

.rating-tasks__modal .close-icon {
    top: .27em !important;
    z-index: 10;
    right: .33em !important;
    padding: 0 !important;
    background: transparent !important
}

.rating-tasks__modal .close-icon svg {
    fill: #1b1b1b;
    width: .171em !important;
    height: .171em !important
}

.rating-tasks__modal h3 {
    font-size: .16em;
    font-weight: 700;
    padding: 3.75em 1.25em 1.25em
}

.rating-tasks .ratings {
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-origin: 10% 50%;
    z-index: 1
}

.rating-tasks .ratings-move {
    transition: all .6s ease-in-out 50ms
}

.rating-tasks .ratings-enter-active {
    transition: all .3s ease-out
}

.rating-tasks .ratings-leave-active {
    transition: all .2s ease-in;
    position: absolute;
    z-index: 0
}

.rating-tasks .ratings-enter,
.rating-tasks .ratings-leave-to {
    opacity: 0
}

.rating-tasks .ratings-enter {
    transform: scale(.9)
}

.rating-tasks__onboarding {
    text-align: center;
    margin: 0 auto;
    width: 4em;
    padding: .5em 0
}

.rating-tasks__onboarding .b-popover__inner {
    font-size: .7em !important;
    left: -4.92308em !important;
    top: 0
}

.rating-tasks__onboarding .emoji-icons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.rating-tasks__onboarding .emoji-icons img {
    width: .4em;
    margin: 0 .05em .15em
}

.rating-tasks__onboarding h2 {
    font-size: .16em;
    font-weight: 700
}

.rating-tasks__onboarding p {
    font-size: .13em;
    line-height: 1.23077em;
    font-weight: 500;
    margin: 1.53846em 2.30769em
}

.rating-tasks__onboarding p img {
    height: 1.23077em
}

.rating-tasks__onboarding .button {
    font-size: .12em;
    text-transform: uppercase;
    width: 15em;
    height: 2.5em;
    margin: 0 auto
}

.rating-tasks__title {
    color: #b3b3b3;
    font-size: .14em;
    padding: 1.07143em 1.42857em;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05)
}

.rating-tasks__title span {
    color: var(--color__default);
    font-weight: 500
}

.rating-tasks__item {
    text-align: center;
    padding: .2em
}

.rating-tasks__item:nth-child(odd) {
    background-color: #f6f6f6
}

.rating-tasks__item h3 {
    font-weight: 700;
    font-size: .16em;
    margin-bottom: 1.125em
}

.rating-tasks__dish {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: .2em .3em
}

.rating-tasks__dish h3 {
    font-size: .14em;
    font-weight: 300;
    text-align: left;
    margin-bottom: .76471em
}

.rating-tasks__dish p {
    font-size: .12em;
    font-weight: 300;
    line-height: 1.33333em;
    text-align: left;
    color: #9b9b9b
}

.rating-tasks__dish h4 {
    text-align: left;
    font-weight: 700;
    font-size: .14em;
    margin-bottom: 1.25em
}

.rating-tasks__dish img {
    width: 1.8em;
    height: 1.31em;
    margin-bottom: .3em;
    -webkit-filter: drop-shadow(11px 18px 16px rgba(0, 0, 0, .3));
    filter: drop-shadow(11px 18px 16px rgba(0, 0, 0, .3));
    margin-right: .4em
}

.rating-tasks__dish>div {
    max-width: 4.1em
}

.rating-tasks__dish>div ul {
    max-width: 3.75em
}

.rating-tasks__driver {
    padding: .2em .3em
}

.rating-tasks__driver-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-weight: 700
}

.rating-tasks__driver-header svg {
    width: .8em;
    height: .8em;
    margin-right: .3em;
    fill: var(--color__default)
}

.rating-tasks__driver-header>div {
    text-align: left
}

.rating-tasks__driver-header>div span.name {
    font-size: .3em;
    font-weight: 700
}

.rating-tasks__driver-header>div p {
    margin: .1em 0;
    font-size: .17em;
    font-weight: 500
}

.rating-tasks__driver-header>div p span {
    font-size: 1.17647em;
    font-weight: 700
}

.rating-tasks__driver-header>div .star-rating {
    margin-top: .15em;
    width: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.rating-tasks__driver-header>div .star-rating__star.is-selected svg {
    fill: #ef5747
}

.rating-tasks__driver-header>div .star-rating label {
    width: auto
}

.rating-tasks__driver-header>div .star-rating label input {
    display: none
}

.rating-tasks__driver-header>div .star-rating label svg {
    fill: #cacbcb;
    width: .3em;
    height: .296em;
    margin-right: .167em
}

.rating-tasks__driver-header>div .rating-tasks__actions {
    margin-top: .15em;
    width: 2em
}

.rating-tasks__driver-header .action {
    margin-left: auto
}

.rating-tasks__driver-header .action .button {
    width: 16.11111em;
    height: 3.33333em !important;
    font-size: .18em !important
}

.rating-tasks__actions {
    list-style: none;
    padding-left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.rating-tasks__actions-dish .emotion_mark_3 {
    -ms-flex-order: 1;
    order: 1
}

.rating-tasks__actions-dish .emotion_mark_2 {
    -ms-flex-order: 2;
    order: 2
}

.rating-tasks__actions-dish .emotion_mark_5 {
    -ms-flex-order: 3;
    order: 3
}

.rating-tasks__actions-dish .emotion_mark_1 {
    -ms-flex-order: 4;
    order: 4
}

.rating-tasks__actions li {
    width: .9em;
    margin-right: .05em
}

.rating-tasks__actions li:hover div.icon {
    transition: all .5s ease;
    transform: scale(1.2)
}

.rating-tasks__actions li:focus div.icon {
    transform: scale(1.3)
}

.rating-tasks__actions li.emotion_mark_1 {
    margin-right: 0
}

.rating-tasks__actions li.emotion_mark_3 {
    margin-left: -.15em
}

.rating-tasks__actions li div.icon {
    margin: 0 auto;
    cursor: pointer;
    background: #e7e7e7;
    width: .6em;
    height: .59em
}

.rating-tasks__actions li div.icon,
.rating-tasks__actions li div.icon-inside {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1em
}

.rating-tasks__actions li div.icon-inside {
    width: .4423em;
    height: .4423em;
    background: #fff;
    box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, .1)
}

.rating-tasks__actions li div.icon-inside svg {
    height: .1796em;
    fill: #fad59e
}

.rating-tasks__actions li div.text {
    font-weight: 500;
    font-size: .12em;
    margin-top: .725em
}

@keyframes appear {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

div.constructor-promoter {
    width: 7.7em;
    border-radius: .32em;
    box-shadow: 0 .08em .15em 0 rgba(0, 0, 0, .21);
    background-color: #f3f3f3;
    padding-top: .4em;
    padding-bottom: .4em
}

div.constructor-promoter h3 {
    font-size: .24em;
    font-weight: 700;
    line-height: .83;
    text-align: center;
    color: #4e4e4e
}

div.constructor-promoter div.packs-flex {
    width: 5.89em;
    display: -ms-flexbox;
    display: flex;
    margin: .46em auto 0;
    -ms-flex-pack: justify;
    justify-content: space-between
}

div.constructor-promoter div.packs-flex div.pack {
    width: 2.44em;
    position: relative;
    opacity: 0;
    transition: opacity .3s ease
}

div.constructor-promoter div.packs-flex div.pack img {
    width: 100%
}

div.constructor-promoter div.packs-flex div.pack svg {
    position: absolute;
    width: .4em;
    height: auto;
    top: -.195em;
    right: .195em;
    opacity: 0;
    transition: opacity .3s ease
}

div.constructor-promoter div.cta {
    font-size: .2em;
    font-weight: 500;
    line-height: .83;
    text-align: center;
    color: #4e4e4e;
    margin-top: .95833em;
    margin-top: 1.6em;
    line-height: 1.3
}

div.constructor-promoter div.cta span {
    opacity: 0;
    transition: opacity .3s ease
}

div.constructor-promoter.animated div.cta span,
div.constructor-promoter.animated div.packs-flex div.pack,
div.constructor-promoter.animated div.packs-flex div.pack svg {
    animation-name: appear;
    animation-duration: .7s;
    animation-timing-function: ease;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

div.constructor-promoter.animated div.packs-flex div.pack:first-child {
    animation-delay: .4s
}

div.constructor-promoter.animated div.packs-flex div.pack:first-child svg {
    animation-delay: 1s
}

div.constructor-promoter.animated div.packs-flex div.pack:nth-child(2) {
    animation-delay: .6s
}

div.constructor-promoter.animated div.packs-flex div.pack:nth-child(2) svg {
    animation-delay: 1.2s
}

div.constructor-promoter.animated div.cta span.line1 {
    animation-delay: 1.6s
}

div.constructor-promoter.animated div.cta span.line2 {
    animation-delay: 1.8s
}

div.constructor-promoter.force-show div.cta span,
div.constructor-promoter.force-show div.packs-flex div.pack,
div.constructor-promoter.force-show div.packs-flex div.pack svg {
    opacity: 1
}

.b-constructor div.constructor-promoter,
html.smartphone div.constructor-promoter {
    width: auto;
    height: auto;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    padding: 0
}

.b-constructor div.constructor-promoter h3,
html.smartphone div.constructor-promoter h3 {
    font-size: .18em;
    line-height: 1.11
}

.b-constructor div.constructor-promoter div.packs-flex,
html.smartphone div.constructor-promoter div.packs-flex {
    width: 2.25em;
    margin: .15em auto 0
}

.b-constructor div.constructor-promoter div.packs-flex div.pack,
html.smartphone div.constructor-promoter div.packs-flex div.pack {
    width: 1.05em
}

.b-constructor div.constructor-promoter div.packs-flex div.pack svg,
html.smartphone div.constructor-promoter div.packs-flex div.pack svg {
    width: .2em;
    top: -.07em;
    right: .07em
}

.b-constructor div.constructor-promoter div.cta,
html.smartphone div.constructor-promoter div.cta {
    font-size: .14em;
    line-height: 1.11;
    margin-top: .88889em
}

.b-constructor div.constructor-promoter h3 {
    display: none
}

.b-constructor div.constructor-promoter div.cta {
    font-size: .16em;
    margin-top: 1.4em
}

.b-constructor div.constructor-promoter div.packs-flex div.pack:first-child img {
    opacity: .6
}

.b-constructor div.constructor-promoter.animated div.cta span,
.b-constructor div.constructor-promoter.animated div.packs-flex div.pack,
.b-constructor div.constructor-promoter.animated div.packs-flex div.pack svg {
    animation-name: appear;
    animation-duration: var(--each-duration);
    animation-timing-function: ease;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

.b-constructor div.constructor-promoter.animated div.packs-flex div.pack:first-child {
    animation-delay: var(--bad-pack-delay)
}

.b-constructor div.constructor-promoter.animated div.packs-flex div.pack:first-child svg {
    animation-delay: calc(var(--bad-pack-delay) + var(--circle-on-pack-delay))
}

.b-constructor div.constructor-promoter.animated div.packs-flex div.pack:nth-child(2) {
    animation-delay: var(--good-pack-delay)
}

.b-constructor div.constructor-promoter.animated div.packs-flex div.pack:nth-child(2) svg {
    animation-delay: calc(var(--good-pack-delay) + var(--circle-on-pack-delay))
}

.b-constructor div.constructor-promoter.animated div.cta span.line1 {
    animation-delay: var(--cta-delay)
}

html:not(.smartphone) .b-constructor div.constructor-promoter {
    font-size: 1.3em
}

html:not(.smartphone) .b-constructor div.constructor-promoter div.cta .line1 {
    box-shadow: 0 calc(.5em + 2px) 0 -.5em var(--color__default);
    padding-bottom: .25em;
    display: inline-block
}

html.smartphone .b-constructor div.constructor-promoter {
    font-size: 1em;
    margin-bottom: -.1em;
    z-index: 5;
    position: relative
}

html.smartphone .b-constructor div.constructor-promoter div.cta {
    font-size: .15em;
    margin-top: 1.44444em
}

html.smartphone .b-constructor div.constructor-promoter .packs-flex {
    margin-top: 0
}

html.smartphone .b-popover__inner {
    left: -.4rem
}

html.smartphone .menu-page__summary .b-popover__inner {
    left: 0
}

html.smartphone .b-popover.inline {
    display: -ms-inline-flexbox;
    display: inline-flex
}

html.smartphone .b-popover.inline__inner {
    width: 15.52941em;
    top: 0;
    left: -5.70588em
}

html.smartphone .b-popover.inline__inner:after {
    right: 3.52941em;
    margin-bottom: -1px;
    border-bottom: 4.11765em solid #4a4a4a;
    border-top: 4.11765em solid transparent;
    border-left: 4.11765em solid transparent;
    border-right: 4.11765em solid transparent
}

html.smartphone .b-popover.inline__inner .b-popover-text h4 {
    font-size: .82353em
}

html.smartphone .b-popover.inline__inner .b-popover-text ul li {
    font-size: .70588em
}

.b-popover {
    position: relative;
    width: 100%
}

.b-popover__inner {
    position: absolute;
    z-index: 100;
    width: 2.44rem;
    bottom: calc(100% - .09rem);
    left: 0;
    background-color: #fff;
    border-radius: .06rem;
    box-shadow: 0 2px 6px 6px rgba(0, 0, 0, .1);
    padding: .16rem .25rem .23rem .16rem
}

.b-popover-title {
    font-size: .12rem;
    line-height: 1;
    font-weight: 700;
    margin-bottom: .11rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.b-popover-title-icon {
    display: inline-block;
    width: .18rem;
    height: .18rem;
    margin-right: .07rem
}

.b-popover-title-icon img {
    display: inline-block;
    max-width: 100%;
    height: auto
}

.b-popover-text {
    font-size: .1rem;
    line-height: 1.2
}

.b-popover-button {
    margin-top: .22rem
}

.b-popover-button button.button {
    font-size: .16rem;
    width: 1.4rem;
    text-transform: uppercase;
    height: .4rem
}

.b-popover-close {
    display: block;
    color: #4a4a4a;
    position: absolute;
    top: .04rem;
    right: 0;
    padding: .1rem;
    background: none;
    border: none;
    cursor: pointer;
    outline: none
}

.b-popover-close .c-icon-close {
    width: .1rem;
    height: .1rem
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity .3s ease-in-out
}

.b-popover.inline {
    width: unset;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: var(--color__default);
    cursor: pointer
}

.b-popover.inline.top {
    top: unset;
    bottom: -100%
}

.b-popover.inline.top .b-popover__inner {
    top: unset !important;
    bottom: 110% !important
}

.b-popover.inline.top .b-popover__inner:after {
    bottom: -1.17647em;
    border-bottom: .88235em solid transparent;
    border-top: .88235em solid #4a4a4a;
    border-left: .88235em solid transparent;
    border-right: .88235em solid transparent
}

.b-popover.inline .b-popover__inner {
    font-size: 1.21429em;
    width: 21.17647em;
    left: -9.70588em;
    box-shadow: 0 6px 12px 6px rgba(0, 0, 0, .1);
    background-color: #4a4a4a;
    padding: 2.05882em 2.23529em 1.47059em;
    bottom: unset;
    margin-top: 2em;
    right: 0
}

.b-popover.inline .b-popover__inner:after {
    content: "";
    display: block;
    position: absolute;
    right: 1rem;
    bottom: 100%;
    width: 0;
    height: 0;
    border-bottom: .88235em solid #4a4a4a;
    border-top: .88235em solid transparent;
    border-left: .88235em solid transparent;
    border-right: .88235em solid transparent
}

.b-popover.inline .b-popover__inner .b-popover-text {
    font-size: 1em;
    color: #fff;
    text-align: left
}

.b-popover.inline .b-popover__inner .b-popover-text h4 {
    font-size: 1.17647em;
    line-height: 1;
    height: unset;
    -ms-flex-pack: left;
    justify-content: left;
    margin: 0 0 1.47059em;
    font-weight: 700
}

.b-popover.inline .b-popover__inner .b-popover-text ul li {
    line-height: 1.29;
    margin-bottom: .88235em;
    list-style: none
}

.b-popover.inline .b-popover__inner .b-popover-text ul li:last-of-type {
    margin-bottom: 0
}

.b-popover.inline .b-popover__inner .b-popover-text ul li:before {
    color: var(--color__default);
    content: "\2022";
    font-size: 1em;
    padding-right: .76471em;
    margin-left: -1.17647em
}

.b-popover.inline .underline {
    border-bottom: 1px solid
}

.b-popover.inline svg {
    fill: var(--color__default);
    width: 1.19375em;
    height: 1.19375em;
    margin-left: .3125em
}

.add-to-prefs .dropdown-opened {
    width: 20em
}

.add-to-prefs .dropdown-opened .dropdown-selector {
    background-color: transparent;
    border-color: transparent;
    color: #cacbcb;
    -ms-flex-pack: end;
    justify-content: flex-end;
    z-index: 2;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.add-to-prefs .dropdown-opened .dropdown-selector .c-icon-favorite,
.add-to-prefs .dropdown-opened .dropdown-selector .c-icon-restricted {
    fill: #cacbcb
}

.add-to-prefs .dropdown-opened .dropdown-content {
    z-index: 1;
    margin-top: -2.57143em;
    padding-top: 1.64286em;
    background-color: #fff;
    border: none;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .1);
    border-radius: .71429em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.add-to-prefs .dropdown-opened .dropdown-content ul li:hover {
    background-color: #fafafa
}

.add-to-prefs .dropdown-opened .dropdown-content ul li:hover .action {
    color: #9b9b9b
}

.add-to-prefs .dropdown-selector {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    font-size: .85714em;
    height: 2.58333em;
    border-radius: 1.5em;
    line-height: 1em;
    padding: .58333em 1.16667em
}

.add-to-prefs .dropdown-selector .icon-dropdown {
    width: .5em;
    height: .33333em;
    margin-left: .33333em
}

.add-to-prefs .dropdown-selector .c-icon-restricted {
    width: 1.25em;
    height: 1.16667em;
    fill: #fff;
    margin-right: .33333em
}

.add-to-prefs .dropdown-selector .c-icon-favorite {
    width: 1.20333em;
    height: 1.08333em;
    fill: #fff;
    margin-right: .33333em
}

.add-to-prefs_dropdown-opened {
    background-color: transparent !important
}

.add-to-prefs_dropdown.is-loading li {
    border-color: #e6e6e6 !important
}

.add-to-prefs_dropdown.is-loading h4,
.add-to-prefs_dropdown.is-loading p {
    color: #cacbcb !important
}

.add-to-prefs_dropdown .dropdown-selector {
    border: 1px solid var(--color__green);
    color: var(--color__green)
}

.add-to-prefs_dropdown-content {
    border: none;
    box-shadow: none;
    padding: 1.07143em;
    width: 20em
}

.add-to-prefs_dropdown-content ul {
    padding: 0
}

.add-to-prefs_dropdown-content ul li {
    cursor: pointer;
    list-style: none;
    padding: 1.07143em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.add-to-prefs_dropdown-content ul li .dropdown-element {
    width: 2.85714em
}

.add-to-prefs_dropdown-content ul li .c-icon-restricted {
    width: 1.25571em;
    height: 1.175em;
    fill: #dd4949
}

.add-to-prefs_dropdown-content ul li .c-icon-favorite {
    width: 1.11143em;
    height: 1em;
    fill: var(--color__green)
}

.add-to-prefs_dropdown-content ul li .c-icon-loading {
    width: 1em;
    height: 1em;
    animation: 1s linear 0s normal none infinite running rot;
    fill: #cacbcb
}

@keyframes rot {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.add-to-prefs_dropdown-content ul li.restricted-element {
    border-radius: .71429em .71429em 0 0;
    border: 1px solid #e6e6e6;
    border-bottom: transparent;
    box-shadow: 0 1px 0 0 #e6e6e6;
    margin-bottom: .07143em
}

.add-to-prefs_dropdown-content ul li.favorite-element {
    border-radius: 0 0 .71429em .71429em;
    border: 1px solid #e6e6e6;
    border-top: transparent
}

.add-to-prefs_dropdown-content h4 {
    font-size: 1em;
    line-height: 1.14286em;
    font-weight: 700;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.add-to-prefs_dropdown-content h4 .action {
    color: #e5e5e5;
    font-size: .85714em
}

.add-to-prefs_dropdown-content p {
    text-align: left;
    font-size: .85714em;
    line-height: 1.14286em;
    margin-bottom: 0;
    font-weight: 500;
    color: #9b9b9b
}

.add-to-prefs_dropdown-isFavorite .dropdown-selector {
    border-color: var(--color__green);
    color: #fff;
    background-color: var(--color__green)
}

.add-to-prefs_dropdown-isFavorite .restricted-element {
    border-bottom: 1px solid transparent
}

.add-to-prefs_dropdown-isFavorite .favorite-element {
    background-color: #fafafa;
    border: 1px solid var(--color__green) !important
}

.add-to-prefs_dropdown-isFavorite .favorite-element:hover {
    background-color: #f6f6f6 !important
}

.add-to-prefs_dropdown-isFavorite .favorite-element .c-icon-favorite {
    fill: var(--color__green)
}

.add-to-prefs_dropdown-isFavorite .favorite-element h4 {
    color: var(--color__green)
}

.add-to-prefs_dropdown-isRestricted .dropdown-selector {
    border-color: #dd4949;
    color: #fff;
    background-color: #dd4949
}

.add-to-prefs_dropdown-isRestricted .favorite-element {
    border-top: 1px solid transparent
}

.add-to-prefs_dropdown-isRestricted .restricted-element {
    background-color: #fafafa;
    border: 1px solid #dd4949 !important
}

.add-to-prefs_dropdown-isRestricted .restricted-element:hover {
    background-color: #f6f6f6 !important
}

.add-to-prefs_dropdown-isRestricted .restricted-element .c-icon-restricted {
    fill: #dd4949
}

.add-to-prefs_dropdown-isRestricted .restricted-element h4 {
    color: #dd4949
}

html.smartphone .add-to-prefs {
    font-size: .14em;
    width: 11.71429em;
    margin: 1.28571em auto 0
}

html.smartphone .add-to-prefs-opened:before {
    content: "";
    background-color: rgba(27, 27, 27, .3);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0
}

html.smartphone .add-to-prefs-opened .dropdown-selector {
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 0 !important
}

html.smartphone .add-to-prefs .dropdown-opened {
    width: unset
}

html.smartphone .add-to-prefs .dropdown-opened .dropdown-pos-top.dropdown-content {
    position: fixed;
    bottom: 0;
    padding-top: 0;
    width: 100%;
    z-index: 100;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

html.smartphone .add-to-prefs .dropdown-opened .add-to-prefs_dropdown-content {
    width: unset
}

div.preset-promocode-activation {
    position: fixed;
    right: .25em;
    bottom: .25em;
    padding: .21em .3em;
    width: 3.6em;
    height: 1.6em;
    border-radius: .04em;
    box-shadow: 0 -.02em .04em 0 rgba(0, 0, 0, .2);
    background-color: #2b2a28;
    transform: translateZ(0);
    z-index: 998
}

div.preset-promocode-activation .header-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

div.preset-promocode-activation .header-row .icon {
    width: .5em;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

div.preset-promocode-activation .header-row .icon>img {
    width: 100%;
    height: auto
}

div.preset-promocode-activation .header-row .text {
    margin-left: .12em
}

div.preset-promocode-activation .header-row .text .title {
    font-size: .18em;
    font-weight: 700;
    line-height: 1.11;
    color: #fff
}

div.preset-promocode-activation .header-row .text .subtitle {
    font-size: .14em;
    font-weight: 500;
    line-height: 1.14;
    color: #979797;
    margin-top: .42857em
}

div.preset-promocode-activation .buttons-row {
    margin-top: .15em
}

div.preset-promocode-activation .buttons-row>.button {
    font-size: .16em;
    font-weight: 700;
    text-transform: none;
    width: 14.375em;
    height: 2.5em;
    border-radius: .375em;
    margin-left: auto;
    margin-right: .5em
}

div.preset-promocode-activation .buttons-row .promocode-field {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .16em;
    font-weight: 700;
    line-height: 1.25;
    color: #fff;
    height: 2.5em;
    border-radius: .375em;
    background-color: hsla(0, 0%, 100%, .22);
    position: relative;
    padding-right: 8em
}

div.preset-promocode-activation .buttons-row .promocode-field input {
    background-color: transparent;
    border-width: 0;
    color: inherit;
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center
}

div.preset-promocode-activation .buttons-row .promocode-field .button {
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    width: 8em;
    border-radius: .375em;
    font-size: 1em;
    text-transform: none
}

div.preset-promocode-activation .buttons-row .promocode-field .button:before {
    content: "\421\43A\43E\43F\438\440\43E\432\430\442\44C"
}

div.preset-promocode-activation .buttons-row .promocode-field .button.copied {
    pointer-events: none
}

div.preset-promocode-activation .buttons-row .promocode-field .button.copied:before {
    content: "\421\43A\43E\43F\438\440\43E\432\430\43D\43E!"
}

div.preset-promocode-activation .closer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: .2em;
    height: .2em;
    position: absolute;
    top: .08em;
    right: .08em;
    cursor: pointer
}

div.preset-promocode-activation .closer>svg {
    width: .12em;
    height: .12em
}

html.smartphone div.preset-promocode-activation {
    right: 0;
    bottom: 0;
    border-radius: 0;
    width: 100%;
    padding: .14em .2em .2em;
    height: auto
}

html.smartphone div.preset-promocode-activation .header-row {
    padding-left: .1em
}

html.smartphone div.preset-promocode-activation .header-row .icon {
    width: .4em
}

html.smartphone div.preset-promocode-activation .header-row .text {
    margin-left: .1em
}

html.smartphone div.preset-promocode-activation .header-row .text .title {
    font-size: .16em;
    line-height: 1.25;
    margin-top: .125em
}

html.smartphone div.preset-promocode-activation .header-row .text .subtitle {
    font-size: .12em;
    line-height: 1.17;
    margin-top: .16667em
}

html.smartphone div.preset-promocode-activation .buttons-row {
    margin-top: .14em
}

html.smartphone div.preset-promocode-activation .buttons-row>.button {
    font-size: .14em;
    width: 13.92857em;
    height: 2.85714em;
    border-radius: .42857em;
    margin-left: auto;
    margin-right: 1.78571em
}

html.smartphone div.preset-promocode-activation .buttons-row .promocode-field {
    font-size: .14em;
    padding-right: 9.14286em;
    height: 2.85714em;
    border-radius: .42857em
}

html.smartphone div.preset-promocode-activation .buttons-row .promocode-field .button {
    width: 9.14286em;
    border-radius: .42857em
}

html.smartphone div.preset-promocode-activation .closer {
    top: .07em;
    right: .07em
}

html.smartphone div.preset-promocode-activation .closer>svg {
    width: .1em;
    height: .1em
}

.tool {
    position: relative
}

.tool:after,
.tool:before,
.tool[disabled=disabled]:after,
.tool[disabled=disabled]:before {
    position: absolute;
    opacity: 0;
    z-index: -100
}

.tool:focus:after,
.tool:focus:before,
.tool:hover:after,
.tool:hover:before,
.tool[disabled=disabled]:focus:after,
.tool[disabled=disabled]:focus:before,
.tool[disabled=disabled]:hover:after,
.tool[disabled=disabled]:hover:before {
    opacity: 1;
    z-index: 100
}

.tool:before {
    border-style: solid;
    border-width: 1em .75em 0;
    border-color: #1b1b1b transparent transparent;
    bottom: 100%;
    left: 50%;
    margin-left: -.75em;
    content: ""
}

.tool:after {
    content: attr(data-tip);
    background: #1b1b1b;
    border-radius: .25em;
    bottom: 135%;
    word-break: keep-all;
    left: 50%;
    margin-left: -60px;
    color: #fff;
    width: 120px;
    padding: 8px 10px;
    text-align: center;
    text-transform: none;
    font-size: .7em
}

.bottom-menu {
    z-index: 103;
    font-size: .16em;
    position: fixed;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding-right: 1.5625em;
    padding-left: 1.5625em;
    background-color: var(--color__white);
    box-shadow: 0 -4px 8px rgba(0, 0, 0, .05)
}

.bottom-menu__item {
    padding: .75em 0
}

.bottom-menu__item .c-icon {
    fill: var(--color__grey-20)
}

.bottom-menu__item .c-icon__new-order {
    width: .26rem;
    height: .26rem
}

.bottom-menu__item .c-icon__deliveries {
    width: .32rem;
    height: .21rem
}

.bottom-menu__item .c-icon__menu {
    width: .24rem;
    height: .25rem
}

.bottom-menu__item .c-icon__rates {
    width: .23rem;
    height: .26rem
}

.bottom-menu__item .c-icon__account {
    width: .22rem;
    height: .24rem
}

.bottom-menu__item_active .c-icon {
    fill: var(--color__default)
}

.sidebar .authorized-user-links a {
    padding: .1em .2em;
    background: #fff
}

div#promo {
    font-size: 1rem;
    box-sizing: border-box;
    background-size: cover;
    background-position: 50%
}

#order-page {
    padding-top: .96em;
    padding-bottom: .8em
}

#order-page .step-all-fields .summary-block .payment-other-block>div {
    width: 100%
}

#order-page .step-all-fields .summary-block .payment-methods-list h2 {
    margin-top: .2rem
}

#order-page .c-input__input:placeholder-shown:not(:focus)+* {
    font-size: .16rem !important
}

html.smartphone #order-page .c-input__input:placeholder-shown:not(:focus)+* {
    top: .18rem !important
}

#order-page div.new-order-line1 {
    font-size: .28rem;
    color: #1b1b1b;
    font-weight: 700;
    line-height: .32rem;
    margin-bottom: .1rem
}

#order-page div.new-order-line2 {
    font-size: .16rem;
    color: #1b1b1b;
    font-weight: 500
}

#order-page div.fields-block-title {
    color: #cacbcb;
    font-size: .18rem;
    text-transform: uppercase;
    line-height: .22rem;
    padding-bottom: .15rem
}

#order-page .container,
#order-page div#single-step-order>div.padding-container .container--first,
#order-page div#single-step-order>div.padding-container .container--last,
#order-page div#single-step-order>div.padding-container .container--payment,
#order-page html.smartphone div#single-step-order>div.padding-container .container--first,
#order-page html.smartphone div#single-step-order>div.padding-container .container--last,
#order-page html.smartphone div#single-step-order>div.padding-container .container--payment,
div#single-step-order>div.padding-container #order-page .container--first,
div#single-step-order>div.padding-container #order-page .container--last,
div#single-step-order>div.padding-container #order-page .container--payment,
html.smartphone div#single-step-order>div.padding-container #order-page .container--first,
html.smartphone div#single-step-order>div.padding-container #order-page .container--last,
html.smartphone div#single-step-order>div.padding-container #order-page .container--payment {
    width: 11.6rem
}

#order-page .container.big,
#order-page div#single-step-order>div.padding-container .big.container--first,
#order-page div#single-step-order>div.padding-container .big.container--last,
#order-page div#single-step-order>div.padding-container .big.container--payment,
#order-page html.smartphone div#single-step-order>div.padding-container .big.container--first,
#order-page html.smartphone div#single-step-order>div.padding-container .big.container--last,
#order-page html.smartphone div#single-step-order>div.padding-container .big.container--payment,
div#single-step-order>div.padding-container #order-page .big.container--first,
div#single-step-order>div.padding-container #order-page .big.container--last,
div#single-step-order>div.padding-container #order-page .big.container--payment,
html.smartphone div#single-step-order>div.padding-container #order-page .big.container--first,
html.smartphone div#single-step-order>div.padding-container #order-page .big.container--last,
html.smartphone div#single-step-order>div.padding-container #order-page .big.container--payment {
    width: 12rem
}

#order-page .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#order-page .content {
    border-radius: .08rem;
    margin-top: .2rem;
    box-sizing: border-box
}

#order-page .content-data {
    width: 7.6rem;
    padding: .19rem .29rem;
    font-size: .14rem;
    background: var(--color__white);
    box-shadow: 0 .02rem .04rem 0 rgba(27, 27, 27, .06)
}

#order-page .content-data .input-container {
    margin-bottom: .1rem
}

#order-page .content-info {
    width: 3.6rem
}

#order-page .button.loading {
    height: 2.5em;
    overflow: visible
}

#order-page .content-data__personal {
    width: 100%;
    margin-bottom: .45rem
}

#order-page .content-data__personal>div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#order-page .content-data__personal>div>div {
    -ms-flex: 0 0 3.4rem;
    flex: 0 0 3.4rem
}

#order-page .content-data__personal>div>div input {
    margin: 0
}

#order-page .content-data__address {
    width: 3.2rem
}

#order-page .content-data__deliveries .delivery-freeze {
    font-weight: 500;
    font-size: .14rem;
    line-height: .18rem;
    background-color: #faf9fa;
    padding: .3rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

#order-page .content-data__deliveries .delivery-freeze p {
    margin-bottom: 0
}

#order-page .content-data__deliveries .delivery-freeze h4 {
    font-weight: 700;
    font-size: .16rem;
    line-height: .16rem
}

#order-page .content-data__deliveries .delivery-freeze button.button {
    font-size: .13rem;
    line-height: .2rem;
    margin-right: 0
}

#order-page .payment-methods-buttons {
    margin-top: .15rem
}

#order-page .payment-methods-buttons button.button {
    width: 100%;
    margin: .15rem 0 0;
    font-size: .15rem;
    line-height: .2rem;
    height: .55rem
}

#order-page .payment-with-new-card {
    margin-top: .2rem
}

#order-page .payment-with-new-card .payment-card-step .payment-card {
    width: 5.62rem
}

#order-page .payment-with-new-card .payment-card-block {
    margin-bottom: .2rem
}

#order-page .payment-with-new-card .payment-other-block {
    -ms-flex-pack: left;
    justify-content: left;
    margin-bottom: .1rem
}

#order-page .payment-with-new-card .payment-other-block a.button.link {
    font-size: .16rem !important;
    text-transform: none
}

#order-page .payment-with-new-card .payment-other-block>div {
    width: 100%
}

#order-page .payment-with-new-card .payment-other-block .payment-methods-list>div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 2.5rem
}

#order-page .payment-with-new-card .payment-other-block .payment-methods-list>div>div {
    width: 48%
}

#order-page .payment-with-new-card .payment-other-block .payment-methods-list>div>div:first-child {
    min-height: 2rem
}

#order-page .payment-with-new-card .payment-icons ul.payment-type-icons {
    -ms-flex-pack: start;
    justify-content: flex-start
}

#order-page .payment-with-new-card .payment-icons ul.payment-type-icons li:not(:last-child) {
    margin-right: .3rem
}

#order-page .payment-with-new-card .payment-email {
    display: none
}

#order-page .delivery-unavailable-message {
    padding: .5em 0;
    text-align: center;
    font-size: 1rem
}

#order-page .delivery-unavailable-message div.first-line {
    font-size: .18em;
    font-weight: 700;
    line-height: 1.22;
    color: #1b1b1b
}

#order-page .delivery-unavailable-message div.second-line {
    font-size: .13em;
    font-weight: 500;
    line-height: 1.23;
    color: #1b1b1b;
    margin-top: 1.46154em
}

#order-page div.error-message {
    color: #ef5747;
    font-weight: 700;
    font-size: .14rem;
    margin-top: .2rem
}

#order-page div.step-tariff .select-plan-item {
    width: 100%
}

#order-page div.step-tariff div.menu-plans {
    width: 8.6em;
    margin-top: .24em;
    position: relative
}

#order-page div.step-tariff div.menu-plans div#plans-body {
    padding-top: 0
}

#order-page div.step-tariff div.menu-plans div#plans-body .tariff-description {
    margin-top: .24em
}

#order-page div.step-tariff div.menu-plans div#plans-switcher {
    margin-top: 0
}

#order-page div.step-tariff div.menu-plans div#plans-switcher>div {
    padding-bottom: .14em
}

#order-page div.step-tariff div.menu-plans div#plans-switcher>div>div.icon {
    width: .58em;
    height: .58em
}

#order-page div.step-tariff div.menu-plans div#plans-switcher>div>div.icon>svg path {
    fill: #9b9b9b
}

#order-page div.step-tariff div.menu-plans div#plans-switcher>div>div.icon>svg circle {
    stroke: #9b9b9b
}

#order-page div.step-tariff div.menu-plans div#plans-switcher>div>h3 {
    font-size: .16em;
    font-weight: 500;
    line-height: 1.38;
    color: #1b1b1b
}

#order-page div.step-tariff div.menu-plans div#plans-switcher>div>div.kkal {
    font-size: .16em;
    font-weight: 700;
    line-height: 1.38;
    color: #1b1b1b;
    margin-top: 0
}

#order-page div.step-tariff div.menu-plans div#plans-switcher>div.active div.kkal,
#order-page div.step-tariff div.menu-plans div#plans-switcher>div.active h3 {
    color: #fff
}

#order-page div.step-tariff div.menu-plans div#plans-switcher>div.active div.icon>svg path {
    fill: #fff
}

#order-page div.step-tariff div.menu-plans div#plans-switcher>div.active div.icon>svg circle {
    stroke: #fff
}

#order-page div.step-tariff div.menu-plans div#menu-items {
    width: auto
}

#order-page div.step-tariff div.menu-plans div#menu-items>div.dish {
    width: 2.42em;
    height: 1.6em;
    border-radius: .04em;
    font-size: 1.15em
}

#order-page div.step-tariff div.menu-plans div#menu-items>div.dish>div.base>div.type {
    padding-left: .17rem
}

#order-page div.step-tariff div.menu-plans div#menu-items>div.dish>div.details>div.summary {
    font-size: .14em;
    left: 1.14286em
}

#order-page div.step-tariff div.menu-plans div#menu-items>div.dish>div.details>div.description {
    margin-bottom: 1em
}

#order-page div.step-tariff div.menu-plans div#menu-items>div.summary {
    width: 2.42em;
    height: 1.6em;
    border-radius: .04em;
    font-size: 1.15em
}

#order-page div.step-tariff div.menu-plans div#menu-items>div.empty {
    width: 2.42em;
    height: 1.6em;
    font-size: 1.15em
}

#order-page div.step-tariff div.menu-plans div#menu-description {
    display: none
}

#order-page div.step-tariff div.menu-plans div#dayweek-selectors {
    -ms-flex-direction: column;
    flex-direction: column
}

#order-page div.step-tariff div.menu-plans div#dayweek-selectors div#day-selector {
    width: auto
}

#order-page div.step-tariff div.menu-plans div#dayweek-selectors div#week-selector {
    margin-top: .24em
}

#order-page div.step-tariff div.menu-plans div.tariff-description {
    background-color: #fff;
    box-shadow: 0 .02em .04em 0 rgba(0, 0, 0, .06);
    border-radius: .08em;
    padding: .25em
}

#order-page div.step-tariff div.menu-plans div.tariff-description div.description {
    max-width: 100%
}

#order-page div.step-tariff div.menu-plans div.tariff-description div.stats-flex {
    display: -ms-flexbox;
    display: flex;
    margin-top: .3em;
    margin-left: -.1em
}

#order-page div.step-tariff div.menu-plans div.tariff-description div.stats-flex>div {
    text-align: center;
    padding: 0 .1em
}

#order-page div.step-tariff div.menu-plans div.tariff-description div.stats-flex>div>div.amount {
    font-size: .2em;
    font-weight: 500;
    line-height: 1.2;
    color: #1b1b1b
}

#order-page div.step-tariff div.menu-plans div.tariff-description div.stats-flex>div>div.type {
    font-size: .13em;
    font-weight: 500;
    line-height: .85;
    color: #9b9b9b
}

#order-page div.step-tariff div.menu-plans div.tariff-description div.stats-flex.with-lines>div:not(:last-child) {
    position: relative
}

#order-page div.step-tariff div.menu-plans div.tariff-description div.stats-flex.with-lines>div:not(:last-child):after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    height: 80%;
    top: 10%;
    background-color: var(--color__default);
    width: 1px
}

#order-page div.step-tariff>.row {
    margin-top: .34em
}

#order-page div.step-tariff div.summary-block {
    margin-top: 0;
    width: 3rem
}

#order-page div.step-tariff div.summary-block>div.price-plan {
    padding-left: .24rem;
    padding-right: .24rem
}

#order-page div.step-tariff div.summary-block div.min-day-price {
    font-size: .16em;
    font-weight: 300;
    text-align: right;
    color: #1b1b1b
}

#order-page div.step-tariff div.summary-block div.min-day-price>b {
    font-size: 1.75em;
    line-height: 1.14;
    margin-right: .2em
}

#order-page div.step-tariff div.summary-block>div.free-delivery {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box;
    margin-top: .19em;
    margin-bottom: .18em
}

#order-page div.step-tariff div.summary-block>div.free-delivery>div.icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: .1rem
}

#order-page div.step-tariff div.summary-block>div.free-delivery>div.icon svg {
    width: .28em;
    height: .28em
}

#order-page div.step-tariff div.summary-block>div.free-delivery>div.text {
    font-size: .14em;
    font-weight: 300;
    line-height: 1.07;
    color: #1b1b1b
}

#order-page div.step-tariff div.summary-block>.button {
    font-size: .17em;
    font-weight: 700;
    width: 100%;
    height: 3.52941em
}

#subscribe-fitness {
    padding: .15rem .25rem
}

#subscribe-fitness h2 {
    font-size: .28rem;
    line-height: .32rem;
    font-weight: 700;
    margin: .25rem 0 .35rem;
    text-align: left
}

#subscribe-fitness .fitness__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#subscribe-fitness .fitness__header ul {
    max-width: 3.7rem
}

#subscribe-fitness .fitness__header ul li {
    font-size: .16rem;
    margin-bottom: .15rem
}

#subscribe-fitness .fitness__header img {
    width: auto;
    height: 2rem;
    margin-bottom: .2rem
}

#subscribe-fitness .fitness__logos {
    margin-top: -1rem;
    margin-bottom: .5rem;
    line-height: .5
}

#subscribe-fitness .fitness__logos img {
    height: .33rem
}

#subscribe-fitness .get-promocode {
    margin: .3rem 0 !important;
    width: 2.54rem;
    height: .45rem !important
}

#subscribe-fitness .fitness__how-it-work {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#subscribe-fitness .fitness__how-it-work>div h3 {
    font-weight: 700;
    font-size: .16rem;
    line-height: .24rem;
    margin-bottom: .25rem
}

#subscribe-fitness .fitness__how-it-work>div ul {
    padding-left: .2rem
}

#subscribe-fitness .fitness__how-it-work>div ul li {
    font-size: .16rem;
    margin-bottom: .15rem;
    list-style-type: decimal
}

.subscribe-disclaimer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: .15rem;
    line-height: .2rem;
    padding: .3rem;
    box-sizing: border-box
}

.subscribe-disclaimer img {
    margin-right: .2rem
}

#active-subscibe {
    margin-top: 0 !important
}

#active-subscibe div.tabber>a {
    font-size: .16em;
    margin-right: 0 !important;
    margin-left: 0 !important
}

#active-subscibe div.tabber>a .icon-car_free {
    width: 1.625em;
    height: 1em
}

#active-subscibe div.tabber>a .icon-menu {
    width: 1.825em;
    height: 1.0625em
}

#active-subscibe div.tabber>a svg {
    margin-right: .3125em
}

#active-subscibe div.tabber>a.tab-deliveries svg {
    width: 1.625em;
    height: 1em
}

#active-subscibe div.tabber>a.tab-menu svg {
    width: 1.25em;
    height: 1.07937em
}

#active-subscibe div.tabber>a.tab-fitness svg {
    width: 1.25em;
    height: 1.25em
}

#active-subscibe #client-orders {
    position: relative
}

#active-subscibe #client-orders>div {
    box-shadow: none
}

#active-subscibe h1 {
    font-size: .28em;
    font-weight: 700;
    line-height: .93
}

#active-subscibe .button.small-button {
    width: 1.7rem;
    height: .3rem
}

#active-subscibe .menu-section .menu-section-dates {
    margin: 0 .15rem
}

#active-subscibe #menu-page .header {
    height: auto
}

#active-subscibe #menu-page .header .menu-summary {
    width: 100%
}

#active-subscibe #menu-page .header .plate {
    display: none !important
}

#active-subscibe #menu-page .header .plan-info,
#active-subscibe #menu-page .header .plan-name {
    display: none
}

#active-subscibe #menu-page .header .common-icons {
    margin: 0;
    width: 100%
}

#active-subscibe #menu-page .header .common-icons>div {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    margin: 0
}

#active-subscibe .subscribe-header-sectond-order {
    padding: 0 .3rem;
    background-color: #faf9fa
}

#active-subscibe .subscribe-header-sectond-order h4 {
    font-weight: 700;
    font-size: .14rem;
    line-height: .2rem;
    padding-top: .25rem
}

#active-subscibe .subscribe-header-sectond-order .subscribe-header__data {
    padding: .3rem 0
}

#active-subscibe .subscribe-header-sectond-order .subscribe-header__data .tariff-info svg {
    width: .5em;
    height: .5em
}

#active-subscibe .subscribe-header-sectond-order .subscribe-header__data .details>div.kkal {
    margin-top: 0 !important
}

#active-subscibe .subscribe-header-sectond-order .button.yellow {
    margin-right: 0
}

#active-subscibe .subscribe-header__info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    background-color: #27b4bc;
    padding: .07em .35em;
    color: #fff
}

#active-subscibe .subscribe-header__info>img.icon {
    display: block;
    width: .197em
}

#active-subscibe .subscribe-header__info>div.title {
    font-size: .18em;
    font-weight: 700;
    line-height: 1.06;
    margin-left: .55556em;
    margin-right: auto
}

#active-subscibe .subscribe-header__info>div.discount-text {
    font-size: .18em;
    font-weight: 700;
    line-height: 1.06;
    margin-right: .55556em;
    margin-left: auto
}

#active-subscibe .subscribe-header__info>div.discount {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2em;
    height: 2em;
    border: 1px solid #fff;
    border-radius: 50%;
    font-size: .18em;
    font-weight: 700;
    line-height: .83
}

#active-subscibe .subscribe-header__info>div.discount span.percent {
    font-size: .66667em
}

#active-subscibe .subscribe-header__data {
    padding: .21em .33em;
    display: -ms-flexbox;
    display: flex
}

#active-subscibe .subscribe-header__data .tariff-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

#active-subscibe .subscribe-header__data .tariff-info svg {
    width: .8em;
    height: .8em
}

#active-subscibe .subscribe-header__data .tariff-info .details {
    color: #000;
    margin-left: .14em
}

#active-subscibe .subscribe-header__data .tariff-info .details>div.menu-type {
    font-size: .36em;
    font-weight: 700;
    line-height: .89
}

#active-subscibe .subscribe-header__data .tariff-info .details>div.kkal {
    font-size: .16em;
    font-weight: 700;
    line-height: 2;
    margin-top: .625em
}

#active-subscibe .subscribe-header__data .tariff-info .details>div.md {
    font-size: .16em;
    font-weight: 700;
    line-height: 1.38
}

#active-subscibe .subscribe-header__data .tariff-info .details .button.yellow {
    width: 10.38462em;
    height: 2.30769em;
    border-radius: .30769em;
    margin-top: 1.53846em;
    font-size: .13em;
    font-weight: 500;
    line-height: 1.54;
    margin-left: 0
}

#active-subscibe .subscribe-header__data .tariff-details {
    width: 3.5em;
    margin-left: auto
}

#active-subscibe .subscribe-header__data .tariff-details ul.pretty-list {
    font-size: .15em;
    font-weight: 500;
    line-height: 1.33
}

#active-subscibe .subscribe-header__data .tariff-details ul.pretty-list li {
    font-size: .16rem;
    margin-bottom: .1rem;
    -ms-flex-align: baseline;
    align-items: baseline
}

#active-subscibe .subscribe-header__data .tariff-details ul.pretty-list li span {
    font-size: .26rem;
    font-weight: 700
}

#active-subscibe .subscribe-header__data .tariff-details__table {
    font-size: .14em;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.07;
    margin-bottom: 1.28571em
}

#active-subscibe .subscribe-header__data .tariff-details__table a {
    color: #27b4bc;
    text-decoration: underline;
    cursor: pointer
}

#active-subscibe .subscribe-header__data .tariff-details__table>div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #1b1b1b
}

#active-subscibe .subscribe-header__data .tariff-details__table>div .data {
    color: #000
}

#active-subscibe .subscribe-header__data .tariff-details__table>div:not(:last-child) {
    margin-bottom: 1.07143em
}

#active-subscibe .subscribe-header__data .tariff-details>.button.sea-outline {
    width: 1.65rem;
    margin: .2rem auto .3rem 0;
    font-size: .13rem;
    line-height: 1.54;
    height: 2.30769em;
    border-radius: .30769em
}

#active-subscibe .subscribe-header__data .tariff-details p {
    font-size: .12em;
    color: #000;
    font-weight: 500;
    margin-top: .91667em
}

#active-subscibe .subscribe-header__data .tariff-details__filters {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding: .3rem 0 0
}

#active-subscibe .subscribe-header__data .tariff-details__filters-btn {
    border: .01rem solid #b3eabd;
    border-radius: .16rem;
    padding: .12rem .215rem;
    background-color: transparent;
    font-size: .16rem;
    line-height: 150%;
    color: #00b923;
    height: .48rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    cursor: pointer;
    transition: border-color .2s ease-in;
    position: relative;
    letter-spacing: .01rem;
    width: 2.4rem
}

#active-subscibe .subscribe-header__data .tariff-details__filters-btn:hover {
    border-color: #00b923
}

#active-subscibe .subscribe-header__data .tariff-details__filters-btn svg {
    margin-right: .08rem;
    width: .24rem;
    height: .24rem;
    position: relative
}

#active-subscibe .subscribe-header__data .tariff-details__filters-btn--yellow:after {
    display: block;
    content: "";
    width: .1rem;
    height: .1rem;
    background-color: #ffdd50;
    position: absolute;
    top: .12rem;
    left: .52rem;
    border-radius: 100%
}

#active-subscibe .subscribe-header__data .tariff-details__filters-btn--red:after {
    display: block;
    content: "";
    width: .1rem;
    height: .1rem;
    background-color: #e64d69;
    position: absolute;
    top: .12rem;
    left: .52rem;
    border-radius: 100%
}

#active-subscibe .subscribe-body {
    box-sizing: border-box
}

#active-subscibe .subscribe-body .tabber-line {
    margin: .5rem .3rem .1rem
}

#active-subscibe .subscribe-body .tabber-line>a.active:before {
    right: 0
}

#active-subscibe .subscribe-body .tabber-line>a.menu.isCustomize:after {
    right: -.01rem
}

html.smartphone #active-subscibe .subscribe-body .tabber-line>a.menu.isCustomize:after {
    right: -.06rem
}

#active-subscibe .subscribe-body div.deliveries.content-data__deliveries .delivery-freeze {
    font-weight: 500;
    font-size: .14rem;
    line-height: .18rem;
    background-color: #faf9fa;
    padding: .3rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

#active-subscibe .subscribe-body div.deliveries.content-data__deliveries .delivery-freeze p {
    margin-bottom: 0
}

#active-subscibe .subscribe-body div.deliveries.content-data__deliveries .delivery-freeze h4 {
    font-weight: 700;
    font-size: .16rem;
    line-height: .16rem
}

#active-subscibe .subscribe-body div.deliveries.content-data__deliveries .delivery-freeze button.button {
    font-size: .13rem;
    line-height: .2rem;
    margin-right: 0
}

#active-subscibe .subscribe-body div.deliveries.content-data__deliveries .delivery-normal {
    padding: .1rem .3rem
}

#active-subscibe .subscribe-body div.deliveries.content-data__deliveries .delivery-normal>h3>div.delivery-title {
    font-size: .16rem;
    font-weight: 700;
    line-height: 1.5;
    color: #000
}

#active-subscibe .subscribe-body div.deliveries.content-data__deliveries .delivery-normal>h3>div.delivery-date {
    font-size: .14rem;
    font-weight: 500;
    line-height: 1.14;
    color: #1b1b1b;
    margin-left: 1.28571em;
    margin-right: auto
}

#active-subscibe .subscribe-body div.deliveries.content-data__deliveries .delivery-normal>h3>div.delivery-mark {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .12em;
    font-weight: 500;
    line-height: .58;
    width: 8.33333em;
    height: 1.83333em;
    border-radius: .91667em;
    margin-left: .83333em;
    margin-right: auto
}

#active-subscibe .subscribe-body div.deliveries.content-data__deliveries .delivery-normal>h3>div.delivery-mark.yellow {
    background-color: #f8c325;
    color: #1b1b1b
}

#active-subscibe .subscribe-body div.deliveries.content-data__deliveries .delivery-normal>h3>div.delivery-mark.grey {
    background-color: #9b9b9b;
    color: #fff
}

#active-subscibe .subscribe-body div.deliveries.content-data__deliveries .delivery-normal>h3>a.arrow {
    display: block;
    width: .12em
}

#active-subscibe .subscribe-body div.deliveries.content-data__deliveries .delivery-normal>h3>a.arrow>img {
    width: 100%
}

#active-subscibe .subscribe-body div.deliveries.content-data__deliveries .delivery-normal div.delivery-time.uneditable {
    font-size: .14em;
    font-weight: 500;
    line-height: 1.14;
    color: #1b1b1b;
    margin-top: 1.28571em;
    margin-bottom: 1.42857em
}

#active-subscibe .subscribe-body div.deliveries.content-data__deliveries .delivery-normal div.delivery {
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

#active-subscibe .subscribe-body div.deliveries.content-data__deliveries .delivery-normal div.delivery>div.delivery-date.editable {
    width: 3em;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

#active-subscibe .subscribe-body div.deliveries.content-data__deliveries .delivery-normal div.delivery>div.delivery-date.uneditable {
    width: 2.4em
}

#active-subscibe .subscribe-body div.deliveries.content-data__deliveries .delivery-normal div.delivery>div.delivery-address.editable {
    width: 3em;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin-left: .22em
}

#active-subscibe .subscribe-body div.deliveries.content-data__deliveries .delivery-normal div.delivery>div.delivery-address.uneditable {
    width: 2.7em;
    margin-left: .3em
}

#active-subscibe .subscribe-body div.deliveries.content-data__deliveries .delivery-normal div.delivery>div.delivery-address.uneditable,
#active-subscibe .subscribe-body div.deliveries.content-data__deliveries .delivery-normal div.delivery>div.delivery-date.uneditable,
#active-subscibe .subscribe-body div.deliveries.content-data__deliveries .delivery-normal div.delivery>div.delivery-driver {
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

#active-subscibe .subscribe-body div.deliveries.content-data__deliveries .delivery-normal div.delivery>div.delivery-address.uneditable>div.input-container,
#active-subscibe .subscribe-body div.deliveries.content-data__deliveries .delivery-normal div.delivery>div.delivery-date.uneditable>div.input-container,
#active-subscibe .subscribe-body div.deliveries.content-data__deliveries .delivery-normal div.delivery>div.delivery-driver>div.input-container {
    font-size: 1em
}

#active-subscibe .subscribe-body div.deliveries.content-data__deliveries .delivery-normal div.delivery>div.delivery-address.uneditable>div.input-container>label,
#active-subscibe .subscribe-body div.deliveries.content-data__deliveries .delivery-normal div.delivery>div.delivery-date.uneditable>div.input-container>label,
#active-subscibe .subscribe-body div.deliveries.content-data__deliveries .delivery-normal div.delivery>div.delivery-driver>div.input-container>label {
    margin-top: 0;
    font-size: .11rem;
    font-weight: 500;
    line-height: .1rem;
    color: #1b1b1b
}

#active-subscibe .subscribe-body div.deliveries.content-data__deliveries .delivery-normal div.delivery>div.delivery-address.uneditable>div.input-container>span,
#active-subscibe .subscribe-body div.deliveries.content-data__deliveries .delivery-normal div.delivery>div.delivery-date.uneditable>div.input-container>span,
#active-subscibe .subscribe-body div.deliveries.content-data__deliveries .delivery-normal div.delivery>div.delivery-driver>div.input-container>span {
    font-size: .14em;
    font-weight: 500;
    line-height: .16rem;
    color: #1b1b1b
}

#active-subscibe .subscribe-body div.deliveries.content-data__deliveries .delivery-normal div.delivery>div.delivery-driver {
    width: 2.2em;
    font-size: 1em;
    margin-left: auto;
    margin-right: 0
}

#active-subscibe .subscribe-body div.deliveries.content-data__deliveries .delivery-normal div.delivery>div.delivery-driver .phone {
    display: block;
    font-size: .13em;
    font-weight: 700;
    line-height: 1.54;
    color: var(--color__default-darken);
    margin-top: .38462em
}

#active-subscibe .subscribe-unformed {
    color: #1b1b1b
}

#active-subscibe .subscribe-unformed h2 {
    font-weight: 700;
    font-size: .28rem;
    line-height: .32rem
}

#active-subscibe .subscribe-unformed p {
    max-width: 4rem;
    font-size: .16rem;
    line-height: .22rem;
    font-weight: 500
}

#active-subscibe .subscribe-unformed>div {
    padding: .3rem
}

#active-subscibe .subscribe-unformed-inside {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#active-subscibe .subscribe-unformed .button.green {
    width: 3.2rem;
    height: .45rem;
    font-size: .13rem
}

.subscribe-header__data {
    padding: .35em;
    display: -ms-flexbox;
    display: flex
}

.subscribe-header__data .info {
    font-size: .173em;
    width: 16.76301em
}

.subscribe-header__data .info .b-total-bars__bar {
    margin-bottom: .46243em;
    padding-right: .17341em
}

.subscribe-header__data .icon {
    font-size: .173em;
    margin-right: 1.04046em
}

.subscribe-header__data .icon svg {
    width: 4.62428em;
    height: 4.62428em
}

.subscribe-header__data .info-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 5.78035em
}

.subscribe-header__data .info-title__small {
    font-size: .7em
}

.subscribe-header__data .info-title h3 {
    font-size: .36em;
    font-weight: 700
}

.subscribe-header__data .info-title div.status {
    font-size: .69364em;
    margin-left: .40462em
}

.subscribe-header__data .info p {
    font-size: .92486em;
    font-weight: 700;
    margin: .28902em 0 0;
    margin-bottom: 1.50289em
}

.subscribe-header__data .info p span.free-days {
    font-size: .875em;
    font-weight: 700;
    line-height: 1.57;
    color: #fff;
    width: 9.28571em;
    height: 1.57143em;
    border-radius: 2px;
    background-color: #eb11cd;
    background-color: #f0616d;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .5em
}

.subscribe-header__data .info-payment {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    position: relative;
    font-weight: 700
}

.subscribe-header__data .info-payment:not(:last-of-type) {
    margin-bottom: 1.04046em
}

.subscribe-header__data .info-payment__price-plan {
    margin-top: -.28902em;
    margin-bottom: .57803em
}

.subscribe-header__data .info-payment__price-plan .link {
    font-size: .69364em;
    text-decoration: underline;
    font-weight: 500
}

.subscribe-header__data .info-payment .info-payment__buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%;
    margin-left: -.14286em;
    margin-right: -.14286em
}

.subscribe-header__data .info-payment .info-payment__buttons .info-payment__buttons-left {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
    padding-left: .14286em;
    padding-right: .14286em
}

.subscribe-header__data .info-payment .info-payment__buttons .info-payment__buttons-left button.button {
    line-height: .46rem !important
}

.subscribe-header__data .info-payment .info-payment__buttons .info-payment__buttons-right {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
    padding-left: .14286em;
    padding-right: .14286em
}

.subscribe-header__data .info-payment .info-payment__buttons .info-payment__buttons-right button.button {
    line-height: .46rem !important
}

.subscribe-header__data .info-payment .info-payment__card-only {
    position: absolute;
    font-size: .69364em;
    line-height: .86705em;
    left: 0;
    bottom: -.91667em;
    width: 100%;
    font-weight: 500;
    color: #9b9b9b
}

.subscribe-header__data .info-payment__price {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: .80925em;
    font-weight: 700;
    position: relative
}

.subscribe-header__data .info-payment__price>span {
    background-color: #fff;
    z-index: 2;
    padding-right: .17341em
}

.subscribe-header__data .info-payment__price:after {
    content: "";
    position: absolute;
    bottom: 4px;
    left: 0;
    right: 0;
    z-index: 0;
    height: 1px;
    background-color: #e7e7e7
}

.subscribe-header__data .info-payment__price .discount {
    font-size: 1.16667em;
    margin-right: .28902em;
    text-decoration: line-through
}

.subscribe-header__data .info-payment__price .info-payment__price-price {
    background-color: #fff;
    z-index: 2;
    padding-left: .17341em
}

.subscribe-header__data .info-payment__price .price {
    font-size: 1.71429em
}

.subscribe-header__data .info-payment button.button {
    width: 100% !important;
    font-size: .80925em !important;
    line-height: .46rem !important;
    height: 3.35714em !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-transform: uppercase !important
}

html.smartphone #subscribe-fitness .get-promocode {
    margin-left: auto !important;
    margin-right: auto !important
}

#inactive-subscribe {
    background-color: transparent !important;
    box-shadow: none !important
}

#inactive-subscribe h2 {
    font-size: .36em;
    font-weight: 700;
    text-align: center
}

#inactive-subscribe .subscribe-disclaimer {
    background-color: var(--color__white)
}

#inactive-subscribe .button-how-work-subscribe {
    margin: .6rem auto 0;
    font-weight: 700;
    width: 3.6rem;
    height: .76rem !important;
    font-size: .18rem !important
}

#inactive-subscribe .button-how-work-subscribe svg {
    margin-right: .2rem
}

#inactive-subscribe .button-how-work-subscribe:focus svg g,
#inactive-subscribe .button-how-work-subscribe:hover svg g {
    fill: var(--color__white)
}

html.smartphone .page-favorites .text-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    margin-top: 0
}

html.smartphone .page-favorites .text-block .button {
    margin-left: 0 !important
}

div#single-step-order>div.padding-container html.smartphone .page-favorites .container--first,
div#single-step-order>div.padding-container html.smartphone .page-favorites .container--last,
div#single-step-order>div.padding-container html.smartphone .page-favorites .container--payment,
html.smartphone .page-favorites .container,
html.smartphone .page-favorites div#single-step-order>div.padding-container .container--first,
html.smartphone .page-favorites div#single-step-order>div.padding-container .container--last,
html.smartphone .page-favorites div#single-step-order>div.padding-container .container--payment,
html.smartphone div#single-step-order>div.padding-container .page-favorites .container--first,
html.smartphone div#single-step-order>div.padding-container .page-favorites .container--last,
html.smartphone div#single-step-order>div.padding-container .page-favorites .container--payment {
    margin-left: .1em;
    margin-right: .1em
}

html.smartphone .page-favorites .full-width {
    width: 100%
}

html.smartphone .page-favorites .container-full {
    padding-top: .45em;
    background-color: #f6f6f6;
    box-shadow: none
}

html.smartphone .page-favorites .container-full p {
    font-size: .14em;
    font-style: normal
}

html.smartphone .page-favorites .container-full div.tabber.tabber-line {
    position: fixed;
    z-index: 100;
    width: 100%;
    top: .35em;
    margin-left: 0 !important;
    height: .44em;
    margin-top: 0 !important;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    -ms-flex-align: end;
    align-items: flex-end;
    background-color: #fff
}

html.smartphone .page-favorites .container-full div.tabber.tabber-line>a>div {
    font-size: 1.2em
}

html.smartphone .page-favorites .container-full .prefs-list li {
    background-color: unset !important
}

html.smartphone .page-favorites .container-full .prefs-list li .b-pack {
    margin: .12em;
    padding: .12em;
    border-radius: 8px;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .1);
    background-color: #fff
}

html.smartphone .page-favorites .container-full .prefs-list li .b-pack div.menu-dish div.main-info {
    padding-bottom: 0
}

html.smartphone .page-favorites .container-full .prefs-list li .b-pack div.menu-dish div.main-info div.title {
    font-size: .14em;
    height: 3.35714em;
    line-height: 1.14 !important;
    margin: 0 auto;
    text-align: center
}

html.smartphone .page-favorites .container-full .prefs-list li .b-pack .b-pack__photo {
    padding-top: .3em
}

html.smartphone .page-favorites .container-full .prefs-list li .b-pack .b-pack-img__badge.b-menu-day__cbju-items {
    -ms-flex-pack: center;
    justify-content: center
}

html.smartphone .page-favorites .container-full .prefs-list li .b-pack .button {
    width: 100%;
    font-size: .12em;
    height: 3em
}

html.smartphone .page-favorites .container-full .empty svg {
    margin-top: .3em
}

html.smartphone .page-favorites .container-full .empty h3 {
    font-size: .22em;
    line-height: 1.1
}

html.smartphone .page-favorites .container-full .empty p {
    font-size: .13em;
    line-height: 1.23
}

.page-favorites .container-full {
    border-radius: 3px;
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, .08), 0 0 2px 0 rgba(0, 0, 0, .12);
    background-color: #fff;
    padding: .3em 0 0
}

.page-favorites .container-full p {
    font-size: .16em;
    font-weight: 500
}

.page-favorites .container-full .container,
.page-favorites .container-full div#single-step-order>div.padding-container .container--first,
.page-favorites .container-full div#single-step-order>div.padding-container .container--last,
.page-favorites .container-full div#single-step-order>div.padding-container .container--payment,
.page-favorites .container-full html.smartphone div#single-step-order>div.padding-container .container--first,
.page-favorites .container-full html.smartphone div#single-step-order>div.padding-container .container--last,
.page-favorites .container-full html.smartphone div#single-step-order>div.padding-container .container--payment,
div#single-step-order>div.padding-container .page-favorites .container-full .container--first,
div#single-step-order>div.padding-container .page-favorites .container-full .container--last,
div#single-step-order>div.padding-container .page-favorites .container-full .container--payment,
html.smartphone div#single-step-order>div.padding-container .page-favorites .container-full .container--first,
html.smartphone div#single-step-order>div.padding-container .page-favorites .container-full .container--last,
html.smartphone div#single-step-order>div.padding-container .page-favorites .container-full .container--payment {
    width: auto;
    margin-left: .3em;
    margin-right: .3em
}

.page-favorites .container-full .text-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .2em
}

.page-favorites .container-full .text-block .button {
    width: 17.14286em;
    margin-right: 0 !important;
    font-size: .14em
}

.page-favorites .tabber {
    margin-top: 0;
    padding-left: .3em !important;
    padding-right: .3em !important
}

.page-favorites .tabber svg.stop-list {
    width: 1.1em;
    height: 1.025em
}

.page-favorites .tabber svg.favorites {
    width: 1.25em;
    height: 1.125em
}

.page-favorites .empty {
    text-align: center;
    padding-bottom: .5em
}

.page-favorites .empty svg {
    margin: .95em auto .4em
}

.page-favorites .empty h3,
.page-favorites .empty p {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.page-favorites .empty p.description {
    font-size: .18em;
    max-width: 19.55556em;
    color: #9b9b9b
}

.page-favorites .empty h3 {
    font-size: .28em;
    font-weight: 500;
    max-width: 13.5em;
    margin-bottom: 0 auto .71429em
}

.page-favorites .prefs-list {
    padding-left: 0;
    list-style: none;
    margin: .2em 0
}

.page-favorites .prefs-list .b-pack {
    -ms-flex-flow: row;
    flex-flow: row;
    padding: .3em
}

.page-favorites .prefs-list .b-pack div.menu-dish {
    -ms-flex: unset;
    flex: unset;
    max-width: unset
}

.page-favorites .prefs-list .b-pack div.menu-dish div.main-info {
    width: 100%
}

.page-favorites .prefs-list .b-pack div.menu-dish div.main-info div.title {
    font-size: .14em;
    max-width: 80%
}

.page-favorites .prefs-list .b-pack .b-menu-day__cbju-items {
    width: 100%;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.page-favorites .prefs-list .b-pack .b-menu-day__cbju-items .b-menu-day__cbju-item {
    font-size: 1em
}

.page-favorites .prefs-list .b-pack .b-menu-day__cbju-items .b-menu-day__cbju-item:first-of-type {
    color: #000;
    font-weight: 600
}

.page-favorites .prefs-list .b-pack .button {
    font-size: .14em !important;
    text-transform: uppercase !important;
    margin-top: 1.42857em;
    line-height: 2.71429em !important;
    width: 18.57143em;
    height: 3.35714em;
    margin-left: 0 !important
}

.page-favorites .prefs-list li:nth-child(odd) {
    background-color: #f6f6f6
}

.btn-uppercase {
    font-size: .15em;
    text-transform: uppercase
}

.btn-large {
    padding: .75em 1.5em;
    font-size: .2em
}

.btn-rounded {
    border-radius: 2em
}

.btn-rounded.button-large {
    border-radius: 3em
}

.btn-sharp {
    border-radius: 0
}

.buttons-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.buttons-inline .button {
    margin-left: .1rem !important;
    margin-right: .1rem !important
}

.buttons-large .button {
    font-size: .16rem !important;
    padding: .15rem .2rem;
    text-transform: uppercase !important;
    height: .6rem !important;
    line-height: .2rem;
    box-sizing: border-box;
    width: 2.86rem
}

.button[disabled=disabled] {
    opacity: .65;
    pointer-events: none
}

.button.empty {
    background-color: transparent;
    border-color: var(--color__default);
    color: initial
}

.button.round {
    border-radius: .2rem
}

.button.black {
    color: var(--color__white);
    border-color: #1b1b1b;
    background-color: #1b1b1b
}

.button.black:hover {
    background-color: rgba(0, 0, 0, .7);
    border-color: rgba(0, 0, 0, .7)
}

.button.afro-black {
    color: var(--color__white);
    border-color: #000;
    background-color: #000
}

.button.red {
    background-color: #f7001d
}

@media (hover),
(min--moz-device-pixel-ratio:0),
(min-width:0\0) {
    .button.red:hover {
        background-color: #e4001b
    }
}

.button-danger {
    border-color: #dd4949;
    color: #dd4949;
    background-color: #fff
}

.button.pinky {
    border-width: 0;
    background-color: #ff4f68
}

@media (hover),
(min--moz-device-pixel-ratio:0),
(min-width:0\0) {
    .button.pinky:hover {
        background-color: #ff1c3c
    }
}

.button.redly {
    border-width: 0;
    background-color: #d9553e
}

@media (hover),
(min--moz-device-pixel-ratio:0),
(min-width:0\0) {
    .button.redly:hover {
        background-color: #be3c26
    }
}

.button.orange {
    border-width: 0;
    background-color: #e9912f
}

@media (hover),
(min--moz-device-pixel-ratio:0),
(min-width:0\0) {
    .button.orange:hover {
        background-color: #cf7716
    }
}

.button.mojo {
    border-width: 0;
    background-color: #c94048
}

@media (hover),
(min--moz-device-pixel-ratio:0),
(min-width:0\0) {
    .button.mojo:hover {
        background-color: #a72f36
    }
}

.button.cyan {
    border-width: 0;
    background-color: #01a6a8
}

@media (hover),
(min--moz-device-pixel-ratio:0),
(min-width:0\0) {
    .button.cyan:hover {
        background-color: #017475
    }
}

.button.purple {
    border-width: 0;
    background-color: #71579e
}

@media (hover),
(min--moz-device-pixel-ratio:0),
(min-width:0\0) {
    .button.purple:hover {
        background-color: #59457d
    }
}

.button.green {
    background-color: rgb(64 185 60);
    color: var(--color__button-text);
    border-color: rgb(64 185 60);
}

@media (hover),
(min--moz-device-pixel-ratio:0),
(min-width:0\0) {
    .button.green:hover {
        background-color: var(--color__default-darken);
        border-color: var(--color__default-darken)
    }
}

.button.green:active {
    background-color: var(--color__default-darken)
}

.button.green.empty,
.button.green.sempty {
    background-color: transparent;
    color: var(--color__default)
}

.button.green.sempty {
    border-color: transparent
}

@media (hover),
(min--moz-device-pixel-ratio:0),
(min-width:0\0) {
    .button.green.sempty:hover {
        color: var(--color__white)
    }
}

.button.green.outline {
    background-color: transparent;
    color: var(--color__default)
}

.button.green.outline[disabled=disabled] {
    opacity: .7;
    background-color: transparent;
    border-color: var(--color__default-lighten)
}

@media (hover),
(min--moz-device-pixel-ratio:0),
(min-width:0\0) {
    .button.green.outline:hover {
        color: var(--color__white);
        background-color: var(--color__default)
    }
}

.button.green.outline:focus {
    color: var(--color__white);
    background-color: var(--color__default)
}

.button.green[disabled=disabled] {
    opacity: 1;
    background-color: rgb(64 185 60);
    border-color: #40b93c;
}

.button.crimson {
    background-color: #f7001d;
    border-color: #f7001d
}

.button.crimson:focus {
    border-color: #c40017 !important
}

.button.crimson:active {
    background-color: #c40017
}

.button.crimson-outline,
.button.crimson.empty {
    background-color: transparent;
    color: #f7001d
}

.button.crimson-outline {
    border-color: #f7001d
}

.button.crimson-outline:hover {
    color: var(--color__white);
    background-color: #f7001d;
    border-color: #f7001d
}

.button.crimson.outline {
    background-color: transparent;
    color: #f7001d
}

.button.crimson.outline:hover {
    color: var(--color__white);
    border-color: #f7001d
}

.button.crimson.outline:focus {
    color: var(--color__white);
    background-color: #f7001d
}

.button.crimson[disabled=disabled] {
    opacity: 1;
    background-color: #ff5166;
    border-color: #ff5166
}

.button.crimson.loading:before {
    border-color: #f7001d;
    border-left-color: #c7cfe2;
    border-top-color: #c7cfe2
}

@media (hover),
(min--moz-device-pixel-ratio:0),
(min-width:0\0) {
    .button.crimson:hover {
        background-color: #e4001b
    }
}

.button.yellow {
    background-color: #f8c325;
    border-color: #f8c325;
    color: #1b1b1b
}

.button.yellow:focus {
    border-color: #e3ac07
}

.button.yellow:active {
    background-color: #e3ac07
}

@media (hover),
(min--moz-device-pixel-ratio:0),
(min-width:0\0) {
    .button.yellow:hover {
        background-color: #e3ac07;
        border-color: #e3ac07
    }
}

.button.yellow.empty {
    background-color: transparent;
    color: var(--color__white)
}

.button.yellow.empty-y,
.button.yellow.sempty {
    background-color: transparent;
    color: #f8c325
}

.button.yellow.sempty {
    text-decoration: underline;
    border-color: transparent
}

.button.outline {
    background-color: transparent;
    color: currentColor
}

.button.outline:hover {
    color: var(--color__white) !important;
    background-color: var(--color__default)
}

.button.pseudo {
    background-color: transparent;
    color: currentColor;
    border: none
}

.button.grey {
    background-color: #1b1b1b;
    border-color: #1b1b1b
}

.button.light-grey {
    background-color: #e1e4e2;
    border-color: #e1e4e2
}

.button.sea {
    background-color: #27b4bc;
    color: #fff;
    border-color: #27b4bc
}

.button.sea-outline {
    background-color: transparent;
    color: #27b4bc;
    border-color: #27b4bc
}

.button.grey-outline {
    background-color: var(--color__white);
    border-color: #1b1b1b;
    color: #1b1b1b
}

.button.vk {
    color: var(--color__white);
    border-color: #000;
    background-color: #000;
    margin-top: .1rem;
    border-radius: .06rem;
    padding: 0;
    height: .54rem
}

.button.vk:hover {
    background-color: #4581c1;
    border-color: #4581c1
}

.button.vk svg {
    width: 100%
}

.button.apple {
    color: var(--color__white);
    border-color: #1b1b1b;
    background-color: #1b1b1b;
    margin-top: 1em
}

@media (hover),
(min--moz-device-pixel-ratio:0),
(min-width:0\0) {
    .button.apple:hover {
        background-color: rgba(0, 0, 0, .7);
        border-color: rgba(0, 0, 0, .7)
    }
}

.button.apple>img {
    width: 2.6875em
}

.button.google {
    color: var(--color__white);
    border-color: #1b1b1b;
    background-color: #1b1b1b;
    margin-top: 1em;
    padding: .875em;
    height: 3.42857em !important
}

.button.google:hover {
    background-color: rgba(0, 0, 0, .7);
    border-color: rgba(0, 0, 0, .7)
}

.button.google>img {
    width: 3.125em
}

.button.google.loading img,
.button.google.loading svg {
    display: none
}

.button.google.loading:before {
    left: 7%;
    border: .14em solid var(--color__default-darken)
}

.button.icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.button.icon img,
.button.icon svg {
    margin-right: .1rem
}

.button.inline {
    padding: 0;
    margin: 0;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -ms-flex-align: center;
    align-items: center;
    height: auto !important;
    width: auto !important
}

.button.link {
    border: none;
    font-weight: 400;
    background-color: transparent;
    color: #1b1b1b;
    text-decoration: underline
}

.button.link-green {
    color: var(--color__default);
    text-decoration: none
}

.button.loading {
    border-color: transparent !important;
    outline: none;
    color: transparent !important;
    cursor: default !important;
    position: relative;
    pointer-events: none
}

.button.loading:before {
    content: "";
    font-size: .5em;
    display: block;
    position: absolute;
    border-radius: 50%;
    border: .14em solid var(--color__default-darken);
    transition: all .3s;
    height: 2.5em;
    width: 2.5em;
    left: 50%;
    top: 50%;
    box-sizing: border-box;
    margin-left: -1.25em;
    margin-top: -1.25em;
    border-left-color: #fff;
    border-top-color: #fff;
    animation: spin 3s linear infinite;
    animation-delay: .3s
}

.button.loading-left:before {
    left: 0;
    margin-left: 0
}

.button.loading:focus {
    border-color: transparent !important
}

.button.step-phone-button {
    display: block;
    height: auto !important
}

.icon-left {
    margin-right: .05em
}

.icon-right {
    margin-left: .05em
}

a.navbar-user-text .icon-left,
a.navbar-user-text .icon-right {
    width: .18em;
    height: .18em;
    color: var(--color__default);
    transition: color .1s
}

.landing-page--ya-taxi .dark a.navbar-user-text .icon-left,
.landing-page--ya-taxi .dark a.navbar-user-text .icon-right {
    color: #999
}

.dark a.navbar-user-text .icon-left,
.dark a.navbar-user-text .icon-right {
    color: #fff
}

.bg-green {
    background: var(--color__default)
}

.bg-yellow {
    background: #f8c325
}

.bg-red {
    background: #ef5747
}

.bg-dark-grey {
    background: #1b1b1b
}

.text-green {
    color: var(--color__default)
}

.text-red {
    color: #ef5747
}

.text-dark-grey {
    color: #1b1b1b
}

.shadow {
    box-shadow: 0 .02em .02em 0 rgba(0, 0, 0, .11)
}

.shadow-bold {
    box-shadow: 0 .08em .08em 0 rgba(0, 0, 0, .24), 0 0 .02em 0 rgba(0, 0, 0, .12)
}

.navbar.dark {
    color: #fff;
    background-color: rgba(86, 86, 86, .65)
}

.landing-page--ya-taxi .navbar.dark {
    background: rgba(0, 0, 0, .75)
}

.navbar.dark .navbar-menu>a,
.navbar.dark .navbar-menu>button {
    color: #fff
}

.navbar.dark .dropdown-selector svg path:first-child,
.navbar.dark .navbar-bonus-balance svg path:first-child {
    fill: #fff
}

.navbar.dark .dropdown-selector svg path:nth-child(2),
.navbar.dark .navbar-bonus-balance svg path:nth-child(2) {
    stroke: #fff
}

.navbar.dark .phone {
    color: #fff
}

html[data-subdomain=wowfood] .navbar.dark .navbar-phone svg {
    fill: var(--color__white)
}

html.smartphone[data-subdomain=wowfood] .navbar.dark .navbar-hamburger svg path {
    fill: #fff
}

.navbar.light .dropdown-selector svg path:first-child,
.navbar.light .navbar-bonus-balance svg path:first-child {
    fill: #1b1b1b
}

.navbar.light .dropdown-selector svg path:nth-child(2),
.navbar.light .navbar-bonus-balance svg path:nth-child(2) {
    stroke: #1b1b1b
}

.navbar.light .phone {
    color: #1b1b1b
}

.navbar.navbar-simple svg.icon-left {
    margin-right: .1rem
}

.navbar.navbar-simple .navbar-phone {
    color: var(--color__default)
}

.navbar.navbar-simple .navbar-phone .phone {
    color: var(--color__default);
    font-weight: 500
}

.navbar-phone {
    color: var(--color__default)
}

.navbar-phone svg {
    fill: var(--color__default)
}

.landing-page--ya-taxi .dark .navbar-phone svg {
    fill: #999
}

div#promo .banner-spring__label {
    position: absolute;
    right: .42em;
    top: .5em
}

div#promo .banner {
    color: #fff;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    background-size: cover;
    background-position: 50%
}

div#promo .banner .banner__label {
    position: absolute
}

div#promo .banner.banner-sub {
    height: 6em;
    padding-top: 1.08em;
    box-sizing: border-box;
    display: block
}

div#promo .banner.banner-sub>.landing-width-container>.banner-inner {
    position: relative;
    display: table;
    margin-left: auto;
    margin-right: .9em;
    text-align: right;
    color: #fff
}

div#promo .banner.banner-sub>.landing-width-container>.banner-inner h1.title {
    font-size: .6em;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px .08em rgba(0, 0, 0, .22)
}

div#promo .banner.banner-sub>.landing-width-container>.banner-inner h1.title span.extra-big {
    font-weight: 900;
    font-size: 3.8em;
    line-height: .8
}

div#promo .banner.banner-sub>.landing-width-container>.banner-inner div.price-line {
    font-weight: 500;
    font-size: .2em;
    line-height: 1.5;
    margin-top: .6875em
}

div#promo .banner.banner-sub>.landing-width-container>.banner-inner>.actions {
    display: -ms-flexbox;
    display: flex;
    margin-top: .25em;
    -ms-flex-pack: end;
    justify-content: flex-end
}

div#promo .banner.banner-sub>.landing-width-container>.banner-inner>.actions .button {
    font-size: .18em;
    width: 14.44444em;
    height: 3.33333em;
    text-transform: none
}

div#promo .banner.banner-sub>.landing-width-container>.banner-inner>.actions .outline {
    color: #fff;
    border-color: #fff;
    margin-left: 1em
}

div#promo .banner.banner-sub>.landing-width-container>.banner-inner>.actions .outline:hover {
    border-color: var(--color__default)
}

div#promo .banner>.banner-inner>.title {
    font-size: .52em;
    font-weight: 700;
    line-height: 1.03;
    text-shadow: 0 1px 8px rgba(0, 0, 0, .22)
}

div#promo .banner>.banner-inner>.sub-title {
    font-size: .22em;
    margin-top: .90909em;
    text-shadow: 0 1px 8px rgba(0, 0, 0, .22)
}

div#promo .banner>.banner-inner>.price-line {
    font-size: .4em;
    margin-top: .8em
}

div#promo .banner>.banner-inner>.price-line span.price-number {
    font-size: 1.2em;
    font-weight: 700
}

div#promo .banner>.banner-inner>.price-line span.rub {
    font-size: 1.2em
}

div#promo .banner>.banner-inner>.actions {
    display: -ms-flexbox;
    display: flex;
    margin-top: .5em;
    -ms-flex-pack: center;
    justify-content: center
}

div#promo .banner>.banner-inner>.actions .button {
    font-size: .18em;
    width: 13.33333em;
    height: 2.77778em;
    line-height: 1.22;
    text-transform: none
}

div#promo .banner>.banner-inner>.actions .outline {
    color: #fff;
    border-color: #fff;
    margin-left: 1em
}

div#promo .banner>.banner-inner>.actions .outline:hover {
    border-color: var(--color__default)
}

div#promo .banner.spring2019 {
    height: 7.22em;
    padding-top: 1.28em;
    display: block;
    font-size: 6.25vw
}

div#promo .banner.spring2019 div.cont {
    display: table;
    position: relative;
    margin-left: 1.625em
}

div#promo .banner.spring2019 div.cont h1 {
    font-size: .66em;
    font-weight: 900;
    line-height: 1.06;
    color: #fff;
    text-align: left
}

div#promo .banner.spring2019 div.cont h2 {
    font-size: .28em;
    font-weight: 500;
    line-height: 1.17;
    color: #fff;
    margin-top: .42857em;
    text-align: left
}

div#promo .banner.spring2019 div.cont .button {
    font-size: .18em;
    line-height: 1.14;
    font-weight: 900;
    background-color: #fe2544;
    color: #fff;
    width: 17.77778em;
    height: 3.33333em;
    border-radius: .33333em;
    margin-top: 2.66667em;
    border-width: 0
}

div#promo .banner.spring2019 div.cont .button:hover {
    background-color: #ef0123
}

div#promo .banner.spring2019 .diet-mark {
    font-weight: 300;
    line-height: 1.13;
    color: #fff;
    text-transform: uppercase;
    font-size: .3em;
    position: absolute;
    top: 2.6em;
    left: 5.65em
}

div#promo .banner.spring2019[data-target=p1] {
    background-image: url(/static/images/p1.04aa2e3.jpg)
}

div#promo .banner.spring2019[data-target=p2][data-city=spb] {
    background-image: url(/static/images/p2_spb.c845af2.jpg)
}

div#promo .banner.spring2019[data-target=p2][data-city=msk] {
    background-image: url(/static/images/p2_msk.ee43158.jpg)
}

div#promo .banner.spring2019[data-target=p3] {
    background-image: url(/static/images/p3.5d8d039.jpg)
}

div#promo .banner-default {
    height: 100%;
    background-image: url(/static/images/default.88f201f.jpg)
}

div#promo .banner-default>.banner-inner {
    margin-top: -15%;
    text-align: center;
    margin-left: auto;
    margin-right: 17%;
    width: 6em
}

div#promo .banner-default>.banner-inner>.logo {
    width: .84em;
    height: .84em;
    border: .04em solid #fff;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--color__default)
}

div#promo .banner-new-menu {
    color: #fff;
    height: 70%;
    position: relative;
    min-height: 7em;
    margin-bottom: 2.25em;
    -ms-flex-pack: center;
    justify-content: center;
    background-image: url(/static/images/new_menu.138eae2.jpg)
}

div#promo .banner-new-menu>.banner-inner {
    margin-left: auto;
    margin-top: -5%;
    margin-right: 13%;
    width: 6em
}

div#promo .banner-new-menu>.banner-inner h3 {
    font-size: .42em;
    font-weight: 900;
    margin-bottom: 2.38095em
}

div#promo .banner-new-menu>.banner-inner h4 {
    margin: 1em 0;
    font-size: .4em;
    font-weight: 300
}

div#promo .banner-new-menu>.banner-inner .button {
    margin: 1.11111em 0;
    font-size: .18em !important;
    text-transform: none;
    padding: 1em
}

div#promo .banner-vega-1 {
    height: 6em;
    background-size: cover;
    background-position: top;
    padding-top: 1.78em;
    box-sizing: border-box;
    display: block
}

@media screen and (min-width:1024px) {
    div#promo .banner-vega-1 {
        background-image: url(/static/images/main1.9b910fc.jpg)
    }
}

div#promo .banner-vega-1.simple {
    padding-top: 3em
}

div#promo .banner-vega-1>.banner-inner {
    display: table;
    margin: 0 auto;
    text-align: center;
    color: #fff
}

div#promo .banner-vega-1>.banner-inner h1.title {
    font-size: .46em;
    font-weight: 700;
    line-height: 1.09;
    text-shadow: 0 1px .08em rgba(0, 0, 0, .22)
}

div#promo .banner-vega-1>.banner-inner div.price-line {
    font-size: .32em;
    margin-top: .6875em
}

div#promo .banner-vega-1>.banner-inner div.price-line>span.big {
    font-size: 1.1875em
}

div#promo .banner-vega-1 .banner-badge .banner-badge-date {
    width: 2.33rem;
    margin: 0 auto
}

div#promo .banner-vega-1 .banner-badge .button {
    margin: .3rem auto 0;
    font-weight: 700;
    font-size: .18rem;
    text-transform: inherit;
    height: .5rem
}

div#promo .banner-vega-new {
    color: #fff;
    height: 70%;
    position: relative;
    min-height: 7em;
    margin-bottom: 0;
    -ms-flex-pack: center;
    justify-content: center;
    background-image: url(/static/images/vega_banner.ffcb732.jpg)
}

div#promo .banner-vega-new>.banner-inner {
    margin-left: auto;
    margin-top: -5%;
    margin-right: 13%;
    width: 6em;
    position: relative
}

div#promo .banner-vega-new>.banner-inner .star {
    position: absolute;
    background-image: url(/static/icons/star-ribbon-black.svg);
    background-size: contain;
    background-repeat: no-repeat;
    box-sizing: border-box;
    width: 1.7rem;
    height: 1.7rem;
    padding: .35rem;
    left: -2rem;
    font-size: .14rem;
    transform: rotate(-20deg)
}

div#promo .banner-vega-new>.banner-inner .star .price {
    font-size: .38rem
}

div#promo .banner-vega-new>.banner-inner h1.title {
    font-size: .42rem;
    font-weight: 500
}

div#promo .banner-vega-new>.banner-inner .price-line {
    font-size: .32rem;
    font-weight: 500
}

div#promo .banner-vega-new>.banner-inner .price-line .price-number {
    font-size: .42rem
}

div#promo .banner-badge {
    top: calc(100% - 1.35em);
    left: 50%;
    width: 3em;
    height: 3em;
    position: absolute;
    transform: translateX(-50%);
    text-align: center;
    background-size: 100% 1.4em;
    background-image: url(/static/images/shape.19025be.svg);
    background-repeat: no-repeat;
    background-position: top
}

div#promo .banner-badge svg {
    margin: .4em 0 0
}

div#promo .banner-badge .banner-badge-title {
    color: var(--color__default);
    margin: .55556em 0;
    font-size: .2em;
    font-weight: 700;
    text-transform: uppercase
}

div#promo .banner-badge .banner-badge-date {
    color: #1b1b1b;
    font-weight: 500;
    font-size: .16em
}

div#promo .banner-badge img {
    width: 3em;
    margin-top: .15em
}

div#promo .banner-dynamic {
    height: 60%;
    min-height: 6.5em
}

div#promo .banner-dynamic>.banner-inner {
    text-align: center
}

div#promo .banner-dynamic>.banner-inner>.sub-title {
    font-size: .32em;
    margin-top: .625em
}

div#promo .banner-dynamic>.banner-inner>.price-line {
    font-size: .28em;
    margin-top: 1.14286em
}

div#promo .banner-dynamic-bg-1>.banner-inner {
    margin-left: auto;
    margin-right: 10%
}

div#promo .banner-dynamic-bg-2>.banner-inner {
    margin-left: 15%
}

div#promo .banner-dynamic-bg-3>.banner-inner {
    margin-left: 20%
}

@media only screen and (max-width:1500px) {
    div#promo .banner-dynamic-bg-1>.banner-inner {
        margin-right: 5%
    }

    div#promo .banner-dynamic-bg-3>.banner-inner {
        margin-left: 10%
    }
}

div#promo .banner-dynamic-item-1>.banner-inner,
div#promo .banner-dynamic-item-2>.banner-inner {
    text-align: right
}

div#promo .banner-dynamic-item-1>.banner-inner>.button,
div#promo .banner-dynamic-item-2>.banner-inner>.button {
    margin-right: 0
}

div#promo .banner-dynamic-item-3>.banner-inner {
    text-align: left
}

div#promo .banner-dynamic-item-3>.banner-inner>.button {
    margin-left: 0
}

div#promo .banner-dynamic-item-4>.banner-inner {
    margin-left: 20%
}

div#promo .changing-toppers {
    position: relative;
    height: 100%
}

div#promo .changing-toppers>div.main-promo {
    opacity: 0;
    transition: opacity 1.8s ease;
    position: absolute;
    padding-top: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

div#promo .changing-toppers>div.main-promo.active {
    opacity: 1;
    pointer-events: all
}

div#promo .invite-promo {
    position: relative;
    overflow: hidden;
    background-color: #f8c325
}

div#promo .invite-promo>div.landing-width-container {
    padding-top: 1.6em;
    height: 6.97em;
    box-sizing: border-box;
    position: relative;
    overflow: hidden
}

div#promo .invite-promo>div.landing-width-container>div.cont {
    width: 5em;
    position: relative;
    z-index: 15
}

div#promo .invite-promo>div.landing-width-container>div.cont>h1 {
    font-size: .52em;
    font-weight: 900;
    line-height: 1.19;
    color: #000
}

div#promo .invite-promo>div.landing-width-container>div.cont>div.par {
    font-size: .16em;
    font-weight: 500;
    line-height: 1.38;
    color: #1b1b1b;
    margin-top: 3.875em;
    width: 24.25em
}

div#promo .invite-promo>div.landing-width-container>div.cont>a.button {
    font-size: .18em;
    font-weight: 700;
    width: 15.55556em;
    height: 2.77778em;
    border-radius: .22222em;
    margin-top: 2.27778em
}

div#promo .invite-promo>div.screen-cont {
    overflow: hidden;
    width: 14.4em;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -7.2em;
    height: 6.97em
}

div#promo .invite-promo>div.screen-cont>div.white {
    position: absolute;
    width: 9.4em;
    left: -.4em;
    top: -.6em;
    z-index: 5
}

div#promo .invite-promo>div.screen-cont>div.white>img {
    width: 100%
}

div#promo .invite-promo>div.screen-cont>div.guys {
    position: absolute;
    width: 63%;
    bottom: -1em;
    right: 0;
    z-index: 10
}

div#promo .invite-promo>div.screen-cont>div.guys>img {
    width: 100%
}

html.smartphone div#promo .banner.banner-sub {
    height: 4.5em;
    padding-top: .68em
}

html.smartphone div#promo .banner.banner-sub>.landing-width-container>.banner-inner {
    display: block;
    margin: 0;
    padding: 0 .15em;
    text-align: left
}

html.smartphone div#promo .banner.banner-sub>.landing-width-container>.banner-inner h1.title {
    font-size: .4em
}

html.smartphone div#promo .banner.banner-sub>.landing-width-container>.banner-inner h1.title span.extra-big {
    font-size: 2.8em
}

html.smartphone div#promo .banner.banner-sub>.landing-width-container>.banner-inner div.price-line {
    font-size: .1em
}

html.smartphone div#promo .banner.banner-sub>.landing-width-container>.banner-inner>.actions {
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: .65em
}

html.smartphone div#promo .banner.banner-sub>.landing-width-container>.banner-inner>.actions .button {
    font-size: .14em
}

html.smartphone div#promo .banner-spring__label {
    top: 1.8em
}

html.smartphone div#promo .invite-promo>div.landing-width-container {
    padding-top: .6em;
    height: 5.2em
}

html.smartphone div#promo .invite-promo>div.landing-width-container>div.cont {
    width: 2.6em;
    margin-left: auto;
    margin-right: auto
}

html.smartphone div#promo .invite-promo>div.landing-width-container>div.cont>h1 {
    font-size: .36em;
    line-height: 1.14;
    color: #1b1b1b;
    text-align: center
}

html.smartphone div#promo .invite-promo>div.landing-width-container>div.cont>div.par {
    font-size: .14em;
    font-weight: 700;
    margin-top: 2.14286em;
    width: auto;
    text-align: center
}

html.smartphone div#promo .invite-promo>div.landing-width-container>div.cont>a.button {
    font-size: .14em;
    font-weight: 500;
    width: 100%;
    height: 3.21429em;
    border-radius: .28571em;
    margin-top: 12.14286em
}

html.smartphone div#promo .invite-promo>div.screen-cont {
    overflow: hidden;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 0;
    height: 5.2em
}

html.smartphone div#promo .invite-promo>div.screen-cont>div.white {
    width: 120%;
    top: -.1em;
    left: -.4em
}

html.smartphone div#promo .invite-promo>div.screen-cont>div.guys {
    width: 120%;
    bottom: 0;
    right: -.1em
}

html.smartphone div#promo .banner.spring2019 {
    height: 4.9em;
    padding-top: .64em;
    font-size: 1em;
    position: relative
}

html.smartphone div#promo .banner.spring2019 div.cont {
    margin: 0 auto;
    width: auto;
    position: static
}

html.smartphone div#promo .banner.spring2019 div.cont h1 {
    font-size: .26em;
    font-weight: 900;
    line-height: 1.23;
    letter-spacing: normal
}

html.smartphone div#promo .banner.spring2019 div.cont h1.big {
    font-size: .3em;
    height: 3.73333em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: .36667em
}

html.smartphone div#promo .banner.spring2019 div.cont h2 {
    font-size: .2em;
    font-weight: 500;
    line-height: 1.17;
    margin-top: .6em
}

html.smartphone div#promo .banner.spring2019 div.cont .button {
    position: absolute;
    left: 1.66667em;
    bottom: 5.27778em;
    bottom: .54rem;
    font-weight: 700;
    font-size: .18em;
    width: 14.44444em;
    height: 2.77778em;
    margin: 0;
    text-transform: none
}

html.smartphone div#promo .banner.spring2019 .diet-mark {
    left: 1.2em;
    top: 2.8em;
    font-size: .2em;
    font-weight: 500
}

html.smartphone div#promo .banner.spring2019[data-target=p1] {
    background-image: url(/static/images/p1-mob.5bb121d.jpg)
}

html.smartphone div#promo .banner.spring2019[data-target=p2][data-city=spb] {
    background-image: url(/static/images/p2-mob_spb.7d40857.jpg)
}

html.smartphone div#promo .banner.spring2019[data-target=p2][data-city=msk] {
    background-image: url(/static/images/p2-mob_msk.f9dae28.jpg)
}

html.smartphone div#promo .banner.spring2019.from-special-promo,
html.smartphone div#promo .banner.spring2019[data-target=p3] {
    background-image: url(/static/images/p3-mob.337dccd.jpg)
}

html.amb div#promo .banner-vega-1 {
    min-height: 7em
}

html.amb div#promo .banner-vega-1.simple {
    padding-top: 3.5em
}

html.amb div#promo .banner-vega-1>.banner-inner {
    margin-left: auto;
    margin-top: -5%;
    margin-right: 0;
    width: 6em;
    text-align: left
}

html.amb div#promo .banner-vega-1>.banner-inner>.actions {
    -ms-flex-direction: column;
    flex-direction: column
}

html.amb div#promo .banner-vega-1>.banner-inner>.actions .outline {
    margin-left: 0;
    margin-top: 1em
}

html.smartphone.amb div#promo .banner-vega-1 {
    min-height: auto
}

html.smartphone.amb div#promo .banner-vega-1>.banner-inner {
    width: 100%;
    padding: 0 .2rem;
    margin: 0;
    box-sizing: border-box
}

html.smartphone.amb div#promo .banner-vega-1>.banner-inner .button {
    margin-left: auto;
    margin-right: auto
}

@media (min-width:1920px) {
    html div#promo .banner.banner-vega-1 {
        height: 7.8em;
        padding-top: 2.58em
    }

    html div#promo .banner.banner-vega-1.simple {
        padding-top: 3.9em
    }
}

.order-step__phone {
    font-size: .13rem
}

.order-step__phone .order-step__background {
    background: url(/static/images/step-phone.1fca500.png) no-repeat
}

.order-step__phone .small-text {
    margin-top: .45rem
}

.order-step__phone .order-step__content p a.button {
    margin-top: .15rem;
    font-size: .14rem;
    color: var(--color__default)
}

.placeholder {
    display: block;
    position: relative
}

.placeholder>span,
.placeholder label {
    position: absolute;
    left: .15rem;
    top: .07rem;
    cursor: text;
    opacity: 1;
    font-size: .1rem;
    color: #9b9b9b;
    line-height: .11rem;
    transition: all .2s
}

.placeholder select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.placeholder label {
    margin: 0 !important
}

.placeholder input,
.placeholder select {
    width: 100%;
    font-size: inherit;
    padding-top: 1em;
    margin-bottom: 2px
}

.placeholder input::-webkit-input-placeholder,
.placeholder select::-webkit-input-placeholder {
    opacity: 1;
    transition: all .2s
}

.placeholder input:-ms-input-placeholder,
.placeholder input::-ms-input-placeholder,
.placeholder select:-ms-input-placeholder,
.placeholder select::-ms-input-placeholder {
    opacity: 1;
    transition: all .2s
}

.placeholder input::placeholder,
.placeholder select::placeholder {
    opacity: 1;
    transition: all .2s
}

.placeholder input:placeholder-shown:not(:focus)::-webkit-input-placeholder,
.placeholder select:placeholder-shown:not(:focus)::-webkit-input-placeholder {
    opacity: 0
}

.placeholder input:placeholder-shown:not(:focus):-ms-input-placeholder,
.placeholder select:placeholder-shown:not(:focus):-ms-input-placeholder {
    opacity: 0
}

.placeholder input:placeholder-shown:not(:focus)::-ms-input-placeholder,
.placeholder select:placeholder-shown:not(:focus)::-ms-input-placeholder {
    opacity: 0
}

.placeholder input:placeholder-shown:not(:focus)::placeholder,
.placeholder select:placeholder-shown:not(:focus)::placeholder {
    opacity: 0
}

.placeholder input:placeholder-shown:not(:focus)+*,
.placeholder select:placeholder-shown:not(:focus)+* {
    font-size: .14rem;
    opacity: .5;
    top: .17rem;
    left: .15rem
}

.placeholder input:focus,
.placeholder select:focus {
    outline: none
}

.input-group__inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.input-container.placeholder input {
    font-size: .14rem;
    font-weight: 500;
    border: 1px solid #cacbcb;
    background-color: var(--color__white);
    color: #000000;
    display: block;
    width: 100%;
    box-sizing: border-box;
    height: .45rem;
    border-radius: 0;
    padding: .2rem .15rem .1rem;
}

.input-container.placeholder input:focus {
    border-color: #484848;
    color: #495057
}

.input-container.has-error input {
    border-color: #ef5747 !important;
    margin-bottom: 0
}

.input-container.has-error label {
    color: #ef5747;
    font-weight: 700
}

.input-container.has-error .message {
    background-color: #ef5747;
    color: var(--color__white);
    border-bottom-left-radius: .04rem;
    border-bottom-right-radius: .04rem;
    padding-top: .3em;
    padding-bottom: .3em;
    text-align: center
}

.input-container.has-info input {
    border-color: #1b1b1b
}

.input-container.has-info .message {
    background-color: #1b1b1b;
    color: var(--color__white);
    border-bottom-left-radius: .04rem;
    border-bottom-right-radius: .04rem
}

.input-container--reversed .c-input__input:focus,
.input-container--reversed input:focus {
    border: 1px solid #bdbdbd !important
}

div.sms-container>div.input-container .loader {
    background-color: #fff !important;
    min-width: .2rem;
    min-height: .2rem;
    font-size: .08rem;
    position: absolute;
    top: .14rem;
    z-index: 3;
    right: .08rem
}

.radio input[type=radio]:checked+label {
    border-color: var(--color__default);
    box-shadow: 0 0 0 1px var(--color__default);
    opacity: 1
}

.radio input[type=radio]:checked+label:after {
    background: url(/static/images/radio_true.4003244.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.radio.radio-active-card {
    border: 1px solid var(--color__default);
    border-radius: .06rem;
    box-shadow: 0 0 0 1px var(--color__default)
}

.radio.radio-active-card input[type=radio],
.radio.radio-active-card input[type=radio]+label,
.radio.radio-active-card input[type=radio]:checked+label {
    border: none;
    box-shadow: none
}

.radio.radio-active-card .dropdown {
    margin-bottom: 0
}

.radio.radio-active-card .dropdown .dropdown-toggle {
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-top-color: var(--color__default)
}

.radio-border-top input[type=radio]:checked+label {
    border-radius: .06rem .06rem 0 0
}

.radio-inline label {
    opacity: 1
}

.radio-inline input[type=radio]:checked+label {
    border: none;
    box-shadow: none
}

.radio-inline input[type=radio]:checked+label:before {
    background: url(/static/images/radio_true.4003244.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.checkbox_inline label {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

.checkbox_inline label:before {
    display: inline-block
}

.checkbox input[type=checkbox]:checked+label:before {
    background: url(/static/images/checkbox_true.9cb5e51.svg);
    background-size: contain
}

.dropdown.loader {
    position: relative
}

.dropdown.loader .dropdown-toggle {
    visibility: hidden
}

h2.line-green:after {
    content: "";
    height: 1px;
    background-color: var(--color__default);
    width: 100%
}

.disabled-block {
    position: relative;
    pointer-events: none
}

.disabled-block:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color__white);
    opacity: .45;
    z-index: 10
}

html[data-page=index][data-subdomain=fit-21] div.navbar.dark {
    background-color: rgba(86, 86, 86, .65)
}

html[data-page=index][data-subdomain=fit-21] div#menu-plans {
    padding-top: .66em;
    padding-bottom: .3em;
    background-color: #fff
}

html[data-page=index][data-subdomain=fit-21] div#menu-plans>div.landing-width-container {
    width: 11.7em
}

html[data-page=index][data-subdomain=fit-21] div#menu-plans>div.landing-width-container>h2 {
    line-height: 1.5
}

html[data-page=index][data-subdomain=fit-21] div#menu-plans>div.landing-width-container>h2>span {
    color: var(--color__default)
}

html[data-page=index][data-subdomain=fit-21] div#menu-plans>div.landing-width-container>div.cal-after-h2 {
    font-size: .36em;
    font-weight: 700;
    text-align: center;
    color: var(--color__default);
    margin-top: .61111em;
    margin-top: 0
}

html[data-page=index][data-subdomain=fit-21] div#menu-plans div.menu-plans {
    background-color: #fff
}

html[data-page=index][data-subdomain=fit-21] div#menu-plans div#plans-switcher {
    display: none
}

html[data-page=index][data-subdomain=fit-21] div#menu-plans div#plans-body {
    padding-top: .32em
}

html[data-page=index][data-subdomain=fit-21] div#menu-plans div#plans-body div#fit21-weeks-selector {
    width: 5.4em;
    display: -ms-flexbox;
    display: flex;
    border-radius: .26em;
    border: 1px solid var(--color__default);
    margin: 0 auto;
    overflow: hidden
}

html[data-page=index][data-subdomain=fit-21] div#menu-plans div#plans-body div#fit21-weeks-selector>div {
    width: 12.85714em;
    font-size: .14em;
    height: 2.85714em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    line-height: 1.29;
    color: #1b1b1b
}

html[data-page=index][data-subdomain=fit-21] div#menu-plans div#plans-body div#fit21-weeks-selector>div.active {
    color: var(--color__white);
    background-color: var(--color__default)
}

html[data-page=index][data-subdomain=fit-21] div#menu-plans div#plans-body div#fit21-weeks-selector>div:not(.active) {
    cursor: pointer
}

html[data-page=index][data-subdomain=fit-21] div#menu-plans div#plans-body div#fit21-weeks-selector>div:nth-child(2) {
    border-right: solid 1px var(--color__default);
    border-left: solid 1px var(--color__default)
}

html[data-page=index][data-subdomain=fit-21] div#menu-plans div#plans-body div.tariff-description {
    display: none
}

html[data-page=index][data-subdomain=fit-21] div#menu-plans div#plans-body div#menu-description {
    width: 4.5em;
    margin-top: auto;
    margin-bottom: auto;
    padding: .25em .45em .4em;
    border-radius: .05em;
    box-shadow: 0 .04em .15em 0 rgba(0, 0, 0, .26);
    background-color: #fff
}

html[data-page=index][data-subdomain=fit-21] div#menu-plans div#plans-body div#menu-description>div.line1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: end;
    align-items: flex-end
}

html[data-page=index][data-subdomain=fit-21] div#menu-plans div#plans-body div#menu-description>div.line1>div.prices {
    margin-right: .24em
}

html[data-page=index][data-subdomain=fit-21] div#menu-plans div#plans-body div#menu-description>div.line1>div.prices>div.old {
    font-size: .16em;
    font-weight: 700;
    color: #1b1b1b;
    text-decoration: line-through
}

html[data-page=index][data-subdomain=fit-21] div#menu-plans div#plans-body div#menu-description>div.line1>div.prices>div.new {
    font-size: .36em;
    font-weight: 700;
    color: #1b1b1b;
    margin-top: .13889em
}

html[data-page=index][data-subdomain=fit-21] div#menu-plans div#plans-body div#menu-description>div.line1>div.prices>div.grline {
    width: 1.36em;
    height: .04em;
    background-color: var(--color__default)
}

html[data-page=index][data-subdomain=fit-21] div#menu-plans div#plans-body div#menu-description>div.line1>div.delivery-info {
    font-size: .18em;
    font-weight: 500;
    line-height: 1.22;
    text-align: left;
    color: #1b1b1b
}

html[data-page=index][data-subdomain=fit-21] div#menu-plans div#plans-body div#menu-description>div.day-price {
    font-size: .36em;
    font-weight: 700;
    color: #1b1b1b;
    text-align: center
}

html[data-page=index][data-subdomain=fit-21] div#menu-plans div#plans-body div#menu-description>div.day-price .small {
    font-size: .61111em;
    font-weight: 500
}

html[data-page=index][data-subdomain=fit-21] div#menu-plans div#plans-body div#menu-description>div.grline {
    width: 1.9em;
    height: .04em;
    background-color: var(--color__default);
    margin: 0 auto
}

html[data-page=index][data-subdomain=fit-21] div#menu-plans div#plans-body div#menu-description>div.total-price {
    font-size: .12em;
    font-weight: 500;
    color: #393939;
    text-align: center;
    margin-top: .66667em
}

html[data-page=index][data-subdomain=fit-21] div#menu-plans div#plans-body div#menu-description>div.total-price .price {
    font-size: 1.16667em
}

html[data-page=index][data-subdomain=fit-21] div#menu-plans div#plans-body div#menu-description>a.button {
    font-size: .18em;
    font-weight: 900;
    width: 15.55556em;
    height: 2.77778em;
    border-radius: .33333em;
    margin: 1.66667em auto 0;
    border-width: 0
}

html[data-page=index][data-subdomain=fit-21]:not(.smartphone) div#menu-plans div.menu-plans {
    background-color: #fff
}

html[data-page=index][data-subdomain=fit-21]:not(.smartphone) div#menu-plans div#plans-switcher {
    display: none
}

html[data-page=index][data-subdomain=fit-21]:not(.smartphone) div#menu-plans div#plans-body {
    padding-top: .32em
}

html[data-page=index][data-subdomain=fit-21]:not(.smartphone) div#menu-plans div#plans-body div#dayweek-selectors {
    margin-top: .32em
}

html[data-page=index][data-subdomain=fit-21]:not(.smartphone) div#menu-plans div#plans-body div#dayweek-selectors>div#week-selector {
    display: none
}

html[data-page=index][data-subdomain=fit-21]:not(.smartphone) div#menu-plans div#plans-body div#dayweek-selectors>div#day-selector {
    width: 8.9em;
    margin-left: auto;
    margin-right: auto
}

html[data-page=index][data-subdomain=fit-21]:not(.smartphone) div#menu-plans div#plans-body div#dayweek-selectors>div#day-selector>div {
    width: auto;
    height: 2.85714em;
    border-radius: 1.85714em;
    padding-left: 2.14286em;
    padding-right: 2.14286em;
    border: 1px solid transparent
}

html[data-page=index][data-subdomain=fit-21]:not(.smartphone) div#menu-plans div#plans-body div#dayweek-selectors>div#day-selector>div.active {
    background-color: transparent;
    color: inherit;
    border: 1px solid var(--color__default)
}

html[data-page=index][data-subdomain=fit-21]:not(.smartphone) div#menu-plans div#plans-body div#menu-container {
    margin-top: .42em
}

html[data-page=index][data-subdomain=fit-21]:not(.smartphone) div#menu-plans div#plans-body div#menu-container div#menu-items {
    width: 100%;
    margin-bottom: .2em
}

html[data-page=index][data-subdomain=fit-21]:not(.smartphone) div#menu-plans div#plans-body div#menu-container div#menu-items>div.dish-v20 {
    box-shadow: 0 .04em .15em 0 rgba(0, 0, 0, .26)
}

html[data-page=index][data-subdomain=fit-21]:not(.smartphone) div#menu-plans div#plans-body div#menu-container div#menu-items>div.dish-v20>div.info {
    padding: .1em 0 .13em
}

html[data-page=index][data-subdomain=fit-21]:not(.smartphone) div#menu-plans div#plans-body div#menu-container div#menu-items>div.dish-v20>div.info>div.title {
    font-size: .16em;
    padding: 0 1.25em
}

html[data-page=index][data-subdomain=fit-21]:not(.smartphone) div#menu-plans div#plans-body div#menu-container div#menu-items>div.dish-v20>div.info>div.stats-flex {
    font-size: 1em
}

html[data-page=index][data-subdomain=fit-21]:not(.smartphone) div#menu-plans div#plans-body div#menu-container div#menu-items>div.dish-v20>div.info>div.stats-flex>div {
    padding: 0 .11em
}

html[data-page=index][data-subdomain=fit-21]:not(.smartphone) div#menu-plans div#plans-body div#menu-container div#menu-items>div.dish-v20>div.info>div.stats-flex>div>div.amount {
    font-size: .18em;
    font-weight: 700
}

html[data-page=index][data-subdomain=fit-21]:not(.smartphone) div#menu-plans div#plans-body div#menu-container div#menu-items>div.dish-v20>div.info>div.stats-flex>div>div.type {
    font-size: .12em;
    font-weight: 500;
    color: #797979
}

html[data-page=index][data-subdomain=fit-21]:not(.smartphone) div#menu-plans div#plans-body div#menu-container div#menu-items>div.dish-v20:nth-child(5) {
    margin-bottom: 0
}

html[data-page=index].smartphone[data-subdomain=fit-21] div#menu-plans {
    padding-top: .3em;
    background-color: #f5f4f5
}

html[data-page=index].smartphone[data-subdomain=fit-21] div#menu-plans h2 {
    max-width: 100%
}

html[data-page=index].smartphone[data-subdomain=fit-21] div#menu-plans>div.landing-width-container>h3 {
    font-size: .14em
}

html[data-page=index].smartphone[data-subdomain=fit-21] div#menu-plans>div.landing-width-container>div.cal-after-h2 {
    font-size: .24em
}

html[data-page=index].smartphone[data-subdomain=fit-21] div#menu-plans div#plans-body {
    padding-top: .29em
}

html[data-page=index].smartphone[data-subdomain=fit-21] div#menu-plans div#plans-body div#fit21-weeks-selector {
    width: 3em
}

html[data-page=index].smartphone[data-subdomain=fit-21] div#menu-plans div#plans-body div#fit21-weeks-selector>div {
    width: 33.33%;
    font-size: .14em;
    height: 2.07143em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    line-height: 1.07;
    color: #1b1b1b;
    background-color: var(--color__white)
}

html[data-page=index].smartphone[data-subdomain=fit-21] div#menu-plans div#plans-body div#fit21-weeks-selector>div.active {
    color: var(--color__white);
    background-color: var(--color__default)
}

html[data-page=index].smartphone[data-subdomain=fit-21] div#menu-plans div#plans-body div#fit21-weeks-selector>div:not(.active) {
    cursor: pointer
}

html[data-page=index].smartphone[data-subdomain=fit-21] div#menu-plans div#plans-body div#fit21-weeks-selector>div:nth-child(2) {
    border-right: 1px solid #cacbcb;
    border-left: 1px solid #cacbcb
}

html[data-page=index].smartphone[data-subdomain=fit-21] div#menu-plans div#plans-body div#dayweek-selectors {
    margin-top: .26em
}

html[data-page=index].smartphone[data-subdomain=fit-21] div#menu-plans div#plans-body div#dayweek-selectors>div#day-selector {
    width: 2.98em
}

html[data-page=index].smartphone[data-subdomain=fit-21] div#menu-plans div#plans-body div#dayweek-selectors>div#day-selector>div {
    padding: 0;
    width: 2.675em;
    height: 2.5em;
    border-radius: 50%;
    text-decoration: underline
}

html[data-page=index].smartphone[data-subdomain=fit-21] div#menu-plans div#plans-body div#menu-description {
    font-size: .65em;
    margin-top: .4em
}

html[data-page=index][data-subdomain=hydra] #gf-about,
html[data-page=index][data-subdomain=trial] #gf-about {
    padding-top: 1.15em
}

html[data-page=index][data-subdomain=hydra] #gf-about div.bag,
html[data-page=index][data-subdomain=trial] #gf-about div.bag {
    width: 4.5em;
    bottom: -1.7em;
    right: -.6em
}

html[data-page=index][data-subdomain=hydra] #plans-body div.tariff-description,
html[data-page=index][data-subdomain=trial] #plans-body div.tariff-description {
    -ms-flex-pack: center;
    justify-content: center
}

html[data-page=index][data-subdomain=hydra] #plans-body div.tariff-description__title,
html[data-page=index][data-subdomain=trial] #plans-body div.tariff-description__title {
    font-weight: 500
}

html[data-page=index][data-subdomain=hydra] #plans-body div.trial-closest-eating,
html[data-page=index][data-subdomain=trial] #plans-body div.trial-closest-eating {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

html[data-page=index][data-subdomain=hydra] #plans-body div.trial-closest-eating>svg,
html[data-page=index][data-subdomain=trial] #plans-body div.trial-closest-eating>svg {
    width: .24em;
    margin-right: .12em;
    margin-top: .05em
}

html[data-page=index][data-subdomain=hydra] #plans-body div.trial-closest-eating>div>div.line1,
html[data-page=index][data-subdomain=trial] #plans-body div.trial-closest-eating>div>div.line1 {
    font-size: .24em;
    font-weight: 700
}

html[data-page=index][data-subdomain=hydra] #plans-body div.trial-closest-eating>div>div.line2,
html[data-page=index][data-subdomain=trial] #plans-body div.trial-closest-eating>div>div.line2 {
    color: #1b1b1b;
    font-size: .16em;
    font-weight: 500
}

html[data-page=index][data-subdomain=hydra] #plans-body div#menu-description div.description,
html[data-page=index][data-subdomain=trial] #plans-body div#menu-description div.description {
    min-height: 0;
    padding: .21em .2em
}

html[data-page=index][data-subdomain=hydra] #plans-body div#menu-description div.description>div.free-delivery>div.text,
html[data-page=index][data-subdomain=trial] #plans-body div#menu-description div.description>div.free-delivery>div.text {
    font-weight: 700;
    font-size: .16em
}

html[data-page=index][data-subdomain=hydra] #plans-body div#menu-description div.description>div.title,
html[data-page=index][data-subdomain=trial] #plans-body div#menu-description div.description>div.title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .3em;
    white-space: nowrap
}

html[data-page=index][data-subdomain=hydra] #plans-body div#menu-description div.description>div.title>div.plan-details,
html[data-page=index][data-subdomain=trial] #plans-body div#menu-description div.description>div.title>div.plan-details {
    margin-top: .2em;
    font-size: .18em;
    font-weight: 700
}

html[data-page=index][data-subdomain=hydra] #plans-body div#menu-description div.description>div.title h3,
html[data-page=index][data-subdomain=trial] #plans-body div#menu-description div.description>div.title h3 {
    font-size: .28em;
    margin-bottom: 0;
    margin-right: .35em
}

html[data-page=index][data-subdomain=hydra] #plans-body div#menu-description h3.trial-price-info,
html[data-page=index][data-subdomain=trial] #plans-body div#menu-description h3.trial-price-info {
    font-weight: 700;
    font-size: .28em;
    text-transform: none
}

html[data-page=index][data-subdomain=hydra] div#plans-switcher div.discount,
html[data-page=index][data-subdomain=trial] div#plans-switcher div.discount {
    font-size: .15rem;
    font-weight: 700
}

html[data-page=index][data-subdomain=hydra][data-trial-pricing]:not(.smartphone) div#menu-description div.description>div.price-v20,
html[data-page=index][data-subdomain=trial][data-trial-pricing]:not(.smartphone) div#menu-description div.description>div.price-v20 {
    padding-right: .3em
}

html[data-page=index][data-subdomain=trial] #navbar.dark .navbar-logo svg path,
html[data-page=index][data-subdomain=trial] #navbar.dark .navbar-phone svg path {
    fill: #fff
}

html[data-page=index][data-subdomain=trial] #navbar.dark .navbar-logo svg circle,
html[data-page=index][data-subdomain=trial] #navbar.dark .navbar-phone svg circle {
    stroke: #fff
}

html[data-page=index][data-subdomain=trial] #navbar.dark .navbar-logo {
    border-right-color: #fff
}

html[data-page=index].smartphone[data-subdomain=hydra] #gf-about,
html[data-page=index].smartphone[data-subdomain=trial] #gf-about {
    padding-top: .41em
}

html[data-page=index].smartphone[data-subdomain=hydra] #gf-about div.about-flex,
html[data-page=index].smartphone[data-subdomain=trial] #gf-about div.about-flex {
    padding-bottom: .7em
}

html[data-page=index].smartphone[data-subdomain=hydra] #gf-about div.bag,
html[data-page=index].smartphone[data-subdomain=trial] #gf-about div.bag {
    right: 0 !important;
    width: 100% !important;
    bottom: -2.1em !important;
    overflow: hidden;
    text-align: center
}

html[data-page=index].smartphone[data-subdomain=hydra] #gf-about div.bag>img,
html[data-page=index].smartphone[data-subdomain=trial] #gf-about div.bag>img {
    transform: rotate(42deg);
    width: 2.3em !important
}

html[data-page=index].smartphone[data-subdomain=hydra] div#plans-switcher div.discount,
html[data-page=index].smartphone[data-subdomain=trial] div#plans-switcher div.discount {
    font-size: .13rem;
    font-weight: 500
}

html[data-page=index].smartphone[data-subdomain=hydra] #how-it-works,
html[data-page=index].smartphone[data-subdomain=trial] #how-it-works {
    padding-top: 1em
}

html[data-page=index].smartphone[data-subdomain=hydra] #plans-body div.trial-closest-eating,
html[data-page=index].smartphone[data-subdomain=trial] #plans-body div.trial-closest-eating {
    font-size: .7em;
    padding: 0 .13rem
}

html[data-page=index].smartphone[data-subdomain=hydra] #plans-body div.trial-closest-eating svg,
html[data-page=index].smartphone[data-subdomain=trial] #plans-body div.trial-closest-eating svg {
    display: none
}

html[data-page=index].smartphone[data-subdomain=hydra] #plans-body div#menu-description div.free-delivery>div.text,
html[data-page=index].smartphone[data-subdomain=trial] #plans-body div#menu-description div.free-delivery>div.text {
    font-weight: 700;
    font-size: .16em
}

html[data-page=index].smartphone[data-subdomain=hydra] #plans-body div#menu-description div.orderButtons,
html[data-page=index].smartphone[data-subdomain=trial] #plans-body div#menu-description div.orderButtons {
    width: 1.9em
}

html[data-page=index].smartphone[data-subdomain=hydra] #plans-body div#menu-description div.description,
html[data-page=index].smartphone[data-subdomain=trial] #plans-body div#menu-description div.description {
    padding: .1em;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

html[data-page=index].smartphone[data-subdomain=hydra] #plans-body div#menu-description div.description div.trial-title,
html[data-page=index].smartphone[data-subdomain=trial] #plans-body div#menu-description div.description div.trial-title {
    width: 100%;
    font-size: .16em;
    font-weight: 700;
    text-align: left;
    margin-bottom: .5em
}

html[data-page=index].smartphone[data-subdomain=hydra] #plans-body div#menu-description div.description div.trial-kkal,
html[data-page=index].smartphone[data-subdomain=trial] #plans-body div#menu-description div.description div.trial-kkal {
    width: 100%;
    text-align: center;
    font-size: .14em;
    margin-bottom: 1em
}

html[data-page=index].smartphone[data-subdomain=hydra] #plans-body div#menu-description div.description div.orderButtons .button,
html[data-page=index].smartphone[data-subdomain=trial] #plans-body div#menu-description div.description div.orderButtons .button {
    text-transform: none
}

html[data-page=dashboard].smartphone div.trial-unavailable-step {
    width: 3em;
    margin: 0 auto;
    text-align: center
}

html[data-page=dashboard].smartphone div.trial-unavailable-step h3 {
    font-size: .3em;
    font-weight: 700
}

html[data-page=index] div#menu-plans>div.landing-width-container.packs-v20 {
    width: 11.63em
}

html[data-page=index].smartphone div#menu-plans>div.landing-width-container.packs-v20 {
    width: auto
}

div.menu-plans.packs-v20 div#plans-body div#menu-items {
    width: 8.82em
}

div.menu-plans.packs-v20 div#plans-body div#menu-items.fit_trial div.dish-v20>div.photo,
div.menu-plans.packs-v20 div#plans-body div#menu-items.fit div.dish-v20>div.photo {
    background-size: 1.6em;
    background-repeat: no-repeat;
    background-color: #a2c08c
}

div.menu-plans.packs-v20 div#plans-body div#menu-items.super_fit div.dish-v20>div.photo {
    background-size: 1.6em;
    background-repeat: no-repeat;
    background-color: #fbbec5
}

div.menu-plans.packs-v20 div#plans-body div#menu-items.daily_trial div.dish-v20>div.photo,
div.menu-plans.packs-v20 div#plans-body div#menu-items.daily div.dish-v20>div.photo {
    background-size: 1.6em;
    background-repeat: no-repeat;
    background-color: #feb690
}

div.menu-plans.packs-v20 div#plans-body div#menu-items.balance_trial div.dish-v20>div.photo,
div.menu-plans.packs-v20 div#plans-body div#menu-items.balance div.dish-v20>div.photo,
div.menu-plans.packs-v20 div#plans-body div#menu-items.detox div.dish-v20>div.photo {
    background-size: 1.6em;
    background-repeat: no-repeat;
    background-color: #d2e0ed
}

div.menu-plans.packs-v20 div#plans-body div#menu-items.power div.dish-v20>div.photo {
    background-size: 1.6em;
    background-repeat: no-repeat;
    background-color: #c4cddc
}

div.menu-plans.packs-v20 div#plans-body div#menu-items div.dish-v20 {
    width: 2.8em;
    border-radius: .04em;
    background-color: #fff;
    box-shadow: 0 .02em .04em 0 rgba(0, 0, 0, .06);
    overflow: hidden;
    margin-bottom: .22em
}

div.menu-plans.packs-v20 div#plans-body div#menu-items div.dish-v20>div.photo {
    height: 1.8em;
    background-size: cover;
    background-position: 50%
}

div.menu-plans.packs-v20 div#plans-body div#menu-items div.dish-v20>div.photo>div.title {
    background-color: rgba(0, 0, 0, .4);
    font-size: .15em;
    font-weight: 500;
    padding: .33333em 1.93333em .4em .8em;
    display: table;
    color: #fff
}

div.menu-plans.packs-v20 div#plans-body div#menu-items div.dish-v20>div.info {
    padding: .12em .2em .14em
}

div.menu-plans.packs-v20 div#plans-body div#menu-items div.dish-v20>div.info>div.title {
    font-size: .15em;
    font-weight: 500;
    line-height: 1.33;
    text-align: center;
    color: #1b1b1b;
    min-height: 2.4em
}

div.menu-plans.packs-v20 div#plans-body div#menu-items div.dish-v20>div.info>div.stats-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: .12em;
    font-size: 1.2em
}

div.menu-plans.packs-v20 div#plans-body div#menu-items div.dish-v20>div.info>div.stats-flex>div {
    text-align: center;
    padding: 0 .1em
}

div.menu-plans.packs-v20 div#plans-body div#menu-items div.dish-v20>div.info>div.stats-flex>div>div.amount {
    font-size: .16em;
    font-weight: 500;
    line-height: 1.5;
    color: #1b1b1b
}

div.menu-plans.packs-v20 div#plans-body div#menu-items div.dish-v20>div.info>div.stats-flex>div>div.type {
    font-size: .1em;
    font-weight: 500;
    line-height: 1.1;
    color: #9b9b9b
}

div.menu-plans.packs-v20 div#plans-body div#menu-items div.summary {
    height: auto
}

div.menu-plans.packs-v20 div#plans-body div#menu-description {
    width: 2.61em
}

html.smartphone div.menu-plans.packs-v20 div#plans-body div#menu-items {
    width: 100%
}

html.smartphone div.menu-plans.packs-v20 div#plans-body div#menu-items div.swiper-slide {
    width: 2.31em
}

html.smartphone div.menu-plans.packs-v20 div#plans-body div#menu-items div.swiper-slide.summary-slide {
    display: -ms-flexbox;
    display: flex
}

html.smartphone div.menu-plans.packs-v20 div#plans-body div#menu-items div.dish-v20 {
    width: 2.31em;
    border-radius: .04em;
    background-color: #fff;
    box-shadow: 0 .02em .04em 0 rgba(0, 0, 0, .06);
    overflow: hidden;
    margin-bottom: 0
}

html.smartphone div.menu-plans.packs-v20 div#plans-body div#menu-items div.dish-v20>div.photo {
    height: 1.6em
}

html.smartphone div.menu-plans.packs-v20 div#plans-body div#menu-items div.dish-v20>div.info {
    padding: .12em .2em .14em
}

html.smartphone div.menu-plans.packs-v20 div#plans-body div#menu-items div.dish-v20>div.info>div.title {
    font-size: .13em;
    min-height: 2.76923em
}

html.smartphone div.menu-plans.packs-v20 div#plans-body div#menu-items div.dish-v20>div.info>div.stats-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: .27em
}

html.smartphone div.menu-plans.packs-v20 div#plans-body div#menu-items div.dish-v20>div.info>div.stats-flex>div {
    text-align: center;
    padding: 0 .07em
}

html.smartphone div.menu-plans.packs-v20 div#plans-body div#menu-items div.dish-v20>div.info>div.stats-flex>div>div.amount {
    font-size: .13em
}

html.smartphone div.menu-plans.packs-v20 div#plans-body div#menu-items div.dish-v20>div.info>div.stats-flex>div>div.type {
    font-size: .1em
}

html.smartphone div.menu-plans.packs-v20 div#plans-body div#menu-items div.dish-v20>div.info>div.stats-flex>div:not(:last-child) {
    border-right: 1px solid var(--color__default)
}

html.smartphone div.menu-plans.packs-v20 div#plans-body div#menu-items div.summary {
    width: 100%;
    height: auto
}

html.smartphone div.menu-plans.packs-v20 div#plans-body div#menu-description {
    width: 100%
}

html[data-page=index][data-subdomain=hydra] body {
    background-color: #151314
}

html[data-page=index][data-subdomain=hydra] h2 {
    color: #fff
}

html[data-page=index][data-subdomain=hydra] div.line-after-h2 {
    margin-top: .31em;
    background-color: transparent;
    width: 1.7em;
    height: .21em;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(/static/images/h2.a83301e.png)
}

html[data-page=index][data-subdomain=hydra] #how-it-works .how-list>.item>.desc {
    color: #fff
}

html[data-page=index][data-subdomain=hydra] div#menu-plans,
html[data-page=index][data-subdomain=hydra] div.menu-plans {
    background: none
}

html[data-page=index][data-subdomain=hydra] div.tariff-description div.description {
    color: #fff
}

html[data-page=index][data-subdomain=hydra] div#how-it-works {
    position: relative
}

html[data-page=index][data-subdomain=hydra] div#how-it-works>div.landing-width-container>h2 {
    font-size: .12em;
    color: #fff;
    text-align: right;
    padding-right: 22.5em
}

html[data-page=index][data-subdomain=hydra] div#how-it-works:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -2em;
    width: 3.94em;
    height: 2.91em;
    font-size: .8em;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(/static/images/blue.dad5939.png)
}

html[data-page=index][data-subdomain=hydra] div#menu-plans {
    background-size: 90%;
    background-position: -12% 80%;
    background-repeat: no-repeat;
    background-image: url(/static/images/menu.3c2d790.png)
}

html[data-page=index][data-subdomain=hydra] div#plans-body div.trial-closest-eating>div>div.line1,
html[data-page=index][data-subdomain=hydra] div#plans-body div.trial-closest-eating>div>div.line2 {
    color: #fff
}

html[data-page=index][data-subdomain=hydra] #deliveries-map {
    background: none
}

html[data-page=index][data-subdomain=hydra] #deliveries-map .map .description {
    padding: .15rem .2rem
}

html[data-page=index][data-subdomain=hydra] div#plans-switcher .select-plan-item {
    background: none;
    bottom: 0 !important;
    box-shadow: none !important;
    transition: none;
    overflow: visible
}

html[data-page=index][data-subdomain=hydra] div#plans-switcher .select-plan-item>div.icon {
    width: 1.5em;
    height: 1.5em;
    transform-origin: 50% 0;
    transition: transform .3s ease;
    position: relative;
    z-index: 2
}

html[data-page=index][data-subdomain=hydra] div#plans-switcher .select-plan-item>h3 {
    font-size: .24em;
    font-weight: 700;
    line-height: .92;
    margin-top: .70833em;
    color: #fff;
    position: relative;
    z-index: 5;
    text-transform: none
}

html[data-page=index][data-subdomain=hydra] div#plans-switcher .select-plan-item>h3:before {
    content: "";
    opacity: 0;
    display: block;
    width: 2.56em;
    height: .88em;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(/static/images/green.4f4b1af.png);
    position: absolute;
    left: 50%;
    margin-left: -1.28em;
    top: -.18em;
    font-size: 3.5em;
    z-index: -1;
    transition: opacity .3s ease
}

html[data-page=index][data-subdomain=hydra] div#plans-switcher .select-plan-item>div.kkal {
    font-size: .2em;
    font-weight: 700;
    line-height: 1.1;
    margin-top: .4em;
    color: #fff;
    position: relative;
    z-index: 5
}

html[data-page=index][data-subdomain=hydra] div#plans-switcher .select-plan-item.active>div.icon {
    transform: scale(1.33)
}

html[data-page=index][data-subdomain=hydra] div#plans-switcher .select-plan-item.active>h3:before {
    opacity: 1
}

html[data-page=index][data-subdomain=hydra] div#menu-description div.description>div.title {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

html[data-page=index][data-subdomain=hydra] div#menu-description div.description>div.title h3 {
    text-transform: none
}

html[data-page=index][data-subdomain=hydra] div#footer {
    background-image: none
}

html[data-page=index].smartphone[data-subdomain=hydra] div#how-it-works {
    padding-top: .5em
}

html[data-page=index].smartphone[data-subdomain=hydra] div#how-it-works>div.landing-width-container>h3 {
    padding-right: 0
}

html[data-page=index].smartphone[data-subdomain=hydra] div#how-it-works>div.landing-width-container div.how-list>div.item>img {
    width: .7em;
    margin-right: .2em
}

html[data-page=index].smartphone[data-subdomain=hydra] div#how-it-works:after {
    display: none
}

html[data-page=index].smartphone[data-subdomain=hydra] div#plans-switcher .select-plan-item>div.icon {
    width: .49em;
    height: .49em
}

html[data-page=index].smartphone[data-subdomain=hydra] div#plans-switcher .select-plan-item>h3 {
    font-size: .14em;
    font-weight: 500;
    margin-top: .21429em
}

html[data-page=index].smartphone[data-subdomain=hydra] div#plans-switcher .select-plan-item>h3:before {
    width: 2.56em;
    height: 1.7em;
    font-size: 2.2em;
    top: -.4em;
    background-image: url(/static/images/green-mob.3f372b5.png)
}

html[data-page=index].smartphone[data-subdomain=hydra] div#plans-switcher .select-plan-item>div.kkal {
    display: none
}

html[data-page=index].smartphone[data-subdomain=hydra] div#plans-switcher .select-plan-item.active {
    background: none
}

html[data-page=index].smartphone[data-subdomain=hydra] div#plans-switcher .select-plan-item.active>div.icon {
    transform: none
}

html[data-page=index].smartphone[data-subdomain=hydra] div#plans-switcher .select-plan-item.active>h3:before {
    opacity: 1
}

html[data-page=index].smartphone[data-subdomain=hydra] div#plans-body {
    background: none
}

html[data-page=index].smartphone[data-subdomain=hydra] div#plans-body div.name-kkal {
    font-size: .16em;
    font-weight: 700;
    color: #fff
}

html[data-page=index].smartphone[data-subdomain=hydra] div#plans-body div#menu-items div.swiper-slide {
    display: -ms-flexbox;
    display: flex
}

html[data-page=index].smartphone[data-subdomain=hydra] div#plans-body div#menu-items div.dish-v20,
html[data-page=index].smartphone[data-subdomain=hydra] div#plans-body div#menu-items div.dish-v20>div.info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between
}

html[data-page=index].smartphone[data-subdomain=hydra] div#plans-body div#menu-items div.dish-v20>div.info {
    -ms-flex-positive: 10;
    flex-grow: 10
}

html[data-page=index].smartphone[data-subdomain=hydra] div#menu-plans>div.landing-width-container>h2,
html[data-page=index].smartphone[data-subdomain=hydra] div#plans-body div.free-delivery>div.text {
    color: #fff
}

html[data-page=index].smartphone[data-subdomain=hydra] div#deliveries-map {
    height: auto
}

html[data-page=index].smartphone[data-subdomain=hydra] div#deliveries-map .map {
    margin-top: .2em
}

html[data-page=index].smartphone[data-subdomain=hydra] div#deliveries-map .description-mobile h3,
html[data-page=index].smartphone[data-subdomain=hydra] div#deliveries-map .description-mobile ul {
    color: #fff
}

html[data-page=index].smartphone[data-subdomain=hydra] div.menu-plans {
    overflow: hidden
}

.b-lovers-promo {
    display: -ms-flexbox;
    display: flex;
    background-image: url(/static/images/february14-promo.20ff532.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 6.67rem
}

html.smartphone .b-lovers-promo {
    height: 5.31rem;
    background-position: top;
    background-image: url(/static/images/february14-promo-mob.30779ca.jpg)
}

.b-lovers-promo__header {
    position: relative;
    background-color: hsla(0, 0%, 100%, .8);
    padding: .33rem .77rem .36rem;
    border-radius: .1rem;
    width: 7.4rem;
    text-align: center;
    margin: auto auto .88rem
}

html.smartphone .b-lovers-promo__header {
    width: 100%;
    padding-right: .3rem;
    padding-left: .18rem;
    padding-right: .18rem;
    padding-bottom: .15rem;
    margin-bottom: 0;
    border-radius: 0
}

.b-lovers-promo__header-hearts {
    position: absolute;
    top: -.16rem;
    right: -.24rem;
    width: .89rem;
    height: .84rem
}

html.smartphone .b-lovers-promo__header-hearts {
    width: .52rem;
    height: .49rem;
    top: -.24rem;
    right: unset;
    left: calc(50% - .26rem)
}

.b-lovers-promo__header-hearts img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    vertical-align: middle
}

.b-lovers-promo__title {
    font-size: .52em;
    line-height: 1.08;
    font-weight: 700;
    color: #464646;
    margin-bottom: .25em
}

html.smartphone .b-lovers-promo__title {
    font-size: .25em;
    line-height: 1.08;
    margin-bottom: .36em
}

.b-lovers-promo__subtitle {
    font-size: .2em;
    line-height: 1.2;
    font-weight: 500;
    color: #696969;
    padding-left: .2rem;
    padding-right: .2rem;
    margin-bottom: 1.45em
}

html.smartphone .b-lovers-promo__subtitle {
    margin-top: 0;
    font-size: .16em;
    line-height: 1.13;
    padding-left: .1rem;
    padding-right: .1rem;
    margin-bottom: 1.5em
}

.b-lovers-promo__promo-ends {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.b-lovers-promo__button {
    position: absolute;
    bottom: -.3rem;
    left: calc(50% - 1.7rem)
}

html.smartphone .b-lovers-promo__button {
    position: static;
    margin-bottom: .08em
}

.b-lovers-promo__button .button {
    font-size: .18rem;
    font-weight: 900;
    width: 3.4rem;
    height: .6rem
}

html.smartphone .b-lovers-promo__button .button {
    width: 2.8rem;
    height: .5rem;
    font-weight: 700;
    text-transform: unset;
    margin-left: auto;
    margin-right: auto
}

#new-order-page h1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: baseline;
    align-items: baseline
}

#new-order-page h1 div.dropdown {
    font-size: 1em;
    margin-left: .35714em
}

#new-order-page h1 div.dropdown-selector {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

#new-order-page h1 div.dropdown-selector span {
    color: var(--color__default);
    border-bottom: 2px dotted;
    padding-bottom: .10714em
}

#new-order-page h1 div.dropdown-selector svg {
    fill: var(--color__default);
    width: .71429em;
    height: .89286em;
    margin-left: .35714em
}

#new-order-page h1 div.dropdown-content {
    top: calc(100% + .2em)
}

#new-order-page h1 div.dropdown-content ul {
    padding-left: 0;
    list-style: none
}

#new-order-page h1 div.dropdown-content ul li {
    font-size: .64286em;
    width: 11.11111em;
    padding: .55556em;
    cursor: pointer
}

#new-order-page h1 div.dropdown-content ul li:hover {
    background-color: var(--color__default);
    color: #fff
}

#new-order-page .b-order__cancel-order,
#new-order-page .b-order__send-order {
    width: 100%
}

#new-order-page div#plans-switcher {
    margin-top: .4em
}

#new-order-page div#plans-switcher>div[class*=select-plan-]:hover div.customization-mark {
    bottom: -.41667em;
    transition: bottom .3s
}

#new-order-page div#plans-switcher>div[class*=select-plan-] .select-plan-item {
    box-shadow: 20 10 20 0 rgba(27, 27, 27, .1);
    transition: all .3s
}

#new-order-page div#plans-switcher>div[class*=select-plan-] .select-plan-item>div.icon {
    width: .7em;
    height: .7em
}

#new-order-page div#plans-switcher>div[class*=select-plan-] .select-plan-item div.kkal,
#new-order-page div#plans-switcher>div[class*=select-plan-] .select-plan-item h3 {
    font-size: .18em;
    font-weight: 700
}

#new-order-page div#plans-switcher>div[class*=select-plan-]>div.customization-mark,
#new-order-page div#plans-switcher>div[class*=select-plan-] div#plans-switcher a>div.customization-mark {
    font-size: .12em;
    width: 10em;
    height: 1.66667em;
    bottom: -.83333em;
    margin-left: -5em;
    text-transform: uppercase;
    transition: bottom .3s
}

#new-order-page div#plans-body .tariff-description__title {
    font-size: .16em
}

#new-order-page div#plans-body .tariff-description div.description {
    font-size: .14em
}

html[data-page=dashboard] #new-order-page div#plans-body .tariff-description div.description {
    margin: .75em 0 0
}

#new-order-page .menu_in_orders {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: baseline;
    align-items: baseline
}

#new-order-page .menu-days {
    width: 8.3em
}

#new-order-page .b-menu-section__help {
    font-size: .15rem;
    margin-right: .07rem
}

#new-order-page .b-menu-section__help-bullet {
    width: .3rem;
    height: .056rem;
    border-radius: 1rem
}

#new-order-page .menu-section-dates {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
    padding-left: 0;
    margin-top: .19rem
}

#new-order-page .menu-section-dates.menu-section-dates--start {
    -ms-flex-pack: start;
    justify-content: flex-start
}

#new-order-page .menu-section-dates li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: .14rem;
    font-weight: 700;
    text-transform: capitalize;
    padding: .07rem .2rem .07rem .18rem;
    border-radius: .135rem;
    cursor: pointer
}

#new-order-page .menu-section-dates li.active {
    color: var(--color__white);
    background-color: #40b93c;
}

.landing-page--ya-taxi #new-order-page .menu-section-dates li.active {
    color: inherit;
    background-color: #ffdc10
}

@keyframes spinner {
    to {
        transform: rotate(1turn)
    }
}

#new-order-page div#menu-container div#menu-items.loading-config {
    position: relative;
    pointer-events: none
}

#new-order-page div#menu-container div#menu-items.loading-config .b-pack {
    position: relative;
    opacity: .2 !important
}

#new-order-page div#menu-container div#menu-items.loading-config:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 40%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border: 5px solid transparent;
    border-top-color: var(--color__default);
    border-right-color: var(--color__default);
    border-bottom-color: var(--color__default);
    animation: spinner 2s linear infinite
}

#new-order-page div#menu-container div#menu-items.dish-v30 {
    /*display: -ms-flexbox;
    display: flex;*/
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

#new-order-page div#menu-container div#menu-items.dish-v30:after {
    content: "";
    -ms-flex: auto;
    flex: auto
}

#new-order-page div#menu-container div#menu-items.dish-v30 .b-pack {
    font-size: .16em;
    width: 17.5em;
    margin-bottom: 1.875em;
    margin-right: .625em
}

#new-order-page div#menu-container div#menu-items.dish-v30 .b-pack:nth-child(3n) {
    margin-right: 0
}

#new-order-page div#menu-container div#menu-items.dish-v30 .b-pack.was-changed .b-pack-actions__title,
#new-order-page div#menu-container div#menu-items.dish-v30 .b-pack.was-changed h4 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

#new-order-page div#menu-container div#menu-items.dish-v30 .b-pack.was-changed .b-pack-actions__title:before,
#new-order-page div#menu-container div#menu-items.dish-v30 .b-pack.was-changed h4:before {
    content: "";
    display: inline-block;
    width: .4375em;
    height: .4375em;
    background-color: #f8c325;
    border-radius: 2rem;
    margin-right: .3125em
}

#new-order-page div#menu-container div#menu-items.dish-v30 .b-pack__photo img.b-pack-img {
    transition: all .5s ease;
    width: 15em;
    height: 11em;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-filter: drop-shadow(10 18px 20 rgba(0, 0, 0, .3));
    filter: drop-shadow(10 18px 20 rgba(0, 0, 0, .3))
}

#new-order-page div#menu-container div#menu-items.dish-v30 .b-pack-actions__title {
    font-size: 1em;
    font-weight: 700;
    color: #9b9b9b
}

#new-order-page div#menu-container div#menu-items.dish-v30 .b-pack-actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 15em;
    margin-top: 1.5625em;
    position: relative
}

#new-order-page div#menu-container div#menu-items.dish-v30 .b-pack-actions .btn {
    font-size: 1em;
    font-weight: 700;
    color: #f8c325;
    text-transform: uppercase;
    text-decoration: underline;
    padding: 0
}

#new-order-page div#menu-container div#menu-items.dish-v30 .b-pack-actions .btn:hover {
    background-color: transparent
}

#new-order-page div#menu-container div#menu-items.dish-v30 .b-pack-actions .additional-buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse;
    position: absolute;
    right: 0
}

#new-order-page div#menu-container div#menu-items.dish-v30 .b-pack-actions .additional-buttons .button {
    font-size: .8125em;
    height: 2.5em;
    width: 8.16667em;
    padding: 0;
    text-transform: uppercase;
    border: none
}

#new-order-page div#menu-container div#menu-items.dish-v30 .b-pack-actions .additional-buttons .button svg {
    width: 1em;
    height: 1em
}

#new-order-page div#menu-container div#menu-items.dish-v30 .b-pack-actions .additional-buttons .custom-buttons {
    display: -ms-flexbox;
    display: flex;
    margin-right: .58333em
}

#new-order-page div#menu-container div#menu-items.dish-v30 .b-pack-actions .additional-buttons .custom-buttons span:first-of-type .button {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

#new-order-page div#menu-container div#menu-items.dish-v30 .b-pack-actions .additional-buttons .custom-buttons span:last-of-type .button {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

#new-order-page div#menu-container div#menu-items.dish-v30 .b-pack-actions .additional-buttons .custom-buttons .button {
    width: 2.5em
}

#new-order-page div#menu-container div#menu-items.dish-v30 .b-pack-title {
    font-size: 1em;
    font-weight: 700;
    margin: 1.25em 0 .625em
}

#new-order-page div#menu-container div#menu-items.dish-v30 .b-pack-summary {
    color: #9b9b9b;
    font-size: .875em
}

#new-order-page div#menu-container div#menu-items.dish-v30 .summary-block {
    width: 15em;
    height: 11em;
    padding: 2.1875em 1.25em;
    border-radius: 1.25em;
    background: var(--color__white);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .06)
}

#new-order-page div#menu-container div#menu-items.dish-v30 .summary-block span.type {
    color: #9b9b9b
}

#new-order-page div#menu-container div#menu-items.dish-v30 .summary-block>div.day {
    text-align: left;
    font-size: .875em;
    font-weight: 700;
    line-height: 1.5
}

#new-order-page div#menu-container div#menu-items.dish-v30 .summary-block>div.day .kkal {
    font-size: 1.28571em
}

#new-order-page div#menu-container div#menu-items.dish-v30 .summary-block>div.materials {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 1.25em
}

#new-order-page div#menu-container div#menu-items.dish-v30 .summary-block>div.materials>div {
    width: 33%;
    border: none;
    text-align: left
}

#new-order-page div#menu-container div#menu-items.dish-v30 .summary-block>div.materials>div>span {
    display: block
}

#new-order-page div#menu-container div#menu-items.dish-v30 .summary-block>div.materials>div span.number {
    font-size: 1.28571em;
    font-weight: 700
}

#new-order-page div#menu-container div#menu-items.dish-v30 .summary-block>div.materials>div span.type {
    font-size: .85714em
}

#new-order-page div#menu-container div.disclaimer {
    font-size: .14em
}

#new-order-page div#menu-description div.description {
    z-index: 10
}

#new-order-page div#menu-description div.orderButtons {
    margin-bottom: 0
}

#new-order-page div#menu-description div.orderButtons .phone-container {
    margin-bottom: .15rem
}

#new-order-page div#menu-description div.orderButtons .phone-container .small-text,
#new-order-page div#menu-description div.orderButtons .phone-container h3,
#new-order-page div#menu-description div.orderButtons .phone-container p {
    display: none
}

#new-order-page div#menu-description div.orderButtons .phone-container .input-button .button {
    font-size: .16rem
}

#new-order-page div#menu-description div.orderButtons .sms-container h3,
#new-order-page div#menu-description div.orderButtons .sms-container p {
    display: none
}

#new-order-page div#menu-description div.orderButtons>div>button {
    margin: .1rem 0
}

html.smartphone #new-order-page .b-order__cancel-order {
    margin-right: .05rem !important
}

html.smartphone #new-order-page div#menu-container div#menu-items.dish-v30 {
    transform: scale(1)
}

html.smartphone #new-order-page div#menu-container div#menu-items.dish-v30 .b-pack {
    width: 100%;
    padding: 1.25em 1.875em;
    margin-bottom: 0;
    margin-right: 0;
    text-align: center
}

html.smartphone #new-order-page div#menu-container div#menu-items.dish-v30 .b-pack:nth-child(odd) {
    background-color: #fff
}

html.smartphone #new-order-page div#menu-container div#menu-items.dish-v30 .b-pack:hover img.b-pack-img {
    transform: scale(1) !important
}

html.smartphone #new-order-page div#menu-container div#menu-items.dish-v30 .b-pack .b-pack-actions {
    margin: 0;
    width: 100%
}

html.smartphone #new-order-page div#menu-container div#menu-items.dish-v30 .b-pack .b-menu-custom__meal-favorites,
html.smartphone #new-order-page div#menu-container div#menu-items.dish-v30 .b-pack .b-menu-custom__meal-restricted {
    font-size: .7em;
    border-color: #fff
}

html.smartphone #new-order-page div#menu-container div#menu-items.dish-v30 .b-pack .c-icon-plus {
    width: 2.08333em;
    height: 2.08333em;
    fill: #f8c325
}

html.smartphone #new-order-page div#menu-container div#menu-items.dish-v30 .b-pack__footer {
    font-size: 6em;
    margin-top: .1em
}

html.smartphone #new-order-page div.menu_in_orders div.menu-days {
    margin-bottom: .15em
}

html.smartphone #new-order-page div#menu-description div.orderButtons {
    margin-top: .1rem;
    margin-bottom: .2rem
}

html.smartphone #new-order-page div#menu-description div.orderButtons .phone-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center
}

html.smartphone #new-order-page div#menu-description div.orderButtons .phone-container .small-text,
html.smartphone #new-order-page div#menu-description div.orderButtons .phone-container h3,
html.smartphone #new-order-page div#menu-description div.orderButtons .phone-container p {
    display: none
}

html.smartphone #new-order-page div#menu-description div.orderButtons .phone-container div.input-container {
    width: calc(100% - 1.1rem)
}

html.smartphone #new-order-page div#menu-description div.orderButtons .phone-container div.input-container .c-input-group__message {
    position: absolute;
    left: 0;
    right: -1.1rem;
    top: 100%
}

html.smartphone #new-order-page div#menu-description div.orderButtons .phone-container div.input-container input {
    margin-top: 0;
    margin-bottom: 0;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

html.smartphone #new-order-page div#menu-description div.orderButtons .phone-container .input-button {
    width: 1.1rem
}

html.smartphone #new-order-page div#menu-description div.orderButtons .phone-container .input-button .button {
    font-size: .12rem;
    height: .45rem;
    text-transform: unset;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.modal-window.b-menu-custom__modal.b-menu-change__modal .close-icon {
    right: .1rem;
    top: .1rem;
    z-index: 10;
    color: var(--color__white)
}

.modal-window.b-menu-custom__modal.b-menu-change__modal .modal-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: end;
    align-items: flex-end
}

.modal-window.b-menu-custom__modal.b-menu-change__modal .modal-inner h3 {
    font-size: .26em;
    font-weight: 700
}

.modal-window.b-menu-custom__modal.b-menu-change__modal .modal-inner .b-menu-change__pack-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.modal-window.b-menu-custom__modal.b-menu-change__modal .modal-inner .b-menu-custom__meal-inner {
    height: 100%;
    box-shadow: none
}

.modal-window.b-menu-custom__modal.b-menu-change__modal .modal-inner .b-menu-custom__meal-inner.selected {
    box-shadow: none
}

.modal-window.b-menu-custom__modal.b-menu-change__modal .modal-inner .b-menu-custom__meal-inner .b-menu-custom__meal-footer.center {
    -ms-flex-pack: start;
    justify-content: start
}

.modal-window.b-menu-custom__modal.b-menu-change__modal .modal-inner .swiper-pagination .swiper-pagination-bullet {
    opacity: .4;
    background-color: #fff
}

.modal-window.b-menu-custom__modal.b-menu-change__modal .modal-inner .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1
}

html[data-subdomain=wowfood].smartphone .city-selector--spb .dropdown-pos-bottom {
    left: 52%
}

html[data-subdomain=wowfood].smartphone .city-selector--spb .dropdown-pos-bottom:after,
html[data-subdomain=wowfood].smartphone .city-selector--spb .dropdown-pos-bottom:before {
    left: 47%
}

html[data-subdomain=wowfood].smartphone .city-selector--msk .dropdown-pos-bottom {
    left: 104%
}

html[data-subdomain=wowfood].smartphone .city-selector--msk .dropdown-pos-bottom:after,
html[data-subdomain=wowfood].smartphone .city-selector--msk .dropdown-pos-bottom:before {
    left: 35%
}

html[data-subdomain=wowfood] div.invite-container>div.base>div.guys {
    bottom: 0;
    right: -1.2em
}

html[data-subdomain=wowfood].smartphone div.invite-container>div.base>div.guys {
    width: 120%;
    right: -.7em
}

html[data-subdomain=wowfood] div#promo .invite-promo>div.screen-cont>div.guys {
    bottom: 0;
    width: 79%;
    right: -1em
}

html[data-subdomain=wowfood].smartphone .navbar .navbar-logo {
    padding-top: .125em;
    padding-bottom: .125em
}

html[data-subdomain=wowfood].smartphone div#promo .invite-promo>div.landing-width-container {
    height: 4.7em
}

html[data-subdomain=wowfood].smartphone div#promo .invite-promo>div.landing-width-container>div.cont>a.button {
    margin-top: 1.7em
}

html[data-subdomain=wowfood].smartphone div#promo .invite-promo>div.screen-cont {
    height: 4.7em
}

html[data-subdomain=wowfood].smartphone div#promo .invite-promo>div.screen-cont>div.guys {
    right: -.3em;
    bottom: 0;
    width: 120%
}

html[data-subdomain=wowfood] .navbar .navbar-logo {
    padding-top: .185em;
    padding-bottom: .185em
}

html[data-subdomain=wowfood] .navbar .navbar-logo svg:not(.c-icon) {
    width: auto;
    height: .2em
}

html.smartphone div#menu-plans {
    padding: .2rem 0;
    position: relative
}

html.smartphone div#menu-plans>div#loading-layer {
    position: absolute
}

html.smartphone div#menu-plans>div.landing-width-container {
    width: 100%
}

html.smartphone div#menu-plans>div.landing-width-container>h2 {
    font-size: .18rem;
    max-width: 1.95rem;
    margin: 0 auto;
    color: #1b1b1b;
    text-align: center
}

html.smartphone div#menu-plans .menu-plan__subscribe {
    -ms-flex: 1 1 20%;
    flex: 1 1 20%;
    margin: 0
}

html.smartphone div#menu-plans .menu-plan__subscribe.active .select-plan-item {
    background-color: #27b4bc;
    color: var(--color__white)
}

html.smartphone div#menu-plans .menu-plan__subscribe.active .select-plan-item h3 {
    color: var(--color__white)
}

html.smartphone div#menu-plans .menu-plan__subscribe.active .select-plan-item svg path {
    fill: var(--color__white)
}

html.smartphone div#menu-plans .menu-plan__subscribe .select-plan-item {
    color: #1b1b1b;
    height: .62rem
}

html.smartphone div#menu-plans .menu-plan__subscribe .select-plan-item:after {
    display: none
}

html.smartphone div#menu-plans .menu-plan__subscribe .select-plan-item svg {
    margin: .04rem auto
}

html.smartphone div#menu-plans .menu-plan__subscribe .select-plan-item svg path {
    fill: #27b4bc
}

html.smartphone div#menu-plans .menu-plan__subscribe .select-plan-item h3 {
    display: block;
    color: #1b1b1b;
    font-size: .09rem;
    padding: 0 .05rem
}

html.smartphone div#plans-body {
    background-color: #f5f4f5;
    padding-top: 0;
    padding-bottom: 0
}

html.smartphone div#plans-body .tariff-description__title {
    padding-left: 0;
    padding-bottom: 0
}

html.smartphone div#plans-switcher {
    margin-top: .2em;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15)
}

html.smartphone div#plans-switcher>div {
    width: 100%;
    margin: 0 !important
}

html.smartphone div#plans-switcher .customization-mark {
    font-size: 1em !important;
    width: .11833em !important;
    height: .11833em !important;
    border-radius: .07rem;
    background-color: #f8c325;
    margin-left: -.25em !important;
    top: .26667em;
    text-indent: -9999rem
}

html.smartphone div#plans-switcher .day-delivery {
    width: 1.5rem !important;
    height: .3rem;
    padding: 0;
    background-color: var(--color__default);
    border: none;
    margin-top: .07rem;
    margin-bottom: -.1rem;
    margin-left: -.3rem
}

html.smartphone div#plans-switcher .day-delivery.balance,
html.smartphone div#plans-switcher .day-delivery.power {
    width: .5rem !important;
    margin-left: .1rem
}

html.smartphone div#plans-switcher .day-delivery.balance:before,
html.smartphone div#plans-switcher .day-delivery.power:before {
    left: 75%
}

html.smartphone div#plans-switcher .day-delivery.balance span,
html.smartphone div#plans-switcher .day-delivery.power span {
    display: none
}

html.smartphone div#plans-switcher .day-delivery:before {
    content: "";
    border: .07rem solid transparent;
    border-bottom: .07rem solid var(--color__default);
    position: absolute;
    left: 50%;
    margin-left: -.2rem;
    top: -.13rem;
    width: 0
}

html.smartphone div#plans-switcher .day-delivery svg {
    margin-left: 0;
    height: .14rem
}

html.smartphone div#plans-switcher .day-delivery span {
    font-size: .08rem
}

html.smartphone div#plans-switcher .day-delivery span br {
    display: none
}

html.smartphone div#plans-switcher div.discount {
    font-size: .1rem;
    height: .15rem;
    right: -.8rem
}

html.smartphone div#plans-switcher .select-plan-item {
    transition: background .3s ease-in-out;
    box-shadow: none;
    width: 100%;
    padding-top: .07em;
    padding-bottom: .05em;
    border-radius: 0
}

html.smartphone div#plans-switcher .select-plan-item>div.icon {
    width: .35em;
    height: .35em
}

html.smartphone div#plans-switcher .select-plan-item>div.icon>svg path {
    fill: #9b9b9b;
    transition: fill .3s ease-in-out
}

html.smartphone div#plans-switcher .select-plan-item>div.icon>svg circle {
    stroke: #9b9b9b;
    transition: stroke .3s ease-in-out
}

html.smartphone div#plans-switcher .select-plan-item>h3 {
    font-size: .11em;
    margin-top: .28571em;
    font-weight: 700;
    color: #1b1b1b;
    transition: color .3s ease-in-out
}

html.smartphone div#plans-switcher .select-plan-item>div.kkal,
html.smartphone div#plans-switcher .select-plan-item>div.reason {
    display: none
}

html.smartphone div#plans-switcher .select-plan-item .hint-reason {
    width: 220px;
    color: var(--color__default);
    border: 1px solid #9b9b9b;
    display: none;
    padding: .5em;
    font-size: .14rem;
    background: var(--color__white);
    text-align: center;
    font-weight: 700;
    white-space: nowrap;
    border-radius: 3px
}

html.smartphone div#plans-switcher .select-plan-item.plan-new {
    border-top-left-radius: 0
}

html.smartphone div#plans-switcher .select-plan-item.plan-new:before {
    top: 0;
    font-size: .09em
}

html.smartphone div#plans-switcher .select-plan-item.active {
    background-color: var(--color__default)
}

html.smartphone div#plans-switcher .select-plan-item.active>h3 {
    color: var(--color__white)
}

html.smartphone div#plans-switcher .select-plan-item.active>div.icon>svg path {
    fill: var(--color__white);
    transition: fill .3s ease-in-out
}

html.smartphone div#plans-switcher .select-plan-item.active>div.icon>svg circle,
html.smartphone div#plans-switcher .select-plan-item.active>div.icon>svg ellipse {
    stroke: var(--color__white);
    transition: stroke .3s ease-in-out
}

html.smartphone div#plans-switcher>a#plans-scroller {
    display: block;
    position: absolute;
    visibility: hidden
}

html.smartphone div.tariff-description {
    margin-top: .17em;
    margin-bottom: .22em;
    padding: 0 .14em
}

html.smartphone div.tariff-description__title,
html.smartphone div.tariff-description div.name-kkal {
    font-size: .16em
}

html.smartphone div.tariff-description div.description {
    font-size: .12em;
    max-width: 100%;
    margin-top: 1.25em
}

html.smartphone div#dayweek-selectors {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column
}

html.smartphone div#day-selector {
    width: 2.82em;
    margin-left: auto;
    margin-right: auto
}

html.smartphone div#day-selector>div {
    width: 2.5em;
    height: 2.5em;
    font-size: .12em;
    border-radius: 50%;
    text-transform: capitalize
}

html.smartphone div#day-selector>div span {
    display: none
}

html.smartphone div#menu-container {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .15em;
    position: relative
}

html.smartphone div#menu-items {
    width: 100%;
    height: auto;
    margin: 0 auto
}

#menu-plans-v2.compact-menu-plans html.smartphone div#menu-items {
    height: 2em
}

html.smartphone div#menu-items div.swiper-slide {
    width: 2.7em;
    margin-left: .05em;
    margin-right: .05em
}

html.smartphone div#menu-items div.swiper-slide>div.summary {
    width: 2.7em;
    height: 1.24em;
    padding: .07em .09em;
    border-radius: .04em;
    box-shadow: none
}

html.smartphone div#menu-items div.swiper-slide>div.summary>div.common,
html.smartphone div#menu-items div.swiper-slide>div.summary>div.day {
    font-size: .14em
}

html.smartphone div#menu-items div.swiper-slide>div.summary>div.materials {
    font-size: .12em
}

html.smartphone div#menu-items div.swiper-slide>div.summary>div.materials br,
html.smartphone div#menu-items div.swiper-slide>div.summary>div.materials br:after {
    content: ", "
}

html.smartphone div#menu-items div.dish {
    width: 2.7em;
    height: 1.24em;
    display: -ms-flexbox;
    display: flex;
    border-radius: .04em;
    overflow: hidden;
    z-index: 1;
    position: relative;
    box-shadow: 0 .02em .04em 0 rgba(0, 0, 0, .06)
}

html.smartphone div#menu-items div.dish>div.base {
    width: 1.2em
}

html.smartphone div#menu-items div.dish>div.base>div.type {
    font-size: .12em;
    width: 100%;
    padding: .41667em .61667em;
    box-sizing: border-box
}

html.smartphone div#menu-items div.dish>div.base:after {
    display: none
}

html.smartphone div#menu-items div.dish>div.details {
    position: relative;
    width: 1.5em;
    background-color: var(--color__white);
    padding: .07em .09em;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between
}

html.smartphone div#menu-items div.dish>div.details>div.description {
    font-size: .12em;
    color: #181717;
    opacity: 1;
    max-height: 7.5em
}

html.smartphone div#menu-items div.dish>div.details>div.summary {
    position: static;
    font-size: .12em;
    color: #181717
}

html.smartphone div#menu-items div.dish>div.details>div.not-enabled {
    font-size: .12em;
    background-color: rgba(0, 0, 0, .8)
}

html.smartphone div#menu-description {
    width: auto;
    margin-bottom: .2rem
}

html.smartphone div#menu-description div.four-weeks-switcher {
    background-color: #fff;
    margin-bottom: 0;
    padding: 0 .15em
}

html.smartphone div#menu-description div.four-weeks-switcher>div {
    width: 1.25em
}

html.smartphone div#menu-description div.four-weeks-switcher.bf-2018 {
    background-color: transparent;
    padding: 0;
    margin-top: 0;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    top: -1px
}

html.smartphone div#menu-description div.four-weeks-switcher.bf-2018>div {
    padding: .05em .07em;
    border-radius: .08em;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

html.smartphone div#menu-description div.four-weeks-switcher.bf-2018>div>div.line1 {
    font-size: .12em
}

html.smartphone div#menu-description div.four-weeks-switcher.bf-2018>div>div.line2 {
    font-size: .14em
}

html.smartphone div#menu-description div.four-weeks-switcher.bf-2018>div:not(:last-child) {
    margin-bottom: 0
}

html.smartphone div#menu-description div.four-weeks-switcher.bf-2018.two>div.active:after {
    top: -12px
}

html.smartphone div#menu-description div.free-delivery {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box;
    padding: .2em .15rem 0
}

html.smartphone div#menu-description div.free-delivery>div.icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: .1rem
}

html.smartphone div#menu-description div.free-delivery>div.icon svg {
    width: .28rem;
    height: .28rem
}

html.smartphone div#menu-description div.free-delivery>div.text {
    font-size: .13em;
    font-weight: 300;
    line-height: 1.07;
    color: #1b1b1b
}

html.smartphone div#menu-description div.disclaimer {
    font-size: .1rem;
    margin: .2rem 0;
    padding: 0 .15rem
}

html.smartphone div#menu-description .plan-select-days {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: .13rem;
    font-weight: 700;
    background-color: var(--color__white);
    padding: 0 .15rem
}

html.smartphone div#menu-description .plan-select-days>div {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

html.smartphone div#menu-description .plan-select-days .select-days {
    width: 1.85rem
}

html.smartphone div#menu-description .plan-select-days .dropdown.select-small div.dropdown-toggle .selected-tag {
    font-size: .13rem
}

html.smartphone div#menu-description .mobile-stick-container {
    margin-top: .2em;
    padding-left: .15em;
    padding-right: .15em
}

html.smartphone div#menu-description .mobile-stick-container .mobile-stick.fixed {
    position: fixed;
    z-index: 10;
    bottom: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 .02rem .04rem .04rem rgba(0, 0, 0, .1)
}

html.smartphone div#menu-description .mobile-stick-container .mobile-stick .days-switcher>div {
    height: .3rem;
    border-radius: 0;
    background-color: #fff;
    font-size: .1rem;
    line-height: 1.8
}

html.smartphone div#menu-description .mobile-stick-container .mobile-stick .days-switcher>div.active {
    border-radius: 0;
    border-bottom: none
}

html.smartphone div#menu-description .mobile-stick-container .mobile-stick .days-switcher>div.active>span {
    border-bottom: 1px solid var(--color__default)
}

html.smartphone div#menu-description .mobile-stick-container .mobile-stick .description {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    min-height: 0;
    box-shadow: none;
    border-radius: 0;
    padding: .13rem .15rem .14rem
}

html.smartphone div#menu-description .mobile-stick-container .mobile-stick .description .b-menu-description-login {
    width: 100%;
    margin-top: .08rem
}

html.smartphone div#menu-description .mobile-stick-container .mobile-stick .description .b-menu-description__open-custom-button {
    width: 2em;
    font-size: .15rem;
    line-height: 1.33;
    height: .4rem;
    font-weight: 700;
    text-transform: none
}

html.smartphone div#menu-description .mobile-stick-container .mobile-stick .description>div.price-v20 {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 0
}

html.smartphone div#menu-description .mobile-stick-container .mobile-stick .description>div.price-v20>div.final-price {
    font-size: .22em
}

html.smartphone div#menu-description .mobile-stick-container .mobile-stick .description>div.price-v20>div.old-price {
    font-size: .16em;
    color: #1b1b1b
}

html.smartphone div#menu-description .mobile-stick-container .mobile-stick .description>div.price-v20.free {
    margin-bottom: 0
}

html.smartphone div#menu-description .mobile-stick-container .mobile-stick .description>div.price-v20.free div.final-price {
    margin-bottom: .2em
}

html.smartphone div#menu-description .mobile-stick-container .mobile-stick .description .day-price {
    display: none
}

html.smartphone div#menu-description .mobile-stick-container .mobile-stick .description .orderButtons {
    margin: 0;
    width: 1.7em;
    width: 1.5em
}

html.smartphone div#menu-description .mobile-stick-container .mobile-stick .description .orderButtons .button {
    font-size: .15rem;
    line-height: 1.33;
    height: .4rem;
    width: 100%;
    font-weight: 700;
    text-transform: none
}

html.smartphone div#menu-description .mobile-stick-container .mobile-stick .description .orderButtons .button.loading {
    margin-top: 0
}

html.smartphone #week-selector {
    width: 2.4em;
    margin-top: .1em
}

html.smartphone #week-selector>div {
    font-size: .1em
}

html.smartphone .payment-card-step .payment-email {
    width: 100%;
    box-sizing: border-box
}

html.smartphone .payment-card-step .payment-email input {
    width: 100%
}

html.smartphone .payment-card-step .summary {
    width: 100%;
    font-size: .14rem
}

html.smartphone .payment-card-step .summary__deb_price {
    font-weight: 700;
    font-size: .28rem;
    color: var(--color__default);
    line-height: .32rem
}

html.smartphone .payment-card-step .summary tr {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

html.smartphone .payment-card-step .summary tr th {
    text-transform: uppercase;
    font-weight: 500;
    color: #cacbcb;
    line-height: .22rem
}

html.smartphone .payment-card-step .payment-card form {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

html.smartphone .payment-card-step .payment-card form>div {
    height: auto
}

html.smartphone .payment-card-step .payment-card .input-container {
    width: 100%;
    margin-bottom: .05rem
}

html.smartphone .payment-card-step .payment-card .input-container input {
    font-size: .14rem
}

html.smartphone .payment-card-step .payment-card .input-container input::-webkit-input-placeholder {
    color: #9b9b9b;
    text-transform: uppercase
}

html.smartphone .payment-card-step .payment-card .input-container input:-ms-input-placeholder,
html.smartphone .payment-card-step .payment-card .input-container input::-ms-input-placeholder {
    color: #9b9b9b;
    text-transform: uppercase
}

html.smartphone .payment-card-step .payment-card .input-container input::placeholder {
    color: #9b9b9b;
    text-transform: uppercase
}

html.smartphone .payment-card-step .payment-card__input-csv {
    width: 35% !important
}

html.smartphone .payment-card-step .payment-card__input-date {
    width: 60% !important;
    margin-right: .1rem
}

html.smartphone .summary-block {
    padding: 0 .15rem;
    box-sizing: border-box
}

html.smartphone .summary-block .summary__deb_price {
    color: var(--color__default)
}

html.smartphone .summary-block tr {
    margin: .05rem 0
}

html.smartphone .summary-block tr:first-of-type {
    margin-top: 0
}

html.smartphone .summary-block tr:last-of-type {
    margin-bottom: 0
}

html.smartphone .summary-block .bonus-price,
html.smartphone .summary-block .bonus-price-bg {
    margin: 0
}

html.smartphone .summary-block .bonus-price-bg span {
    font-size: .16rem
}

html.smartphone .summary-block .bonus-price-bg span svg {
    width: .2rem;
    height: .2rem
}

html.smartphone div.messages {
    font-size: .14rem
}

html.smartphone div.messages strong {
    display: inline-block
}

html.smartphone .subscribe-faq ul li {
    font-size: .13rem;
    border-bottom: 1px solid #cacbcb
}

html.smartphone .subscribe-faq ul li:last-of-type {
    border-bottom: none
}

html.smartphone .subscribe-faq ul li h3 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: .16rem;
    background-color: var(--color__white);
    width: 100%;
    padding: .15rem
}

html.smartphone .subscribe-faq ul li h3 span {
    max-width: 2.6rem
}

html.smartphone .subscribe-faq ul li h3 img {
    width: .12rem;
    height: .07rem
}

html.smartphone .subscribe-faq ul li p {
    display: none;
    background-color: #faf9fa;
    padding: 0 .15rem;
    line-height: .2rem
}

html.smartphone .subscribe-faq ul li.active h3 {
    background-color: var(--color__default);
    color: var(--color__white)
}

html.smartphone .subscribe-faq ul li.active p {
    display: block
}

html.smartphone #subscription-tariffs {
    padding: .25rem 0;
    overflow: hidden
}

html.smartphone #subscription-tariffs h2 {
    text-align: center;
    font-size: .22rem;
    font-weight: 700;
    margin: 0 .45rem .25rem
}

html.smartphone #subscription-tariffs .swiper-container,
html.smartphone #subscription-tariffs .swiper-container .swiper-wrapper {
    overflow: visible
}

html.smartphone #subscription-tariffs .swiper-slide {
    width: 2.47rem;
    padding: .2rem 0;
    overflow: hidden;
    text-align: center;
    background-color: var(--color__white);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
    border-radius: .04rem;
    font-size: .14rem
}

html.smartphone #subscription-tariffs .swiper-slide div.plan-title {
    margin: 0 auto .3rem
}

html.smartphone #subscription-tariffs .swiper-slide div.plan-title div.meal-days {
    font-size: .18rem;
    text-transform: uppercase
}

html.smartphone #subscription-tariffs .swiper-slide div.plan-title div.meal-days span {
    font-size: .48rem
}

html.smartphone #subscription-tariffs .swiper-slide div.plan-discount {
    margin-top: .2rem;
    font-size: .13rem;
    height: .38rem;
    top: -.11rem;
    right: -1.03rem
}

html.smartphone #subscription-tariffs .swiper-slide div.plan-discount span {
    font-size: .16rem
}

html.smartphone #subscription-tariffs .swiper-slide ul.pretty-list li {
    padding: .1rem;
    font-size: .14rem
}

html.smartphone #subscription-tariffs .swiper-slide ul.pretty-list li span {
    font-size: .22rem
}

html.smartphone #subscription-tariffs .swiper-slide button.button {
    margin-top: .1rem;
    width: 2.1rem;
    height: .4rem !important;
    font-size: .15rem !important
}

html.smartphone .container-mobile {
    padding: 0 .15rem
}

html.smartphone #abonement div.step-payment-result {
    padding-top: 0;
    padding-bottom: 0
}

html.smartphone #abonement div.step-payment-result .buttons .button {
    width: auto
}

html.smartphone #longate-page div.step-payment-result {
    padding-top: .6rem
}

html.smartphone #longate-page div.step-payment-result.step-cancel-success,
html.smartphone #longate-page div.step-payment-result.step-payment-success {
    padding-top: .25rem
}

html.smartphone #longate-page div.step-payment-result.step-cancel-success .icon svg,
html.smartphone #longate-page div.step-payment-result.step-payment-success .icon svg {
    width: .68rem;
    height: .62rem
}

html.smartphone #longate-page div.step-payment-result.step-cancel-success h3,
html.smartphone #longate-page div.step-payment-result.step-payment-success h3 {
    font-size: .2rem;
    line-height: 1.1
}

html.smartphone #longate-page div.step-payment-result.step-cancel-success .feedback_list,
html.smartphone #longate-page div.step-payment-result.step-payment-success .feedback_list {
    margin: .25rem auto
}

html.smartphone #longate-page div.step-payment-result.step-cancel-success .feedback_list>div,
html.smartphone #longate-page div.step-payment-result.step-payment-success .feedback_list>div {
    border-left: none;
    border-top: none;
    border: 1px solid #e7e7e7;
    border-bottom: none
}

html.smartphone #longate-page div.step-payment-result.step-cancel-success .feedback_list>div:last-of-type,
html.smartphone #longate-page div.step-payment-result.step-payment-success .feedback_list>div:last-of-type {
    border-bottom: 1px solid #e7e7e7
}

html.smartphone #longate-page div.step-payment-result.step-cancel-success .feedback_list label,
html.smartphone #longate-page div.step-payment-result.step-payment-success .feedback_list label {
    font-size: .12rem;
    padding: .13rem
}

html.smartphone #longate-page div.step-payment-result.step-cancel-success .feedback_list label:before,
html.smartphone #longate-page div.step-payment-result.step-payment-success .feedback_list label:before {
    width: .16rem;
    height: .16rem
}

html.smartphone #longate-page div.step-payment-result.step-cancel-success .buttons button,
html.smartphone #longate-page div.step-payment-result.step-cancel-success .feedback_comment textarea,
html.smartphone #longate-page div.step-payment-result.step-payment-success .buttons button,
html.smartphone #longate-page div.step-payment-result.step-payment-success .feedback_comment textarea {
    width: 100%
}

html.smartphone #order-page {
    padding-top: .64em;
    padding-bottom: 0
}

div#single-step-order>div.padding-container html.smartphone #order-page .container--first,
div#single-step-order>div.padding-container html.smartphone #order-page .container--last,
div#single-step-order>div.padding-container html.smartphone #order-page .container--payment,
html.smartphone #order-page .container,
html.smartphone #order-page div#single-step-order>div.padding-container .container--first,
html.smartphone #order-page div#single-step-order>div.padding-container .container--last,
html.smartphone #order-page div#single-step-order>div.padding-container .container--payment,
html.smartphone div#single-step-order>div.padding-container #order-page .container--first,
html.smartphone div#single-step-order>div.padding-container #order-page .container--last,
html.smartphone div#single-step-order>div.padding-container #order-page .container--payment {
    width: 100%
}

div#single-step-order>div.padding-container html.smartphone #order-page .container--first .order-step__content,
div#single-step-order>div.padding-container html.smartphone #order-page .container--last .order-step__content,
div#single-step-order>div.padding-container html.smartphone #order-page .container--payment .order-step__content,
html.smartphone #order-page .container .order-step__content,
html.smartphone #order-page div#single-step-order>div.padding-container .container--first .order-step__content,
html.smartphone #order-page div#single-step-order>div.padding-container .container--last .order-step__content,
html.smartphone #order-page div#single-step-order>div.padding-container .container--payment .order-step__content,
html.smartphone div#single-step-order>div.padding-container #order-page .container--first .order-step__content,
html.smartphone div#single-step-order>div.padding-container #order-page .container--last .order-step__content,
html.smartphone div#single-step-order>div.padding-container #order-page .container--payment .order-step__content {
    width: 100%;
    padding: 0 .18rem .18rem
}

div#single-step-order>div.padding-container html.smartphone #order-page .container--first .order-step__content h3,
div#single-step-order>div.padding-container html.smartphone #order-page .container--last .order-step__content h3,
div#single-step-order>div.padding-container html.smartphone #order-page .container--payment .order-step__content h3,
html.smartphone #order-page .container .order-step__content h3,
html.smartphone #order-page div#single-step-order>div.padding-container .container--first .order-step__content h3,
html.smartphone #order-page div#single-step-order>div.padding-container .container--last .order-step__content h3,
html.smartphone #order-page div#single-step-order>div.padding-container .container--payment .order-step__content h3,
html.smartphone div#single-step-order>div.padding-container #order-page .container--first .order-step__content h3,
html.smartphone div#single-step-order>div.padding-container #order-page .container--last .order-step__content h3,
html.smartphone div#single-step-order>div.padding-container #order-page .container--payment .order-step__content h3 {
    font-size: .18rem;
    color: #1b1b1b
}

div#single-step-order>div.padding-container html.smartphone #order-page .container--first .order-step__content h3 br,
div#single-step-order>div.padding-container html.smartphone #order-page .container--first .order-step__content h3 br:after,
div#single-step-order>div.padding-container html.smartphone #order-page .container--last .order-step__content h3 br,
div#single-step-order>div.padding-container html.smartphone #order-page .container--last .order-step__content h3 br:after,
div#single-step-order>div.padding-container html.smartphone #order-page .container--payment .order-step__content h3 br,
div#single-step-order>div.padding-container html.smartphone #order-page .container--payment .order-step__content h3 br:after,
html.smartphone #order-page .container .order-step__content h3 br,
html.smartphone #order-page .container .order-step__content h3 br:after,
html.smartphone #order-page div#single-step-order>div.padding-container .container--first .order-step__content h3 br,
html.smartphone #order-page div#single-step-order>div.padding-container .container--first .order-step__content h3 br:after,
html.smartphone #order-page div#single-step-order>div.padding-container .container--last .order-step__content h3 br,
html.smartphone #order-page div#single-step-order>div.padding-container .container--last .order-step__content h3 br:after,
html.smartphone #order-page div#single-step-order>div.padding-container .container--payment .order-step__content h3 br,
html.smartphone #order-page div#single-step-order>div.padding-container .container--payment .order-step__content h3 br:after,
html.smartphone div#single-step-order>div.padding-container #order-page .container--first .order-step__content h3 br,
html.smartphone div#single-step-order>div.padding-container #order-page .container--first .order-step__content h3 br:after,
html.smartphone div#single-step-order>div.padding-container #order-page .container--last .order-step__content h3 br,
html.smartphone div#single-step-order>div.padding-container #order-page .container--last .order-step__content h3 br:after,
html.smartphone div#single-step-order>div.padding-container #order-page .container--payment .order-step__content h3 br,
html.smartphone div#single-step-order>div.padding-container #order-page .container--payment .order-step__content h3 br:after {
    content: " "
}

div#single-step-order>div.padding-container html.smartphone #order-page .container--first .order-step__content p,
div#single-step-order>div.padding-container html.smartphone #order-page .container--last .order-step__content p,
div#single-step-order>div.padding-container html.smartphone #order-page .container--payment .order-step__content p,
html.smartphone #order-page .container .order-step__content p,
html.smartphone #order-page div#single-step-order>div.padding-container .container--first .order-step__content p,
html.smartphone #order-page div#single-step-order>div.padding-container .container--last .order-step__content p,
html.smartphone #order-page div#single-step-order>div.padding-container .container--payment .order-step__content p,
html.smartphone div#single-step-order>div.padding-container #order-page .container--first .order-step__content p,
html.smartphone div#single-step-order>div.padding-container #order-page .container--last .order-step__content p,
html.smartphone div#single-step-order>div.padding-container #order-page .container--payment .order-step__content p {
    font-weight: 500;
    margin-top: .12rem;
    margin-bottom: .39rem
}

div#single-step-order>div.padding-container html.smartphone #order-page .container--first .order-step__content p a.button,
div#single-step-order>div.padding-container html.smartphone #order-page .container--last .order-step__content p a.button,
div#single-step-order>div.padding-container html.smartphone #order-page .container--payment .order-step__content p a.button,
html.smartphone #order-page .container .order-step__content p a.button,
html.smartphone #order-page div#single-step-order>div.padding-container .container--first .order-step__content p a.button,
html.smartphone #order-page div#single-step-order>div.padding-container .container--last .order-step__content p a.button,
html.smartphone #order-page div#single-step-order>div.padding-container .container--payment .order-step__content p a.button,
html.smartphone div#single-step-order>div.padding-container #order-page .container--first .order-step__content p a.button,
html.smartphone div#single-step-order>div.padding-container #order-page .container--last .order-step__content p a.button,
html.smartphone div#single-step-order>div.padding-container #order-page .container--payment .order-step__content p a.button {
    text-decoration: underline;
    color: var(--color__default-darken)
}

div#single-step-order>div.padding-container html.smartphone #order-page .container--first .order-step__content .small-text,
div#single-step-order>div.padding-container html.smartphone #order-page .container--last .order-step__content .small-text,
div#single-step-order>div.padding-container html.smartphone #order-page .container--payment .order-step__content .small-text,
html.smartphone #order-page .container .order-step__content .small-text,
html.smartphone #order-page div#single-step-order>div.padding-container .container--first .order-step__content .small-text,
html.smartphone #order-page div#single-step-order>div.padding-container .container--last .order-step__content .small-text,
html.smartphone #order-page div#single-step-order>div.padding-container .container--payment .order-step__content .small-text,
html.smartphone div#single-step-order>div.padding-container #order-page .container--first .order-step__content .small-text,
html.smartphone div#single-step-order>div.padding-container #order-page .container--last .order-step__content .small-text,
html.smartphone div#single-step-order>div.padding-container #order-page .container--payment .order-step__content .small-text {
    font-size: .12rem;
    font-weight: 500;
    margin-top: .11rem
}

div#single-step-order>div.padding-container html.smartphone #order-page .container--first .order-step__content .input-button .button,
div#single-step-order>div.padding-container html.smartphone #order-page .container--last .order-step__content .input-button .button,
div#single-step-order>div.padding-container html.smartphone #order-page .container--payment .order-step__content .input-button .button,
html.smartphone #order-page .container .order-step__content .input-button .button,
html.smartphone #order-page div#single-step-order>div.padding-container .container--first .order-step__content .input-button .button,
html.smartphone #order-page div#single-step-order>div.padding-container .container--last .order-step__content .input-button .button,
html.smartphone #order-page div#single-step-order>div.padding-container .container--payment .order-step__content .input-button .button,
html.smartphone div#single-step-order>div.padding-container #order-page .container--first .order-step__content .input-button .button,
html.smartphone div#single-step-order>div.padding-container #order-page .container--last .order-step__content .input-button .button,
html.smartphone div#single-step-order>div.padding-container #order-page .container--payment .order-step__content .input-button .button {
    height: .45rem
}

div#single-step-order>div.padding-container html.smartphone #order-page .container--first .step-all-fields .content-data__deliveries,
div#single-step-order>div.padding-container html.smartphone #order-page .container--last .step-all-fields .content-data__deliveries,
div#single-step-order>div.padding-container html.smartphone #order-page .container--payment .step-all-fields .content-data__deliveries,
html.smartphone #order-page .container .step-all-fields .content-data__deliveries,
html.smartphone #order-page div#single-step-order>div.padding-container .container--first .step-all-fields .content-data__deliveries,
html.smartphone #order-page div#single-step-order>div.padding-container .container--last .step-all-fields .content-data__deliveries,
html.smartphone #order-page div#single-step-order>div.padding-container .container--payment .step-all-fields .content-data__deliveries,
html.smartphone div#single-step-order>div.padding-container #order-page .container--first .step-all-fields .content-data__deliveries,
html.smartphone div#single-step-order>div.padding-container #order-page .container--last .step-all-fields .content-data__deliveries,
html.smartphone div#single-step-order>div.padding-container #order-page .container--payment .step-all-fields .content-data__deliveries {
    padding: 0
}

div#single-step-order>div.padding-container html.smartphone #order-page .container--first .step-all-fields .summary-block,
div#single-step-order>div.padding-container html.smartphone #order-page .container--last .step-all-fields .summary-block,
div#single-step-order>div.padding-container html.smartphone #order-page .container--payment .step-all-fields .summary-block,
html.smartphone #order-page .container .step-all-fields .summary-block,
html.smartphone #order-page div#single-step-order>div.padding-container .container--first .step-all-fields .summary-block,
html.smartphone #order-page div#single-step-order>div.padding-container .container--last .step-all-fields .summary-block,
html.smartphone #order-page div#single-step-order>div.padding-container .container--payment .step-all-fields .summary-block,
html.smartphone div#single-step-order>div.padding-container #order-page .container--first .step-all-fields .summary-block,
html.smartphone div#single-step-order>div.padding-container #order-page .container--last .step-all-fields .summary-block,
html.smartphone div#single-step-order>div.padding-container #order-page .container--payment .step-all-fields .summary-block {
    width: 100%
}

div#single-step-order>div.padding-container html.smartphone #order-page .container--first .step-all-fields .summary-block .payment-methods-buttons,
div#single-step-order>div.padding-container html.smartphone #order-page .container--last .step-all-fields .summary-block .payment-methods-buttons,
div#single-step-order>div.padding-container html.smartphone #order-page .container--payment .step-all-fields .summary-block .payment-methods-buttons,
html.smartphone #order-page .container .step-all-fields .summary-block .payment-methods-buttons,
html.smartphone #order-page div#single-step-order>div.padding-container .container--first .step-all-fields .summary-block .payment-methods-buttons,
html.smartphone #order-page div#single-step-order>div.padding-container .container--last .step-all-fields .summary-block .payment-methods-buttons,
html.smartphone #order-page div#single-step-order>div.padding-container .container--payment .step-all-fields .summary-block .payment-methods-buttons,
html.smartphone div#single-step-order>div.padding-container #order-page .container--first .step-all-fields .summary-block .payment-methods-buttons,
html.smartphone div#single-step-order>div.padding-container #order-page .container--last .step-all-fields .summary-block .payment-methods-buttons,
html.smartphone div#single-step-order>div.padding-container #order-page .container--payment .step-all-fields .summary-block .payment-methods-buttons {
    margin-top: 0
}

div#single-step-order>div.padding-container html.smartphone #order-page .container--first .step-all-fields .summary-block .payment-methods-buttons div.action,
div#single-step-order>div.padding-container html.smartphone #order-page .container--last .step-all-fields .summary-block .payment-methods-buttons div.action,
div#single-step-order>div.padding-container html.smartphone #order-page .container--payment .step-all-fields .summary-block .payment-methods-buttons div.action,
html.smartphone #order-page .container .step-all-fields .summary-block .payment-methods-buttons div.action,
html.smartphone #order-page div#single-step-order>div.padding-container .container--first .step-all-fields .summary-block .payment-methods-buttons div.action,
html.smartphone #order-page div#single-step-order>div.padding-container .container--last .step-all-fields .summary-block .payment-methods-buttons div.action,
html.smartphone #order-page div#single-step-order>div.padding-container .container--payment .step-all-fields .summary-block .payment-methods-buttons div.action,
html.smartphone div#single-step-order>div.padding-container #order-page .container--first .step-all-fields .summary-block .payment-methods-buttons div.action,
html.smartphone div#single-step-order>div.padding-container #order-page .container--last .step-all-fields .summary-block .payment-methods-buttons div.action,
html.smartphone div#single-step-order>div.padding-container #order-page .container--payment .step-all-fields .summary-block .payment-methods-buttons div.action {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0
}

div#single-step-order>div.padding-container html.smartphone #order-page .container--first .step-all-fields .summary-block .payment-methods-list,
div#single-step-order>div.padding-container html.smartphone #order-page .container--last .step-all-fields .summary-block .payment-methods-list,
div#single-step-order>div.padding-container html.smartphone #order-page .container--payment .step-all-fields .summary-block .payment-methods-list,
html.smartphone #order-page .container .step-all-fields .summary-block .payment-methods-list,
html.smartphone #order-page div#single-step-order>div.padding-container .container--first .step-all-fields .summary-block .payment-methods-list,
html.smartphone #order-page div#single-step-order>div.padding-container .container--last .step-all-fields .summary-block .payment-methods-list,
html.smartphone #order-page div#single-step-order>div.padding-container .container--payment .step-all-fields .summary-block .payment-methods-list,
html.smartphone div#single-step-order>div.padding-container #order-page .container--first .step-all-fields .summary-block .payment-methods-list,
html.smartphone div#single-step-order>div.padding-container #order-page .container--last .step-all-fields .summary-block .payment-methods-list,
html.smartphone div#single-step-order>div.padding-container #order-page .container--payment .step-all-fields .summary-block .payment-methods-list {
    margin-top: .2rem;
    padding: 0
}

html.smartphone #order-page .content-data {
    width: 100%;
    background-color: transparent;
    padding: .18rem .19rem;
    margin-top: 0;
    box-shadow: none;
    border-radius: 0
}

html.smartphone #order-page .content-data__personal {
    width: auto;
    margin-bottom: 0
}

html.smartphone #order-page .content-data__personal>div>div {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

html.smartphone #order-page .content-data__personal>div>div:nth-child(2) {
    -ms-flex-order: 1;
    order: 1
}

html.smartphone #order-page .content-data__address {
    width: auto;
    margin-top: .19rem
}

html.smartphone #order-page .content-data__address .deliveries {
    padding: 0
}

html.smartphone #order-page .content-data__deliveries .delivery-freeze {
    margin: 0 0 .15rem;
    padding: .15rem 0 !important;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-align: start;
    align-items: flex-start
}

html.smartphone #order-page .content-data__deliveries .delivery-freeze button.button {
    margin-left: 0;
    margin-right: auto !important;
    margin-top: .15rem;
    width: 1.7rem;
    height: .3rem;
    font-size: .13rem
}

html.smartphone #order-page .content-info {
    width: auto;
    margin-top: 0
}

html.smartphone #order-page .content-info.summary-block .price-plan {
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    box-shadow: none
}

html.smartphone #order-page .content-info.summary-block .price-plan .line,
html.smartphone #order-page .content-info.summary-block .price-plan__name,
html.smartphone #order-page .content-info.summary-block .price-plan__params,
html.smartphone #order-page .content-info.summary-block .price-plan h2 {
    display: none
}

html.smartphone #order-page .row {
    -ms-flex-direction: column;
    flex-direction: column
}

html.smartphone #order-page div.new-order-line1 {
    font-size: .18rem;
    line-height: 1.22;
    text-align: center
}

html.smartphone #order-page div.new-order-line2 {
    display: none
}

html.smartphone #order-page div.fields-block-title {
    font-size: .14rem;
    font-weight: 500;
    line-height: 1.57;
    padding-bottom: 0
}

html.smartphone #order-page .input-container.has-error .message {
    font-size: .1rem
}

html.smartphone #order-page .address-inputs .multiselect {
    margin-top: .05rem;
    background-color: #fff
}

html.smartphone #order-page .promocode-input {
    margin-top: .13rem
}

html.smartphone #order-page .payment-with-new-card {
    padding: 0 .15rem
}

html.smartphone #order-page .payment-with-new-card .fields-block-title {
    margin-bottom: .11rem
}

html.smartphone #order-page .payment-with-new-card .payment-card-step .payment-card {
    width: auto
}

html.smartphone #order-page .payment-with-new-card .payment-icons {
    margin-bottom: .2em;
    margin-top: .2em
}

html.smartphone #order-page .payment-with-new-card .payment-icons ul.payment-type-icons {
    padding: 0;
    -ms-flex-pack: justify;
    justify-content: space-between
}

html.smartphone #order-page .payment-with-new-card .payment-icons ul.payment-type-icons li {
    margin-right: 0
}

html.smartphone #order-page div.fixed-button {
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: .14em 0
}

html.smartphone #order-page div.fixed-button .button {
    font-size: .15rem;
    text-transform: none;
    width: 2.9rem;
    height: .45rem
}

html.smartphone #order-page div.fixed-button .error-message {
    font-size: .12rem
}

html.smartphone #order-page .radio label {
    opacity: 1
}

html.smartphone #order-page div.step-tariff {
    margin-top: -.2em
}

html.smartphone #order-page div.step-tariff .new-order-line1 {
    display: none
}

html.smartphone #order-page div.step-tariff>.row {
    margin-top: 0
}

html.smartphone #order-page div.step-tariff div.menu-plans {
    width: 100%;
    margin-top: 0
}

html.smartphone #order-page div.step-tariff div.menu-plans div#plans-switcher>div {
    width: 20%;
    padding-top: .07em;
    padding-bottom: .03em
}

html.smartphone #order-page div.step-tariff div.menu-plans div#plans-switcher>div>div.icon {
    width: .35em;
    height: .35em
}

html.smartphone #order-page div.step-tariff div.menu-plans div#plans-switcher>div>h3 {
    font-size: .14em;
    color: #9b9b9b
}

html.smartphone #order-page div.step-tariff div.menu-plans div#plans-switcher>div>div.kkal {
    display: none
}

html.smartphone #order-page div.step-tariff div.menu-plans div#plans-switcher>div.active>h3 {
    color: #fff
}

html.smartphone #order-page div.step-tariff div.menu-plans div#plans-switcher>div[data-plan=super_fit]>h3 {
    font-size: .12em;
    margin-top: .5em
}

html.smartphone #order-page div.step-tariff div.menu-plans div.tariff-description {
    background-color: transparent;
    box-shadow: none;
    padding: .17em .14em .22em;
    margin-top: 0 !important;
    margin-bottom: 0
}

html.smartphone #order-page div.step-tariff div.menu-plans div.tariff-description div.description {
    max-width: 100%
}

html.smartphone #order-page div.step-tariff div.menu-plans div.tariff-description div.stats-flex {
    display: none
}

html.smartphone #order-page div.step-tariff div.menu-plans div#dayweek-selectors div#day-selector {
    width: 2.92em
}

html.smartphone #order-page div.step-tariff div.menu-plans div#menu-items {
    width: 100%
}

html.smartphone #order-page div.step-tariff div.mobile-summary {
    margin-top: .37em;
    height: auto;
    box-shadow: .05em -.04em .04em 0 rgba(0, 0, 0, .06);
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .12em;
    padding-left: .23em
}

html.smartphone #order-page div.step-tariff div.mobile-summary div.min-day-price {
    font-size: .12em;
    color: #1b1b1b
}

html.smartphone #order-page div.step-tariff div.mobile-summary div.min-day-price>b {
    font-size: 1.83333em;
    color: #1b1b1b
}

html.smartphone #order-page div.step-tariff div.mobile-summary .button {
    text-transform: none;
    font-size: .15em;
    width: 12em;
    height: 2.66667em
}

html.smartphone #order-page div.step-tariff div.disclaimer {
    font-size: .1em;
    padding: 2em 1.5em
}

html.smartphone #order-page div.step-meal-days div.day-switcher-container {
    min-height: .35em;
    margin-bottom: .25em;
    margin-top: .22em
}

html.smartphone #order-page div.step-meal-days div.day-switcher-container .plan-select-days {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: .16rem;
    margin: 0
}

html.smartphone #order-page div.step-meal-days div.day-switcher-container .plan-select-days>div {
    font-weight: 700;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

html.smartphone #order-page div.step-meal-days div.day-switcher-container .plan-select-days .select-days {
    width: 1.85rem
}

html.smartphone #order-page div.step-meal-days div.day-switcher-container div.days-switcher {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto
}

html.smartphone #order-page div.step-meal-days div.day-switcher-container div.days-switcher>div {
    cursor: pointer;
    font-size: .14rem;
    text-align: center;
    color: #1b1b1b;
    padding: .05rem .1rem;
    border: .02rem solid #cacbcb;
    border-radius: .22rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

html.smartphone #order-page div.step-meal-days div.day-switcher-container div.days-switcher>div span {
    margin-right: .1rem
}

html.smartphone #order-page div.step-meal-days div.day-switcher-container div.days-switcher>div:after {
    content: "";
    width: .2rem;
    height: .2rem;
    display: block;
    background: url(/static/images/radio_false.706bbb1.svg);
    background-size: contain
}

html.smartphone #order-page div.step-meal-days div.day-switcher-container div.days-switcher>div.active {
    border-color: var(--color__default-darken)
}

html.smartphone #order-page div.step-meal-days div.day-switcher-container div.days-switcher>div.active:after {
    background: url(/static/images/radio_true.4003244.svg)
}

html.smartphone #order-page div.step-meal-days div.day-switcher-container .loader {
    font-size: .12em;
    height: 2.5em;
    overflow: visible
}

html.smartphone #order-page div.step-meal-days div.price {
    font-size: .28em;
    font-weight: 700;
    line-height: 1.14;
    text-align: center;
    color: var(--color__default);
    margin-top: .57143em
}

html.smartphone #order-page div.step-meal-days div.price-per-dish {
    font-size: .14em;
    font-weight: 300;
    line-height: 1.07;
    text-align: center;
    color: #1b1b1b;
    margin-top: .78571em
}

html.smartphone #order-page div.step-meal-days div.free-delivery {
    margin-top: .57em;
    margin-bottom: .4em
}

html.smartphone #order-page div.step-meal-days div.free-delivery div.icon {
    width: .528em;
    margin: 0 auto
}

html.smartphone #order-page div.step-meal-days div.free-delivery div.icon>svg {
    width: 100%;
    height: auto
}

html.smartphone #order-page div.step-meal-days div.free-delivery div.text {
    font-size: .18em;
    font-weight: 700;
    color: #1b1b1b;
    text-align: center;
    margin-top: .44444em;
    padding: 0 1.11111em
}

html.smartphone #order-page div.step-meal-days div.fixed-button {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0
}

html.smartphone #order-page a.button.link {
    font-size: .14rem;
    text-decoration: underline;
    text-transform: none
}

html.smartphone body div#dashboard-page>div.width-container>div.content>div>h1 {
    font-size: .16em;
    margin: .1rem
}

html.smartphone #subscribe-fitness {
    padding: .15rem
}

html.smartphone #subscribe-fitness h2 {
    font-size: .22rem;
    text-align: center
}

html.smartphone #subscribe-fitness .fitness__header {
    -ms-flex-flow: column;
    flex-flow: column
}

html.smartphone #subscribe-fitness .fitness__logos {
    margin: 0 0 .25rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

html.smartphone #subscribe-fitness .fitness__logos>img {
    margin: 0 1px
}

html.smartphone #inactive-subscribe {
    margin-top: 0 !important
}

html.smartphone div.content-data__deliveries.second-order>div {
    margin-top: .15rem
}

html.smartphone #subscribe {
    padding: .25rem 0;
    background-color: #f5f4f5
}

html.smartphone #subscribe:before {
    display: none
}

html.smartphone #subscribe .landing-width-container {
    width: 100%
}

html.smartphone #subscribe .landing-width-container .subscribe-header {
    display: block
}

html.smartphone #subscribe .landing-width-container .subscribe-header h2 {
    font-weight: 700 !important;
    font-size: .22rem;
    line-height: .26rem;
    margin: 0 auto
}

html.smartphone #subscribe .landing-width-container .subscribe-header h3 {
    font-size: .13rem;
    line-height: .2rem;
    margin: .2rem
}

html.smartphone #subscribe .landing-width-container .subscribe-header h2,
html.smartphone #subscribe .landing-width-container .subscribe-header h3 {
    font-weight: 500;
    color: #1b1b1b;
    text-align: center
}

html.smartphone #subscribe .landing-width-container .subscribe-header img {
    margin: .2rem auto .3rem;
    display: block;
    width: 2.5rem
}

html.smartphone #subscribe .landing-width-container .subscription-description {
    margin: 0;
    -ms-flex-flow: column;
    flex-flow: column
}

html.smartphone #subscribe .landing-width-container .subscription-description h2 {
    font-size: .22rem;
    text-align: center;
    font-weight: 700;
    margin-bottom: .25rem
}

html.smartphone #subscribe .landing-width-container .subscription-description h3 {
    font-size: .13rem
}

html.smartphone #subscribe .landing-width-container .subscription-description>div {
    -ms-flex-flow: column;
    flex-flow: column
}

html.smartphone #subscribe .landing-width-container .subscription-description>div ul.pretty-list {
    width: auto;
    column-count: 1;
    margin: 0 .2rem
}

html.smartphone #subscribe .landing-width-container .subscription-description>div ul.pretty-list li {
    font-size: .13rem;
    margin-bottom: .15rem;
    height: auto
}

html.smartphone #subscribe .landing-width-container .subscription-description img.gym_card {
    width: 2.7rem;
    height: auto;
    margin: .1rem .1rem .1rem auto
}

html.smartphone #subscribe .landing-width-container .subscribe-disclaimer {
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: var(--color__white);
    padding: .2rem;
    font-size: .12rem;
    margin: .2rem 0
}

html.smartphone #subscribe .landing-width-container .subscribe-disclaimer img {
    width: .2rem;
    height: .2rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

html.smartphone #subscribe .landing-width-container #subscription-tariffs h2 {
    margin: 0 .2rem;
    font-size: .22rem
}

html.smartphone #subscribe .landing-width-container .button-how-work-subscribe {
    width: 2.47rem;
    margin: .25rem auto;
    height: .58rem !important;
    font-size: .13rem !important;
    border-width: .02rem
}

html.smartphone #subscribe .landing-width-container .button-how-work-subscribe .c-icon {
    margin-right: .1rem;
    width: 1.92308em;
    height: 2em
}

html.smartphone #active-subscibe {
    box-shadow: none !important
}

html.smartphone #active-subscibe div.content-data__deliveries>div {
    padding-top: .3rem;
    margin-top: 0
}

html.smartphone #active-subscibe div.tabber>a {
    font-size: .12em;
    margin-right: .83333em !important
}

html.smartphone #active-subscibe div.tabber>a svg {
    margin-right: .41667em
}

html.smartphone #active-subscibe div.tabber>a.tab-deliveries svg {
    width: 1.75em;
    height: 1.08333em
}

html.smartphone #active-subscibe div.tabber>a.tab-menu svg {
    width: 1.33333em;
    height: 1.16667em
}

html.smartphone #active-subscibe div.tabber>a.tab-fitness svg {
    width: 1.33333em;
    height: 1.33333em
}

html.smartphone #active-subscibe div.tabber>a.tab-rates svg {
    width: 1.29667em;
    height: 1.16667em
}

html.smartphone #active-subscibe #menu-page .header {
    padding: .2rem .15rem 0
}

html.smartphone #active-subscibe #menu-page .common-icons>div {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

html.smartphone #active-subscibe.subscription-content-inner {
    margin-top: 0 !important
}

html.smartphone #active-subscibe .subscribe-header__info {
    padding: .07em .1em
}

html.smartphone #active-subscibe .subscribe-header__info * {
    font-weight: 500
}

html.smartphone #active-subscibe .subscribe-header__info .title {
    font-size: .16rem
}

html.smartphone #active-subscibe .subscribe-header__info .discount-text {
    display: none
}

html.smartphone #active-subscibe .subscribe-header__data {
    font-size: .173em;
    padding: .86705em .86705em 0;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

html.smartphone #active-subscibe .subscribe-header__data>.icon {
    font-size: 1em;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    margin-right: 0;
    -ms-flex-order: 2;
    order: 2
}

html.smartphone #active-subscibe .subscribe-header__data>.icon svg {
    width: 3.3526em;
    height: 3.3526em
}

html.smartphone #active-subscibe .subscribe-header__data .info {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    font-size: 1em;
    -ms-flex-order: 3;
    order: 3;
    margin-bottom: .3rem
}

html.smartphone #active-subscibe .subscribe-header__data .info-title {
    font-size: 1em
}

html.smartphone #active-subscibe .subscribe-header__data .info-title h3 {
    font-size: 1.27168em
}

html.smartphone #active-subscibe .subscribe-header__data .info-title div.status {
    margin-top: .11561em;
    font-size: .69364em
}

html.smartphone #active-subscibe .subscribe-header__data .info p {
    font-size: .80925em;
    line-height: 1.27168em;
    margin-bottom: 0
}

html.smartphone #active-subscibe .subscribe-header__data .info-payment {
    font-size: 1em
}

html.smartphone #active-subscibe .subscribe-header__data .info-payment button.button {
    font-size: .12rem !important;
    line-height: .3rem !important;
    width: 1.6rem !important;
    height: .3rem !important;
    margin-left: 0 !important
}

html.smartphone #active-subscibe .subscribe-header__data .tariff-details {
    width: 100%;
    font-size: .8em;
    -ms-flex-order: 1;
    order: 1
}

html.smartphone #active-subscibe .subscribe-header__data .tariff-details p {
    display: none
}

html.smartphone #active-subscibe .subscribe-header__data .tariff-details__table {
    font-size: 1em
}

html.smartphone #active-subscibe .subscribe-header__data .tariff-info {
    margin: .1rem 0 0
}

html.smartphone #active-subscibe .subscribe-header__data .button.yellow {
    margin-left: .7rem;
    margin-right: auto;
    margin-top: -.1rem;
    width: 1.7rem;
    height: .3rem;
    font-size: .13rem
}

html.smartphone #active-subscibe .subscribe-body .deliveries {
    padding: 0 .15rem
}

html.smartphone #active-subscibe .subscribe-body .deliveries .delivery-address .dropdown.select {
    padding-bottom: .05rem;
    margin-bottom: .05rem
}

html.smartphone #active-subscibe .subscribe-body .tabber-line {
    margin: 0 .15rem .1rem
}

html.smartphone #active-subscibe .subscribe-body .tabber-line a {
    margin-left: 0 !important;
    padding-left: 0 !important;
    margin-right: 0;
    padding-right: 0 !important;
    padding-bottom: .1rem !important
}

html.smartphone #active-subscibe .subscribe-body .tabber-line a>div {
    font-size: .12rem
}

html.smartphone #active-subscibe .subscribe-body .delivery-normal {
    padding: 0 !important
}

html.smartphone #active-subscibe .subscribe-body .delivery-normal h3 {
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative
}

html.smartphone #active-subscibe .subscribe-body .delivery-normal h3 .delivery-title {
    font-size: .16rem
}

html.smartphone #active-subscibe .subscribe-body .delivery-normal h3 .delivery-date {
    font-size: .1rem !important;
    margin-left: 0 !important;
    color: #9b9b9b !important
}

html.smartphone #active-subscibe .subscribe-body .delivery-normal h3 a.arrow {
    position: absolute;
    right: 0;
    top: .15rem
}

html.smartphone #active-subscibe .subscribe-body .delivery-normal .delivery>div:not(.delivery-warning) {
    margin: 0 !important;
    width: 100% !important
}

html.smartphone #active-subscibe .subscribe-body .delivery-normal .delivery>div:not(.delivery-warning) label {
    font-size: .1rem
}

html.smartphone #active-subscibe .subscribe-body .delivery-normal .delivery>div:not(.delivery-warning) span.title {
    font-size: .11rem
}

html.smartphone #active-subscibe .subscribe-body .delivery-normal .delivery>div:not(.delivery-warning) span.string {
    font-size: .14rem
}

html.smartphone #active-subscibe .subscribe-body .delivery-warning {
    font-size: .1em;
    line-height: 1.2;
    color: #ef5747;
    -ms-flex: 0;
    flex: 0;
    margin-bottom: .15rem
}

html.smartphone #active-subscibe .subscribe-body .delivery-freeze {
    margin: 0 0 .15rem;
    padding: .15rem !important;
    margin-left: -.15rem;
    margin-right: -.15rem;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-align: start;
    align-items: flex-start
}

html.smartphone #active-subscibe .subscribe-body .delivery-freeze button.button {
    margin-left: 0;
    margin-right: auto !important;
    margin-top: .15rem;
    width: 1.7rem;
    height: .3rem;
    font-size: .13rem
}

html.smartphone #active-subscibe .subscribe-body .subscribe-header-sectond-order {
    padding: 0 .15rem
}

html.smartphone #active-subscibe .subscribe-body .subscribe-header-sectond-order h4 {
    padding: .2rem 0 .1rem
}

html.smartphone #active-subscibe .subscribe-body .subscribe-header-sectond-order .subscribe-header__data {
    -ms-flex-flow: column;
    flex-flow: column;
    font-size: 1em;
    padding: 0;
    padding-bottom: .22em
}

html.smartphone #active-subscibe .subscribe-body .subscribe-header-sectond-order .subscribe-header__data .tariff-info {
    margin: .1rem 0 0
}

html.smartphone #active-subscibe .subscribe-body .subscribe-header-sectond-order .subscribe-header__data .button.yellow {
    margin-left: .65rem;
    margin-right: auto;
    margin-top: .1rem;
    width: 1.7rem;
    height: .3rem;
    font-size: .13rem
}

html.smartphone #active-subscibe .subscribe-unformed {
    text-align: left;
    border-top: 1px solid #e1e4e2
}

html.smartphone #active-subscibe .subscribe-unformed>div {
    padding: .15rem
}

html.smartphone #active-subscibe .subscribe-unformed>div h2 {
    font-size: .22rem;
    line-height: .26rem
}

html.smartphone #active-subscibe .subscribe-unformed-inside {
    -ms-flex-flow: column;
    flex-flow: column
}

html.smartphone #active-subscibe .subscribe-unformed-inside .button {
    width: 100%
}

html.smartphone .subscribe-window {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    overflow-y: auto
}

html.smartphone .subscribe-window img {
    width: 2rem;
    margin: 0 auto
}

html.smartphone .subscribe-window .buttons .button {
    margin-bottom: .1rem
}

html.smartphone .subscribe-window__freezing .asd__wrapper {
    width: 2.9rem !important
}

html.smartphone .subscribe-window__freezing .freezing-warning {
    font-size: .12em;
    color: #ef5747
}

html.smartphone .subscribe-plan {
    position: relative;
    height: 5.16rem;
    background-color: transparent
}

html.smartphone .subscribe-plan img {
    display: block;
    width: 2.4rem;
    height: auto;
    margin: 0 auto
}

html.smartphone .subscribe-plan__inside {
    position: relative;
    z-index: 10;
    font-size: .13rem;
    padding: .25rem;
    box-sizing: border-box
}

html.smartphone .subscribe-plan__inside h3 {
    font-size: .18rem;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--color__white)
}

html.smartphone .subscribe-plan__inside p {
    font-weight: 500;
    font-size: .16rem;
    line-height: .2rem;
    color: var(--color__white)
}

html.smartphone .subscribe-plan__inside ul li {
    margin-bottom: .15rem
}

html.smartphone .subscribe-plan__inside p.description {
    color: #1b1b1b;
    font-size: .13rem;
    font-weight: 500;
    line-height: .2rem;
    margin-bottom: .25rem
}

html.smartphone .subscribe-plan__inside a.button {
    width: 100%;
    height: .45rem;
    font-size: .14rem;
    text-transform: none
}

html.smartphone .subscribe-plan:after {
    display: block;
    position: absolute;
    content: "";
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 20%, 0 50%);
    clip-path: polygon(0 0, 100% 0, 100% 20%, 0 50%);
    background-color: #27b4bc
}

html.smartphone .order-subscribe div.subscribe-header__info {
    border-radius: 0;
    padding: .15rem .2rem
}

html.smartphone .order-subscribe div.subscribe-header__info div.title {
    font-size: .16rem
}

html.smartphone .order-subscribe div.subscribe-header__info img.icon {
    margin-top: -.05rem
}

html.smartphone .order-subscribe div.subscribe-header__info--body {
    margin-bottom: 0
}

html.smartphone .order-subscribe div.subscribe-header__info--body ul.pretty-list li {
    font-size: .14rem;
    margin-bottom: .02rem
}

html.smartphone .order-subscribe div.subscribe-header__info--body ul.pretty-list li span {
    font-size: .18rem
}

html.smartphone .order-subscribe div.subscribe-header__info--body div.discount-block {
    left: -.37rem;
    height: .3rem;
    font-size: .13rem;
    padding: .05rem .18rem
}

html.smartphone .order-subscribe div.subscribe-header__info--body div.discount-block span {
    font-size: .14rem
}

html.smartphone .order-subscribe div.subscribe-header__info--body button.button {
    width: 1.4rem;
    font-size: .1rem !important
}

html.smartphone .order-subscribe div.summary-subscribe h2 {
    font-weight: 700;
    font-size: .18rem;
    color: #1b1b1b;
    text-transform: none;
    margin: 0 .15rem
}

html.smartphone .order-subscribe div.summary-subscribe__details {
    padding: .15rem;
    background-color: var(--color__white);
    box-shadow: 5px 4px 4px 10px rgba(0, 0, 0, .06);
    border-radius: 0 0 4px 4px
}

html.smartphone .order-subscribe div.summary-subscribe__details div.price-plan__params p {
    margin-bottom: .1rem
}

html.smartphone .order-subscribe div.summary-subscribe__details div.select-price-plan h4 {
    margin: 0
}

html.smartphone .order-subscribe div.summary-subscribe__details div.select-price-plan div.step-meal-days div.day-switcher-container {
    margin-top: .1rem !important;
    margin-bottom: 0 !important
}

html.smartphone .order-subscribe div.summary-subscribe__details div.summary-price {
    margin: .2rem 0
}

html.smartphone .order-subscribe div.summary-subscribe__details div.summary-price>div {
    margin-bottom: .1rem
}

html.smartphone .order-subscribe div.summary-subscribe__details div.summary-price * {
    line-height: 1
}

html.smartphone .order-subscribe div.summary-subscribe__details button.get-order-button {
    margin-top: .1rem;
    height: .45rem;
    font-size: .15rem;
    text-transform: none
}

html.smartphone .order-subscribe div.content__order-menu {
    width: 100%;
    margin-bottom: .2rem
}

html.smartphone .order-subscribe div.content__order-menu #plans-switcher {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15)
}

html.smartphone .order-subscribe div.content__order-menu #plans-body .tariff-description .icon {
    display: none
}

html.smartphone .order-subscribe div.content__order-menu #plans-body .tariff-description div.name-kkal,
html.smartphone .order-subscribe div.content__order-menu #plans-body .tariff-description h2 {
    font-size: .15rem
}

html.smartphone .order-subscribe div.content__order-menu #plans-body .tariff-description__title {
    margin-left: 0
}

html.smartphone .order-subscribe div.content__order-menu #dayweek-selectors {
    margin: 0 .15rem
}

html.smartphone .order-subscribe div.subscribe__all-fields table.summary {
    font-size: .12rem;
    text-align: left;
    padding: 0 .15rem;
    width: 100%
}

html.smartphone .order-subscribe div.subscribe__all-fields table.summary tr {
    width: 100%;
    vertical-align: baseline
}

html.smartphone .order-subscribe div.subscribe__all-fields table.summary tr th {
    font-size: .14rem;
    font-weight: 700;
    text-transform: uppercase
}

html.smartphone .order-subscribe div.subscribe__all-fields table.summary tr td {
    text-transform: none
}

html.smartphone .order-subscribe div.subscribe__all-fields table.summary tr .price {
    font-weight: 700;
    font-size: .3rem;
    color: var(--color__default);
    text-align: right
}

html.smartphone .order-subscribe div.subscribe__all-fields div.description.description-box {
    font-size: .12rem;
    line-height: .14rem;
    width: 100%;
    padding: .15rem;
    box-sizing: border-box
}

html.smartphone .order-subscribe div.subscribe__all-fields div.description.description-box p {
    margin: 0;
    padding: .1rem;
    border: 1px solid var(--color__default)
}

html.smartphone .order-subscribe div.subscribe__all-fields div.payment-methods-buttons {
    position: relative;
    background-color: var(--color__white);
    box-shadow: none
}

html.smartphone .order-subscribe div.subscribe__all-fields div.payment-methods-buttons button {
    margin-top: 0 !important
}

html.smartphone .order-subscribe div.subscribe__all-fields div.new-order-line1 {
    text-align: left !important;
    padding: 0 .15rem
}

html.smartphone .order-subscribe div.subscribe__all-fields h2.fields-block-title {
    font-weight: 700;
    font-size: .14rem;
    color: #1b1b1b;
    margin-top: .1rem;
    line-height: .22rem
}

html.smartphone .order-subscribe div.subscribe__all-fields div.content-data {
    padding: .1rem .15rem !important
}

html.smartphone .order-subscribe div.subscribe__all-fields div.content-data__personal {
    width: 100% !important
}

html.smartphone .order-subscribe div.subscribe__all-fields div.content-data__deliveries {
    padding: .018rem 0
}

html.smartphone .order-subscribe div.subscribe__all-fields div.content-data div.input-container {
    width: 100%
}

html.smartphone .order-subscribe div.subscribe__all-fields .button-next-subscribe-step {
    font-size: .15rem;
    text-transform: none;
    width: 100%;
    height: .45rem
}

html.smartphone .order-subscribe div.subscribe__all-fields .delivery-normal h3 {
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative
}

html.smartphone .order-subscribe div.subscribe__all-fields .delivery-normal h3 a.arrow {
    position: absolute;
    right: .15rem;
    top: .15rem
}

html.smartphone .order-subscribe div.subscribe__all-fields .delivery-normal h3 div.delivery-date {
    font-size: .1rem !important;
    margin-left: 0 !important;
    line-height: 1;
    color: #9b9b9b !important
}

html.smartphone .order-subscribe div.subscribe__all-fields .delivery-normal h3 div.first-delivery-description {
    display: block;
    font-size: .1rem;
    color: #9b9b9b;
    line-height: 1
}

html.smartphone #plans-body .tariff-description {
    -ms-flex-flow: column;
    flex-flow: column
}

html.smartphone #plans-body .tariff-description h2 {
    display: none
}

html.smartphone div.step-payment-subscribe-success {
    text-align: center;
    padding: .5rem .15rem !important
}

html.smartphone div.step-payment-subscribe-success div.icon {
    width: .94rem !important;
    height: .94rem;
    margin: 0 auto !important
}

html.smartphone div.step-payment-subscribe-success div.icon svg {
    width: .94rem !important;
    height: .94rem
}

html.smartphone div.step-payment-subscribe-success h3 {
    text-align: center !important
}

html.smartphone div.subscribe-window__auth {
    height: 100vh
}

html.smartphone div.subscribe-window__auth div.order-step__background {
    display: none
}

html.smartphone div.subscribe-window__auth div.order-step__content {
    width: 100%;
    padding: .45rem .2rem
}

html.smartphone .address-input .actions {
    width: auto
}

html.smartphone .address-input .actions .button {
    height: .45rem !important;
    width: 1.2rem;
    padding: 0
}

html.smartphone .address-input .actions .button.close {
    width: .4rem;
    margin-left: .05rem !important
}

html.smartphone .input-container.input-room input {
    width: 1.15rem !important
}

html.smartphone ul.payment-type-icons {
    padding: 0 .15rem
}

html.smartphone ul.payment-type-icons li img {
    height: auto
}

html.smartphone .payment-methods-list {
    padding: 0 .15rem;
    box-sizing: border-box
}

html.smartphone .payment-methods-list h2 {
    padding-left: 0 !important
}

html.smartphone .payment-methods-buttons {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: -.3rem;
    margin-top: .15rem
}

html.smartphone .payment-methods-buttons .action {
    padding: .1rem 0
}

html.smartphone .payment-methods-buttons .button {
    width: 100%
}

html.smartphone .payment-methods-buttons .button.apple {
    margin: 0
}

html.smartphone .payment-methods-description {
    font-weight: 500;
    font-size: .1rem;
    color: #9b9b9b;
    line-height: .14rem
}

html.smartphone .payment-methods-subscribe {
    font-size: .14rem;
    height: .2rem;
    margin: .15rem 0 .05rem;
    color: #1b1b1b;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

html.smartphone .payment-methods-subscribe label {
    font-size: inherit;
    padding: 0 0 0 .45rem;
    font-weight: 500
}

html.smartphone .payment-methods-subscribe input[type=checkbox].switch+label {
    line-height: 1.4
}

html.smartphone .payment-methods-description {
    margin-top: 0
}

html.smartphone #abonement .payment-methods {
    width: 100%
}

html.smartphone #abonement .payment-methods .payment-methods-list {
    padding: 0
}

html.smartphone .error-message {
    text-align: center
}

html.smartphone .error-message.stick-error {
    border-radius: 0;
    margin: 0;
    padding: .1rem;
    font-size: .1rem
}

html.smartphone div.additional-packs__small div.item {
    width: 90%;
    margin: .15rem auto
}

html.smartphone div.additional-packs__small div.item img {
    width: auto;
    height: 100%
}

html.smartphone div.modal-window.tariff-overview {
    height: auto
}

html.smartphone div.modal-window.tariff-overview .close-icon {
    z-index: 10;
    top: .19em;
    right: .02em;
    padding: .1em
}

html.smartphone div.modal-window.tariff-overview .close-icon>svg {
    width: .11em;
    height: auto
}

html.smartphone div.modal-window.tariff-overview .close-icon>svg path {
    fill: #fff
}

html.smartphone div.modal-window.tariff-overview .modal-inner {
    height: 100vh
}

html.smartphone div.modal-window.tariff-overview .modal-inner>div.image {
    display: none
}

html.smartphone div.modal-window.tariff-overview .modal-inner>div.info {
    width: 100%;
    padding: .14em .16em .2em;
    background-size: cover;
    background-position: 50%;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

html.smartphone div.modal-window.tariff-overview .modal-inner>div.info>div.icon {
    width: .5em;
    position: relative;
    background-color: #fff
}

html.smartphone div.modal-window.tariff-overview .modal-inner>div.info>div.title {
    font-size: .16em;
    line-height: 1.13;
    margin-top: .875em;
    position: relative;
    color: #fff
}

html.smartphone div.modal-window.tariff-overview .modal-inner>div.info>div.desc {
    font-size: .16em;
    line-height: 1.13;
    margin-top: .125em;
    position: relative;
    color: #fff
}

html.smartphone div.modal-window.tariff-overview .modal-inner>div.info>div.full-desc {
    font-size: .13em;
    line-height: 1.33;
    margin-top: 1.16667em;
    position: relative;
    color: #fff
}

html.smartphone div.modal-window.tariff-overview .modal-inner>div.info>div.ta-strategy-input-flex {
    margin-top: .28em;
    position: relative;
    margin-bottom: .54em
}

html.smartphone div.modal-window.tariff-overview .modal-inner>div.info>div.ta-strategy-input-flex>div.input-container input {
    font-size: .12em;
    height: 3.75em;
    border: 1px solid #fff;
    border-radius: .33333em;
    background-color: transparent;
    color: #fff
}

html.smartphone div.modal-window.tariff-overview .modal-inner>div.info>div.ta-strategy-input-flex>div.input-container input:focus {
    border-color: #fff !important
}

html.smartphone div.modal-window.tariff-overview .modal-inner>div.info>div.ta-strategy-input-flex>div.input-container label {
    color: #fff;
    opacity: 1
}

html.smartphone div.modal-window.tariff-overview .modal-inner>div.info>div.ta-strategy-input-flex>.button {
    font-size: .14em;
    font-weight: 500;
    height: 3.21429em;
    margin-top: .71429em
}

html.smartphone div.modal-window.tariff-overview .modal-inner>div.info>div.ta-strategy-input-flex>.button[disabled=disabled] {
    background-color: #297545;
    border-color: #297545;
    color: #999
}

html.smartphone div.modal-window.tariff-overview .modal-inner>div.info:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #000;
    opacity: .7
}

html.smartphone .city-selector--spb .dropdown-pos-bottom {
    left: 72%
}

html.smartphone .city-selector--spb .dropdown-pos-bottom:after,
html.smartphone .city-selector--spb .dropdown-pos-bottom:before {
    left: 56%
}

html.smartphone .city-selector--msk .dropdown-pos-bottom {
    left: 145%
}

html.smartphone .city-selector--msk .dropdown-pos-bottom:after,
html.smartphone .city-selector--msk .dropdown-pos-bottom:before {
    left: 36%
}

html.smartphone .city-selector--ekb .dropdown-pos-bottom {
    left: 90%
}

html.smartphone .city-selector--ekb .dropdown-pos-bottom:after,
html.smartphone .city-selector--ekb .dropdown-pos-bottom:before {
    left: 49%
}

html.smartphone .city-selector--murmansk .dropdown-pos-bottom {
    left: 110%
}

html.smartphone .city-selector--murmansk .dropdown-pos-bottom:after,
html.smartphone .city-selector--murmansk .dropdown-pos-bottom:before {
    left: 43%
}

html.smartphone .city-selector--nsk .dropdown-pos-bottom {
    left: 90%
}

html.smartphone .city-selector--nsk .dropdown-pos-bottom:after,
html.smartphone .city-selector--nsk .dropdown-pos-bottom:before {
    left: 49%
}

html.smartphone .city-selector--krd .dropdown-pos-bottom {
    left: 108%
}

html.smartphone .city-selector--krd .dropdown-pos-bottom:after,
html.smartphone .city-selector--krd .dropdown-pos-bottom:before {
    left: 43%
}

html.smartphone .city-selector--kzn .dropdown-pos-bottom {
    left: 159%
}

html.smartphone .city-selector--kzn .dropdown-pos-bottom:after,
html.smartphone .city-selector--kzn .dropdown-pos-bottom:before {
    left: 35%
}

html.smartphone .city-selector .dropdown-selector span {
    font-size: .13em
}

html.smartphone .city-selector .dropdown-selector svg {
    width: .08em;
    height: .08em;
    margin-top: .02em
}

html.smartphone .city-selector .dropdown-menu {
    margin: 0 .1rem;
    width: 100%;
    min-width: 3rem;
    padding: .15rem .1rem
}

html.smartphone .city-selector .dropdown-menu button {
    font-size: .1rem !important
}

html.smartphone .city-selector .dropdown-menu a {
    padding: .5em 1em;
    font-size: .15em
}

html.smartphone .navbar {
    right: auto;
    width: 100%;
    box-sizing: border-box
}

html.smartphone .navbar-hamburger svg {
    width: .18em;
    height: auto
}

html.smartphone .navbar-logo img,
html.smartphone .navbar-logo svg:not(.c-icon) {
    width: auto;
    height: .2em
}

html.smartphone .navbar-logo svg.c-icon {
    width: .32em;
    height: .2em
}

html.smartphone .sidebar-hamburger svg {
    width: .18em;
    height: auto
}

html.smartphone div.tabber-line {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

html.smartphone div.tabber-line>a {
    padding-bottom: .12rem !important;
    border-bottom: none
}

html.smartphone div.tabber-line>a.menu.isCustomize:after {
    content: "";
    position: absolute;
    display: inline-block;
    border-radius: 50%;
    background-color: #f8c325;
    right: -2px;
    width: .06rem;
    height: .06rem
}

html.smartphone div.tabber-line>a.active {
    position: relative
}

html.smartphone div.tabber-line>a.active:before {
    content: "";
    position: absolute;
    display: inline-block;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 3px;
    background-color: var(--color__default)
}

html.smartphone div.tabber-line>a>div {
    font-size: .15rem
}

html.smartphone .pretty-list li.icon.dot-green:before {
    width: .07rem;
    height: .07rem;
    margin-top: .04rem
}

html.smartphone .dropdown-toggle {
    /*background-color: var(--color__white) !important*/
}

html.smartphone .radio.radio-active-card {
    background-color: var(--color__white)
}

html.smartphone .feedback_list {
    width: 100%
}

html.smartphone .feedback_list>div {
    -ms-flex: 0 100%;
    flex: 0 100%
}

html.smartphone #client-orders {
    overflow: hidden
}

html.smartphone #client-orders.client-orders-in-longate {
    overflow: visible;
    padding-bottom: .65em
}

html.smartphone #client-orders.client-orders-in-longate .current-order {
    margin-bottom: 0;
    box-shadow: none
}

html.smartphone #client-orders.client-orders-in-longate .menu-page__summary {
    display: block;
    position: fixed;
    top: unset;
    bottom: 0
}

html.smartphone #client-orders .menu_in_orders .menu-days {
    padding-bottom: .13em
}

html.smartphone #client-orders .menu_in_orders ul.menu-section-dates {
    margin-top: .1em;
    position: relative;
    padding-bottom: 0
}

html.smartphone #client-orders .menu_in_orders ul.menu-section-dates:after {
    content: none
}

html.smartphone #client-orders .menu_in_orders ul.menu-section-dates>li {
    font-size: .1em;
    line-height: 1.4em;
    font-weight: 500;
    text-align: center;
    width: 3.4em;
    height: 3.4em;
    padding: 0;
    border-radius: .4em;
    text-transform: uppercase
}

html.smartphone #client-orders .menu_in_orders ul.menu-section-dates>li.hasRate {
    position: relative
}

html.smartphone #client-orders .menu_in_orders ul.menu-section-dates>li.hasRate:before {
    content: "";
    position: absolute;
    display: inline-block;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    background-color: #ef5747;
    top: 2px;
    right: 2px
}

html.smartphone #client-orders .menu_in_orders ul.menu-section-dates>li.customizable {
    position: relative
}

html.smartphone #client-orders .menu_in_orders ul.menu-section-dates>li.customizable:before {
    content: "";
    position: absolute;
    display: inline-block;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    background-color: #f8c325;
    top: 2px;
    right: 2px
}

html.smartphone #client-orders .menu_in_orders ul.menu-section-dates>li.menu-pagination-left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    top: 0;
    bottom: 0;
    color: var(--color__default);
    width: .8em;
    height: auto
}

html.smartphone #client-orders .menu_in_orders ul.menu-section-dates>li.menu-pagination-left .c-icon-left {
    transform: rotate(90deg);
    height: .8em;
    width: 1.6em
}

html.smartphone #client-orders .menu_in_orders ul.menu-section-dates>li.menu-pagination-right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    right: 0;
    top: 0;
    bottom: 0;
    color: var(--color__default);
    width: .8em;
    height: auto
}

html.smartphone #client-orders .menu_in_orders ul.menu-section-dates>li.menu-pagination-right .c-icon-right {
    transform: rotate(-90deg);
    height: .8em;
    width: 1.6em
}

html.smartphone #client-orders .menu_in_orders .days-container .menu-day {
    margin: 0
}

html.smartphone #client-orders .menu_in_orders .days-container .menu-day.opened {
    margin-top: 0
}

html.smartphone #client-orders .menu_in_orders .days-container .menu-day .info {
    margin: 0
}

html.smartphone #client-orders .menu_in_orders .days-container .menu-day .info div.title {
    padding: 0 0 .625em !important;
    font-size: .16em !important;
    line-height: 2.4
}

html.smartphone #client-orders .menu_in_orders .days-container .menu-day .info .menu-eating {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column
}

html.smartphone #client-orders .menu_in_orders .days-container .menu-day .info .menu-eating .title {
    position: relative;
    left: 0;
    top: 0;
    padding: 0 !important;
    margin: 0 0 .57803em;
    text-align: left
}

html.smartphone #client-orders .menu_in_orders .days-container .menu-day .info .menu-eating .menu-pack {
    -ms-flex-flow: column;
    flex-flow: column;
    padding: 0 !important
}

html.smartphone #client-orders .menu_in_orders .days-container .menu-day .info .menu-eating .menu-pack .menu-photo {
    margin-right: 0;
    margin-bottom: .1em
}

html.smartphone #client-orders .menu_in_orders .days-container .menu-day .info .menu-eating .menu-pack .menu-photo img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

html.smartphone #client-orders .menu_in_orders .days-container .menu-day .info .menu-eating .menu-pack .menu-dish {
    -ms-flex-flow: column;
    flex-flow: column;
    margin-bottom: .3em
}

html.smartphone #client-orders .menu_in_orders .days-container .menu-day .info .menu-eating .menu-pack .menu-dish:last-of-type {
    margin-bottom: .1em;
    padding: 0
}

html.smartphone #client-orders .menu_in_orders .days-container .menu-day .info .menu-eating .menu-pack .menu-dish .main-info {
    width: 100%;
    margin-bottom: .2em;
    padding-left: 0
}

html.smartphone #client-orders .menu_in_orders .days-container .menu-day .info .menu-eating .menu-pack .menu-dish .main-data {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

html.smartphone #client-orders .menu_in_orders .days-container .menu-day .info .menu-eating .menu-pack .menu-dish .main-data .metrics {
    margin-left: 0
}

html.smartphone #client-orders .menu_in_orders .days-container .menu-day .info .menu-eating .menu-pack .menu-dish .main-data .icons svg {
    height: .17em
}

html.smartphone #client-orders .current-order__info {
    padding: .86705em .86705em 0;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

html.smartphone #client-orders .current-order__info .icon {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    margin-right: 0
}

html.smartphone #client-orders .current-order__info .icon svg {
    width: 3.3526em;
    height: 3.3526em
}

html.smartphone #client-orders .current-order__info .info {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

html.smartphone #client-orders .current-order__info .info-title h3 {
    font-size: 1.27168em
}

html.smartphone #client-orders .current-order__info .info-title div.status {
    margin-top: .11561em;
    font-size: .69364em
}

html.smartphone #client-orders .current-order__info .info p {
    font-size: .80925em;
    line-height: 1.27168em;
    margin-bottom: 0
}

html.smartphone #client-orders .current-order__info .info-payment button.button {
    font-size: .69364em;
    line-height: 2.5em;
    width: 13.33333em;
    height: 2.5em;
    margin-left: 0
}

html.smartphone #client-orders .current-order .is_auto_paid {
    padding: .57803em
}

html.smartphone #client-orders .current-order .is_auto_paid h4 {
    font-size: .69364em
}

html.smartphone #client-orders .current-order .is_auto_paid p {
    font-size: .57803em
}

html.smartphone #client-orders .current-order .item-client-rates>div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline
}

html.smartphone #client-orders .current-order .item-client-rates>div .new-amount {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1em;
    width: 1.66667em;
    height: 1.66667em;
    border-radius: 1rem;
    background-color: #ef5747;
    font-weight: 700;
    color: #fff;
    margin-left: .41667em
}

html.smartphone #client-orders .current-order .tabber-line {
    padding: 0 .15em !important;
    margin: .3em 0 0 !important;
    -ms-flex-pack: start;
    justify-content: flex-start
}

html.smartphone #client-orders .current-order .tabber-line .icon-car_free {
    width: 2.112em;
    height: 1.3em
}

html.smartphone #client-orders .current-order .tabber-line .icon-heart {
    width: 1.556em;
    height: 1.4em
}

html.smartphone #client-orders .current-order .tabber-line .icon-menu {
    width: 1.606em;
    height: 1.3em
}

html.smartphone #client-orders .current-order .tabber-line>a {
    margin-right: 0 !important
}

html.smartphone #client-orders .current-order .tabber-line>a svg {
    margin-right: .5em
}

html.smartphone #client-orders .current-order .tabber-line>a>div {
    font-size: 1.2em;
    font-weight: 700
}

html.smartphone #client-orders .current-order .custom-order-list {
    padding: 1.42857em 1.42857em 0;
    margin: 1.42857em 0
}

html.smartphone #client-orders .current-order .custom-order-list>div>div {
    margin-bottom: .71429em
}

html.smartphone #client-orders .current-order .custom-order-list .table_plan-info {
    font-size: .85714em
}

html.smartphone #client-orders .current-order .custom-order-list .table_plan-amount {
    font-size: .92857em
}

html.smartphone #client-orders .content-data__deliveries .deliveries {
    padding: 0
}

html.smartphone #client-orders .content-data__deliveries .deliveries .arrow {
    right: -.15rem;
    top: 0;
    padding: .1rem
}

html.smartphone #client-orders .content-data__deliveries .deliveries .delivery-row {
    padding: .15em
}

html.smartphone #client-orders .content-data__deliveries .deliveries .delivery-row .delivery-info {
    font-size: .14em
}

html.smartphone #client-orders .content-data__deliveries .deliveries .delivery-row .delivery-info__details {
    display: block
}

html.smartphone #client-orders .content-data__deliveries .deliveries .delivery-row .delivery-info h3 {
    font-size: 1em
}

html.smartphone #client-orders .content-data__deliveries .deliveries .delivery-row .delivery-info button.edit {
    width: 10.76923em
}

html.smartphone #client-orders .content-data__deliveries .deliveries .delivery-row .delivery-freeze {
    margin: 0 -.2rem .15rem;
    padding: .15rem .2rem !important;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-align: start;
    align-items: flex-start
}

html.smartphone #client-orders .content-data__deliveries .deliveries .delivery-row .delivery-freeze button.button {
    margin-left: 0;
    margin-right: auto !important;
    margin-top: .15rem;
    width: 1.7rem;
    height: .3rem;
    font-size: .13rem
}

html.smartphone #client-orders .content-data__deliveries .deliveries .delivery>div {
    -ms-flex: 0;
    flex: 0
}

html.smartphone #client-orders .content-data__deliveries .deliveries .delivery .input-container label {
    font-size: .57803em
}

html.smartphone #client-orders .content-data__deliveries .deliveries .delivery .input-container span {
    font-size: .80925em
}

html.smartphone #client-orders .content-data__deliveries .deliveries .delivery .call-driver {
    margin: 0 0 .86705em
}

html.smartphone #client-orders .content-data__deliveries .deliveries .delivery-edit__data {
    -ms-flex-flow: column;
    flex-flow: column
}

html.smartphone #client-orders .content-data__deliveries .deliveries .delivery-edit__data .delivery-date .dropdown.select {
    margin-bottom: 0
}

html.smartphone #client-orders .content-data__deliveries .deliveries .delivery-edit__data .delivery-address {
    margin-top: .1em
}

html.smartphone .b-menu-day__customizable {
    background-color: #e6f5eb;
    padding-top: 15px;
    padding-bottom: 19px;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -1px
}

html.smartphone .b-menu-day__customizable-title {
    font-size: .12em;
    line-height: 1.66667em;
    text-align: center;
    font-weight: 500;
    margin-bottom: .58333em;
    color: #000
}

html.smartphone .b-menu-day__customizable-button .button {
    font-size: .13em !important;
    height: 2.30769em !important;
    line-height: 1.53846em
}

html.smartphone .b-menu-day__customizable-button .icon-menu {
    width: 1.23077em;
    height: 1em;
    margin-right: .46154em;
    line-height: 1.53846em;
    margin-top: -2px
}

html.smartphone.stick-payment-buttons body {
    padding-bottom: .5rem
}

html.smartphone.stick-payment-buttons body .payment-methods-buttons {
    position: fixed;
    bottom: 0;
    background-color: var(--color__white);
    margin: 0;
    box-shadow: 0 .02rem .02rem .02rem rgba(0, 0, 0, .2)
}

html.smartphone.stick-payment-buttons body .payment-type-icons {
    position: absolute;
    bottom: .8rem
}

html.smartphone.stick-payment-buttons body #abonement .payment-methods-buttons {
    margin-left: -.15rem
}

html.smartphone .buttons-inline {
    -ms-flex-flow: column;
    flex-flow: column
}

html.smartphone .buttons-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

html.smartphone .button.link,
html.smartphone .button.phone {
    text-decoration: none
}

html.smartphone .button.link img,
html.smartphone .button.phone img {
    width: .16rem;
    height: .16rem
}

html.smartphone #new-order-page {
    background-color: #f5f4f5
}

html.smartphone #new-order-page div#plans-switcher {
    margin-top: 0;
    margin-bottom: 0;
    font-size: .6em
}

html.smartphone #new-order-page div#plans-switcher .select-plan-item {
    box-shadow: none
}

html.smartphone #new-order-page div#plans-switcher .select-plan-item .icon {
    width: .41667em !important;
    height: .41667em !important
}

html.smartphone #new-order-page div#plans-switcher .select-plan-item div.discount {
    height: 1.1em;
    right: -.84rem
}

html.smartphone #new-order-page div#plans-body .tariff-description {
    text-align: center;
    margin: .08em 0
}

html.smartphone #new-order-page div#plans-body .tariff-description .name-kkal {
    text-align: center;
    font-size: .15em;
    line-height: 1.2
}

html.smartphone #new-order-page div#plans-body .tariff-description .description {
    font-size: .11em;
    line-height: 1.64;
    margin-top: 0;
    color: #9b9b9b
}

html.smartphone #new-order-page h1.choose-delivery_date {
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .15em;
    line-height: 1.2;
    font-weight: 500
}

html.smartphone #new-order-page h1.choose-delivery_date div.dropdown {
    margin-left: .4em
}

html.smartphone #new-order-page h1.choose-delivery_date div.dropdown-selector span {
    border-bottom: none;
    font-size: 1.06667em;
    line-height: 1.13
}

html.smartphone #new-order-page h1.choose-delivery_date .dropdown-content ul li {
    font-size: .95em;
    width: 8.75em
}

html.smartphone #new-order-page div.menu_in_orders div.menu-days {
    width: 100%
}

html.smartphone #new-order-page div.b-menu-section__help {
    margin: 0;
    padding-top: .68182em;
    font-size: .11em;
    line-height: .91
}

html.smartphone #new-order-page div.b-menu-section__help:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #cacbcb;
    opacity: .9;
    margin-bottom: .95455em
}

html.smartphone #new-order-page div.b-menu-section__help .b-menu-section__help-bullet {
    width: .54545em;
    height: .54545em
}

html.smartphone #new-order-page div#menu-container {
    margin-top: -.1em;
    margin-bottom: 1em
}

html.smartphone #new-order-page div#menu-container .free-delivery,
html.smartphone #new-order-page div#menu-container div.disclaimer {
    display: none
}

html.smartphone #new-order-page div#menu-container div#menu-items.dish-v30.menu-was-changes {
    margin-bottom: .5em
}

html.smartphone #new-order-page div#menu-container div#menu-items.dish-v30 div.swiper-container {
    margin-bottom: -.2em
}

html.smartphone #new-order-page div#menu-container div#menu-items.dish-v30 div.swiper-slide {
    padding: .1em 0 0;
    margin: 0 .07em
}

html.smartphone #new-order-page div#menu-container div#menu-items.dish-v30 div.swiper-slide .b-pack {
    background: #fff;
    border-radius: .08rem;
    box-shadow: 4px 4px 12px rgba(0, 0, 0, .08);
    width: unset !important;
    padding: .75em;
    margin-bottom: 0
}

html.smartphone #new-order-page div#menu-container div#menu-items.dish-v30 div.swiper-slide .b-pack__photo img.b-pack-img {
    width: 11.25em;
    height: 8.1875em
}

html.smartphone #new-order-page div#menu-container div#menu-items.dish-v30 div.swiper-slide .b-pack-actions {
    font-size: .875em;
    margin: 0 0 .85714em;
    width: 100%;
    font-weight: 500;
    line-height: 1.71
}

html.smartphone #new-order-page div#menu-container div#menu-items.dish-v30 div.swiper-slide .b-pack-actions h4 {
    font-weight: 500;
    font-size: 1.14286em
}

html.smartphone #new-order-page div#menu-container div#menu-items.dish-v30 div.swiper-slide .b-pack-actions .btn {
    font-size: .85714em;
    padding: .57143em .57143em .42857em;
    border: .01rem solid #f8c325;
    line-height: 1;
    font-weight: 500;
    background-color: transparent;
    text-decoration: none
}

html.smartphone #new-order-page div#menu-container div#menu-items.dish-v30 div.swiper-slide .b-pack-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .875em;
    height: 3.57143em;
    margin-top: 1.42857em;
    margin-bottom: 0
}

html.smartphone #new-order-page div#menu-container div#menu-items.dish-v30 div.swiper-slide .b-pack .b-menu-day__cbju-items {
    margin-top: 1.125em;
    margin-bottom: .3125em
}

html.smartphone #new-order-page div#menu-container div#menu-items.dish-v30 div.swiper-slide .b-pack div.info {
    height: unset
}

html.smartphone #new-order-page div#menu-description div.description {
    padding-top: .15em;
    padding-bottom: 0;
    box-shadow: none !important
}

html.smartphone #new-order-page div#menu-description div.description div.menu_plan-info {
    font-size: .18em;
    line-height: 1.11;
    font-weight: 700;
    position: relative;
    background-color: #fff;
    padding-right: 1.33333em
}

html.smartphone #new-order-page div#menu-description div.description div.menu_plan-info:after {
    display: block;
    background-color: #000
}

html.smartphone #new-order-page div#menu-description div.description .price-v20 {
    -ms-flex-flow: row;
    flex-flow: row;
    font-size: .2em;
    line-height: 1;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: .375em;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    padding-left: 1.1em
}

html.smartphone #new-order-page div#menu-description div.description .price-v20 .old-price {
    -ms-flex-order: -1;
    order: -1;
    color: #1b1b1b;
    font-size: 1em;
    line-height: 1
}

html.smartphone #new-order-page div#menu-description div.description .price-v20 .final-price {
    color: var(--color__default);
    font-size: 1em;
    line-height: 1;
    margin-left: .45455em
}

html.smartphone #new-order-page div#menu-description div.description .orderButtons:before {
    content: "";
    display: block;
    width: 90%;
    height: .01rem;
    border-top: 1px dotted #20303f;
    opacity: .4;
    position: absolute;
    top: .25em;
    z-index: -1
}

html.smartphone #new-order-page div#menu-description div.description .orderButtons .button {
    height: 2.33333em;
    text-transform: uppercase
}

html.smartphone #new-order-page div#menu-description div.description__has-reset-btn .orderButtons {
    width: 100%
}

html.smartphone #new-order-page div#menu-description div.description__has-reset-btn .orderButtons>div {
    width: 100%;
    display: -ms-flexbox;
    display: flex
}

html.smartphone #new-order-page div#menu-description div.description__has-reset-btn .orderButtons .button {
    margin: .1rem .05em
}

html.smartphone #new-order-page div#menu-description div.description .free-delivery {
    display: none
}

html.smartphone #new-order-page div#menu-description div.mobile-stick.fixed {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    background-color: #d8d8d8;
    box-shadow: 0 6px 32px 0 rgba(0, 0, 0, .5);
    border-top-left-radius: .1em;
    border-top-right-radius: .1em
}

html.smartphone #new-order-page div#menu-description div.mobile-stick.fixed.reversed {
    -ms-flex-flow: column-reverse;
    flex-flow: column-reverse
}

html.smartphone #new-order-page div#menu-description div.mobile-stick.fixed div.description {
    box-shadow: 0 2px 12px 7px rgba(0, 0, 0, .1);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

html.smartphone #new-order-page div#menu-description div.mobile-stick.fixed div.description div.orderButtons {
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

html.smartphone #new-order-page div#menu-description div.mobile-stick.fixed div.description div.orderButtons>div {
    width: 100%
}

html.smartphone #new-order-page div#menu-description div.mobile-stick.fixed div.description div.orderButtons .button {
    line-height: 1.07;
    font-weight: 500
}

html.smartphone #new-order-page div#menu-description div.mobile-stick.fixed div.description div.orderButtons .phone-container .small-text,
html.smartphone #new-order-page div#menu-description div.mobile-stick.fixed div.description div.orderButtons .phone-container h3,
html.smartphone #new-order-page div#menu-description div.mobile-stick.fixed div.description div.orderButtons .phone-container p {
    display: none
}

html.smartphone #new-order-page div#menu-description div.mobile-stick.fixed div.price-tabs {
    margin-bottom: -1px;
    background: transparent
}

html.smartphone #new-order-page div#menu-description div.mobile-stick.fixed div.price-tabs div.four-weeks-switcher {
    height: .35em;
    background: #efefef;
    border-top-left-radius: .1em;
    border-top-right-radius: .1em
}

html.smartphone #new-order-page div#menu-description div.mobile-stick.fixed div.price-tabs div.four-weeks-switcher.selected-0>div:first-child {
    border-top-right-radius: .1em
}

html.smartphone #new-order-page div#menu-description div.mobile-stick.fixed div.price-tabs div.four-weeks-switcher.selected-0>div:nth-child(2) {
    box-shadow: 1px 0 0 0 #e1e1e1 !important
}

html.smartphone #new-order-page div#menu-description div.mobile-stick.fixed div.price-tabs div.four-weeks-switcher.selected-1>div:nth-child(2) {
    border-top-left-radius: .1em;
    border-top-right-radius: .1em
}

html.smartphone #new-order-page div#menu-description div.mobile-stick.fixed div.price-tabs div.four-weeks-switcher.selected-2>div:nth-child(2) {
    box-shadow: -1px 0 0 0 #e1e1e1 !important
}

html.smartphone #new-order-page div#menu-description div.mobile-stick.fixed div.price-tabs div.four-weeks-switcher.selected-2>div:nth-child(3) {
    border-top-left-radius: .1em
}

html.smartphone #new-order-page div#menu-description div.mobile-stick.fixed div.price-tabs div.four-weeks-switcher>div {
    margin-top: 0;
    margin-bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    color: #9b9b9b;
    background-color: #efefef;
    box-shadow: none !important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: none
}

html.smartphone #new-order-page div#menu-description div.mobile-stick.fixed div.price-tabs div.four-weeks-switcher>div:first-of-type {
    border-top-left-radius: .1em
}

html.smartphone #new-order-page div#menu-description div.mobile-stick.fixed div.price-tabs div.four-weeks-switcher>div:last-of-type {
    border-top-right-radius: .1em
}

html.smartphone #new-order-page div#menu-description div.mobile-stick.fixed div.price-tabs div.four-weeks-switcher>div.active {
    color: #000;
    background-color: #fff
}

html.smartphone #new-order-page div#menu-description div.mobile-stick.fixed div.price-tabs div.four-weeks-switcher>div.active:after {
    display: none
}

html.smartphone #new-order-page div#menu-description div.mobile-stick.fixed div.price-tabs div.four-weeks-switcher>div .line2 {
    font-size: .12em;
    color: #ef5747
}

html.smartphone .l-try-customization #new-order-page.new-order-page-landing,
html.smartphone .l-try-customization #new-order-page.new-order-page-landing div#plans-body {
    background-color: #fff
}

html.smartphone .l-try-customization #new-order-page.new-order-page-landing div#menu-container div#menu-items.dish-v30 div.swiper-slide {
    margin: 0;
    padding-top: .14em;
    padding-left: .27em;
    padding-right: .05em
}

html.smartphone .l-try-customization .b-order-menu__save {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
    padding: .09em .35em;
    background-color: #2b2a28
}

html.smartphone .l-try-customization .b-order-menu__save button.button {
    font-size: .16em !important;
    width: 100% !important;
    height: 2.5em !important;
    font-weight: 700;
    line-height: 1.13
}

html.smartphone .l-try-customization .b-order-menu__bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #2b2a28
}

html.smartphone .l-try-customization .b-order-menu__diffs {
    font-size: .16em;
    color: #fff;
    text-align: center;
    margin-bottom: .625em
}

.swiper-slide,
.swiper-wrapper {
    height: auto
}

.swiper-slide>img {
    width: 100%
}

body,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
li,
ul {
    margin: 0;
    padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: inherit;
    font-size: inherit
}

a {
    text-decoration: none;
    color: inherit
}

button {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit
}

input,
textarea {
    -webkit-appearance: none
}

input,
select,
textarea {
    outline: 0;
    font-size: inherit
}

input,
select,
table,
textarea {
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit
}

table {
    font-size: 1em;
    color: inherit;
    border-spacing: 0
}

td {
    padding: 0
}

html {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

div#loading-layer {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    overflow: hidden;
    background: rgba(74, 74, 74, .9);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

div#loading-layer>div {
    width: .88em;
    text-align: center
}

div#loading-layer>div>svg {
    width: 100%;
    height: auto
}

div#loading-layer>div>span {
    font-size: .14em;
    font-weight: 500;
    color: #fff
}

div#city-selector {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin-right: auto;
    margin-left: .15em
}

div#city-selector>div.current {
    cursor: pointer;
    padding: .06em 0
}

div#city-selector>div.current>span {
    display: inline-block;
    font-size: .15em;
    font-weight: 500;
    color: #1b1b1b;
    vertical-align: middle
}

div#city-selector>div.current>div.list-button {
    width: .1em;
    height: .1em;
    margin-left: .06em;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: .01em
}

div#city-selector>div.current>div.list-button>svg {
    width: 100%;
    height: 100%
}

div#city-selector>div.current>div.list-button>svg path {
    fill: #000
}

div#city-selector>div.list {
    display: none
}

div#city-selector.opened>div.list {
    display: block;
    position: absolute;
    background-color: #fff;
    min-width: calc(100% + .15em);
    border-radius: .06em;
    top: 100%;
    left: -.04em;
    z-index: 10;
    box-shadow: .01em .01em .05em rgba(0, 0, 0, .6)
}

div#city-selector.opened>div.list:before {
    content: "";
    display: block;
    position: absolute;
    width: .19em;
    height: .07em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(/static/icons/triangle.svg?r=123);
    top: -.067em;
    left: 50%;
    margin-left: -.095em
}

div#city-selector.opened>div.list>div {
    font-size: .15em;
    font-weight: 500;
    line-height: 1.38;
    color: #1b1b1b;
    padding: .46154em .69231em;
    white-space: nowrap;
    cursor: pointer
}

div.authorized-user-links>a,
div.authorized-user-links>div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .2em .23em;
    box-shadow: 0 0 0 .5px #e1e4e2;
    position: relative
}

div.authorized-user-links>a.link-shop .new-amount,
div.authorized-user-links>div.link-shop .new-amount {
    background-color: #f8c325
}

div.authorized-user-links>a.link-shop-about>div.icon,
div.authorized-user-links>div.link-shop-about>div.icon {
    font-size: 1.25em;
    margin-top: -.16em
}

div.authorized-user-links>a.link-shop-about>span,
div.authorized-user-links>div.link-shop-about>span {
    font-weight: 700;
    font-size: .16em;
    margin-left: 1.2em
}

div.authorized-user-links>a.link-shop-about>span .default,
div.authorized-user-links>div.link-shop-about>span .default {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: .8125em;
    font-weight: 300
}

div.authorized-user-links>a.link-shop-about>span .default .icon,
div.authorized-user-links>div.link-shop-about>span .default .icon {
    margin-left: .5em
}

div.authorized-user-links>a.link-shop-about>span .default .icon svg,
div.authorized-user-links>div.link-shop-about>span .default .icon svg {
    width: .2rem;
    height: .2rem
}

div.authorized-user-links>a.link-wallet .big,
div.authorized-user-links>div.link-wallet .big {
    font-size: 1.23077em;
    font-weight: 500;
    color: #1b1b1b;
    display: block
}

div.authorized-user-links>a>div.icon,
div.authorized-user-links>div>div.icon {
    margin-right: .15rem;
    width: .2em;
    height: .2em;
    color: #9b9b9b
}

div.authorized-user-links>a.logout .icon,
div.authorized-user-links>div.logout .icon {
    color: #ef5747
}

div.authorized-user-links>a>span,
div.authorized-user-links>div>span {
    font-size: .13em;
    line-height: 1.38;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

div.authorized-user-links>a>span>div.new-amount,
div.authorized-user-links>div>span>div.new-amount {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    line-height: 1.43;
    color: var(--color__white);
    width: 1.84615em;
    height: 1.84615em;
    border-radius: 50%;
    background-color: #ef5747;
    margin-left: .53846em
}

div.authorized-user-links>a>span>div.new-badge,
div.authorized-user-links>div>span>div.new-badge {
    font-size: .12rem;
    color: var(--color__white);
    text-align: center;
    line-height: .2rem;
    background-color: #27b4bc;
    border-radius: .12rem;
    padding: 0 .1rem 0 .09rem
}

div.authorized-user-links>a>span>div.new-badge__rates,
div.authorized-user-links>div>span>div.new-badge__rates {
    background-color: #ef5747
}

div.authorized-user-links>a>span>div.new-badge__rates svg,
div.authorized-user-links>div>span>div.new-badge__rates svg {
    padding-top: .02rem;
    width: .11rem;
    height: .1rem
}

html:not(.touch) div.authorized-user-links>a:hover:not(.button),
html:not(.touch) div.authorized-user-links>div:hover:not(.button) {
    background-color: #fdfdfd
}

div.authorized-user-links>a.active,
div.authorized-user-links>div.active {
    background-color: #fcfcfc;
    box-shadow: 0 0 0 .5px #e1e4e2, .03em 0 0 var(--color__default-darken) inset
}

div.authorized-user-links>a.active>div.icon,
div.authorized-user-links>div.active>div.icon {
    width: .2em
}

div.authorized-user-links>a.active>div.icon>svg path,
div.authorized-user-links>div.active>div.icon>svg path {
    fill: var(--color__default)
}

div.authorized-user-links>a.active.link-shop>div.icon>svg path,
div.authorized-user-links>div.active.link-shop>div.icon>svg path {
    stroke: var(--color__default);
    fill: none
}

div.authorized-user-links>a.active.link-shop>div.icon>svg path:first-child,
div.authorized-user-links>div.active.link-shop>div.icon>svg path:first-child {
    fill: var(--color__default);
    stroke: none
}

div.authorized-user-links>a.active.link-shop-about,
div.authorized-user-links>div.active.link-shop-about {
    box-shadow: 0 0 0 .5px #e1e4e2, inset .03em 0 0 #f8c325
}

div.authorized-user-links>a.active.link-shop-about>div.icon>svg path,
div.authorized-user-links>div.active.link-shop-about>div.icon>svg path {
    stroke: #f8c325;
    fill: none
}

div.authorized-user-links>a.active.link-shop-about>div.icon>svg path:first-child,
div.authorized-user-links>div.active.link-shop-about>div.icon>svg path:first-child {
    fill: #f8c325;
    stroke: none
}

div.authorized-user-links>a.logout,
div.authorized-user-links>div.logout {
    color: #ef5747
}

div.authorized-user-links>a.logout svg,
div.authorized-user-links>div.logout svg {
    transform: rotate(180deg);
    transform-origin: 50% 50%
}

div.authorized-user-links>a.logout svg path,
div.authorized-user-links>div.logout svg path {
    fill: #ef5747
}

div.authorized-user-links>a.button {
    background-color: var(--color__default);
    width: auto;
    border-radius: 0;
    font-size: 1em !important;
    height: auto !important;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-width: 0;
    box-shadow: none;
    padding: .15em .18em
}

div.authorized-user-links>a.button>div.icon {
    width: .3em;
    color: #fff;
    box-shadow: 0 0 .06em 0 rgba(0, 0, 0, .12);
    border-radius: 50%
}

div.authorized-user-links>a.button>span {
    font-size: .16em;
    font-weight: 500;
    line-height: 1.13;
    margin-left: 1.3125em;
    text-transform: none
}

html {
    font-family: Museo Sans Cyrl, -apple-system, system-ui, Roboto, sans-serif;
    font-size: 100px;
    font-size: 6.94444444vw;
    font-weight: 500
}

.recaptcha>div {
    color: #df0000;
    margin-top: .12rem;
    font-size: .12rem
}

body {
    font-family: Museo Sans Cyrl, -apple-system, system-ui, Roboto, sans-serif;
    -webkit-text-size-adjust: 100%;
    font-weight: 500
}

body.sidebar-opened {
    overflow: hidden
}

html {
    left: 0;
    right: 0
}

html *,
html :after,
html :before {
    box-sizing: border-box
}

.semi-bold {
    font-weight: 700
}

span.rub {
    margin-left: 0
}

span.rub:empty:before {
    content: "\20BD";
    font-weight: 500;
    display: inline
}

span.rub.bold {
    font-weight: 700
}

body.modal-opened {
    width: 100%;
    position: absolute;
    overflow: hidden
}

div.table {
    display: table
}

div.tr {
    display: table-row
}

div.td,
div.th {
    display: table-cell
}

div.th {
    font-weight: 700
}

input[type=number]:focus,
input[type=text]:focus {
    border-color: var(--color__default-darken)
}

input[type=checkbox].switch {
    position: absolute;
    margin: 8px 0 0 16px
}

input[type=checkbox].switch+label {
    position: relative;
    padding: 5px 5px 0 33px;
    line-height: 2em;
    cursor: pointer
}

input[type=checkbox].switch+label:before {
    width: 29px
}

input[type=checkbox].switch+label:after,
input[type=checkbox].switch+label:before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    height: 18px;
    border-radius: 16px;
    background: #fff;
    border: 1px solid #d9d9d9;
    transition: all .3s
}

input[type=checkbox].switch+label:after {
    width: 18px
}

input[type=checkbox].switch+label:hover:after {
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

input[type=checkbox].switch:checked+label:after {
    margin-left: 11px
}

input[type=checkbox].switch:checked+label:before {
    background: #55d069
}

select,
select option {
    font-size: 1em
}

.error-message {
    font-size: .14em;
    font-weight: 500;
    color: #ef5747;
    margin-bottom: 1em;
    text-align: center
}

.error-message.text-left {
    text-align: left
}

.success-message {
    font-size: .14em;
    font-weight: 500;
    color: var(--color__green)
}

html.smartphone {
    font-size: 100px;
    font-size: 27.7777777vw
}

html.smartphone.dshbrd-page {
    font-size: 27.7777777vw;
    font-weight: 500
}

html.smartphone .disbr br,
html.smartphone .disbr br:after {
    content: " "
}

.set_credit_card {
    font-size: 1em
}

.set_credit_card .credit_card {
    box-sizing: border-box;
    border: 1px solid #f5f4f5;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 18.57em;
    height: 2.857em;
    padding: 0 1em;
    font-size: .14em;
    font-weight: 500;
    line-height: 1.43;
    margin: .5em auto
}

.set_credit_card .credit_card,
.set_credit_card .credit_card-type {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.set_credit_card .credit_card-type {
    font-weight: 700;
    text-transform: uppercase
}

.set_credit_card .credit_card-type svg {
    width: 2.2em;
    height: 1.5em;
    margin-right: .5em
}

.set_credit_card .credit_card-number {
    margin-left: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.set_credit_card .credit_card .button {
    font-size: 1em;
    padding: .5em;
    width: auto
}

.set_credit_card .credit_card svg {
    width: 3em;
    height: 1.5em;
    margin-right: .5em
}

.set_credit_card .button {
    margin-bottom: .5em
}

div.fixed-full-size {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto
}

div#overlay {
    z-index: 10;
    background-color: rgba(74, 74, 74, .6);
    display: none
}

body.menu-opened div#overlay {
    display: block
}

html:not(.smartphone) body.modal-opened,
html:not(.smartphone) body.modal-opened div#overlay,
html:not(.touch).win body.modal-opened,
html:not(.touch).win body.modal-opened div#overlay {
    padding-right: 17px
}

html.smartphone body.modal-opened {
    padding-right: 0
}

div#smartphone-menu {
    display: none
}

html.smartphone div#smartphone-menu {
    display: block
}

html.smartphone body.menu-opened div#smartphone-menu {
    right: 0
}

html.smartphone .desktop-only,
html:not(.smartphone) .smartphone-only {
    display: none !important
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity .5s
}

.fade-enter,
.fade-leave-to {
    opacity: 0
}

.fade-fast-enter-active,
.fade-fast-leave-active {
    transition: opacity .2s
}

.fade-fast-enter,
.fade-fast-leave-to {
    opacity: 0
}

svg:empty {
    width: 0 !important;
    height: 0 !important
}

div.text-ad {
    display: none
}

.hint-triangle {
    width: 10px;
    bottom: 100%;
    height: 10px;
    position: absolute;
    transition: left .3s ease-in-out
}

.hint-triangle:before {
    top: 0;
    left: 0;
    border: 5px solid transparent;
    content: "";
    position: absolute;
    border-bottom-color: #1b1b1b
}

.hint-triangle:after {
    top: 1px;
    left: 0;
    border: 5px solid transparent;
    content: "";
    position: absolute;
    border-bottom-color: var(--color__white)
}

.grecaptcha-badge {
    visibility: hidden !important;
    opacity: 0 !important;
    display: none !important
}

.l-modal-leave {
    width: 11rem;
    height: 6.02rem;
    border-radius: .04rem;
    padding: 1.1rem .7rem;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

html.smartphone .l-modal-leave.modal-window {
    width: calc(100% - .32rem);
    height: calc(100% - .32rem)
}

.l-modal-leave.modal-window .close-icon {
    right: 0;
    top: 0;
    background-color: transparent;
    padding: .28rem
}

html.smartphone .l-modal-leave.modal-window .close-icon {
    color: #fff;
    padding: .12rem;
    top: 0;
    right: 0
}

.l-modal-leave.modal-window .close-icon svg {
    width: .24rem;
    height: .24rem
}

html.smartphone .l-modal-leave.modal-window .close-icon svg {
    width: .14rem;
    height: .14rem
}

html.smartphone .l-modal-leave {
    width: 100%;
    height: 100%;
    border-radius: 0;
    padding-left: .16rem;
    padding-right: .16rem;
    padding-top: .24rem
}

.pink {
    color: #ff4b65
}

.required-indicator {
    color: #ef5747
}

html.disable-scroll,
html.disable-scroll body {
    overflow: hidden !important
}

.c-icon {
    fill: currentColor
}

.authorized-user-links .c-icon {
    max-width: 100%;
    max-height: 100%
}

div.authorized-user-links>a.button .c-icon {
    width: .3em;
    height: .3em
}

.faq-icon .c-icon {
    width: .3rem;
    height: .3rem
}

.faq-question-icon .c-icon {
    width: .12rem;
    height: .07rem
}

.c-icon-logo {
    width: auto;
    height: .2em
}

@keyframes shakeError {
    0% {
        transform: translateX(0)
    }

    15% {
        transform: translateX(.375rem)
    }

    30% {
        transform: translateX(-.375rem)
    }

    45% {
        transform: translateX(.375rem)
    }

    60% {
        transform: translateX(-.375rem)
    }

    75% {
        transform: translateX(.375rem)
    }

    90% {
        transform: translateX(-.375rem)
    }

    to {
        transform: translateX(0)
    }
}

html.smartphone .tips-slide-up-enter-active {
    transition: background-color .2s ease-in-out .2s
}

html.smartphone .tips-slide-up-enter-active .tips {
    transition: transform .2s ease-in-out
}

html.smartphone .tips-slide-up-leave-active {
    transition: background-color .2s ease-in-out .2s
}

html.smartphone .tips-slide-up-leave-active .tips {
    transition: transform .2s ease-in-out
}

html.smartphone .tips-slide-up-enter {
    background-color: transparent !important
}

html.smartphone .tips-slide-up-enter .tips {
    transform: translate3d(0, 100%, 0) !important
}

html.smartphone .tips-slide-up-enter-to {
    background-color: rgba(0, 0, 0, .5) !important
}

html.smartphone .tips-slide-up-enter-to .tips {
    transform: translateZ(0) !important
}

html.smartphone .tips-slide-up-leave {
    background-color: rgba(0, 0, 0, .5) !important
}

html.smartphone .tips-slide-up-leave .tips {
    transform: translateZ(0) !important
}

html.smartphone .tips-slide-up-leave-to {
    background-color: transparent !important
}

html.smartphone .tips-slide-up-leave-to .tips {
    transform: translate3d(0, 100%, 0) !important
}

html.smartphone .tips-slide-up-inner-enter-active {
    transition: background-color .2s ease-in-out .2s
}

html.smartphone .tips-slide-up-inner-enter-active .tips {
    transition: transform .2s ease-in-out
}

html.smartphone .tips-slide-up-inner-leave-active {
    transition: background-color .2s ease-in-out .2s
}

html.smartphone .tips-slide-up-inner-leave-active .tips {
    transition: transform .2s ease-in-out
}

html.smartphone .tips-slide-up-inner-enter {
    background-color: transparent !important
}

html.smartphone .tips-slide-up-inner-enter .tips {
    transform: translate3d(0, 100%, 0) !important
}

html.smartphone .tips-slide-up-inner-enter-to {
    background-color: rgba(0, 0, 0, .3) !important
}

html.smartphone .tips-slide-up-inner-enter-to .tips {
    transform: translateZ(0) !important
}

html.smartphone .tips-slide-up-inner-leave {
    background-color: rgba(0, 0, 0, .3) !important
}

html.smartphone .tips-slide-up-inner-leave .tips {
    transform: translateZ(0) !important
}

html.smartphone .tips-slide-up-inner-leave-to {
    background-color: transparent !important
}

html.smartphone .tips-slide-up-inner-leave-to .tips {
    transform: translate3d(0, 100%, 0) !important
}

@keyframes tips-pulse {
    0% {
        opacity: 1
    }

    50% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

.fitlers-slide-enter-active,
.fitlers-slide-leave-active {
    transition: transform .2s ease-in-out
}

.fitlers-slide-enter-active .select-filters__controls,
.fitlers-slide-enter-active .select-filters__head--fixed,
.fitlers-slide-leave-active .select-filters__controls,
.fitlers-slide-leave-active .select-filters__head--fixed {
    display: none
}

.fitlers-slide-enter {
    transform: translateX(100%)
}

.fitlers-slide-enter-to,
.fitlers-slide-leave {
    transform: translateX(0)
}

.fitlers-slide-leave-to {
    transform: translateX(100%)
}

.filters-slide-up-enter-active,
.filters-slide-up-leave-active {
    transition: transform .2s ease-in-out
}

.filters-slide-up-enter {
    transform: translateY(100%)
}

.filters-slide-up-enter-to,
.filters-slide-up-leave {
    transform: translateY(0)
}

.filters-slide-up-leave-to {
    transform: translateY(100%)
}

.slide-left-enter-active,
.slide-left-leave-active {
    transition: transform .4s ease-in-out
}

.slide-left-enter {
    transform: translateX(100%)
}

.slide-left-enter-to,
.slide-left-leave {
    transform: translateX(0)
}

.slide-left-leave-to {
    transform: translateX(100%)
}

@media only screen and (min-width:1441px) {
    html[data-page=index] {
        font-size: 100px
    }

    html[data-page=index].landing-page--ya-taxi {
        font-size: 6.94444444vw
    }
}

html[data-page=index] div.line-after-h2 {
    background: #ffdc10
}

html[data-page=index] body {
    font-family: Museo Sans Cyrl, Helvetica, Arial, sans-serif;
    font-weight: 300;
    box-sizing: border-box
}

html[data-page=index] .landing__title,
html[data-page=index] h2 {
    font-size: .36em;
    font-weight: 700;
    text-align: center;
    color: #181717
}

html[data-page=index] div.line-after-h2 {
    width: 1.2em;
    height: .04em;
    margin: .26em auto 0;
    background: #40b93c;
}

html[data-page=index].landing-page--ya-taxi #dynamic-profits div.line-after-h2,
html[data-page=index].landing-page--ya-taxi #gift-slider div.line-after-h2 {
    background: #ffdc10
}

html[data-page=index] div.landing-width-container {
    width: 11.2em;
    margin-left: auto;
    margin-right: auto
}

html[data-page=index] body.order-form-opened div#overlay {
    background-color: rgba(0, 0, 0, .8);
    display: block;
    z-index: 25
}

html[data-page=index] body.order-form-opened div#order-popup-container {
    display: block
}

@keyframes showB {
    0% {
        transform: scale(.1)
    }

    to {
        transform: scale(1)
    }
}

html[data-page=index] div#landing-page {
    position: relative
}

html[data-page=index] .l-page-index__custom-order {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    background-color: #2b2a28;
    padding: .1em .35em .09em
}

html[data-page=index] .l-page-index__custom-order-title {
    font-size: .16em;
    font-weight: 500;
    line-height: 1.13;
    text-align: center;
    color: #fff;
    margin-bottom: .625em
}

html[data-page=index] .l-page-index__custom-order-buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

html[data-page=index] .l-page-index__custom-order-button-cancel .button {
    font-size: .16em !important;
    width: 6.875em;
    height: 2.5em;
    border-radius: .125em;
    text-transform: unset !important;
    border-color: #bbb !important;
    color: #fff !important
}

html[data-page=index] .l-page-index__custom-order-button-order .button {
    font-size: .16em !important;
    width: 7.9375em;
    height: 2.5em;
    border-radius: .125em;
    text-transform: unset !important
}

html[data-page=index] .l-page-index__bottom-bar-title {
    margin-bottom: .4em;
    margin-top: .4em
}

html[data-page=index] .l-page-index__bottom-bar {
    position: fixed;
    z-index: 70;
    left: 0;
    right: 0;
    bottom: 0;
    transition: transform .3s ease-in-out;
    box-shadow: 0 -.02rem .04rem 0 rgba(0, 0, 0, .2);
    background-color: #2b2a28;
    transform: translateY(calc(100% + .04rem))
}

html[data-page=index] .l-page-index__bottom-bar.visible {
    transform: translateZ(0);
    will-change: top;
    transition: top .1s ease-in-out, transform .1s ease-in-out
}

html[data-page=index] .menu-plans__label {
    position: absolute;
    z-index: 20;
    opacity: 0
}

html[data-page=index] .menu-plans__label .b-star-label {
    width: 1.02em;
    height: 1.02em
}

html[data-page=index] .menu-plans__label .b-star-label__text {
    transform: rotate(8deg);
    margin-top: -.12rem
}

html[data-page=index] .menu-plans__label .b-star-label__title {
    font-size: .12rem;
    line-height: 1;
    margin-bottom: .05rem
}

html[data-page=index] .menu-plans__label .b-star-label__subtitle {
    font-size: .2rem
}

html[data-page=index] .menu-plans__label .b-star-label__subtitle span {
    font-size: inherit
}

html[data-page=index] .l-page-index__bottom-bar--simple {
    background-color: #fff;
    right: unset;
    left: 50%;
    bottom: .47em;
    padding-left: .28em;
    padding-right: .28em;
    border-radius: .1em;
    box-shadow: 0 1px .08em 0 rgba(0, 0, 0, .18);
    transform: translateY(calc(100% + .51rem)) translateX(-50%);
    opacity: 1;
    transition: opacity .3s ease
}

html[data-page=index] .l-page-index__bottom-bar--simple .b-bottom-bar--simple {
    width: 100%
}

html[data-page=index] .l-page-index__bottom-bar--simple.l-page-index__bottom-bar--day {
    margin-left: auto;
    margin-right: auto
}

html[data-page=index] .l-page-index__bottom-bar--simple.l-page-index__bottom-bar--day.fixed {
    max-width: 100%
}

html[data-page=index] .l-page-index__bottom-bar--simple.l-page-index__bottom-bar--day .b-bottom-bar__price {
    max-width: 2.2rem
}

html[data-page=index] .l-page-index__bottom-bar--simple .b-bottom-bar__price {
    font-size: .18em;
    font-weight: 500;
    line-height: 1.22;
    color: #4e4e4e;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 2rem;
    padding-top: 0
}

html[data-page=index] .l-page-index__bottom-bar--simple .b-bottom-bar__price.b-bottom-bar__price--center {
    max-width: 100%
}

html[data-page=index] .l-page-index__bottom-bar--simple .b-bottom-bar-success-subtitle,
html[data-page=index] .l-page-index__bottom-bar--simple .b-bottom-bar-success-title {
    color: #4a4a4a
}

html[data-page=index] .l-page-index__bottom-bar--simple .b-bottom-bar__price-title {
    margin-right: 1.44444em;
    font-size: .18rem;
    color: #4e4e4e
}

html[data-page=index] .l-page-index__bottom-bar--simple .b-bottom-bar__plan-text {
    display: none
}

html[data-page=index] .l-page-index__bottom-bar--simple .b-bottom-bar__price-old {
    color: #959595;
    position: relative;
    margin-right: .55556em
}

html[data-page=index] .l-page-index__bottom-bar--simple .b-bottom-bar__price-old:after {
    position: absolute;
    content: "";
    height: 1px;
    background-color: #959595;
    top: 50%;
    right: 0;
    left: 0
}

html[data-page=index] .l-page-index__bottom-bar--simple .b-bottom-bar__form .sms-container {
    width: 2.88rem
}

html[data-page=index] .l-page-index__bottom-bar--simple .b-bottom-bar__form .sms-container .input-container.placeholder {
    width: 100%
}

html[data-page=index] .l-page-index__bottom-bar--simple .b-bottom-bar__form .input-button .button,
html[data-page=index] .l-page-index__bottom-bar--simple .b-bottom-bar__form .input-container.placeholder input {
    height: .45rem;
    box-shadow: 0 .02rem .06rem 0 rgba(0, 0, 0, .26)
}

html[data-page=index] .l-page-index__bottom-bar--simple .b-bottom-bar__button {
    width: 2.8rem;
    margin-left: auto
}

html[data-page=index] .l-page-index__bottom-bar--simple .b-bottom-bar__price-new {
    color: #ff2323;
    font-weight: inherit
}

html[data-page=index] .l-page-index__bottom-bar--simple .b-bottom-bar__price-new span {
    color: inherit;
    font-weight: inherit
}

html[data-page=index] .l-page-index__bottom-bar--simple .b-bottom-bar__price-subtitle {
    font-size: 1em
}

html[data-page=index] .l-page-index__bottom-bar--simple .b-bottom-bar-order-info {
    cursor: default
}

html[data-page=index] .l-page-index__bottom-bar--simple .b-bottom-bar-order-info__icon,
html[data-page=index] .l-page-index__bottom-bar--simple .b-bottom-bar-order-info__title {
    display: none
}

html[data-page=index] .l-page-index__bottom-bar--simple .b-bottom-bar-order-info__subtitle {
    font-size: .18rem;
    color: #4e4e4e
}

html[data-page=index] .l-page-index__bottom-bar--simple .b-bottom-bar__left {
    -ms-flex: 0 0 22%;
    flex: 0 0 22%;
    max-width: 22%
}

html[data-page=index] .l-page-index__bottom-bar--simple .b-bottom-bar__center {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 0 0 37%;
    flex: 0 0 37%;
    max-width: 37%;
    padding-left: .3em
}

html[data-page=index] .l-page-index__bottom-bar--simple .b-bottom-bar-order-info {
    -ms-flex-pack: end;
    justify-content: flex-end
}

html[data-page=index] .l-page-index__bottom-bar--simple .b-bottom-bar__right {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%
}

html[data-page=index] .l-page-index__bottom-bar--simple .b-bottom-bar__form .input-container.placeholder {
    width: 67%
}

html[data-page=index] .l-page-index__bottom-bar--simple .b-bottom-bar__form .input-button {
    width: 33%
}

html[data-page=index] .l-page-index__bottom-bar--simple .landing-width-container {
    width: 100%
}

html[data-page=index] .l-page-index__bottom-bar--static {
    position: static;
    transform: none;
    left: unset;
    transition: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: center;
    justify-content: center
}

html[data-page=index] .l-page-index__bottom-bar--static.fixed {
    position: fixed;
    top: 0;
    bottom: unset;
    left: 0;
    right: 0;
    transition: opacity .3s ease;
    transform: translateY(0);
    border-radius: 0;
    animation: fade-in .2s
}

html[data-page=index] .l-page-index__bottom-bar--static.fixed .b-bottom-bar--simple {
    width: 11.2em;
    margin-left: auto;
    margin-right: auto
}

html[data-page=index] .l-page-index__bottom-bar--static.fixed--top {
    animation: fade-in .2s
}

html[data-page=index] .l-page-index__bottom-bar--static.fixed--top .menu-plans__label {
    top: 0 !important
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

html[data-page=index] .l-page-index__bottom-bar-success {
    position: fixed;
    right: .25rem;
    bottom: .25rem;
    border-radius: .04rem;
    box-shadow: 0 -.02rem .04rem 0 rgba(0, 0, 0, .2);
    background-color: #2b2a28;
    z-index: 501;
    min-width: 3.2rem;
    transform: translateZ(0)
}

html[data-page=index] .l-reviews {
    padding-top: .6rem;
    padding-bottom: .8rem;
    background-color: #e9ecf3
}

html[data-page=index] .l-reviews .line-after-h2 {
    margin-bottom: .2rem
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

html[data-page=index].email-ty-page body {
    background-color: #1b1b1b
}

html[data-page=index].email-ty-page body div#email-ty-block {
    text-align: center;
    margin: 0 auto;
    padding-top: 2em
}

html[data-page=index].email-ty-page body div#email-ty-block div.line1 {
    font-size: .4em;
    font-weight: 700;
    color: #fff
}

html[data-page=index].email-ty-page body div#email-ty-block div.line2 {
    font-size: .24em;
    font-weight: 500;
    color: #fff;
    margin-top: 1em
}

html[data-page=index].email-ty-page body div#email-ty-block div.gif {
    width: 6em;
    margin: .5em auto 0
}

html[data-page=index].email-ty-page body div#email-ty-block div.gif>img {
    width: 100%
}

html[data-page=index].email-ty-page.smartphone body div#email-ty-block {
    font-size: .5em
}

html[data-page=index].smartphone .l-page-index__bottom-bar {
    min-height: auto
}

html[data-page=index].smartphone .l-page-index__bottom-bar-success {
    right: 0;
    bottom: 0;
    left: 0
}

html[data-page=index].smartphone .l-reviews {
    padding-bottom: .25rem
}

html[data-page=index].smartphone .l-reviews .line-after-h2 {
    margin-bottom: 0
}

.landing-page--no-pb {
    padding-bottom: 0 !important
}

.b-packs-in-day {
    margin: .08rem
}

.b-packs-in-day .b-packs-in-day {
    margin: 0
}

.b-pack-m {
    position: relative;
    margin: 0 0 .08rem;
    border: 1px solid var(--color__grey-8);
    box-sizing: border-box;
    border-radius: .08rem;
    box-shadow: 0 .02rem .04rem rgba(0, 0, 0, .03);
    background: #fff
}

.b-pack-m__title {
    display: inline-block;
    color: var(--color__blue-grey);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em
}

.b-pack-m__header,
.b-pack-m__title {
    font-size: .12rem;
    line-height: .18rem
}

.b-pack-m__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: .15rem .16rem .13rem;
    border-bottom: 1px solid var(--color__grey-4)
}

.b-pack-m__header-cbju,
.b-pack-m__header-weight {
    color: var(--color__grey-40)
}

.b-pack-m__header-cbju {
    font-weight: 500
}

.b-pack-m__header-cbju .value {
    color: #535353
}

.b-pack-m__header-ccal {
    color: var(--color__black);
    font-weight: 500
}

.b-pack-m__details {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    padding: .16rem
}

.b-pack-m__details-photo {
    -o-object-fit: contain;
    object-fit: contain;
    width: 2.53rem;
    height: 1.84rem;
    margin-right: auto
}

html[data-page=index].smartphone .b-pack-m__details-photo {
    width: 2.3rem
}

.b-pack-m__details-actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.b-pack-m__details-actions-bookmark .c-icon {
    width: .16rem;
    height: .21rem;
    fill: var(--color__black)
}

.b-pack-m__details-actions-bookmark.is-favorite .c-icon {
    fill: var(--color__green)
}

.b-pack-m__details-actions-bookmark.is-restricted .c-icon {
    fill: var(--color__red)
}

.b-pack-m__details-actions-info .c-icon {
    width: .25rem;
    height: .25rem;
    fill: var(--color__grey-20)
}

.b-pack-m__name {
    font-size: .16rem;
    line-height: .24rem;
    font-weight: 500;
    padding: 0 .16rem;
    margin-bottom: .16rem
}

.b-pack-m__changed-indicator {
    width: .08rem;
    height: .08rem;
    background-color: var(--color__yellow);
    display: inline-block;
    border-radius: 50%;
    margin-right: .03rem
}

.b-pack-m__body.shadow {
    border-bottom: 1px solid var(--color__grey-8);
    box-shadow: 0 .02rem .04rem rgba(0, 0, 0, .03);
    border-radius: .08rem
}

.b-pack-m__footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: .04rem;
    padding-bottom: .04rem
}

.b-stock-remain {
    font-size: .2em;
    margin-top: .6em;
    text-align: center;
    font-weight: 500;
    color: #6b6b6b
}

.b-stock-remain .b-stock-remain__count {
    color: #ff4b65;
    font-weight: 700
}

html.smartphone .b-stock-remain {
    font-size: .14em;
    margin-bottom: .85714em;
    color: #8d8d8d;
    padding-left: .2rem;
    padding-right: .2rem
}

.b-mob-app {
    position: relative;
    background-color: #f1f1f1;
    padding: .12em .76em .13em .3em
}

.b-mob-app.b-mob-app--android {
    background-color: var(--color__default);
    padding-left: .44em
}

.b-mob-app__close {
    position: absolute;
    background: transparent;
    border: none;
    border-radius: 0;
    padding: .32em .1em .31em;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    color: #818181
}

.b-mob-app--android .b-mob-app__close {
    color: var(--color__white)
}

.b-mob-app__close .c-icon-close {
    width: .1em;
    height: .1em
}

.b-mob-app__info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center
}

.b-mob-app__info-logo {
    display: inline-block;
    padding: .07em;
    background-color: #fff;
    border-radius: .1em;
    color: var(--color__default);
    box-shadow: 0 1px .04em 0 rgba(0, 0, 0, .35);
    margin-right: .1em
}

.b-mob-app--android .b-mob-app__info-logo {
    box-shadow: 0 .02rem .04rem rgba(0, 0, 0, .1);
    margin-right: .12rem
}

.b-mob-app__info-logo .c-icon-logo {
    width: .34em;
    height: .34em
}

.b-mob-app__desc {
    -ms-flex: 1;
    flex: 1
}

.b-mob-app__desc-title {
    font-size: .14em;
    line-height: 1;
    font-weight: 700;
    color: #181717;
    margin-bottom: .22222em
}

.b-mob-app--android .b-mob-app__desc-title {
    color: var(--color__white);
    font-size: .14rem;
    line-height: .2rem;
    font-weight: 500;
    margin-bottom: 0
}

.b-mob-app__desc-subtitle {
    font-size: .12em;
    line-height: 1.17;
    font-weight: 500;
    color: #383838;
    margin-bottom: .375em
}

.b-mob-app--android .b-mob-app__desc-subtitle {
    color: var(--color__white);
    font-size: .14rem;
    line-height: .2rem;
    font-weight: 700;
    margin-bottom: 0
}

.b-mob-app__download {
    position: absolute;
    bottom: .15em;
    right: 0
}

.b-mob-app--android .b-mob-app__download {
    bottom: .22em;
    right: .16em;
    z-index: 5
}

.b-mob-app__download a {
    font-size: .12em;
    display: inline-block;
    padding: .83333em;
    color: #2668d5;
    font-weight: 500;
    line-height: 1.17
}

.b-mob-app--android .b-mob-app__download a {
    padding: 0;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: .04rem;
    width: .88rem;
    height: .32rem;
    font-weight: 700;
    color: var(--color__black);
    font-size: .14rem;
    line-height: .2rem;
    background-color: var(--color__yellow)
}

.b-leave-banner,
.b-mob-app--android .b-mob-app__download a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.b-leave-banner {
    font-size: .2rem;
    height: 100%
}

.b-leave-banner__left {
    position: relative;
    max-width: 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

html.smartphone .b-leave-banner__left {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -ms-flex-order: 2;
    order: 2;
    display: none
}

.b-leave-banner__label {
    position: absolute;
    top: 1rem;
    right: 0;
    z-index: 2
}

html.smartphone .b-leave-banner__label {
    top: unset;
    bottom: .3rem;
    right: .06rem
}

.b-star-label {
    background-image: url(/static/images/label.ed3c5c2.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.b-leave-banner__label .b-star-label {
    width: 1.48rem;
    height: 1.48rem;
    padding: .4rem 0 .5rem
}

html.smartphone .b-leave-banner__label .b-star-label {
    width: .62rem;
    height: .62rem;
    padding: .18rem 0 .25rem
}

.banner-spring__label .b-star-label,
.banner__label .b-star-label {
    width: 1.33em;
    height: 1.33em;
    background-image: url(/static/images/label.7902404.png)
}

html.smartphone .banner-spring__label .b-star-label,
html.smartphone .banner__label .b-star-label {
    width: .96em;
    height: .96em;
    padding-top: .05rem
}

.b-star-label__text {
    transform: rotate(-6deg)
}

html.smartphone .b-star-label__text {
    transform: rotate(6deg)
}

.banner-spring__label .b-star-label__text,
.banner__label .b-star-label__text,
html.smartphone .banner-spring__label .b-star-label__text,
html.smartphone .banner__label .b-star-label__text {
    transform: rotate(0)
}

.b-star-label__title {
    font-size: .22rem;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    color: #222;
    margin-bottom: .03rem
}

html.smartphone .b-star-label__title {
    font-size: .09rem
}

.banner-spring__label .b-star-label__title,
.banner__label .b-star-label__title {
    font-size: .26em;
    font-weight: 900;
    color: #fff
}

html.smartphone .banner-spring__label .b-star-label__title,
html.smartphone .banner__label .b-star-label__title {
    font-size: .18em
}

.banner-spring__label .b-star-label__title span,
.banner__label .b-star-label__title span {
    font-size: .76923em;
    font-weight: 700
}

html.smartphone .banner-spring__label .b-star-label__title span,
html.smartphone .banner__label .b-star-label__title span {
    font-size: .77778em
}

.b-star-label__subtitle {
    font-size: .3rem;
    font-weight: 700;
    line-height: .55;
    color: #2b2b2b;
    text-align: center
}

html.smartphone .b-star-label__subtitle {
    font-size: .12rem
}

.b-star-label__subtitle span {
    font-size: .32rem
}

html.smartphone .b-star-label__subtitle span {
    font-size: .12rem
}

.banner-spring__label .b-star-label__subtitle,
.banner__label .b-star-label__subtitle {
    font-size: .16em;
    font-weight: 500;
    line-height: .94;
    color: #fff
}

html.smartphone .banner-spring__label .b-star-label__subtitle,
html.smartphone .banner__label .b-star-label__subtitle {
    font-size: .11em
}

.b-leave-banner__img {
    position: relative;
    left: -1.9rem;
    top: -.65rem
}

html.smartphone .b-leave-banner__img {
    position: absolute;
    top: unset;
    bottom: 0;
    left: -.16rem;
    right: -.16rem
}

.b-leave-banner__img img {
    display: block;
    width: 6.95rem;
    height: 5.34rem;
    vertical-align: middle
}

.b-leave-banner__right {
    position: relative;
    max-width: 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

html.smartphone .b-leave-banner__right {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -ms-flex-order: 1;
    order: 1
}

.b-leave-banner__title {
    position: relative;
    font-size: .34rem;
    font-weight: 700;
    line-height: 1.12;
    text-align: center;
    color: #fff;
    padding-bottom: .22rem;
    margin-bottom: .17rem
}

html.smartphone .b-leave-banner__title {
    font-size: .24rem;
    font-weight: 700;
    line-height: 1.08;
    text-align: center
}

.b-leave-banner__title:after {
    content: "";
    position: absolute;
    display: inline-block;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    text-align: center;
    width: 1.2rem;
    height: .04rem;
    background-color: #fff
}

html.smartphone .b-leave-banner__title:after {
    width: .65rem;
    height: .02rem
}

.b-leave-banner__subtitle {
    font-size: .26rem;
    font-weight: 500;
    line-height: 1.15;
    text-align: center;
    color: #fff;
    margin-bottom: .26rem
}

html.smartphone .b-leave-banner__subtitle {
    font-size: .18rem;
    font-weight: 500;
    line-height: 1.11
}

.b-leave-banner__subtitle>span {
    font-size: .38rem;
    font-weight: 700
}

.b-leave-banner__subtitle>span .old-price {
    position: relative;
    font-size: .28rem;
    font-weight: 500;
    line-height: .79
}

.b-leave-banner__subtitle>span .old-price:before {
    position: absolute;
    content: "";
    top: 50%;
    height: .02rem;
    left: 0;
    right: 0;
    background-color: #fff
}

.b-leave-banner__subtitle>span .old-price>span {
    font-size: .2rem;
    line-height: .79
}

html.smartphone .b-leave-banner__subtitle>span {
    font-size: .28rem
}

.b-leave-banner__subtitle .rub {
    font-size: .3rem;
    font-weight: 400
}

html.smartphone .b-leave-banner__subtitle .rub {
    font-size: .24rem
}

.b-leave-banner__body {
    position: relative
}

.b-leave-banner__buttons {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-bottom: .42rem;
    -ms-flex-pack: center;
    justify-content: center
}

html.smartphone .b-leave-banner__buttons {
    margin-bottom: .26rem
}

.b-leave-banner__button {
    max-width: 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding-left: .05rem;
    padding-right: .05rem
}

html.smartphone .b-leave-banner__button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

html.smartphone .b-leave-banner__button:first-child {
    -ms-flex-order: 2;
    order: 2
}

html.smartphone .b-leave-banner__button:nth-child(2) {
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: .1rem
}

.b-leave-banner__button .button {
    width: 100%;
    height: .5rem;
    font-size: .16rem;
    font-weight: 500;
    color: #fff
}

html.smartphone .b-leave-banner__button .button {
    width: 2.5rem;
    height: .45rem;
    text-transform: unset
}

.b-leave-banner__button .button.green.sempty,
.b-leave-banner__button .button.green.sempty:hover {
    color: #fff
}

.b-leave-banner__form {
    margin-bottom: .25rem;
    padding-left: .8rem;
    padding-right: .8rem
}

.b-leave-banner__form .c-input__input:placeholder-shown:not(:focus)+* {
    font-size: .16rem !important
}

html.smartphone .b-leave-banner__form {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: .45rem
}

.b-leave-banner__form div.input-container {
    margin-bottom: .15rem
}

html.smartphone .b-leave-banner__form div.input-container {
    margin-bottom: .1rem
}

.b-leave-banner__form .button {
    font-size: .16rem;
    width: 3.2rem;
    height: .5rem;
    font-weight: 900;
    border-radius: .06rem
}

html.smartphone .b-leave-banner__form .button {
    width: 100%;
    height: .45erem;
    text-transform: unset
}

.b-leave-banner__form .small-text,
.b-leave-banner__form h3,
.b-leave-banner__form p {
    display: none
}

.b-leave-banner__time {
    text-align: center
}

.b-leave-banner__time .countdown {
    display: inline-block;
    width: 2.09rem;
    padding: .18rem .25rem .12rem;
    border-radius: .03rem;
    background-color: hsla(0, 0%, 100%, .35)
}

html.smartphone .b-leave-banner__time .countdown {
    width: 1.55rem;
    padding-top: .13rem;
    padding-left: .16rem;
    padding-right: .16rem
}

.b-leave-banner__time .flip-clock-label {
    display: none
}

.b-leave-banner__time .flip-clock-wrapper .flip {
    box-shadow: none
}

.b-leave-banner__time .flip-clock-wrapper ul {
    width: .3rem;
    height: .4rem;
    border-radius: .02rem;
    background-color: #fff;
    margin: .03rem
}

html.smartphone .b-leave-banner__time .flip-clock-wrapper ul {
    width: .22em;
    height: .28rem
}

.b-leave-banner__time .flip-clock-wrapper ul li a div div.inn {
    font-size: .26rem;
    font-weight: 700;
    line-height: 1.55;
    color: #2b2b2b;
    background: #fff;
    text-shadow: none
}

html.smartphone .b-leave-banner__time .flip-clock-wrapper ul li a div div.inn {
    font-size: .22rem;
    line-height: 1.35
}

.b-leave-banner__time .flip-clock-wrapper ul li a div.up:after {
    content: none
}

.b-leave-banner__time .flip-clock-divider {
    width: .25rem;
    height: .4rem
}

html.smartphone .b-leave-banner__time .flip-clock-divider {
    height: .34rem
}

.b-leave-banner__time .flip-clock-divider.minutes {
    display: none
}

.b-leave-banner__time .flip-clock-dot {
    left: .09rem;
    background: #fff;
    width: 5px;
    height: 5px;
    position: absolute;
    border-radius: 50%;
    box-shadow: none
}

.b-leave-banner__time .flip-clock-dot.bottom {
    bottom: .18rem
}

html.smartphone .b-leave-banner__time .flip-clock-dot.bottom {
    bottom: .2rem
}

.b-leave-banner__time .flip-clock-dot.top {
    top: .31rem
}

html.smartphone .b-leave-banner__time .flip-clock-dot.top {
    top: .22rem
}

.b-leave-banner__time .timer-labels {
    font-size: .12rem;
    font-weight: 500;
    line-height: 1.42;
    text-align: center;
    color: #3d3c3c;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 .14rem
}

html.smartphone .b-leave-banner__time .timer-labels {
    font-size: .1rem
}

.flip-clock-wrapper {
    height: .4em;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
    position: relative;
    width: 100%;
    font: normal 1em Helvetica Neue, Helvetica, sans-serif;
    font-weight: 700
}

.flip-clock-wrapper * {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.flip-clock-wrapper:after,
.flip-clock-wrapper:before {
    content: " ";
    display: table
}

.flip-clock-wrapper:after {
    clear: both
}

.flip-clock-wrapper ul {
    font-size: .26em;
    position: relative;
    list-style: none;
    margin: 0 .07692em;
    width: 1.15385em;
    line-height: 1;
    border-radius: .23077em
}

.flip-clock-wrapper ul.play li.flip-clock-active {
    animation: asd .5s .5s linear both;
    z-index: 5
}

.flip-clock-wrapper ul.play li.flip-clock-active .down {
    z-index: 2;
    animation: turn .5s .5s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-before {
    z-index: 3
}

.flip-clock-wrapper ul.play li.flip-clock-before .up {
    z-index: 2;
    animation: turn2 .5s linear both
}

.flip-clock-wrapper ul li {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-decoration: none !important;
    line-height: 1.5
}

.flip-clock-wrapper ul li.flip-clock-active {
    z-index: 3
}

.flip-clock-wrapper ul li a {
    perspective: 15.38462em;
    display: block;
    height: 100%;
    margin: 0 !important;
    overflow: visible !important;
    cursor: default !important;
    text-decoration: none;
    color: #fff
}

.flip-clock-wrapper ul li a div {
    font-size: 1em;
    z-index: 1;
    position: absolute;
    left: 0;
    width: 100%;
    height: 50%;
    overflow: hidden;
    outline: 1px solid transparent;
    transform: translateZ(0)
}

.flip-clock-wrapper ul li a div .shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2
}

.flip-clock-wrapper ul li a div div.inn {
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 2px #000;
    border-radius: .08571em;
    font-size: 1em;
    color: #d6d6d6;
    background-color: #333;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 200%
}

.flip-clock-wrapper ul li a div.up {
    transform-origin: 50% 100%;
    top: 0
}

.flip-clock-wrapper ul li a div.up div.inn {
    top: 0
}

.flip-clock-wrapper ul li a div.up:after {
    content: "";
    position: absolute;
    left: 0;
    z-index: 5;
    width: 100%;
    background-color: #000;
    background-color: rgba(0, 0, 0, .4);
    top: .69231em;
    height: .11538em;
    display: none
}

.flip-clock-wrapper ul li a div.down {
    transform-origin: 50% 0;
    bottom: 0;
    border-bottom-left-radius: .075em;
    border-bottom-right-radius: .075em
}

.flip-clock-wrapper ul li a div.down div.inn {
    bottom: 0
}

.flip-clock-wrapper .flip-clock-divider {
    width: .14em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.flip-clock-wrapper .flip-clock-divider .flip-clock-label {
    display: none
}

.flip-clock-wrapper .flip-clock-divider .flip-clock-dot {
    width: .05em;
    height: .05em;
    box-shadow: 0 0 .05em rgba(0, 0, 0, .5);
    background-color: #a0a0a0;
    border-radius: 50%;
    display: block
}

.flip-clock-wrapper .flip-clock-divider:first-child {
    display: none
}

.flip-clock-wrapper .flip {
    box-shadow: 0 2px .0625em rgba(0, 0, 0, .7)
}

.flip-clock-meridium {
    font-size: .36em
}

.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
    background: linear, to bottom, #000 0, rgba(0, 0, 0, .1) 100%;
    animation: show .5s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
    background: linear, to bottom, #000 0, rgba(0, 0, 0, .1) 100%;
    animation: hide .5s .2s linear both
}

@keyframes show {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes hide {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes turn {
    0% {
        transform: rotateX(90deg)
    }

    to {
        transform: rotateX(0deg)
    }
}

@keyframes turn2 {
    0% {
        transform: rotateX(0deg)
    }

    to {
        transform: rotateX(-90deg)
    }
}

@keyframes asd {
    0% {
        z-index: 2
    }

    20% {
        z-index: 4
    }

    to {
        z-index: 4
    }
}

html.smartphone .l-order-wizard {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999
}

.wizard-desktop.l-order-wizard {
    position: fixed;
    right: .4em;
    bottom: .2em;
    z-index: 999
}

.wizard-desktop .b-order-wizzard__cart-icon {
    width: .62em;
    height: .62em
}

.wizard-desktop .c-icon-chevron-left {
    color: #999;
    width: .07em;
    height: .11em
}

.wizard-desktop .b-order-wizard-address .address-block .check-status.success img.input-address__img {
    width: .2em;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.wizard-desktop .b-order-wizard-payment__promocode-value svg.c-icon {
    vertical-align: middle;
    margin-right: .08em
}

.wizard-desktop .c-input__input[type=radio]:checked:after,
.wizard-desktop .c-input__input[type=radio]:checked:before {
    border: 2px solid #00b923
}

.wizard-desktop .b-order-wizard-payment__pay .c-input-group input:after {
    top: .875em;
    top: 51%;
    right: .875em
}

.wizard-desktop .b-order-wizard-payment__pay .c-input-group input:before {
    top: 1.125em;
    right: 1.125em
}

.wizard-desktop .payment-card__input .input-container input {
    font-size: .14em;
    padding: .71429em
}

.wizard-desktop .payment-card__input .payment-card__input__name {
    display: none
}

.wizard-desktop .b-order-wizard__footer .b-order-wizard__buttons-prev .button:hover {
    border-color: #00b923
}

.wizard-desktop .b-order-wizard__footer .b-order-wizard__buttons-prev .button:hover .c-icon-chevron-left {
    color: #00b923
}

.wizard-desktop .b-order-wizard-payment__body div.dropdown.select.option-with-icon ul.dropdown-list li a {
    height: 2.625em;
    padding: .1875em 1.25em
}

.win .wizard-overlay {
    padding-right: 17px
}

.win .wizard-overlay #navbar {
    right: 17px
}

.win .wizard-overlay .wizard-desktop.l-order-wizard {
    right: calc(.4em + 17px)
}

.wizard-overlay {
    overflow: hidden !important
}

.wizard-overlay div#overlay {
    background-color: hsla(0, 0%, 100%, .55);
    display: block;
    z-index: 350
}

.b-bottom-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-top: .1rem;
    padding-bottom: .1em
}

html.smartphone .b-bottom-bar .select-price-plan--gradient .gradient {
    top: .1rem;
    bottom: .1rem;
    background: linear-gradient(270deg, #404040, hsla(0, 0%, 100%, 0))
}

.b-bottom-bar--center {
    -ms-flex-pack: center;
    justify-content: center
}

.b-bottom-bar--simple {
    padding-top: .16rem;
    padding-bottom: .16rem
}

.b-bottom-bar__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%;
    margin-bottom: .08em
}

html.smartphone .b-bottom-bar__header {
    padding: 0 .15rem
}

.b-bottom-bar__header-left {
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%
}

.b-bottom-bar__menu-title {
    font-size: .18em;
    font-weight: 500;
    line-height: 1.11;
    color: #fff
}

.b-bottom-bar__menu-subtitle {
    font-size: .14em;
    font-weight: 500;
    line-height: 1.29;
    color: #cbcbcb
}

.b-bottom-bar__menu-subtitle--center,
.b-bottom-bar__menu-title--center {
    text-align: center;
    width: 100%
}

.b-bottom-bar__header-right {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%
}

.b-bottom-bar__arrow-days {
    width: 100%
}

html.smartphone .b-bottom-bar__arrow-days {
    margin-bottom: .07em
}

.b-bottom-bar__prices {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-bottom: .07em
}

.b-bottom-bar__prices-benefit {
    font-size: .14em;
    color: #8d8d8d;
    text-align: center;
    font-weight: 500;
    width: 100%;
    margin-top: .5em
}

.b-bottom-bar__prices-benefit span {
    color: #ff4b65
}

.b-bottom-bar__prices-old {
    position: relative;
    font-size: .18em;
    font-weight: 300;
    line-height: 1.22;
    color: #959595;
    margin-right: .94444em
}

.b-bottom-bar__prices-old:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #959595
}

.b-bottom-bar__prices-new {
    font-size: .22em;
    font-weight: 700;
    line-height: 1;
    color: #ff4b65
}

.b-bottom-bar__menu-days {
    font-size: .14em;
    font-weight: 500;
    line-height: 1.29;
    text-align: right;
    color: #8d8d8d
}

.b-bottom-bar__menu-price {
    font-size: .2em;
    font-weight: 700;
    line-height: 1.1;
    text-align: right;
    color: #ff4b65
}

.b-bottom-bar__right {
    -ms-flex: 0 0 23%;
    flex: 0 0 23%;
    max-width: 23%
}

html.smartphone .b-bottom-bar__right {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.b-bottom-bar__menus {
    position: absolute;
    bottom: calc(100% + .28rem);
    width: 2.56rem;
    border-radius: .06rem;
    box-shadow: 0 .02rem .06rem 0 rgba(0, 0, 0, .5);
    left: -.16rem;
    background-color: #2b2a28
}

.b-bottom-bar__select-plan {
    position: relative;
    padding-left: .3em;
    padding-right: .3em;
    width: 1.6em
}

.b-bottom-bar__select-plan-icon {
    position: absolute;
    top: -.1em;
    right: -.1em;
    z-index: 10
}

.b-bottom-bar__select-plan-icon svg {
    width: .2em;
    height: .2em
}

.b-bottom-bar__select-days-next,
.b-bottom-bar__select-days-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    width: .3em;
    border-radius: .06em;
    border: 1px solid #dadada;
    background-color: #fff;
    color: #4e4e4e;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    outline: none;
    cursor: pointer
}

.b-bottom-bar__select-days-next.disabled,
.b-bottom-bar__select-days-prev.disabled {
    opacity: .5;
    pointer-events: none
}

.b-bottom-bar__select-days-next .c-icon,
.b-bottom-bar__select-days-prev .c-icon {
    width: .06em;
    height: .11em
}

.b-bottom-bar__select-days-prev {
    left: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.b-bottom-bar__select-days {
    font-size: .16em;
    font-weight: 500;
    line-height: 1.38;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    background-color: #fff;
    padding-top: .1875em;
    padding-bottom: .0625em;
    height: 2.375em;
    line-height: 1em;
    text-align: center;
    color: #4e4e4e
}

.b-bottom-bar__select-days-next {
    right: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.b-bottom-bar__menus-item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    padding: .14rem .16rem;
    cursor: pointer;
    background-color: transparent;
    transition: background-color .3s ease-in-out
}

.b-bottom-bar__menus-item:not(:last-of-type):after {
    position: absolute;
    display: inline-block;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: #424242
}

.b-bottom-bar__menus-item:hover {
    background-color: hsla(0, 0%, 100%, .15)
}

.b-bottom-bar__menus-item-icon {
    margin-right: .1rem
}

.b-bottom-bar__menus-item-icon svg {
    width: .28rem;
    height: .28rem
}

.b-bottom-bar__menus-item-icon svg circle {
    fill: var(--color__default);
    stroke: var(--color__default)
}

.b-bottom-bar__menus-item-icon svg path {
    fill: #fff
}

.b-bottom-bar__menus-item-desc {
    -ms-flex: 1;
    flex: 1
}

.b-bottom-bar__menus-item-title {
    font-weight: 700;
    font-size: .16rem;
    color: #fff;
    margin-bottom: .01rem
}

.b-bottom-bar__menus-item-subtitle {
    font-size: .14rem;
    font-weight: 500;
    line-height: 1;
    color: #aaa
}

.b-bottom-bar__left {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    position: relative
}

html.smartphone .b-bottom-bar__left {
    display: none
}

.b-bottom-bar__center {
    -ms-flex: 0 0 57%;
    flex: 0 0 57%;
    max-width: 57%;
    display: -ms-flexbox;
    display: flex
}

.b-bottom-bar__center .select-price-plan {
    position: relative
}

.b-bottom-bar__center .select-price-plan:before {
    content: "";
    position: absolute;
    left: 0;
    top: -.1rem;
    bottom: -.1rem;
    width: 1px;
    background-color: #464543
}

.b-bottom-bar__center .select-price-plan:after {
    content: "";
    position: absolute;
    right: 0;
    top: -.1rem;
    bottom: -.1rem;
    width: 1px;
    background-color: #464543
}

html.smartphone .b-bottom-bar__center {
    display: none
}

.b-bottom-bar__center--old .select-price-plan:after,
.b-bottom-bar__center--old .select-price-plan:before {
    content: none
}

.b-bottom-bar__center--old .select-price-plan--row div.arrows-switcher {
    -ms-flex-pack: center;
    justify-content: center
}

.b-bottom-bar__center--old .select-price-plan--row div.arrows-switcher>div {
    max-width: 25%
}

.b-bottom-bar__plan-text {
    font-size: .18rem;
    font-weight: 700;
    line-height: 1.22;
    padding: .14rem .33rem;
    color: #fff;
    background-color: #3f3f3f;
    margin-right: .9rem
}

.b-bottom-bar__price {
    position: relative;
    max-width: 1.6rem;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding-left: .1rem;
    padding-right: .1rem;
    color: #fff;
    padding-top: .02rem
}

.b-bottom-bar__price--center {
    text-align: center
}

.b-bottom-bar__price-subtitle,
.b-bottom-bar__price-title {
    font-size: .16rem;
    font-weight: 500;
    line-height: 1.38
}

.b-bottom-bar__price-subtitle span {
    color: var(--color__default);
    font-weight: 700
}

.select-price-plan--multiple div.arrows-switcher>div.active>div.arrow-body:before {
    background-size: cover
}

.select-price-plan--row {
    -ms-flex: 1;
    flex: 1
}

.select-price-plan--row div.arrows-switcher {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding-left: .1rem;
    padding-right: .1rem
}

.select-price-plan--row div.arrows-switcher>div {
    -ms-flex: 1 0 25%;
    flex: 1 0 25%;
    max-width: 33.3333333%
}

.select-price-plan--row div.arrows-switcher>div.active>div.arrow-body {
    background-color: transparent;
    position: relative
}

.select-price-plan--row div.arrows-switcher>div.active>div.arrow-body:before {
    content: "";
    display: inline-block;
    position: absolute;
    z-index: -1;
    top: -.03rem;
    right: 0;
    height: .35rem;
    left: 0;
    background-image: url(/static/images/arrow-green.771660a.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    top: -.02rem;
    bottom: -.04rem;
    height: auto;
    left: -.15rem;
    right: -.15rem;
    background-size: 100%
}

.select-price-plan--row div.arrows-switcher>div.active>div.arrow-body>div.title {
    font-weight: 700;
    color: #fff
}

.select-price-plan--row div.arrows-switcher>div.active>div.arrow-body>div.subtitle {
    color: #fff
}

.select-price-plan--row div.arrows-switcher>div>div.arrow-body {
    width: 100%;
    height: auto;
    padding: .04rem .15rem;
    -webkit-clip-path: unset;
    clip-path: unset;
    text-align: center
}

.select-price-plan--row div.arrows-switcher>div>div.arrow-body:last-child:after {
    content: none !important
}

.select-price-plan--row div.arrows-switcher>div>div.arrow-body>div.title {
    font-size: .18rem;
    font-weight: 500;
    color: #d6d6d6
}

.select-price-plan--row div.arrows-switcher>div>div.arrow-body>div.title.two-lines {
    line-height: .7
}

.select-price-plan--row div.arrows-switcher>div>div.arrow-body>div.subtitle {
    font-size: .12rem;
    line-height: 1;
    font-weight: 500;
    margin-top: .02rem;
    margin-left: -.1rem;
    margin-right: -.1rem;
    color: var(--color__default)
}

.select-price-plan--row div.arrows-switcher>div>div.arrow-body>div.subtitle:empty {
    display: none
}

.b-bottom-bar__button .button {
    font-size: .14rem;
    font-weight: 700;
    text-transform: unset;
    width: 100%;
    height: .4rem
}

.b-bottom-bar__button .button:before {
    font-size: .8em
}

html.smartphone .b-bottom-bar__button .button {
    font-size: .18rem;
    font-weight: 500;
    width: 2.6rem;
    margin-left: auto;
    margin-right: auto;
    height: .45rem;
    padding-top: .04rem
}

.b-bottom-bar__form .phone-container>.small-text,
.b-bottom-bar__form .phone-container>h3,
.b-bottom-bar__form .phone-container>p {
    display: none
}

.b-bottom-bar__form .input-container.placeholder {
    width: 60%
}

.b-bottom-bar__form .input-container.placeholder input {
    border-radius: .06rem !important;
    height: .4rem;
    margin-top: 0;
    margin-bottom: 0
}

.b-bottom-bar__form .phone-container {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.b-bottom-bar__form .phone-container .input-container.placeholder input {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.b-bottom-bar__form .sms-container {
    width: 100%;
    border-radius: .06rem
}

.b-bottom-bar__form .sms-container .input-container {
    width: 100%
}

.b-bottom-bar__form .sms-container>.input-button,
.b-bottom-bar__form .sms-container>h3,
.b-bottom-bar__form .sms-container>p {
    display: none
}

.b-bottom-bar__form .input-button {
    display: -ms-flexbox;
    display: flex;
    width: 40%
}

.b-bottom-bar__form .input-button .button {
    font-size: .14rem;
    font-weight: 700;
    border-radius: .06rem;
    text-transform: none;
    width: 1.1rem;
    height: .4rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.b-bottom-bar__bar {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center
}

html.smartphone .b-bottom-bar__bar {
    padding: 0 .15rem
}

.b-bottom-bar--center .b-bottom-bar__bar {
    -ms-flex-pack: center;
    justify-content: center
}

.b-bottom-bar-success {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    padding-right: .38rem;
    padding-left: .3rem
}

html.smartphone .b-bottom-bar-success {
    -ms-flex-align: start;
    align-items: flex-start;
    padding: .14rem .1rem .2rem .15rem
}

.b-bottom-bar__close {
    position: absolute;
    padding: .12rem;
    top: 0;
    z-index: 10;
    right: 0;
    border: none;
    background: transparent;
    outline: none;
    color: #6f6f6f;
    cursor: pointer
}

.b-bottom-bar__close .c-icon {
    width: .12rem;
    height: .12rem
}

.b-bottom-bar-success-body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center
}

html.smartphone .b-bottom-bar-success-body {
    -ms-flex: 0 0 calc(100% - 0.5rem);
    flex: 0 0 calc(100% - 0.5rem);
    max-width: calc(100% - .5rem)
}

.b-bottom-bar-success__icon {
    margin-right: .15em
}

html.smartphone .b-bottom-bar-success__icon {
    margin-right: .1rem
}

.b-bottom-bar-success__icon svg {
    width: .5rem;
    height: .5rem
}

html.smartphone .b-bottom-bar-success__icon svg {
    width: .4rem;
    height: .4rem
}

.b-bottom-bar-success-info {
    -ms-flex: 1;
    flex: 1;
    margin-right: .97rem
}

html.smartphone .b-bottom-bar-success-info {
    -ms-flex: unset;
    flex: unset;
    margin-right: 0;
    margin-bottom: .15rem
}

.b-bottom-bar-success-title {
    font-size: .2rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: .04rem;
    color: #fff
}

html.smartphone .b-bottom-bar-success-title {
    font-size: .16rem;
    line-height: 1.25;
    margin-bottom: .02rem
}

.b-bottom-bar-success-subtitle {
    font-size: .16rem;
    line-height: 1.25;
    color: #979797
}

html.smartphone .b-bottom-bar-success-subtitle {
    font-size: .12rem;
    line-height: 1.17;
    font-weight: 500
}

.b-bottom-bar-success-button .button {
    width: 2.6rem;
    height: .4rem;
    font-size: .16rem;
    font-weight: 700;
    text-transform: none
}

html.smartphone .b-bottom-bar-success-button .button {
    width: 1.95rem
}

.b-bottom-bar-order-info {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.b-bottom-bar-order-info.active .b-bottom-bar-order-info__chevron {
    transform: rotate(0)
}

.b-bottom-bar-order-info__chevron {
    position: absolute;
    top: calc(50% - .06rem);
    left: -.3rem;
    color: #919191;
    transform: rotate(180deg);
    transition: transform .3s ease-in-out
}

.b-bottom-bar-order-info__chevron .c-icon {
    width: .12rem;
    height: .08rem
}

.b-bottom-bar-order-info__icon {
    margin-right: .06rem
}

.b-bottom-bar-order-info__icon svg {
    width: .32rem;
    height: .32rem
}

.b-bottom-bar-order-info__icon svg circle {
    fill: var(--color__default);
    stroke: var(--color__default)
}

.b-bottom-bar-order-info__icon svg path {
    fill: #fff
}

.b-bottom-bar-order-info__title {
    font-size: .18rem;
    margin-bottom: .04rem;
    font-weight: 700;
    color: #fff
}

.b-bottom-bar-order-info__subtitle {
    font-size: .14rem;
    color: #aaa;
    font-weight: 500;
    line-height: 1.14
}

.b-bottom-bar__success {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.b-bottom-bar__footer {
    width: 100%;
    font-size: .14em;
    font-weight: 500;
    text-align: center;
    color: #8d8d8d;
    margin-top: .35714em
}

.b-bottom-bar__footer .price {
    color: #ff4b65
}

html.smartphone .b-get-app {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: center;
    justify-content: center
}

.b-get-app__title {
    font-size: .1rem;
    line-height: 1.6;
    color: var(--color__white);
    text-transform: uppercase;
    margin-bottom: .08rem
}

html.smartphone .b-get-app__title {
    display: none
}

.b-get-app__link {
    display: inline-block
}

html.smartphone .b-get-app__link {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin-left: 0
}

.b-get-app__link img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    vertical-align: middle
}

.b-get-app__link--as {
    -ms-flex: 0 0 calc(50% - 0.08rem);
    flex: 0 0 calc(50% - 0.08rem);
    max-width: calc(50% - .08rem);
    margin-bottom: .12rem;
    margin-right: .12rem
}

html.smartphone .b-get-app__link--as {
    margin-right: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

html.smartphone .b-get-app__link--as img {
    height: .5rem
}

.b-get-app__link--gp {
    -ms-flex: 0 0 calc(50% - 0.08rem);
    flex: 0 0 calc(50% - 0.08rem);
    max-width: calc(50% - .08rem);
    position: relative;
    margin-bottom: .12rem
}

html.smartphone .b-get-app__link--gp img {
    height: .5rem
}

html.smartphone .b-get-app__link--gp {
    margin-left: 0;
    right: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.b-get-app__input {
    position: relative;
    font-size: 7em;
    margin-top: .1rem
}

.b-get-app__input-button {
    position: absolute;
    top: .04rem;
    right: .04rem
}

.b-get-app__input-button button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--color__default);
    border-radius: .06em;
    width: .56em;
    height: .36em;
    color: var(--color__white);
    border: none;
    outline: none;
    padding: 0;
    cursor: pointer
}

.b-get-app__input-button button .c-icon {
    height: .2rem;
    width: .14rem;
    transform: rotate(90deg)
}

.b-get-app__input-text {
    font-size: .12rem;
    line-height: .16rem;
    color: var(--color__grey-40);
    margin-top: .08rem
}

.b-get-app__success {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    background: hsla(0, 0%, 100%, .1);
    border-radius: .08rem;
    color: var(--color__white);
    font-size: .12rem;
    line-height: .18rem;
    padding: .04rem .56rem .04rem .12rem
}

.b-get-app__success-icon {
    margin-right: .12rem;
    color: var(--color__default)
}

.b-get-app__success-icon .c-icon {
    width: .24rem;
    height: .24rem;
    background-color: var(--color__white);
    border-radius: 50%
}

.b-get-app__button {
    font-size: .14rem;
    line-height: .2rem;
    color: var(--color__default)
}

.desktop .b-get-app__button {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.b-get-app__button:not(:first-child) {
    margin-top: .1rem
}

.desktop .b-get-app__button:not(:first-child) {
    margin-top: 0
}

.b-get-app__button .b-get-app__link {
    width: 1.25rem
}

.b-get-app__button .b-get-app__link--gp {
    width: 1.35rem;
    margin-top: -.06rem
}

.b-get-app__button {
    position: relative
}

.b-get-app__button button {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    background: var(--color__default);
    border-radius: .08rem;
    font-weight: 700;
    font-size: .14rem;
    line-height: .2rem;
    color: var(--color__white);
    padding: .12rem .23rem;
    text-align: left;
    outline: none;
    border: none
}

.b-get-app__button button.disabled {
    opacity: .5;
    pointer-events: none
}

.b-get-app__button-pre {
    color: var(--color__white);
    opacity: .4;
    margin-right: .08rem
}

.b-get-app__button-pre .c-icon {
    width: .16rem;
    height: .16rem
}

.b-get-app__button-icon {
    color: #fff;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.b-get-app__button-icon .c-icon {
    transform: rotate(90deg);
    width: .1rem;
    height: .08rem
}

html.smartphone .b-reviews {
    position: relative
}

.b-reviews .swiper-container {
    padding-top: .2rem;
    padding-bottom: .23rem
}

html.smartphone .b-reviews .swiper-container {
    margin-bottom: .25rem;
    padding: .2rem .1rem .2em
}

.b-reviews .swiper-slide {
    width: auto;
    opacity: .3;
    transition: opacity .3s ease-in-out
}

.b-reviews .swiper-slide.swiper-slide-active {
    opacity: 1
}

.b-reviews .b-reviews-next,
.b-reviews .b-reviews-prev {
    position: absolute;
    display: inline-block;
    cursor: pointer;
    top: 50%;
    outline: none;
    transform: translateY(-50%);
    z-index: 10
}

html.smartphone .b-reviews .b-reviews-next,
html.smartphone .b-reviews .b-reviews-prev {
    top: unset;
    transform: unset;
    bottom: .48rem
}

html.smartphone .b-reviews .b-reviews-next svg,
html.smartphone .b-reviews .b-reviews-prev svg {
    width: .36rem;
    height: .36rem
}

html.smartphone .b-reviews .b-reviews-next svg circle,
html.smartphone .b-reviews .b-reviews-prev svg circle {
    fill: none
}

html.smartphone .b-reviews .b-reviews-next svg path,
html.smartphone .b-reviews .b-reviews-prev svg path {
    fill: #747474
}

.b-reviews .b-reviews-next.swiper-button-disabled,
.b-reviews .b-reviews-prev.swiper-button-disabled {
    display: none
}

.b-reviews .b-reviews-prev {
    left: .3rem
}

html.smartphone .b-reviews .b-reviews-prev {
    left: 0
}

.b-reviews .b-reviews-next {
    right: .3rem
}

html.smartphone .b-reviews .b-reviews-next {
    right: 0
}

.b-reviews-pagination {
    position: relative;
    text-align: center;
    bottom: -.2rem
}

html.desktop .b-reviews-pagination {
    width: auto !important
}

html.smartphone .b-reviews-pagination {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    bottom: .6rem;
    left: 0;
    right: 0
}

.b-reviews-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: #c0c4cf;
    opacity: 1;
    margin-right: .09rem;
    margin-left: .09rem
}

html.smartphone .b-reviews-pagination .swiper-pagination-bullet {
    width: .1rem;
    height: .1rem;
    margin-right: .06rem;
    margin-left: .06rem
}

.b-reviews-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--color__default)
}

html.smartphone .b-reviews-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: .12rem;
    height: .12rem
}

.b-review {
    box-shadow: 0 .03rem .2rem 0 rgba(0, 0, 0, .2);
    background-color: #fff;
    padding: .11rem;
    width: 9.53rem;
    height: 4.76rem
}

html.smartphone .b-review {
    width: 100%;
    height: auto;
    padding: .06rem
}

.b-review__body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.b-review__left {
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%
}

html.smartphone .b-review__left {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.b-review__right {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
    padding: .48rem .19rem .36rem
}

html.smartphone .b-review__right {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: .61rem 0 .1rem
}

.b-review__images {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: -.03rem;
    margin-right: -.03rem
}

.b-review__image {
    position: relative;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: .03rem;
    padding-right: .03rem
}

.b-review__image img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    vertical-align: middle
}

.b-review__image-weight {
    position: absolute;
    bottom: .1rem;
    right: 0;
    font-size: .24rem;
    font-weight: 700;
    line-height: .67;
    color: var(--color__default);
    border-top-left-radius: .04rem;
    border-bottom-left-radius: .04rem;
    background-color: #fff;
    padding: .13rem .13rem .1rem
}

html.smartphone .b-review__image-weight {
    font-size: .16rem;
    padding: .08rem .06rem .05rem;
    bottom: unset;
    top: .06rem
}

.b-review__image-weight span {
    font-size: .16rem;
    font-weight: 700;
    line-height: 1;
    color: #00b923
}

html.smartphone .b-review__image-weight span {
    font-size: .14rem
}

.b-review__person-title {
    display: inline-block;
    width: 100%;
    font-size: .24rem;
    font-weight: 700;
    line-height: .83;
    color: #545454;
    margin-bottom: .33rem
}

html.smartphone .b-review__person-title {
    font-size: .16rem;
    line-height: 1;
    color: #545454;
    margin-bottom: .06rem
}

.b-review__res {
    position: absolute;
    padding: .11rem .14rem;
    border-top-left-radius: .05rem;
    border-bottom-left-radius: .05rem;
    box-shadow: 0 .04rem .1rem 0 rgba(0, 0, 0, .27);
    background-color: #ef2119;
    top: .32rem;
    right: -.32rem;
    z-index: 3;
    font-size: .26rem;
    font-weight: 700;
    line-height: 1.08;
    color: #fff
}

html.smartphone .b-review__res {
    top: -.14rem;
    right: .16rem;
    font-size: .22rem;
    line-height: 1.27;
    padding: .09rem .1rem;
    box-shadow: 0 .02rem .1rem 0 rgba(0, 0, 0, .27)
}

.b-review__res span {
    font-size: .19rem;
    font-weight: 500;
    line-height: 1.3;
    color: #fff
}

html.smartphone .b-review__res span {
    font-size: .16rem;
    line-height: .88
}

.b-review__res:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .1rem .2rem 0 0;
    border-color: #b80700 transparent;
    right: 0;
    top: 100%;
    z-index: 5
}

html.smartphone .b-review__res:before {
    border-width: .06rem .12rem 0 0
}

.b-review__person-date {
    display: inline-block;
    width: 100%;
    position: relative;
    margin-bottom: .13rem;
    padding-left: .2rem
}

html.smartphone .b-review__person-date {
    margin-bottom: 0;
    padding-left: .11rem
}

.b-review__person-date:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: .12rem;
    height: .12rem;
    background-color: var(--color__default);
    left: 0;
    top: .06rem;
    border-radius: 50%
}

html.smartphone .b-review__person-date:before {
    width: .08rem;
    height: .08rem
}

.b-review__person-plan {
    display: inline-block;
    width: 100%;
    position: relative;
    margin-bottom: .43rem;
    padding-left: .2rem
}

html.smartphone .b-review__person-plan {
    margin-bottom: 0;
    padding-left: .11rem
}

.b-review__person-plan:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: .12rem;
    height: .12rem;
    background-color: var(--color__default);
    left: 0;
    top: .06rem;
    border-radius: 50%
}

html.smartphone .b-review__person-plan:before {
    width: .08rem;
    height: .08rem
}

.b-review__person-keys {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    font-size: .18rem;
    font-weight: 500;
    line-height: 1.28;
    color: #4f4f4f
}

html.smartphone .b-review__person-keys {
    position: absolute;
    font-size: .14rem;
    line-height: 1.43;
    top: -.2rem;
    left: .28rem;
    right: .28rem;
    border-radius: .03rem;
    background-color: #f5f5f5;
    padding: .14rem .1rem .11rem
}

.b-review__person-plan-name {
    display: inline-block;
    color: var(--color__default)
}

.b-review__person-text {
    display: inline-block;
    width: 100%;
    font-size: .14rem;
    font-style: italic;
    line-height: 1.43;
    color: #6d6d6d;
    margin-top: 0;
    margin-bottom: 0
}

html.smartphone .b-review__person-text {
    height: .84rem;
    overflow: hidden
}

.b-review__button {
    margin-top: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

html.smartphone .b-review__button {
    display: none
}

.b-review__button .button {
    padding-top: 4px;
    width: 2.6rem;
    height: .45rem;
    font-size: .16rem;
    font-weight: 700
}

.b-reviews__button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: center;
    justify-content: center
}

.b-reviews__button .button {
    width: 2.6rem;
    height: .45rem;
    font-size: .16rem;
    font-weight: 700
}

html.smartphone .b-reviews__button .button {
    text-transform: unset
}

#how-it-works {
    padding: .4em;
    padding-bottom: .5em;
    font-size: 1rem;
    box-sizing: border-box;
    position: relative;
    z-index: 1
}

#how-it-works>.landing-width-container {
    padding: 0 .8em
}

#how-it-works .how-list {
    margin-top: .4em;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#how-it-works .how-list,
#how-it-works .how-list>.item {
    display: -ms-flexbox;
    display: flex;
    position: relative
}

#how-it-works .how-list>.item {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    z-index: 10
}

#how-it-works .how-list>.item>img {
    margin-bottom: .2em;
    width: 1.1em
}

#how-it-works .how-list>.item>.desc {
    font-size: .16em;
    font-weight: 500;
    line-height: 1.38;
    text-align: center;
    color: #616161
}

#how-it-works .how-list>.item>.desc span {
    font-weight: 700;
    color: var(--color__default)
}

#how-it-works .how-list:before {
    z-index: 5;
    content: "";
    position: absolute;
    top: .6em;
    left: 10%;
    right: 10%;
    height: 1px;
    background-image: linear-gradient(90deg, transparent 70%, #3b7 0);
    background-size: .08em 100%
}

div#reviews {
    padding-top: .41em;
    background-color: #e9ecf3;
    padding-bottom: .3em
}

.landing-page--ya-taxi div#reviews {
    background: #f1f0ed;
    padding-bottom: .5em
}

html.smartphone div#reviews {
    padding-top: .3rem;
    padding-bottom: .15em
}

div#reviews>h3 {
    font-size: .176em;
    color: #7d7d7d;
    font-weight: 500;
    text-align: center
}

div#reviews>h3 a {
    color: var(--color__default)
}

div#reviews>h3 a:hover {
    text-decoration: underline
}

div#reviews div.replies-slider {
    margin-top: .43em
}

.landing-page--ya-taxi div#reviews div.replies-slider {
    padding: 0 1rem
}

html.smartphone.landing-page--ya-taxi div#reviews div.replies-slider {
    padding: 0
}

div#reviews div.replies-slider div.swiper-slide {
    padding-bottom: .2em
}

div#reviews div.replies-slider div.swiper-slide>img {
    max-width: 5em;
    box-shadow: 0 .1em .2em -.05em rgba(0, 0, 0, .3)
}

div#reviews .button {
    font-size: .18em;
    text-transform: none;
    margin: 0 auto;
    width: 14.44444em;
    height: 2.5em;
    padding-top: 2px
}

html:not(.smartphone) div#reviews .button {
    font-weight: 900;
    width: 18.33333em;
    height: 3.33333em;
    text-transform: uppercase;
    margin-top: 1.2em
}

div#faq {
    padding: .41rem .5rem .5rem;
    background: #f6f6f6
}

.landing-page--ya-taxi div#faq {
    padding-top: 0;
    padding-bottom: .26rem
}

div#faq .container,
div#faq div#single-step-order>div.padding-container .container--first,
div#faq div#single-step-order>div.padding-container .container--last,
div#faq div#single-step-order>div.padding-container .container--payment,
div#faq html.smartphone div#single-step-order>div.padding-container .container--first,
div#faq html.smartphone div#single-step-order>div.padding-container .container--last,
div#faq html.smartphone div#single-step-order>div.padding-container .container--payment,
div#single-step-order>div.padding-container div#faq .container--first,
div#single-step-order>div.padding-container div#faq .container--last,
div#single-step-order>div.padding-container div#faq .container--payment,
html.smartphone div#single-step-order>div.padding-container div#faq .container--first,
html.smartphone div#single-step-order>div.padding-container div#faq .container--last,
html.smartphone div#single-step-order>div.padding-container div#faq .container--payment {
    box-sizing: border-box;
    padding: 0 .1rem;
    margin: 0 auto
}

div#faq .faq-title {
    font-size: .36rem
}

div#faq .faq-slider {
    margin-top: .65rem
}

div#faq .faq-controls {
    text-align: center;
    margin-bottom: .2rem;
    margin-bottom: .42rem
}

div#faq .faq-icon {
    display: inline-block;
    margin: .3rem 0 .11rem;
    color: #9b9b9b
}

div#faq .faq-icon .c-icon {
    transition: fill .15s ease-in-out
}

div#faq .faq-control {
    color: #1b1b1b;
    width: 1.4rem;
    cursor: pointer;
    height: 1.4rem;
    margin: 0 .05rem;
    display: inline-block;
    position: relative;
    font-size: .16rem;
    background: var(--color__white);
    box-shadow: 0 2px .04rem 0 rgba(27, 27, 27, .06);
    box-sizing: border-box;
    font-weight: 500;
    line-height: 1.5;
    border-radius: .08rem;
    vertical-align: middle;
    transition: transform .3s ease, box-shadow .3s ease
}

div#faq .faq-control h3 {
    height: .48rem
}

div#faq .faq-control:before {
    content: "";
    border: .1rem solid transparent;
    transition: border-color .15s ease;
    position: absolute;
    left: calc(50% - .1rem);
    bottom: -.19rem
}

div#faq .faq-control.active {
    box-shadow: none;
    background: #40b93c;
    border-color: #40b93c;
    color: var(--color__white)
}

div#faq .faq-control.active:before {
    transition-delay: unset;
    border-top-color: #40b93c;
}

div#faq .faq-control.active .faq-icon {
    color: #fff
}

div#faq .faq-control.new:after {
    position: absolute;
    content: "NEW";
    color: #fff;
    top: -.8em;
    right: .5em;
    background-color: var(--color__red);
    padding: .1em .7em;
    border-radius: .7em
}

div#faq .faq-control.active .faq-icon [fill="#9B9B9B"] {
    fill: var(--color__white) !important
}

div#faq .faq-list {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1), 0 2px 4px 0 rgba(0, 0, 0, .1);
    border-radius: 4px;
    width: 7.68rem;
    margin-left: auto;
    margin-right: auto
}

div#faq .faq-item {
    background: var(--color__white)
}

div#faq .faq-item:first-child {
    border-radius: 5px 5px 0 0
}

div#faq .faq-item:last-child {
    border-radius: 0 0 5px 5px
}

div#faq .faq-item:not(:last-child) {
    border-bottom-width: 0
}

div#faq .faq-item.active {
    background: #fcfcfc
}

div#faq .faq-question {
    color: #9b9b9b;
    cursor: pointer;
    padding: .24rem;
    font-size: .2rem;
    font-weight: 500;
    border-bottom: 1px solid #cacbcb
}

div#faq .faq-question-icon {
    float: right;
    margin: .07rem 0 0 .2rem
}

div#faq .faq-item:hover .faq-question {
    color: var(--color__default)
}

div#faq .faq-item.active .faq-question {
    color: var(--color__default);
    font-weight: 700;
    border-bottom: 1px solid #cacbcb
}

div#faq .faq-answer p {
    color: #1b1b1b;
    margin: 0;
    padding: .14rem .23rem .5rem;
    font-size: .16rem;
    line-height: 1.8;
    font-weight: 500;
    border-bottom: 1px solid #cacbcb
}

div#faq .faq-item:last-child .faq-answer p {
    border-bottom: 0
}

div#faq .faq-answer {
    display: none
}

div#faq .faq-answer--active {
    display: block
}

div#faq .faq-list {
    display: none
}

div#faq .faq-list--active {
    display: block
}

html:not(.touch) div#faq .faq-control:hover:not(.active) {
    box-shadow: 0 .05rem .2rem 0 rgba(0, 0, 0, .3);
    transform: translateY(-.1rem)
}

div#order-now {
    height: 4.4em;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    background-size: cover;
    background-position: 50%
}

div#order-now .order-wrap {
    position: relative;
    max-width: 100%;
    box-sizing: border-box
}

div#order-now .order-wrap>.order-title {
    width: 100%;
    color: #fff;
    margin: 0 auto;
    position: relative;
    font-size: .3rem;
    font-weight: 700
}

div#order-now .order-wrap>.order-subtitle {
    color: #fff;
    position: relative;
    font-size: .24rem;
    text-align: center;
    font-weight: 500;
    margin-top: 1.25em
}

div#order-now .order-wrap>div.ta-strategy-input-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin: .4em auto 0
}

div#order-now .order-wrap>div.ta-strategy-input-flex>div.input-container {
    margin-right: .08em;
    width: 2.8em
}

div#order-now .order-wrap>div.ta-strategy-input-flex>div.input-container input {
    margin: 0;
    height: .5rem;
    border-radius: .04rem;
    width: 100%;
    border: 1px solid #fff;
    border-radius: .28571em;
    background-color: transparent;
    color: #fff
}

div#order-now .order-wrap>div.ta-strategy-input-flex>div.input-container input:focus {
    border-color: #fff !important
}

div#order-now .order-wrap>div.ta-strategy-input-flex>div.input-container input.is-invalid {
    border-color: #ef5747;
    background-color: hsla(0, 0%, 100%, .1)
}

div#order-now .order-wrap>div.ta-strategy-input-flex>div.input-container label {
    color: #fff;
    opacity: 1
}

div#order-now .order-wrap>div.ta-strategy-input-flex>.button {
    font-size: .18em;
    font-weight: 700;
    width: 15.55556em;
    height: 2.77778em;
    text-transform: none;
    border-radius: .22222em;
    overflow: visible
}

div#order-now .order-wrap>div.ta-strategy-input-flex>.button[disabled=disabled] {
    background-color: #297545;
    border-color: #297545;
    color: #999
}

div#order-now .order-wrap>.order-button {
    font-size: .15em;
    font-weight: 700;
    width: 18.66667em;
    height: 3.33333em;
    text-transform: none;
    border-radius: .26667em;
    overflow: visible;
    margin: 1.46667em auto
}

div#order-now {
    background-image: url(/static/images/order-now2.5ca57fd.jpg)
}

div#order-now .order-wrap>h2,
div#order-now .order-wrap>h3 {
    color: #1b1b1b;
    width: auto
}

div#order-now[data-target=p1] {
    background-image: url(/static/images/p1-footer.d6cb57c.jpg)
}

div#order-now[data-target=p2] {
    background-image: url(/static/images/p2-footer.872efa2.jpg)
}

div#order-now[data-target=p3] {
    background-image: url(/static/images/p3-footer.3f7aab1.jpg)
}

div#provision {
    padding: 1rem .1rem
}

div#provision .container,
div#provision div#single-step-order>div.padding-container .container--first,
div#provision div#single-step-order>div.padding-container .container--last,
div#provision div#single-step-order>div.padding-container .container--payment,
div#provision html.smartphone div#single-step-order>div.padding-container .container--first,
div#provision html.smartphone div#single-step-order>div.padding-container .container--last,
div#provision html.smartphone div#single-step-order>div.padding-container .container--payment,
div#single-step-order>div.padding-container div#provision .container--first,
div#single-step-order>div.padding-container div#provision .container--last,
div#single-step-order>div.padding-container div#provision .container--payment,
html.smartphone div#single-step-order>div.padding-container div#provision .container--first,
html.smartphone div#single-step-order>div.padding-container div#provision .container--last,
html.smartphone div#single-step-order>div.padding-container div#provision .container--payment {
    width: 11.5rem;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

div#provision .title h2 {
    text-align: left;
    color: var(--color__default-darken);
    font-size: .18rem;
    text-transform: uppercase
}

div#provision .line {
    width: 1.56rem;
    height: 2px;
    margin: .2rem 0;
    background: var(--color__default)
}

div#provision .provision-text {
    color: #1b1b1b;
    width: 4rem;
    font-size: .24rem
}

div#provision .provision-list {
    width: 6rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center
}

div#provision .provision-list img {
    padding: .2rem;
    max-width: 2rem;
    box-sizing: border-box
}

div#partners {
    padding-top: .44em;
    padding-bottom: .6em;
    background-color: #f6f6f6
}

div#partners .container,
div#partners div#single-step-order>div.padding-container .container--first,
div#partners div#single-step-order>div.padding-container .container--last,
div#partners div#single-step-order>div.padding-container .container--payment,
div#partners html.smartphone div#single-step-order>div.padding-container .container--first,
div#partners html.smartphone div#single-step-order>div.padding-container .container--last,
div#partners html.smartphone div#single-step-order>div.padding-container .container--payment,
div#single-step-order>div.padding-container div#partners .container--first,
div#single-step-order>div.padding-container div#partners .container--last,
div#single-step-order>div.padding-container div#partners .container--payment,
html.smartphone div#single-step-order>div.padding-container div#partners .container--first,
html.smartphone div#single-step-order>div.padding-container div#partners .container--last,
html.smartphone div#single-step-order>div.padding-container div#partners .container--payment {
    display: -ms-flexbox;
    display: flex;
    padding: .1rem;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

div#partners .title h2 {
    color: var(--color__default-darken);
    font-size: .18rem;
    text-align: left;
    text-transform: uppercase
}

div#partners .line {
    width: .8rem;
    height: 2px;
    margin: .1rem 0;
    background: var(--color__default)
}

div#partners .partners-list {
    width: 15rem;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

div#partners .partners-item {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    margin: 0 .3rem;
    max-width: calc(12.5% - .6rem);
    max-height: .8rem;
    transition: -webkit-filter .3s ease-in-out;
    transition: filter .3s ease-in-out;
    transition: filter .3s ease-in-out, -webkit-filter .3s ease-in-out;
    will-change: filter
}

div#partners .partners-item:hover {
    -webkit-filter: none;
    filter: none
}

div#footer {
    color: #fff;
    font-size: .14rem;
    padding-top: .25rem;
    background: #0e4128
}

html[data-subdomain=wowfood] div#footer {
    background: #206560
}

html[data-subdomain=wowfood].landing-page--ya-taxi div#footer {
    background: #0e0b16
}

div#footer .container,
div#footer div#single-step-order>div.padding-container .container--first,
div#footer div#single-step-order>div.padding-container .container--last,
div#footer div#single-step-order>div.padding-container .container--payment,
div#footer html.smartphone div#single-step-order>div.padding-container .container--first,
div#footer html.smartphone div#single-step-order>div.padding-container .container--last,
div#footer html.smartphone div#single-step-order>div.padding-container .container--payment,
div#single-step-order>div.padding-container div#footer .container--first,
div#single-step-order>div.padding-container div#footer .container--last,
div#single-step-order>div.padding-container div#footer .container--payment,
html.smartphone div#single-step-order>div.padding-container div#footer .container--first,
html.smartphone div#single-step-order>div.padding-container div#footer .container--last,
html.smartphone div#single-step-order>div.padding-container div#footer .container--payment {
    width: 11.5rem;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

div#footer .container>div,
div#footer div#single-step-order>div.padding-container .container--first>div,
div#footer div#single-step-order>div.padding-container .container--last>div,
div#footer div#single-step-order>div.padding-container .container--payment>div,
div#footer html.smartphone div#single-step-order>div.padding-container .container--first>div,
div#footer html.smartphone div#single-step-order>div.padding-container .container--last>div,
div#footer html.smartphone div#single-step-order>div.padding-container .container--payment>div,
div#single-step-order>div.padding-container div#footer .container--first>div,
div#single-step-order>div.padding-container div#footer .container--last>div,
div#single-step-order>div.padding-container div#footer .container--payment>div,
html.smartphone div#single-step-order>div.padding-container div#footer .container--first>div,
html.smartphone div#single-step-order>div.padding-container div#footer .container--last>div,
html.smartphone div#single-step-order>div.padding-container div#footer .container--payment>div {
    padding: .1rem 0;
    box-sizing: border-box
}

div#footer .left {
    width: 50%
}

div#footer .center {
    width: 27%
}

div#footer .right {
    width: 23%
}

div#footer .left+.right {
    width: 50%;
    text-align: right
}

div#footer .blogger .blog-link {
    margin-left: .45rem
}

div#footer .careers .blog-link {
    margin-left: .15rem
}

div#footer .questions {
    margin-bottom: .3rem
}

div#footer .inline,
div#footer .questions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center
}

div#footer .icon {
    display: inline-block;
    padding: .05rem;
    color: var(--color__default)
}

html[data-subdomain=wowfood] div#footer .icon {
    color: #feda00
}

div#footer .icon:first-child {
    padding-left: 0
}

div#footer .icon:last-child {
    padding-right: 0
}

div#footer .icon .c-icon {
    width: .25rem;
    height: .25rem
}

div#footer .blog-link {
    color: #fff;
    border: 1px solid #9b9b9b;
    height: .32rem;
    margin-left: auto;
    display: inline-block;
    padding: 0 .3rem;
    line-height: .3rem;
    border-radius: .165rem;
    cursor: pointer;
    outline: none;
    background: transparent
}

div#footer .partner a {
    text-decoration: underline
}

div#footer .green-parent {
    padding: 0 !important
}

div#footer .green-line {
    width: .5rem;
    height: 2px;
    background: var(--color__default);
    margin: .05rem auto
}

html[data-subdomain=wowfood] div#footer .green-line {
    background: #feda00
}

div#footer .line {
    width: 100%;
    height: 1px;
    background: #9b9b9b;
    margin-top: .25rem
}

div#footer .gf-logo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

div#footer .gf-letters {
    height: .32rem;
    width: auto;
    border-right: 2px solid var(--color__default);
    margin-right: .2rem;
    padding-right: .2rem
}

div#footer .gf-letters path {
    fill: var(--color__default)
}

html[data-subdomain=wowfood] div#footer .gf-letters path {
    fill: #feda00
}

html[data-subdomain=wowfood] div#footer .gf-letters {
    border-right: 2px solid #feda00
}

div#footer .gf-slogun {
    font-size: .13rem
}

div#footer .adress {
    font-size: .14rem
}

div#footer .phone-number {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

div#footer .phone-number--second {
    margin-top: .1rem;
    margin-bottom: .1rem
}

div#footer .phone-number .phone-icon {
    width: .28rem;
    height: .28rem;
    margin-right: .05rem
}

div#footer .phone-number .phone-icon path {
    fill: var(--color__default)
}

html[data-subdomain=wowfood] div#footer .phone-number .phone-icon path {
    fill: #feda00
}

div#footer .phone-number .phone-icon circle {
    stroke: var(--color__default)
}

html[data-subdomain=wowfood] div#footer .phone-number .phone-icon circle {
    stroke: #feda00
}

div#footer .phone-number .phone-number__link {
    font-size: .15rem;
    font-weight: 700
}

div#footer .subtitle {
    font-size: .1rem;
    line-height: .16rem;
    text-transform: uppercase
}

div#footer .payments {
    margin-left: -.08rem;
    margin-right: -.08rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow: hidden;
    margin-top: .1rem
}

div#footer .payments .icon-link {
    width: .28rem;
    height: .28rem;
    margin-left: .08rem;
    margin-right: .08rem
}

div#footer .payments .icon-link.google-pay {
    height: .34rem;
    width: .52rem
}

div#footer .socials svg {
    width: .3rem;
    height: .3rem
}

div#footer .socials svg path {
    fill: var(--color__default)
}

html[data-subdomain=wowfood] div#footer .socials svg path {
    fill: #feda00
}

div#footer .socials svg circle {
    stroke: var(--color__default)
}

html[data-subdomain=wowfood] div#footer .socials svg circle {
    stroke: #feda00
}

.payments__icon {
    display: -ms-flexbox;
    display: flex;
    padding-left: .1rem;
    padding-right: .1rem;
    margin-bottom: .1rem
}

#chat-24-widget-container {
    display: none
}

html[data-page=dashboard] #chat-24-widget-container,
html[data-page=index] #chat-24-widget-container {
    z-index: 30 !important;
    display: block
}

html[data-page=dashboard] .chat-24-popup.live_chat,
html[data-page=index] .chat-24-popup.live_chat {
    font-family: Museo Sans Cyrl, Helvetica, Arial, sans-serif !important;
    font-weight: 300 !important
}

html[data-page=dashboard] .chat-24-popup.live_chat #head_lch,
html[data-page=index] .chat-24-popup.live_chat #head_lch {
    background-color: var(--color__default) !important;
    box-shadow: none !important
}

html[data-page=dashboard] .chat-24-popup.live_chat #live-chat-input,
html[data-page=index] .chat-24-popup.live_chat #live-chat-input {
    background-color: var(--color__default) !important;
    height: 100px !important
}

html[data-page=dashboard] .chat-24-popup.live_chat #head_lch .title_lch,
html[data-page=index] .chat-24-popup.live_chat #head_lch .title_lch {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4
}

html[data-page=dashboard] .chat-24-popup.live_chat #head_lch .sub_title_lch,
html[data-page=index] .chat-24-popup.live_chat #head_lch .sub_title_lch {
    font-size: 14px;
    line-height: 1.29
}

html[data-page=dashboard] .chat-24-popup.live_chat.desktop_lch,
html[data-page=index] .chat-24-popup.live_chat.desktop_lch {
    width: 380px !important;
    height: 516px !important;
    border-radius: 4px !important;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .2) !important
}

html[data-page=dashboard] .chat-24-popup.live_chat.desktop_lch #body_lch,
html[data-page=index] .chat-24-popup.live_chat.desktop_lch #body_lch {
    height: 356px !important
}

html[data-page=dashboard] .chat-24-popup.live_chat #live-chat-input .copy_lch,
html[data-page=index] .chat-24-popup.live_chat #live-chat-input .copy_lch {
    display: none
}

html[data-page=dashboard] .chat-24-popup.live_chat #live-chat-input textarea,
html[data-page=index] .chat-24-popup.live_chat #live-chat-input textarea {
    width: 280px !important;
    height: .6rem !important;
    border: 0 solid #000 !important;
    padding: 10px 13px !important;
    box-sizing: border-box !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.38 !important;
    color: #1b1b1b !important;
    font-family: inherit !important
}

html[data-page=dashboard] .chat-24-popup.live_chat #live-chat-input #send-btn-lch,
html[data-page=index] .chat-24-popup.live_chat #live-chat-input #send-btn-lch {
    width: .6rem !important;
    height: .6rem !important;
    margin-top: 10px !important;
    background-image: url(/static/icons/chat-send.svg) !important;
    background-position: 50% !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    transform: none !important
}

html[data-page=dashboard] .chat-24-popup.live_chat .chat-24-popup-close,
html[data-page=index] .chat-24-popup.live_chat .chat-24-popup-close {
    width: 16px !important;
    height: 16px !important;
    transform: none !important;
    top: 12px !important;
    right: 12px !important;
    background-image: url(/static/icons/cross-white.svg) !important;
    background-position: 50% !important;
    background-repeat: no-repeat !important;
    background-size: contain !important
}

html[data-page=dashboard] .chat-24-popup.live_chat #body_lch #widget-message-area .one-message_lch .client_lch,
html[data-page=index] .chat-24-popup.live_chat #body_lch #widget-message-area .one-message_lch .client_lch {
    border-radius: 6px !important;
    background-color: #f5f4f5 !important;
    color: #1b1b1b !important
}

html[data-page=dashboard] .chat-24-popup.live_chat #body_lch #widget-message-area .one-message_lch .auto_answer_lch,
html[data-page=dashboard] .chat-24-popup.live_chat #body_lch #widget-message-area .one-message_lch .operator_lch,
html[data-page=index] .chat-24-popup.live_chat #body_lch #widget-message-area .one-message_lch .auto_answer_lch,
html[data-page=index] .chat-24-popup.live_chat #body_lch #widget-message-area .one-message_lch .operator_lch {
    border-radius: 6px !important;
    background-color: #e6f7ec !important;
    color: #1b1b1b !important
}

html[data-page=dashboard] .chat-24-popup.live_chat #body_lch #widget-message-area .one-message_lch .client_lch .name_lch,
html[data-page=index] .chat-24-popup.live_chat #body_lch #widget-message-area .one-message_lch .client_lch .name_lch {
    text-align: right !important
}

html[data-page=dashboard] .chat-24-popup.live_chat #body_lch #widget-message-area .one-message_lch .auto_answer_lch .name_lch,
html[data-page=dashboard] .chat-24-popup.live_chat #body_lch #widget-message-area .one-message_lch .client_lch .name_lch,
html[data-page=dashboard] .chat-24-popup.live_chat #body_lch #widget-message-area .one-message_lch .operator_lch .name_lch,
html[data-page=index] .chat-24-popup.live_chat #body_lch #widget-message-area .one-message_lch .auto_answer_lch .name_lch,
html[data-page=index] .chat-24-popup.live_chat #body_lch #widget-message-area .one-message_lch .client_lch .name_lch,
html[data-page=index] .chat-24-popup.live_chat #body_lch #widget-message-area .one-message_lch .operator_lch .name_lch {
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.38 !important;
    opacity: .8
}

html[data-page=dashboard] .chat-24-popup.live_chat #body_lch #widget-message-area .one-message_lch .auto_answer_lch .text_lch,
html[data-page=dashboard] .chat-24-popup.live_chat #body_lch #widget-message-area .one-message_lch .client_lch .text_lch,
html[data-page=dashboard] .chat-24-popup.live_chat #body_lch #widget-message-area .one-message_lch .operator_lch .text_lch,
html[data-page=index] .chat-24-popup.live_chat #body_lch #widget-message-area .one-message_lch .auto_answer_lch .text_lch,
html[data-page=index] .chat-24-popup.live_chat #body_lch #widget-message-area .one-message_lch .client_lch .text_lch,
html[data-page=index] .chat-24-popup.live_chat #body_lch #widget-message-area .one-message_lch .operator_lch .text_lch {
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.13 !important;
    font-family: inherit !important;
    margin-top: 3px
}

html[data-page=dashboard] #chat-24-widget-container #chat-24-desktop #chat-24-inner-container,
html[data-page=dashboard] #chat-24-widget-container #chat-24-mobile #chat-24-inner-container,
html[data-page=index] #chat-24-widget-container #chat-24-desktop #chat-24-inner-container,
html[data-page=index] #chat-24-widget-container #chat-24-mobile #chat-24-inner-container {
    padding: 0 !important;
    border-radius: 0 !important;
    background-color: transparent !important
}

html[data-page=dashboard] #chat-24-widget-container #chat-24-inner-container #chat-24-roll #chat-24-roll-icon #chat-24-icon-msg,
html[data-page=dashboard] #chat-24-widget-container #chat-24-title,
html[data-page=dashboard] .chat-24-icon-container .chat-24-icon-text,
html[data-page=index] #chat-24-widget-container #chat-24-inner-container #chat-24-roll #chat-24-roll-icon #chat-24-icon-msg,
html[data-page=index] #chat-24-widget-container #chat-24-title,
html[data-page=index] .chat-24-icon-container .chat-24-icon-text {
    display: none !important
}

html[data-page=dashboard] #chat-24-widget-container #chat-24-inner-container #chat-24-roll #chat-24-roll-icon,
html[data-page=index] #chat-24-widget-container #chat-24-inner-container #chat-24-roll #chat-24-roll-icon {
    width: .6rem !important;
    height: .6rem !important;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1) !important;
    background-image: url(/static/icons/chat.svg) !important;
    background-position: 50% !important;
    background-repeat: no-repeat !important;
    background-size: contain !important
}

html[data-page=dashboard] #chat-24-widget-container #chat-24-desktop #chat-24-inner-container:hover #chat-24-close,
html[data-page=index] #chat-24-widget-container #chat-24-desktop #chat-24-inner-container:hover #chat-24-close {
    display: none !important
}

html[data-page=dashboard] #chat-24-widget-container #chat-24-inner-container #chat-24-roll #chat-24-roll-icon:hover,
html[data-page=index] #chat-24-widget-container #chat-24-inner-container #chat-24-roll #chat-24-roll-icon:hover {
    transform: none !important
}

html[data-page=dashboard] #chat-24-widget-container #chat-24-desktop .chat-24-position-2 .chat-24-popup.desktop_lch,
html[data-page=index] #chat-24-widget-container #chat-24-desktop .chat-24-position-2 .chat-24-popup.desktop_lch {
    left: -400px !important
}

html[data-page=dashboard] #chat-24-widget-container #chat-24-popup-loader,
html[data-page=index] #chat-24-widget-container #chat-24-popup-loader {
    display: none !important
}

html[data-page=dashboard] #widget-message-area:empty:before,
html[data-page=index] #widget-message-area:empty:before {
    content: "\41D\430\43F\438\448\438\442\435   \43D\430\43C, \435\441\43B\438   \443   \412\430\441   \432\43E\437\43D\438\43A\43B\438   \43A\430\43A\438\435-\43B\438\431\43E   \432\43E\43F\440\43E\441\44B";
    font-weight: 500;
    text-align: center;
    display: block;
    font-size: 14px;
    width: 230px;
    margin: 50px auto 0
}

html[data-page=dashboard] #chat-24-widget-container #chat-24-desktop #chat-24-inner-container #chat-24-footer,
html[data-page=index] #chat-24-widget-container #chat-24-desktop #chat-24-inner-container #chat-24-footer {
    display: none !important
}

html[data-page=dashboard] .chat-24-popup.live_chat #body_lch #widget-message-area .one-message_lch .auto_answer_lch .text_lch a,
html[data-page=dashboard] .chat-24-popup.live_chat #body_lch #widget-message-area .one-message_lch .client_lch .text_lch a,
html[data-page=dashboard] .chat-24-popup.live_chat #body_lch #widget-message-area .one-message_lch .operator_lch .text_lch a,
html[data-page=index] .chat-24-popup.live_chat #body_lch #widget-message-area .one-message_lch .auto_answer_lch .text_lch a,
html[data-page=index] .chat-24-popup.live_chat #body_lch #widget-message-area .one-message_lch .client_lch .text_lch a,
html[data-page=index] .chat-24-popup.live_chat #body_lch #widget-message-area .one-message_lch .operator_lch .text_lch a {
    color: var(--color__default-darken) !important;
    text-decoration: underline !important
}

html[data-page=dashboard].smartphone .chat-24-popup.live_chat #body_lch,
html[data-page=index].smartphone .chat-24-popup.live_chat #body_lch {
    height: calc(100% - 160px) !important
}

html[data-page=dashboard].smartphone .chat-24-popup.live_chat #live-chat-input textarea,
html[data-page=index].smartphone .chat-24-popup.live_chat #live-chat-input textarea {
    width: calc(100% - 77px) !important;
    height: .48rem !important
}

html[data-page=dashboard].smartphone #chat-24-widget-container #chat-24-inner-container #chat-24-roll #chat-24-roll-icon,
html[data-page=dashboard].smartphone .chat-24-popup.live_chat #live-chat-input #send-btn-lch,
html[data-page=index].smartphone #chat-24-widget-container #chat-24-inner-container #chat-24-roll #chat-24-roll-icon,
html[data-page=index].smartphone .chat-24-popup.live_chat #live-chat-input #send-btn-lch {
    width: .48rem !important;
    height: .48rem !important
}

#vega-menu {
    background-color: #1b1b1b;
    color: #fff;
    padding: .6rem 0;
    font-size: .24rem
}

#vega-menu h2 {
    color: inherit;
    font-size: .36rem
}

#vega-menu h2:after {
    display: block;
    content: "";
    width: 1.2rem;
    height: .04rem;
    margin: .5rem auto;
    background: var(--color__default)
}

#vega-menu p {
    text-align: center
}

#vega-menu .full-content {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: .7rem
}

#vega-menu .full-content,
#vega-menu .full-content .photo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#vega-menu .full-content .photo {
    width: 50%;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: .5rem;
    position: relative
}

#vega-menu .full-content .photo>img {
    width: auto;
    width: 70%
}

#vega-menu .full-content .photo .vega-photo {
    margin-right: -1rem;
    z-index: 10;
    width: 35%;
    position: relative
}

#vega-menu .full-content .photo .vega-photo img {
    width: 100%
}

#vega-menu .full-content .star {
    position: absolute;
    background-image: url(/static/icons/star-ribbon.svg);
    background-size: contain;
    box-sizing: border-box;
    width: 1.7rem;
    height: 1.7rem;
    padding: .35rem .3rem;
    top: -1rem;
    left: -.5rem;
    font-size: .16rem;
    transform: rotate(-20deg)
}

#vega-menu .full-content .star .price {
    font-size: .42rem
}

#vega-menu .full-content .product {
    width: 50%;
    box-sizing: border-box;
    background-color: var(--color__default);
    height: 5.3rem;
    padding: .5rem 1.5rem;
    font-size: .32rem
}

#vega-menu .full-content .product * {
    text-align: left
}

#vega-menu .full-content .product-name {
    margin-bottom: 0
}

#vega-menu .full-content .product-name span {
    font-weight: 700
}

#vega-menu .full-content .product p {
    margin: 0
}

#vega-menu .full-content .product ul {
    display: -ms-flexbox;
    display: flex;
    margin: .7rem 0 .5rem
}

#vega-menu .full-content .product ul li {
    display: -ms-flexbox;
    display: flex;
    width: 1rem;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-size: .3rem;
    font-weight: 500;
    position: relative
}

#vega-menu .full-content .product ul li:after {
    content: "";
    display: block;
    position: absolute;
    right: 1px;
    height: .5rem;
    width: 1px;
    background-color: #fff
}

#vega-menu .full-content .product ul li:first-of-type {
    width: .6rem;
    padding-right: .25rem
}

#vega-menu .full-content .product ul li:last-of-type {
    width: 1.3rem
}

#vega-menu .full-content .product ul li:last-of-type:after {
    display: none
}

#vega-menu .full-content .product ul li span {
    font-size: .2rem;
    font-weight: 100;
    text-align: center
}

#vega-menu .full-content .product .price-plan {
    font-size: .28rem
}

#vega-menu .full-content .product .price-plan .price {
    font-size: .36rem;
    font-weight: 700;
    width: 1rem
}

#vega-menu .full-content .product .price-plan .old-price {
    font-size: .2rem
}

#vega-menu .full-content .star {
    width: 1.2rem;
    height: 1.2rem;
    font-size: .11rem;
    bottom: -.2rem;
    top: auto;
    left: .2rem;
    padding: .25rem
}

#vega-menu .full-content .star .price {
    font-size: .26rem
}

#vega-menu .full-content .button {
    margin-top: .3rem;
    padding: .15rem 0;
    width: 2.4rem;
    font-size: .18rem;
    text-transform: inherit;
    height: .5rem
}

.vegan-modal {
    font-size: .18rem;
    padding: .6rem .5rem;
    text-align: center
}

.vegan-modal h4 {
    font-size: .24rem;
    color: #1b1b1b;
    line-height: .28rem
}

.vegan-modal h5 {
    font-size: .16rem;
    color: #9b9b9b;
    line-height: .22rem
}

.vegan-modal .oferta {
    font-size: .1rem;
    color: #9b9b9b;
    line-height: .11rem;
    width: 2.8rem;
    margin: 0 auto
}

.vegan-modal .input-container {
    font-size: inherit;
    margin: .2rem auto
}

.vegan-modal .input-container input {
    width: 2.8rem;
    line-height: 1;
    font-size: .13rem;
    background: hsla(0, 0%, 61%, .1);
    border-radius: 2px
}

.vegan-modal .input-container .button {
    font-size: .14rem;
    text-transform: inherit;
    margin: .2rem auto 0
}

.vegan-modal .payment-step h4,
.vegan-modal .payment-step h5 {
    margin: .1rem auto
}

.vegan-modal .payment-step .button {
    font-size: .14rem;
    margin: 0 auto
}

#gift-slider {
    margin-top: .6rem;
    margin-bottom: .6rem
}

.landing-page--ya-taxi #gift-slider {
    margin-top: .3rem;
    margin-bottom: .1rem
}

html.smartphone #gift-slider {
    margin-top: .3rem
}

.b-gift-slider .landing-width-container {
    position: relative
}

.b-gift-slider__title {
    margin-bottom: .1rem
}

.b-gift-slider__items {
    position: relative
}

.b-gift-slider__items .swiper-pagination {
    position: static;
    display: inline-block
}

.landing-page--ya-taxi .b-gift-slider__items .swiper-slide {
    margin-right: .1rem
}

.b-gift-slider__items .swiper-container {
    position: relative;
    width: 13.6em;
    margin-left: auto;
    margin-right: auto;
    padding: .2rem 1.2em .4rem
}

.landing-page--ya-taxi .b-gift-slider__items .swiper-container {
    width: 100%;
    padding-left: 1.63em;
    padding-right: 1.63em;
    padding-bottom: .62rem
}

.landing-page--ya-taxi .b-gift-slider__items .swiper-container:after,
.landing-page--ya-taxi .b-gift-slider__items .swiper-container:before {
    content: "";
    width: 1.4em;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0))
}

.landing-page--ya-taxi .b-gift-slider__items .swiper-container:after {
    left: unset;
    right: 0;
    background: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, 0))
}

html.smartphone.landing-page--ya-taxi .b-gift-slider__items .swiper-container:after,
html.smartphone.landing-page--ya-taxi .b-gift-slider__items .swiper-container:before {
    display: none
}

html.smartphone .b-gift-slider__items .swiper-container {
    width: 100%;
    padding: 0 .1rem;
    z-index: 21
}

html.smartphone .b-gift-slider__items .swiper-wrapper {
    padding-bottom: .5em
}

.b-gift-slider__items .swiper-button-disabled {
    opacity: .6
}

.b-gift-slider__items-prev {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 20;
    transform: translateY(-50%);
    outline: none;
    cursor: pointer
}

.landing-page--ya-taxi .b-gift-slider__items-prev {
    top: unset;
    bottom: 0;
    left: 2.14rem;
    width: .26rem;
    height: .26rem
}

.landing-page--ya-taxi .b-gift-slider__items-prev svg {
    width: 100%;
    height: 100%
}

html.smartphone.landing-page--ya-taxi .b-gift-slider__items-prev {
    display: none
}

html.smartphone .b-gift-slider__items-prev {
    bottom: -.15rem;
    top: unset;
    left: unset;
    right: .85em
}

html.smartphone .b-gift-slider__items-prev svg {
    width: .35rem;
    height: .35rem
}

.b-gift-slider__items-next {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 20;
    transform: translateY(-50%);
    outline: none;
    cursor: pointer
}

.landing-page--ya-taxi .b-gift-slider__items-next {
    top: unset;
    bottom: 0;
    right: 2.14rem;
    width: .26rem;
    height: .26rem
}

.landing-page--ya-taxi .b-gift-slider__items-next svg {
    width: 100%;
    height: 100%
}

html.smartphone.landing-page--ya-taxi .b-gift-slider__items-next {
    display: none
}

html.smartphone .b-gift-slider__items-next {
    bottom: -.15rem;
    right: .2em;
    top: unset
}

html.smartphone .b-gift-slider__items-next svg {
    width: .35rem;
    height: .35rem
}

.b-gift-slider__items-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 0;
    left: 0;
    z-index: 10;
    bottom: .04rem
}

.landing-page--ya-taxi .b-gift-slider__items-footer {
    z-index: 0;
    bottom: .18rem
}

html.smartphone.landing-page--ya-taxi .b-gift-slider__items-footer {
    -ms-flex-pack: center;
    justify-content: center
}

html.smartphone .b-gift-slider__items-footer {
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: .2rem;
    bottom: .1rem
}

.b-gift-slider__items-points {
    display: inline-block;
    text-align: center;
    margin-right: .16rem;
    white-space: nowrap
}

html.smartphone .b-gift-slider__items-points {
    display: none
}

.landing-page--ya-taxi .b-gift-slider__items-points {
    margin-right: .24rem
}

html.smartphone.landing-page--ya-taxi .b-gift-slider__items-points {
    display: block
}

.b-gift-slider__items-points .swiper-pagination-bullet {
    width: .12rem;
    height: .12rem;
    margin-right: .1rem;
    background-color: var(--color__default);
    opacity: .5
}

.landing-page--ya-taxi .b-gift-slider__items-points .swiper-pagination-bullet {
    margin-right: .16rem;
    background-color: #302f2d
}

.b-gift-slider__items-points .swiper-pagination-bullet-active {
    opacity: 1
}

html.smartphone.landing-page--ya-taxi .swiper-slide {
    width: 3.2rem
}

.b-gift-slider__item {
    position: relative;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .21);
    border-radius: .05rem;
    height: 4.78rem;
    overflow: hidden
}

html.smartphone .b-gift-slider__item {
    height: 4.1rem
}

.landing-page--ya-taxi .b-gift-slider__item {
    border-radius: .4rem
}

html.smartphone.landing-page--ya-taxi .b-gift-slider__item {
    border-radius: .2rem;
    height: 4.2rem
}

@media (hover),
(min--moz-device-pixel-ratio:0),
(min-width:0\0) {
    .b-gift-slider__item:hover img {
        transform: scale(1.02)
    }
}

.b-gift-slider__item img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform .2s ease-in-out
}

.b-gift-slider__items-count {
    display: inline-block;
    font-size: .14rem;
    line-height: 1.29;
    font-weight: 700;
    color: #9b9b9b
}

.b-gift-slider__item-button {
    position: absolute;
    bottom: .55rem;
    right: 50%;
    transform: translateX(50%)
}

html.smartphone .b-gift-slider__item-button {
    bottom: .22rem;
    right: 50%;
    transform: translateX(50%)
}

.b-gift-slider__item-button .button {
    width: 3.2rem;
    height: .5rem;
    font-size: .16rem;
    font-weight: 900
}

html.smartphone .b-gift-slider__item-button .button {
    text-transform: none;
    width: 1.62rem;
    height: .3rem;
    font-size: .14rem;
    font-weight: 700
}

div#subscribe {
    padding: .2rem 0 .6rem;
    margin-bottom: -1px;
    position: relative
}

div#subscribe>div#loading-layer {
    position: absolute
}

div#subscribe:before {
    position: absolute;
    z-index: -1;
    bottom: 0;
    display: block;
    content: "";
    background-color: #f5f4f5;
    width: 100%;
    height: 6.9rem;
    -webkit-clip-path: polygon(0 20%, 100% 70%, 100% 100%, 0 100%);
    clip-path: polygon(0 20%, 100% 70%, 100% 100%, 0 100%)
}

div#subscribe div.landing-width-container {
    width: 11.4em
}

div#subscribe div.landing-width-container .subscribe-header h2 {
    font-size: .36rem;
    font-weight: 700;
    max-width: 8rem;
    margin: 0 auto
}

div#subscribe div.landing-width-container .subscribe-header h3 {
    font-weight: 500;
    text-align: center;
    max-width: 9.73rem;
    margin: .24rem auto .95rem;
    font-size: .24rem;
    line-height: .32rem
}

div#subscribe div.landing-width-container .subscribe-header img {
    margin-right: -1.2rem;
    margin-top: -.37rem;
    width: 5.5rem;
    height: auto
}

div#subscribe div.landing-width-container .button-how-work-subscribe {
    margin: .6rem auto 0;
    font-weight: 700;
    width: 3.6rem;
    height: .76rem;
    font-size: .18rem
}

div#subscribe div.landing-width-container .button-how-work-subscribe .c-icon {
    margin-right: .2rem;
    width: 1.38889em;
    height: 1.44444em
}

div#subscribe div.landing-width-container .button-how-work-subscribe:focus,
div#subscribe div.landing-width-container .button-how-work-subscribe:hover {
    background-color: var(--color__default);
    color: var(--color__white)
}

div#targets-menu {
    background-color: #f5f4f5;
    padding-top: .39em;
    padding-bottom: .27em
}

div#targets-menu>div.targets {
    width: 3em;
    margin: .35em auto 0
}

div#targets-menu>div.targets>div {
    width: 100%;
    height: 1.65em;
    border-radius: .1em;
    box-shadow: 0 2px .08em 0 rgba(0, 0, 0, .3);
    background-color: #fff;
    position: relative;
    padding-top: .15em;
    padding-left: .1em;
    background-size: 1.2em;
    background-position: 100% 100%;
    background-repeat: no-repeat
}

div#targets-menu>div.targets>div>div.title {
    font-size: .2em;
    font-weight: 700;
    line-height: .9;
    color: #1b1b1b
}

div#targets-menu>div.targets>div>div.subtitle {
    font-size: .14em;
    font-weight: 500;
    line-height: 1.14;
    color: var(--color__default-darken);
    margin-top: .5em
}

div#targets-menu>div.targets>div>div.price {
    font-size: .12em;
    line-height: 1.67;
    color: #4f4f4f;
    margin-top: .41667em
}

div#targets-menu>div.targets>div>a.button {
    position: absolute;
    left: .71429em;
    bottom: 1.07143em;
    text-transform: none;
    font-size: .14em;
    font-weight: 700;
    line-height: 1.14;
    width: 8.92857em;
    height: 2em;
    border-radius: .42857em;
    margin-top: 1.85714em
}

div#targets-menu>div.targets>div>svg.arrow {
    position: absolute;
    width: .09em;
    height: .15em;
    top: .15em;
    right: .12em
}

div#targets-menu>div.targets>div:not(:last-child) {
    margin-bottom: .1em
}

div#packs-examples {
    padding-top: .19em;
    padding-bottom: .2em
}

div#packs-examples div.menu-items-v20 {
    margin-top: .31em
}

div#packs-examples div.menu-items-v20 div.swiper-slide {
    width: 1.44em;
    padding-left: .2em;
    padding-right: .05em
}

div#packs-examples div.menu-items-v20 div.swiper-slide:last-child {
    padding-right: .2em
}

div#packs-examples div.menu-items-v20 div.swiper-slide div.like-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .13em
}

div#packs-examples div.menu-items-v20 div.swiper-slide div.like-info>div.number {
    font-size: .14em;
    font-weight: 500;
    line-height: 1.57;
    color: #1b1b1b
}

div#packs-examples div.menu-items-v20 div.swiper-slide div.like-info>svg {
    width: .15em;
    height: .13em;
    margin-left: .07em;
    color: #f7001d
}

div#packs-examples div.menu-items-v20 div.swiper-slide div.dish-v20 div.photo {
    height: 1em;
    border-radius: .16em
}

div#packs-examples div.menu-items-v20 div.swiper-slide div.dish-v20 div.photo div.title {
    display: none
}

div#packs-examples div.menu-items-v20 div.swiper-slide div.dish-v20 div.info {
    margin-top: .18em
}

div#packs-examples div.menu-items-v20 div.swiper-slide div.dish-v20 div.info div.title {
    font-size: .12em;
    font-weight: 500;
    line-height: 1.33;
    color: #505050
}

div#packs-examples div.line1 {
    font-size: .28em;
    font-weight: 700;
    line-height: .79;
    text-align: center;
    color: var(--color__default-darken);
    margin-top: 1.25em
}

div#packs-examples div.line2 {
    font-size: .18em;
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
    color: #343434;
    margin-top: .61111em
}

div#packs-examples .button {
    font-size: .16em;
    font-weight: 700;
    width: 15.625em;
    height: 2.8125em;
    border-radius: .375em;
    margin: 1.4375em auto 0;
    text-transform: none
}

div#try-constructor {
    padding-top: .3em;
    padding-bottom: .35em
}

div#try-constructor h2 {
    width: 10em;
    margin: 0 auto
}

div#try-constructor h3 {
    font-size: .14em;
    font-weight: 500;
    line-height: 1.29;
    text-align: center;
    color: #505050;
    margin: 1.28571em auto 0;
    width: 15em
}

div#try-constructor div.mockup {
    width: 2.6em;
    margin-left: .14em;
    margin-top: -.08em
}

div#try-constructor div.mockup img {
    width: 100%
}

div#try-constructor .button {
    font-size: .16em;
    font-weight: 700;
    width: 16.25em;
    height: 2.8125em;
    border-radius: .375em;
    margin: 1.25em auto 0;
    text-transform: none
}

div#main-form {
    padding-bottom: .23em;
    padding-top: .35em
}

div#main-form.compact-main-form,
html.smartphone div#main-form.compact-main-form {
    padding-top: 0
}

div#main-form.compact-main-form .flex-cont {
    margin-top: 0
}

html.smartphone div#main-form {
    padding-top: .50em;
    padding-bottom: .33em
}

html.smartphone div#main-form div.price-total {
    color: #757575;
    font-size: .16em;
    font-weight: 500;
    text-align: center
}

div#main-form h2 {
    width: 13em;
    margin: 0 auto
}

html.smartphone div#main-form.main-form--easy-flow {
    padding-top: .02rem
}

html.smartphone div#main-form.main-form--easy-flow h2 {
    font-size: .2rem
}

html.smartphone div#main-form.main-form--easy-flow .flex-cont {
    margin-top: .1em
}

div#main-form h3 {
    font-size: .18em;
    font-weight: 500;
    line-height: 1.29;
    text-align: center;
    color: #505050;
    margin: 1.28571em auto 0
}

div#main-form h3.for-targets {
    font-size: .24em;
    color: #727272;
    margin-bottom: .6em;
    margin-top: .8em
}

div#main-form div.flex-cont {
    margin-top: .2em
}

div#main-form div.flex-cont.targets-mode {
    margin-top: .1em
}

div#main-form div.free-days {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .18em
}

div#main-form div.free-days>img {
    width: .32em;
    height: auto;
    margin-right: .11em
}

div#main-form div.free-days>span {
    font-size: .2em;
    font-weight: 500;
    line-height: 1.1;
    margin-top: .3em;
    color: #424242
}

div#main-form div.helping-icons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: .22em
}

div#main-form div.helping-icons>div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

div#main-form div.helping-icons>div>div.text {
    font-size: .14em;
    font-weight: 500;
    line-height: 1.13;
    text-align: center
}

div#main-form div.helping-icons>div>svg,
div#main-form div.helping-icons>div img {
    width: .3em;
    height: .3em;
    margin-bottom: .06em
}

div#main-form div.helping-icons>div:not(:last-child) {
    margin-right: .27em
}

div#main-form div.helping-icons.line-through>div:after {
    content: "";
    display: block;
    position: absolute;
    width: .45em;
    height: 2px;
    transform: rotate(-30deg);
    transform-origin: 50% 50%;
    background-color: #f7001d;
    background-color: var(--lineThroughColor);
    left: 50%;
    margin-left: -.225em;
    top: .14em
}

div#main-form .landing-basket .landing-basket__delivery {
    font-size: .14rem;
    font-weight: 500;
    line-height: 1.29;
    text-align: center;
    color: #3d3d3d;
    margin-top: .06rem
}

.form-block__gift {
    padding-left: .48rem;
    padding-right: .48rem;
    margin-top: .16rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

html.smartphone .form-block__gift:not(.without-bg) {
    width: 2.2rem;
    min-height: .56rem;
    margin-left: auto;
    margin-right: auto;
    padding: .12rem .24rem .14rem;
    background-image: url(/static/images/gift-mobile-rectangle.034a57b.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.b-form-gift {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center
}

.b-form-gift__icon {
    color: #ef2119;
    margin-right: .12rem
}

.b-form-gift__icon .c-icon {
    width: .33rem;
    height: .28rem
}

html.smartphone .b-form-gift__icon .c-icon {
    display: inline-block;
    max-width: 100%;
    height: auto;
    width: auto;
    vertical-align: middle
}

html.smartphone .form-block__gift:not(.without-bg) .b-form-gift__icon {
    margin-right: .12rem;
    width: .17rem
}

html.smartphone .form-block__gift:not(.without-bg) .b-form-gift__icon img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    vertical-align: middle
}

.b-form-gift__body {
    -ms-flex: 1;
    flex: 1;
    font-size: .14rem;
    font-weight: 500;
    line-height: 1.14;
    color: #181717
}

div#menu-plans-v2 {
    padding-top: .25em;
    padding-bottom: .4em;
    position: relative
}

div#menu-plans-v2.compact-menu-plans {
    padding-top: 0;
    padding-bottom: 0
}

html.smartphone div#menu-plans-v2.compact-menu-plans {
    padding-top: .38rem;
    padding-bottom: 0
}

html.smartphone div#menu-plans-v2 {
    padding-bottom: .17em;
	padding-top: .50em;
}

div#menu-plans-v2 h2 {
    width: 14em;
    margin: 0 auto
}

div#menu-plans-v2 div.menu-two-days {
    padding-top: 0
}

div#menu-plans-v2 div.menu-two-days h3 {
    margin-top: 0
}

div#menu-plans-v2 a.button {
    font-size: .18em;
    text-transform: none;
    margin: 0 auto;
    width: 14.44444em;
    height: 2.5em;
    margin-top: 1em
}

html:not(.smartphone) div#menu-plans-v2 .grey-layer {
    position: absolute;
    z-index: 5;
    height: 3.68em;
    background-color: #f5f4f5;
    left: 0;
    top: 0;
    width: 100%
}

html.smartphone div#menu-plans-v2 .grey-layer {
    position: absolute;
    z-index: 5;
    height: 2.9em;
    background-color: #f5f4f5;
    left: 0;
    top: 0;
    width: 100%
}

div#menu-plans-v2>div.landing-width-container {
    position: relative
}

div#menu-plans-v2 div.landing-tabber.menu-types-for-target {
    margin-top: .1em;
    margin-bottom: .2em;
    text-align: center
}

div#menu-plans-v2 div.landing-tabber.menu-types-for-target .tabber-container:after {
    content: "";
    position: absolute;
    display: block;
    margin: -.02em auto 0;
    height: .02em;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-color: #d5d5d5
}

div#menu-plans-v2 div.landing-tabber.menu-types-for-target div.tab .subtitle,
div#menu-plans-v2 div.landing-tabber.menu-types-for-target div.tab .title {
    transition-delay: 0s;
    transition-duration: .2s
}

div#menu-plans-v2 div.landing-tabber.menu-types-for-target div.tab .subtitle {
    line-height: 1.07;
    width: 7em;
    margin: .3em auto 0;
    font-size: .12em
}

div#menu-plans-v2 div.landing-tabber.menu-types-for-target div.tab .hline {
    width: 1.2em;
    width: 100%;
    height: .04em;
    transition-delay: 0s;
    transition-duration: .3s
}

div#menu-plans-v2 div.landing-tabber.menu-types-for-target div.tab .mark.new {
    font-size: .11em;
    line-height: 1.09;
    font-weight: 700;
    padding: .27273em .36364em;
    color: #fff;
    border-radius: .90909em;
    background-color: #c02040;
    background-color: var(--marksColor);
    top: -1.2em;
    bottom: auto
}

div#menu-plans-v2 div.landing-tabber.menu-types-for-target div.tab .mark.gift {
    width: .2em;
    height: .2em;
    background-color: #fff;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: .1em;
    right: calc(50% - .3em)
}

div#menu-plans-v2 div.landing-tabber.menu-types-for-target div.tab .mark.gift svg {
    color: #c02040;
    color: var(--marksColor);
    width: .28em;
    height: .24em;
    font-size: .5em
}

div#menu-plans-v2 div.landing-tabber.menu-types-for-target div.tab .mark.percent {
    font-size: .14em;
    width: 1.42857em;
    height: 1.42857em;
    background-color: #fff;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: .71429em;
    right: calc(50% - 2.143em);
    color: #c02040;
    color: var(--marksColor);
    font-weight: 900
}

div#menu-plans-v2 div.landing-tabber.menu-types-for-target div.tab .mark.vcp-icon {
    width: .2em;
    position: absolute;
    top: .1em;
    right: calc(50% - .3em)
}

div#menu-plans-v2 div.landing-tabber.menu-types-for-target div.tab .mark.vcp-icon img {
    width: 100%;
    height: auto
}

div#menu-plans-v2 div.landing-tabber.menu-types-for-target div.tab.active .hline,
div#menu-plans-v2 div.landing-tabber.menu-types-for-target div.tab.active .subtitle,
div#menu-plans-v2 div.landing-tabber.menu-types-for-target div.tab.active .title {
    transition-delay: .2s
}

div#menu-plans-v2 div.landing-tabber.menu-types-for-target[data-tabs-count="3"] {
    padding-left: .1em;
    padding-right: .1em
}

div#menu-plans-v2 div.landing-tabber.menu-types-for-target[data-tabs-count="3"]:after {
    width: 3em
}

div#menu-plans-v2 div.menu-types-flex.menu-types-for-target {
    margin-top: .02em
}

div#menu-plans-v2 div.menu-types-flex.menu-types-for-target>div {
    border-radius: 0;
    width: 1.59em;
    border-bottom: .03em solid #e3e3e3
}

div#menu-plans-v2 div.menu-types-flex.menu-types-for-target>div.active {
    border-bottom: .05em solid var(--color__default)
}

div.menu-types-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

div.menu-types-flex--loading {
    pointer-events: none
}

html.smartphone div.menu-types-flex .runner {
    display: none
}

div.menu-types-flex>div:not(.runner) {
    width: .59em;
    position: relative
}

div.menu-types-flex>div:not(.runner) .item {
    position: relative
}

div.menu-types-flex>div:not(.runner) .item.active .icon {
    color: var(--color__default)
}

div.menu-types-flex>div:not(.runner) .item.active svg.icon circle {
    fill: var(--color__default);
    stroke: var(--color__default)
}

div.menu-types-flex>div:not(.runner) .item.active svg.icon path,
div.menu-types-flex>div:not(.runner) .item.active svg.icon text {
    fill: #fff
}

div.menu-types-flex>div:not(.runner) .item.active.item--bf_pack path,
div.menu-types-flex>div:not(.runner) .item.active.item--bf_pack text {
    fill: var(--color__default) !important
}

div.menu-types-flex>div:not(.runner) .item.active div.title {
    font-weight: 700;
    color: var(--color__default)
}

div.menu-types-flex>div:not(.runner).inactive-with-common-slide {
    opacity: .7
}

div.menu-types-flex>div:not(.runner) .icon {
    width: .31em;
    height: .31em;
    margin-left: auto;
    margin-right: auto;
    color: #8d8d8d
}

div.menu-types-flex>div:not(.runner) .icon svg.icon {
    width: .31em;
    height: .31em;
    margin: 0 auto;
    display: block
}

div.menu-types-flex>div:not(.runner) .icon svg.icon circle {
    stroke: #8d8d8d;
    fill: transparent
}

div.menu-types-flex>div:not(.runner) .icon svg.icon path,
div.menu-types-flex>div:not(.runner) .icon svg.icon text {
    fill: #8d8d8d
}

div.menu-types-flex>div:not(.runner) div.new {
    position: absolute;
    display: inline-block;
    z-index: 2;
    font-size: .11em;
    line-height: 1.09;
    font-weight: 700;
    padding: .27273em .36364em;
    color: #fff;
    border-radius: .90909em;
    background-color: #c02040;
    background-color: var(--marksColor);
    top: -.4em;
    right: calc(50% - 3.2em)
}

div.menu-types-flex>div:not(.runner) div.gift {
    width: .2em;
    height: .2em;
    background-color: #fff;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: .1em;
    right: calc(50% - .3em)
}

div.menu-types-flex>div:not(.runner) div.gift svg {
    color: #c02040;
    color: var(--marksColor);
    width: .28em;
    height: .24em;
    font-size: .5em
}

div.menu-types-flex>div:not(.runner) div.percent {
    font-size: .14em;
    width: 1.42857em;
    height: 1.42857em;
    background-color: #fff;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: .71429em;
    right: calc(50% - 2.143em);
    color: #c02040;
    color: var(--marksColor);
    font-weight: 900
}

div.menu-types-flex>div:not(.runner) div.vcp-icon {
    width: .2em;
    position: absolute;
    top: .1em;
    right: calc(50% - .3em)
}

div.menu-types-flex>div:not(.runner) div.vcp-icon img {
    width: 100%;
    height: auto
}

div.menu-types-flex>div:not(.runner) div.title {
    font-size: .12em;
    font-weight: 500;
    color: #8d8d8d;
    margin-top: .25em;
    text-align: center
}

div.menu-types-flex>div:not(.runner) div.subtitle {
    display: none
}

div.menu-types-flex>div:not(.runner).active .icon {
    color: var(--color__default)
}

div.menu-types-flex>div:not(.runner).active svg.icon circle {
    fill: var(--color__default);
    stroke: var(--color__default)
}

div.menu-types-flex>div:not(.runner).active svg.icon path,
div.menu-types-flex>div:not(.runner).active svg.icon text {
    fill: #fff
}

div.menu-types-flex>div:not(.runner).active.item--bf_pack path,
div.menu-types-flex>div:not(.runner).active.item--bf_pack text {
    fill: var(--color__default) !important
}

div.menu-types-flex>div:not(.runner).active div.title {
    font-weight: 700;
    color: var(--color__default)
}

div#plans-switcher-v2 {
    padding-top: .19em;
    box-shadow: 0 .04em .03em -.03em rgba(0, 0, 0, .37);
    padding-bottom: .15em;
    margin-bottom: .15em;
    position: relative
}

div#plans-switcher-v2.single-target {
    box-shadow: none
}

div#plans-switcher-v2.single-target .triangle {
    display: none
}

div#plans-switcher-v2.plans-switcher--targets {
    box-shadow: none
}

div#plans-switcher-v2.plans-switcher--targets .triangle {
    display: none
}

div#plans-switcher-v2.plans-switcher--targets:after {
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: .02rem;
    background-color: #e5e5e5
}

div#plans-switcher-v2>div.landing-tabber div.tab {
    padding: 0 .1em
}

div#plans-switcher-v2>div.landing-tabber div.tab div.title {
    font-size: .22em;
    font-weight: 700;
    color: #c2c2c2
}

div#plans-switcher-v2>div.landing-tabber div.tab div.subtitle {
    color: #c2c2c2;
    white-space: nowrap
}

div#plans-switcher-v2>div.landing-tabber div.tab div.hline {
    display: none
}

div#plans-switcher-v2>div.landing-tabber div.tab.active div.subtitle,
div#plans-switcher-v2>div.landing-tabber div.tab.active div.title {
    color: var(--color__default)
}

div#plans-switcher-v2 .triangle {
    position: absolute;
    top: calc(100% - 1px);
    left: 50%;
    width: .36em;
    margin-left: -.18em;
    height: .24em;
    color: #fff
}

div#plans-switcher-v2.just-anchor {
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important
}

html.smartphone div#menu-plans-v2 div#plans-switcher-v2 {
    box-shadow: 0 1px .13em 0 rgba(0, 0, 0, .37);
    padding-bottom: .19em
}

html.smartphone div#menu-plans-v2 div#plans-switcher-v2 div.menu-types-flex.has-swiper .swiper-slide,
html.smartphone div#menu-plans-v2 div#plans-switcher-v2 div.menu-types-flex:not(.has-swiper) {
    padding-top: .1em;
    padding-bottom: .12em
}

html.smartphone div#menu-plans-v2 div#plans-switcher-v2.plans-switcher--targets {
    margin-top: 0;
    padding-top: .1em;
    box-shadow: none;
    padding-bottom: 0;
    text-align: center
}

html.smartphone div#menu-plans-v2 div#plans-switcher-v2.plans-switcher--targets:after {
    content: none
}

html.smartphone div#menu-plans-v2 div#plans-switcher-v2.plans-switcher--targets div.menu-types-flex {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

html.smartphone div#menu-plans-v2 div#plans-switcher-v2.plans-switcher--targets div.menu-types-flex:after {
    content: "";
    position: absolute;
    display: inline-block;
    left: 0;
    right: 0;
    bottom: 0;
    height: .02em;
    background-color: #c1c1c1;
    display: none
}

html.smartphone div#menu-plans-v2 div#plans-switcher-v2.plans-switcher--targets div.menu-types-flex>div:not(.runner) {
    padding-left: .05em;
    padding-right: .05em;
    width: auto;
    position: relative
}

html.smartphone div#menu-plans-v2 div#plans-switcher-v2.plans-switcher--targets div.menu-types-flex>div:not(.runner):after {
    content: "";
    position: absolute;
    display: inline-block;
    left: 0;
    right: 0;
    bottom: 0;
    height: .03em;
    background-color: var(--color__default);
    transition: background-color .3s ease-in-out;
    opacity: 0;
    z-index: 2
}

html.smartphone div#menu-plans-v2 div#plans-switcher-v2.plans-switcher--targets div.menu-types-flex>div:not(.runner) div.title {
    font-size: .16em;
    margin-top: .3125em
}

html.smartphone div#menu-plans-v2 div#plans-switcher-v2.plans-switcher--targets div.menu-types-flex>div:not(.runner) div.subtitle {
    display: block;
    text-align: center;
    font-size: .12em;
    color: #a4a4a4;
    line-height: 1.17;
    margin-left: auto;
    margin-right: auto;
    width: 5.7em
}

html.smartphone div#menu-plans-v2 div#plans-switcher-v2.plans-switcher--targets div.menu-types-flex>div div.active .icon {
    color: var(--color__default)
}

html.smartphone div#menu-plans-v2 div#plans-switcher-v2.plans-switcher--targets div.menu-types-flex>div div.active svg.icon circle {
    fill: var(--color__default);
    stroke: var(--color__default)
}

html.smartphone div#menu-plans-v2 div#plans-switcher-v2.plans-switcher--targets div.menu-types-flex>div div.active svg.icon path {
    fill: #fff
}

html.smartphone div#menu-plans-v2 div#plans-switcher-v2.plans-switcher--targets div.menu-types-flex>div div.active div.title {
    font-weight: 700;
    color: var(--color__default)
}

html.smartphone div#menu-plans-v2 div#plans-switcher-v2.plans-switcher--targets div.menu-types-flex>div div.active div.subtitle {
    color: #00b923
}

html.smartphone div#menu-plans-v2 div#plans-switcher-v2.plans-switcher--targets div.menu-types-flex>div div.active:after {
    transition: background-color .3s ease-in-out;
    opacity: 1
}

html.smartphone div#menu-plans-v2 div#plans-switcher-v2.single-target {
    padding-top: .1em;
    box-shadow: none;
    padding-bottom: 0
}

html.smartphone div#menu-plans-v2 div#plans-switcher-v2.single-target[data-plans-count="2"] {
    padding-left: .5em;
    padding-right: .5em
}

html.smartphone div#menu-plans-v2 div#plans-switcher-v2.single-target div.menu-types-flex>div:not(.runner) {
    padding-left: 0;
    padding-right: 0;
    width: auto;
    -ms-flex: 1;
    flex: 1
}

html.smartphone div#menu-plans-v2 div#plans-switcher-v2.single-target div.menu-types-flex>div:not(.runner) div.title {
    font-size: .16em;
    margin-top: .3125em
}

html.smartphone div#menu-plans-v2 div#plans-switcher-v2.single-target div.menu-types-flex>div:not(.runner) div.subtitle {
    display: block;
    text-align: center;
    font-size: .12em;
    color: #a4a4a4;
    line-height: 1.17
}

html.smartphone div#menu-plans-v2 div#plans-switcher-v2 .triangle {
    margin-left: -.18em;
    font-size: .7em
}

html.smartphone div#menu-plans-v2 div#plans-switcher-v2.mobile-without-swiper {
    box-shadow: none;
    padding-bottom: 0
}

html.smartphone div#menu-plans-v2 div#plans-switcher-v2.mobile-without-swiper .triangle {
    display: none
}

html.smartphone div#menu-plans-v2 div#plans-switcher-v2.mobile-without-swiper .menu-types-flex>div {
    width: .8em
}

html.smartphone div#menu-plans-v2 div.menu-types-flex>div div.gift {
    width: .18em;
    height: .18em;
    top: -.07em;
    right: calc(50% - .25em)
}

html.smartphone div#menu-plans-v2 div.menu-types-flex>div div.percent {
    font-size: .12em;
    width: 1.5em;
    height: 1.5em;
    top: -.58333em;
    right: calc(50% - 2.08em)
}

html.smartphone div#menu-plans-v2 div.menu-types-flex>div div.vcp-icon {
    width: .18em;
    height: auto;
    top: -.07em;
    right: calc(50% - .25em)
}

html.smartphone .select-menu-plans-prev {
    display: block;
    position: absolute;
    left: .05rem;
    top: 50%;
    z-index: 5;
    width: .25rem;
    height: .25rem;
    background-color: #f5f5f5;
    outline: none;
    transform: translateY(-50%);
    box-shadow: 0 0 .04em -.01em rgba(0, 0, 0, .5);
    border-radius: 50%
}

html.smartphone .select-menu-plans-prev.swiper-button-disabled {
    display: none
}

html.smartphone .select-menu-plans-prev svg {
    width: .25rem;
    height: .25rem
}

html.smartphone .select-menu-plans-prev svg circle {
    fill: transparent
}

html.smartphone .select-menu-plans-prev svg path {
    fill: #747474
}

html.smartphone .select-menu-plans-next {
    display: block;
    position: absolute;
    right: .05rem;
    top: 50%;
    z-index: 5;
    width: .25rem;
    height: .25rem;
    background-color: #f5f5f5;
    outline: none;
    transform: translateY(-50%);
    box-shadow: 0 0 .04em -.01em rgba(0, 0, 0, .5);
    border-radius: 50%
}

html.smartphone .select-menu-plans-next.swiper-button-disabled {
    display: none
}

html.smartphone .select-menu-plans-next svg {
    width: .25rem;
    height: .25rem
}

html.smartphone .select-menu-plans-next svg circle {
    fill: transparent
}

html.smartphone .select-menu-plans-next svg path {
    fill: #747474
}

#how-fit-works {
    background-color: #f8f8f8;
    padding: .41em 0 .45em
}

#how-fit-works .how-list {
    display: -ms-flexbox;
    display: flex;
    margin-top: .4em;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: end;
    align-items: flex-end
}

#how-fit-works .how-list>.item {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end
}

#how-fit-works .how-list>.item,
#how-fit-works .how-list>.item div.icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

#how-fit-works .how-list>.item div.icon {
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--color__default);
    width: .55em;
    height: .55em;
    border-radius: 50%
}

#how-fit-works .how-list>.item div.icon svg {
    color: #fff
}

#how-fit-works .how-list>.item:first-child svg {
    width: .39em;
    height: .33em
}

#how-fit-works .how-list>.item:nth-child(2) svg {
    width: .33em;
    height: .3em
}

#how-fit-works .how-list>.item:nth-child(3) svg {
    width: .35em;
    height: .25em
}

#how-fit-works .how-list>.item:nth-child(4) svg {
    width: .26em;
    height: .35em
}

#how-fit-works .how-list>.item div.desc {
    font-size: .16em;
    font-weight: 500;
    text-align: center;
    line-height: 1.38;
    color: #616161;
    margin-top: 1.0625em
}

.b-subscribe-gift {
    color: #fff;
    padding-top: .81em;
    padding-bottom: .91em
}

html.smartphone .b-subscribe-gift {
    padding-top: .41em;
    padding-bottom: .35em
}

.b-subscribe-gift>.landing-width-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.b-subscribe-gift__title {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .46em;
    font-weight: 700;
    text-align: center;
    margin-bottom: 1.65217em
}

html.smartphone .b-subscribe-gift__title {
    font-size: .26em;
    line-height: 1.08;
    margin-bottom: .76923em
}

.b-subscribe-gift__left {
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%;
    padding-top: .3em
}

html.smartphone .b-subscribe-gift__left {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.b-subscribe-gift__profit {
    width: 5.1em;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    padding: .5em .4em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    position: relative;
    z-index: 3
}

html.smartphone .b-subscribe-gift__profit {
    width: 100%;
    padding: .2em .2em .25em;
    background-size: cover
}

.b-subscribe-gift__profit--green {
    margin-top: -.6em;
    margin-left: .54em;
    position: relative;
    z-index: 2
}

html.smartphone .b-subscribe-gift__profit--green {
    margin-top: -.2em;
    margin-left: 0
}

.b-subscribe-gift__profit--blue {
    margin-top: -.6em;
    margin-left: 1.2em;
    position: relative;
    z-index: 1
}

html.smartphone .b-subscribe-gift__profit--blue {
    margin-top: -.2em;
    margin-left: 0
}

.b-subscribe-gift__profit-title {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    font-size: .26em;
    line-height: 1.08;
    font-weight: 700;
    margin-bottom: .23077em;
    text-align: center;
    -ms-flex-pack: center;
    justify-content: center
}

html.smartphone .b-subscribe-gift__profit-title {
    font-size: .18em;
    line-height: 1.22;
    margin-bottom: .16667em
}

.b-subscribe-gift__profit-subtitle {
    display: -ms-flexbox;
    display: flex;
    font-size: .2em;
    line-height: 1.2;
    font-weight: 300;
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center
}

html.smartphone .b-subscribe-gift__profit-subtitle {
    font-size: .14em;
    line-height: 1.14
}

.b-subscribe-gift__right {
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
    text-align: center;
    padding-top: .15em
}

html.smartphone .b-subscribe-gift__right {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-top: .25em
}

.b-subscribe-gift__right .button {
    font-size: .18em;
    width: 17.77778em;
    font-weight: 900;
    height: 3.33333em;
    margin-right: auto;
    margin-left: auto
}

html.smartphone .b-subscribe-gift__right .button {
    text-transform: unset;
    width: 14.44444em;
    height: 2.77778em
}

.b-subscribe-gift__right .button-how-work-subscribe {
    color: #fff !important;
    margin-top: .5em;
    border-width: 0
}

.b-subscribe-gift__right .button-how-work-subscribe svg {
    width: 1.38889em;
    height: 1.44444em;
    margin-right: .6em;
    margin-bottom: .2em
}

.b-subscribe-gift__right-title {
    font-size: .3em;
    line-height: 1.07;
    font-weight: 500
}

html.smartphone .b-subscribe-gift__right-title {
    font-size: .24em;
    line-height: 1.33
}

.b-subscribe-gift__right-subtitle {
    font-size: .16em;
    color: hsla(0, 0%, 100%, .9);
    line-height: 1.38;
    margin-bottom: 1.0625em
}

html.smartphone .b-subscribe-gift__right-subtitle {
    font-size: .14em;
    line-height: 1.57
}

.b-subscribe-gift__right-sum {
    margin-bottom: .26em
}

.b-subscribe-gift__right-price {
    font-size: .4em;
    font-weight: 700
}

html.smartphone .b-subscribe-gift__right-price {
    font-size: .32em
}

.b-subscribe-gift__right-month {
    font-size: .4em;
    line-height: 1.38;
    color: hsla(0, 0%, 100%, .9);
    font-weight: 300
}

html.smartphone .b-subscribe-gift__right-month {
    font-size: .4375em;
    line-height: 1.57;
    display: block
}

html[data-page=index] div#subscribe-gift {
    background-image: url(/static/images/subscribe-gift.c189621.jpg);
    background-size: cover;
    background-position: 50%
}

html[data-page=index] .b-subscribe-gift__profit--purple {
    background-image: url(/static/images/purple.b56349a.png)
}

html[data-page=index] .b-subscribe-gift__profit--green {
    background-image: url(/static/images/green.416640f.png)
}

html[data-page=index] .b-subscribe-gift__profit--blue {
    background-image: url(/static/images/blue.fc25678.png)
}

html[data-page=index].smartphone[data-page=index] div#subscribe-gift {
    background-image: url(/static/images/subscribe-gift-mob.9ddec22.jpg)
}

div#target-plans {
    padding-top: .6em;
    background-color: #f5f4f5
}

div#target-plans .target-plans-next,
div#target-plans .target-plans-prev {
    display: none
}

div#target-plans div#targets-switcher {
    margin-bottom: .12em
}

div#target-plans div#targets-switcher div.target {
    width: 100%;
    height: 1.48em;
    border-radius: .1em;
    box-shadow: 0 2px .08em 0 rgba(0, 0, 0, .3);
    background-color: #fff;
    position: relative;
    padding-top: .13em;
    padding-left: .11em;
    background-size: 1em;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: contain
}

div#target-plans div#targets-switcher div.target>div.title {
    font-size: .2em;
    font-weight: 700;
    line-height: 1;
    color: #1b1b1b
}

div#target-plans div#targets-switcher div.target>div.subtitle {
    font-size: .14em;
    font-weight: 500;
    line-height: 1.07;
    color: var(--color__default);
    margin-top: .64286em
}

div#target-plans div#targets-switcher div.target>div.line3 {
    font-size: .12em;
    font-weight: 500;
    line-height: 1.33;
    color: #4f4f4f;
    margin-top: .41667em
}

div#target-plans div#targets-switcher div.target>div.line3 span {
    display: inline-block;
    border-radius: 1px;
    padding: .16667em .33333em 0;
    background-color: #f2f2f2;
    margin-left: .5em
}

div#target-plans div#targets-switcher div.target>div.price {
    font-size: .12em;
    line-height: 1.67;
    color: #4f4f4f;
    margin-top: .41667em
}

div#target-plans div#targets-switcher div.target>div.promo-mark {
    font-size: .1em;
    font-weight: 900;
    line-height: 1.2;
    color: #fff;
    background-color: #ff4b65;
    background-color: var(--markColor);
    padding: .5em 1em .3em;
    position: absolute;
    left: -.5em;
    bottom: 1.8em;
    text-transform: uppercase;
    border-top-right-radius: .2em;
    border-bottom-right-radius: .2em
}

div#target-plans div#targets-switcher div.target>div.promo-mark:before {
    display: block;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 .5em .5em 0;
    border-color: transparent #b1001a transparent transparent;
    border-color: transparent var(--markBackColor) transparent transparent;
    left: 0;
    top: calc(100% - 1px)
}

div#target-plans div#targets-switcher div.target.black {
    background-color: #000
}

div#target-plans div#targets-switcher div.target.black .title {
    color: #fff
}

div#target-plans div#targets-switcher div.target.black .subtitle {
    color: #ffde3f
}

div#target-plans div#targets-switcher div.target.black .line3 {
    color: #fff
}

div#target-plans div#targets-switcher div.target.black .line3 span {
    color: #fff;
    background-color: #525252
}

div#target-plans div#targets-switcher div.targets-desktop-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: .29em;
    -ms-flex-align: center;
    align-items: center
}

div#target-plans div#targets-switcher div.targets-desktop-flex--loading {
    pointer-events: none
}

div#target-plans div#targets-switcher div.targets-desktop-flex div.target {
    width: 3.4em;
    height: 1.65em;
    padding-right: 1.2rem;
    cursor: pointer;
    box-shadow: 0 1px .06em 0 rgba(0, 0, 0, .06)
}

div#target-plans div#targets-switcher div.targets-desktop-flex div.target>div.promo-mark {
    padding: .5em .7em .3em;
    left: auto;
    bottom: auto;
    right: .8em;
    top: -.7em;
    border-radius: .2em
}

div#target-plans div#targets-switcher div.targets-desktop-flex div.target>div.promo-mark:before {
    display: none
}

div#target-plans div#targets-switcher div.targets-desktop-flex div.target>div.pseudo-button {
    font-size: .14em;
    font-weight: 700;
    color: var(--color__default);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 9.28571em;
    height: 2.14286em;
    border-radius: .42857em;
    border: 2px solid var(--color__default);
    margin-top: 1.64286em;
    transition: background-color .3s ease, color .3s ease
}

div#target-plans div#targets-switcher div.targets-desktop-flex div.target:not(:last-child) {
    margin-right: .3em
}

div#target-plans div#targets-switcher div.targets-desktop-flex div.target:hover:not(.active) {
    box-shadow: 0 2px .1em 0 rgba(0, 0, 0, .3)
}

div#target-plans div#targets-switcher div.targets-desktop-flex div.target:hover:not(.active)>div.pseudo-button {
    background-color: var(--color__default);
    color: #fff
}

div#target-plans div#targets-switcher div.targets-desktop-flex div.target.active {
    width: 3.5em;
    height: 1.85em;
    padding-left: .19em;
    padding-top: .2em;
    margin-top: -.07em;
    margin-left: -.08em
}

html:not(.smartphone) div#target-plans div#targets-switcher div.targets-desktop-flex div.target.active {
    box-shadow: 0 2px .1em 0 rgba(0, 0, 0, .3)
}

div#target-plans div#targets-switcher div.targets-desktop-flex div.target.active>div.pseudo-button {
    background-color: var(--color__default);
    color: #fff;
    margin-top: 2.28571em
}

div#target-plans div#targets-switcher div.targets-desktop-flex div.target.active>div.pseudo-button>svg {
    width: 1.14286em;
    height: 1.14286em;
    margin-right: .42857em
}

div#target-plans div#targets-switcher div.targets-desktop-flex div.target.black .pseudo-button {
    border-color: #f1c40f;
    color: #f3c40f
}

div#target-plans div#targets-switcher div.targets-desktop-flex div.target.black.active .pseudo-button,
div#target-plans div#targets-switcher div.targets-desktop-flex div.target.black:hover:not(.active) .pseudo-button {
    background-color: #f1c40f;
    border-color: #f1c40f;
    color: #000
}

div#target-plans div#targets-switcher div.targets-swiper-container .swiper-container {
    padding-top: .25em;
    padding-bottom: .12em
}

div#target-plans div#targets-switcher div.targets-swiper-container .swiper-container .swiper-wrapper {
    padding-bottom: 0
}

div#target-plans div#targets-switcher div.targets-swiper-container .swiper-container .swiper-slide {
    width: 2.6em
}

div#target-plans div#targets-switcher div.targets-swiper-container .swiper-container .swiper-slide:not(:last-child) {
    margin-right: .1em
}

div#target-plans div#targets-switcher div.titles {
    margin-top: .32em
}

div#target-plans div#targets-switcher div.titles h2,
div#target-plans div#targets-switcher div.titles h3 {
    font-size: .14em;
    font-weight: 500;
    line-height: 1.14;
    text-align: center;
    color: #a4a4a4
}

div#target-plans div.shadow-separator {
    box-shadow: 0 .03em .04em 0 rgba(0, 0, 0, .19);
    position: relative;
    height: .09em
}

div#target-plans div.shadow-separator .triangle {
    display: block;
    position: absolute;
    top: calc(100% - 1px);
    left: 50%;
    width: .36em;
    margin-left: -.18em;
    height: .24em;
    color: #fff
}

#what-is-new-v1 {
    padding-top: 1.28em;
    background-color: #fff;
    background-image: url(/static/images/girl.7920ab9.png);
    background-size: 4.29em;
    background-position: calc(50% - 3.7em) bottom;
    background-repeat: no-repeat;
    padding-bottom: .79em
}

#what-is-new-v1 h3 {
    font-size: .22em;
    font-weight: 500;
    line-height: 1.18;
    color: #181717;
    margin-top: 1.36364em;
    text-align: center
}

#what-is-new-v1 .counters1 {
    border: 2px solid #00b923;
    margin-top: .62em;
    margin-left: auto;
    margin-right: .16em;
    display: table;
    padding: .32em 0 .27em;
    position: relative;
    width: 6.2em
}

#what-is-new-v1 .counters1>.title {
    position: absolute;
    top: -.59091em;
    width: 10.45455em;
    left: 50%;
    margin-left: -5.22727em;
    font-size: .22em;
    font-weight: 500;
    line-height: 1.18;
    text-align: center;
    color: #181717;
    background-color: #fff
}

#what-is-new-v1 .counters1 .counters {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: center;
    align-items: center
}

#what-is-new-v1 .counters1 .counters>div .title {
    font-size: .2em;
    font-weight: 700;
    text-align: center;
    color: #00b923
}

#what-is-new-v1 .counters1 .counters>div .title span {
    font-size: 1.3em
}

#what-is-new-v1 .counters1 .counters>div .subtitle {
    font-size: .18em;
    font-weight: 500;
    line-height: 1.11;
    text-align: center;
    color: #616161
}

#what-is-new-v1 .counters2 {
    margin-top: .49em;
    margin-left: auto;
    margin-right: 0;
    display: table
}

#what-is-new-v1 .counters2 .title {
    font-size: .22em;
    font-weight: 500;
    line-height: 1.18;
    text-align: center;
    color: #181717
}

#what-is-new-v1 .counters2 .hor-line {
    width: 6.4em;
    margin: .12em auto 0;
    height: 2px;
    background-color: #c4c4c4
}

#what-is-new-v1 .counters2 .counters {
    -ms-flex-pack: center;
    justify-content: center
}

#what-is-new-v1 .counters2 .counters,
#what-is-new-v1 .counters2 .counters>div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

#what-is-new-v1 .counters2 .counters>div {
    position: relative;
    padding-top: .24em
}

#what-is-new-v1 .counters2 .counters>div .icon {
    width: .4em;
    margin-right: .1em
}

#what-is-new-v1 .counters2 .counters>div .icon>svg {
    width: 100%;
    height: auto
}

#what-is-new-v1 .counters2 .counters>div .txt {
    font-size: .18em;
    font-weight: 500;
    line-height: 1.11;
    color: #616161
}

#what-is-new-v1 .counters2 .counters>div .txt svg {
    width: 1em;
    height: .5em
}

#what-is-new-v1 .counters2 .counters>div:not(:last-child) {
    margin-right: .24em
}

#what-is-new-v1 .counters2 .counters>div:before {
    content: "";
    display: block;
    width: 2px;
    height: .2em;
    background-color: #c4c4c4;
    position: absolute;
    left: .2em;
    top: 0
}

#what-is-new-v1 .button {
    margin-right: 8.33333em;
    margin-left: auto;
    margin-top: 2.22222em;
    font-size: .18em;
    font-weight: 900;
    width: 17.77778em;
    height: 2.77778em;
    border-radius: .33333em
}

#what-is-new {
    padding-top: 1.28em;
    background-color: #fff;
    background-image: url(/static/images/girl.7920ab9.png);
    background-size: 3.03em;
    background-position: calc(50% - 1.37em - 1.51em) bottom;
    background-repeat: no-repeat;
    padding-bottom: .36em
}

#what-is-new div.cont {
    display: table;
    margin: .56em 1.2em 0 auto
}

#what-is-new div.cont h3 {
    font-size: .22em;
    font-weight: 500;
    line-height: 1.18;
    color: #616161;
    text-align: center
}

#what-is-new div.cont .total-amount {
    font-size: .3em;
    font-weight: 700;
    line-height: 1.13;
    text-align: center;
    color: #00b923;
    margin-top: .9em
}

#what-is-new div.cont .total-amount-subtitle {
    font-size: .22em;
    font-weight: 500;
    line-height: 1.18;
    text-align: center;
    color: #616161;
    margin-top: .04545em
}

#what-is-new div.cont .hor-line {
    width: .8em;
    height: .02em;
    min-height: 2px;
    background-color: var(--color__green);
    margin: .18em auto 0
}

#what-is-new div.cont .counters-title {
    font-size: .18em;
    font-weight: 500;
    line-height: 1.33;
    text-align: center;
    color: #616161;
    margin-top: 1.55556em
}

#what-is-new div.cont .counters-title.big {
    color: #1b1b1b;
    font-weight: 700;
    font-size: .24em
}

#what-is-new div.cont .counters {
    margin-top: .18em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start
}

#what-is-new div.cont .counters>div .number {
    font-size: .26em;
    font-weight: 700;
    text-align: center;
    color: #484848
}

#what-is-new div.cont .counters>div .number svg {
    width: 1.46em;
    color: #515151;
    height: 1.2em
}

#what-is-new div.cont .counters>div .txt {
    font-size: .18em;
    font-weight: 500;
    line-height: 1.11;
    text-align: center;
    color: #616161;
    margin-top: .27778em;
    max-width: 8em
}

#what-is-new div.cont .counters>div:not(:last-child) {
    margin-right: .485em
}

#what-is-new div.cont .button {
    width: 17.77778em;
    margin: 3.33333em auto 0
}

#motivator {
    padding: .6em 0 .5em;
    background-size: cover;
    background-position: 50%
}

#motivator div.content-container {
    width: 8.36em;
    border-radius: .06em;
    box-shadow: 0 .07em .15em 0 rgba(0, 0, 0, .16);
    background-color: #fff;
    padding: .4em 0 .29em;
    margin: .5em auto 0;
    position: relative
}

#motivator div.content-container .items-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#motivator div.content-container .items-flex>div {
    width: 2.8em;
    padding-left: .17em;
    position: relative;
    margin-bottom: .45em
}

#motivator div.content-container .items-flex>div .title {
    font-size: .24em;
    padding: .04167em .41667em;
    font-weight: 700;
    line-height: 1.25;
    color: #00b923
}

#motivator div.content-container .items-flex>div .subtitle {
    font-size: .16em;
    font-weight: 300;
    line-height: 1.25;
    color: #1b1b1b;
    margin-top: .875em
}

#motivator div.content-container .items-flex>div:before {
    content: "";
    display: block;
    position: absolute;
    width: 2px;
    height: .28em;
    background-color: #d4d4d4;
    left: 0;
    top: 0
}

#motivator div.content-container .items-flex>div:not(:last-child):nth-child(odd) {
    margin-right: .7em
}

#motivator div.content-container .items-flex>div:last-child,
#motivator div.content-container .items-flex>div:nth-last-child(2):nth-child(odd) {
    margin-bottom: 0
}

#motivator div.content-container .button {
    margin: 2.5em auto 0
}

#motivator div.content-container img.person {
    position: absolute;
    bottom: -.5em;
    left: -2.2em;
    width: 3em
}

#motivator div.content-container img.packs {
    position: absolute;
    top: -.5em;
    right: -2em;
    width: 3em
}

html[data-page=index][data-subdomain=subscription]:not([data-promotion]) div#promo {
    font-size: 6.25vw;
    background-image: url(/static/images/bg.56980f0.jpg);
    background-size: cover;
    background-position: 50%;
    height: 6.3em;
    padding-top: 1.2em;
    box-sizing: border-box
}

html[data-page=index][data-subdomain=subscription]:not([data-promotion]) div#promo>div.cont {
    margin-right: 3.7em;
    margin-left: auto;
    display: table;
    text-align: center
}

html[data-page=index][data-subdomain=subscription]:not([data-promotion]) div#promo>div.cont>div.line1 {
    color: #fff;
    font-size: .72em;
    font-weight: 900
}

html[data-page=index][data-subdomain=subscription]:not([data-promotion]) div#promo>div.cont>div.line2 {
    color: #fff;
    font-size: .32em;
    font-weight: 500;
    margin-top: .4em
}

html[data-page=index][data-subdomain=subscription]:not([data-promotion]) div#promo>div.cont>a.button.main {
    font-size: .24em;
    border-width: 0;
    margin-left: auto;
    margin-right: 0;
    background-color: var(--color__default);
    color: #fff;
    width: 12.08333em;
    width: auto;
    height: 2.91667em;
    border-radius: .33333em;
    margin-top: 1.66667em;
    font-weight: 700
}

html[data-page=index][data-subdomain=subscription]:not([data-promotion]) div#promo>div.cont>a.button.sec {
    font-size: .22em;
    border-width: 0;
    margin-left: auto;
    margin-right: 0;
    color: #fff;
    width: 13.18182em;
    width: auto;
    height: 3.18182em;
    margin-top: .68182em;
    font-weight: 700
}

html[data-page=index][data-subdomain=subscription]:not([data-promotion]).smartphone div#promo {
    font-size: 1em;
    height: 4.5em;
    padding-top: .9em;
    background-image: url(/static/images/bg_mob.f5b7ffa.jpg)
}

html[data-page=index][data-subdomain=subscription]:not([data-promotion]).smartphone div#promo>div.cont {
    font-size: .6em;
    margin: 0 auto
}

html[data-page=index][data-subdomain=subscription]:not([data-promotion]).smartphone div#promo>div.cont>a.button.main,
html[data-page=index][data-subdomain=subscription]:not([data-promotion]).smartphone div#promo>div.cont>a.button.sec {
    margin-left: auto;
    margin-right: auto
}

html[data-page=dashboard] div#subscribe div.subscription-description,
html[data-page=index] div#subscribe div.subscription-description {
    margin-top: .65em;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start
}

html[data-page=dashboard] div#subscribe div.subscription-description ul.pretty-list,
html[data-page=index] div#subscribe div.subscription-description ul.pretty-list {
    width: 5.2rem;
    column-count: auto;
    column-gap: normal
}

html[data-page=dashboard] div#subscribe div.subscription-description ul.pretty-list li,
html[data-page=index] div#subscribe div.subscription-description ul.pretty-list li {
    font-size: .18rem;
    height: auto;
    -ms-flex-align: center;
    align-items: center
}

html[data-page=dashboard] div#subscribe div.subscription-description ul.pretty-list li:not(:last-child),
html[data-page=index] div#subscribe div.subscription-description ul.pretty-list li:not(:last-child) {
    margin-bottom: .17rem
}

html[data-page=dashboard] div#subscribe div.subscription-description .subscribe-disclaimer,
html[data-page=index] div#subscribe div.subscription-description .subscribe-disclaimer {
    width: 5.2rem;
    -ms-flex-align: start;
    align-items: flex-start;
    font-weight: 500
}

html[data-page=dashboard] div#subscribe div.subscription-description .subscribe-disclaimer>img,
html[data-page=index] div#subscribe div.subscription-description .subscribe-disclaimer>img {
    width: .3rem;
    height: .3rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

html[data-page=dashboard] div#subscribe div.subscription-description img.gym_card,
html[data-page=index] div#subscribe div.subscription-description img.gym_card {
    width: 4.3em;
    margin-left: 1em;
    height: auto;
    position: relative;
    top: -.8em
}

html[data-page=dashboard] div#subscribe div.button-how-work-subscribe,
html[data-page=index] div#subscribe div.button-how-work-subscribe {
    border-width: 0;
    margin-top: .3rem
}

html[data-page=dashboard].smartphone div#subscribe div.subscription-description,
html[data-page=index].smartphone div#subscribe div.subscription-description {
    margin-top: 0;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

html[data-page=dashboard].smartphone div#subscribe div.subscription-description ul.pretty-list,
html[data-page=index].smartphone div#subscribe div.subscription-description ul.pretty-list {
    width: 2.6rem;
    margin-left: auto;
    margin-right: auto
}

html[data-page=dashboard].smartphone div#subscribe div.subscription-description>h2,
html[data-page=index].smartphone div#subscribe div.subscription-description>h2 {
    text-align: center
}

html[data-page=dashboard].smartphone div#subscribe div.subscription-description .subscribe-disclaimer,
html[data-page=index].smartphone div#subscribe div.subscription-description .subscribe-disclaimer {
    width: 3rem;
    padding: .2rem .1rem
}

html[data-page=dashboard].smartphone div#subscribe div.subscription-description .subscribe-disclaimer>img,
html[data-page=index].smartphone div#subscribe div.subscription-description .subscribe-disclaimer>img {
    margin-right: .1rem
}

html[data-page=dashboard].smartphone div#subscribe div.subscription-description img.gym_card,
html[data-page=index].smartphone div#subscribe div.subscription-description img.gym_card {
    width: 2.3em;
    margin-left: auto;
    margin-right: auto;
    top: 0
}

html[data-page=dashboard].smartphone div#subscribe div.subscription-description ul.pretty-list li.icon.check-ok-filled:before,
html[data-page=index].smartphone div#subscribe div.subscription-description ul.pretty-list li.icon.check-ok-filled:before {
    width: .25rem;
    height: .25rem
}

html[data-page=dashboard].smartphone div#subscribe div#subscription-tariffs>h3,
html[data-page=index].smartphone div#subscribe div#subscription-tariffs>h3 {
    font-size: .16em;
    width: 3rem
}

html[data-page=dashboard].smartphone div#subscribe div.button-how-work-subscribe,
html[data-page=index].smartphone div#subscribe div.button-how-work-subscribe {
    border-width: 0
}

html[data-page=index] body div#promo div.banner.fitness-subscription {
    background-color: #000;
    font-size: 6.25vw;
    height: 6.34em;
    padding-top: 1.2em;
    -ms-flex-align: start;
    align-items: flex-start;
    background-image: url(/static/images/fitness_sub.ea9ad7f.jpg);
    background-size: cover;
    background-position: 50%
}

html[data-page=index] body div#promo div.banner.fitness-subscription div.boxes-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

html[data-page=index] body div#promo div.banner.fitness-subscription div.boxes-row>div.box1 {
    margin-right: 4em
}

html[data-page=index] body div#promo div.banner.fitness-subscription div.boxes-row>div.box1>div {
    display: table;
    margin-left: auto;
    margin-right: 0;
    text-align: right
}

html[data-page=index] body div#promo div.banner.fitness-subscription div.boxes-row>div.box1>div.row1 {
    font-size: .58em;
    font-weight: 900;
    color: #fff
}

html[data-page=index] body div#promo div.banner.fitness-subscription div.boxes-row>div.box1>div.row2 {
    font-size: .58em;
    font-weight: 900;
    color: #000;
    background-color: #f7c325;
    line-height: .7;
    padding-bottom: .35em;
    padding-left: .2em;
    padding-right: .1em;
    margin-bottom: .2em
}

html[data-page=index] body div#promo div.banner.fitness-subscription div.boxes-row>div.box1>div.row3 {
    font-size: .2em;
    font-weight: 700;
    color: #f7c325
}

html[data-page=index] body div#promo div.banner.fitness-subscription div.boxes-row>div.box2 {
    padding-top: .52em
}

html[data-page=index] body div#promo div.banner.fitness-subscription div.boxes-row>div.box2>div.row1 {
    font-size: .58em;
    font-weight: 900;
    color: #fff
}

html[data-page=index] body div#promo div.banner.fitness-subscription div.boxes-row>div.box2>div.row2 {
    display: table;
    font-size: .58em;
    font-weight: 900;
    color: #000;
    background-color: #f7c325;
    line-height: 1;
    padding-bottom: .05em;
    padding-left: .2em;
    padding-right: .1em;
    margin-bottom: .2em;
    margin-top: .1em
}

html[data-page=index] body div#promo div.banner.fitness-subscription div.boxes-row>div.box2>div.row3 {
    font-size: .2em;
    font-weight: 700;
    color: #f7c325
}

html[data-page=index] body div#promo div.banner.fitness-subscription div.boxes-row>div.box2>a.button {
    font-size: .25em;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    width: 12.68em;
    height: 3.08em;
    border-radius: .36em;
    margin-top: 2.8em;
    border-width: 0;
    background-color: #ef5747
}

#how-sub-works {
    padding-top: .6em;
    padding-bottom: .9em;
    box-sizing: border-box
}

#how-sub-works .how-list {
    display: -ms-flexbox;
    display: flex;
    margin-top: .4em;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

#how-sub-works .how-list>div.item {
    width: 3.5em
}

#how-sub-works .how-list>div.item>img {
    display: block;
    width: .65em;
    margin-left: auto;
    margin-right: auto
}

#how-sub-works .how-list>div.item>.desc {
    font-size: .18em;
    font-weight: 500;
    margin-top: 1.5em;
    text-align: center;
    color: #616161
}

div#sub-order-now {
    font-size: 6.25vw;
    height: 4.7em;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    background-size: cover;
    background-image: url(/static/images/order_now.4957cda.jpg);
    background-position: 50%
}

div#sub-order-now .order-wrap {
    position: relative;
    max-width: 100%;
    box-sizing: border-box
}

div#sub-order-now .order-wrap>.order-title {
    width: 11.11111em;
    color: #fff;
    margin: 0 auto;
    position: relative;
    font-size: .3rem;
    font-weight: 700
}

div#sub-order-now .order-wrap>.order-subtitle {
    color: #fff;
    position: relative;
    font-size: .22rem;
    text-align: center;
    font-weight: 500;
    margin-top: 1.25em
}

div#sub-order-now .order-wrap>.order-button {
    font-size: .15em;
    font-weight: 700;
    width: 18.66667em;
    height: 3.33333em;
    text-transform: none;
    border-radius: .26667em;
    overflow: visible;
    margin: 1.46667em auto;
    background-color: var(--color__default);
    color: #fff;
    text-transform: uppercase;
    border-width: 0
}

div#ta-strategy-promo {
    margin-bottom: .9em
}

div#ta-strategy-promo div.top-bg {
    height: 6em;
    background-size: cover;
    background-position: top;
    background-image: url(/static/images/main2.c8959e0.jpg);
    padding-top: 2.18em;
    box-sizing: border-box
}

div#ta-strategy-promo div.top-bg div.inner {
    display: table;
    margin: 0 auto;
    text-align: center
}

div#ta-strategy-promo div.top-bg div.inner h1 {
    font-size: .46em;
    font-weight: 700;
    line-height: 1.09;
    color: #fff;
    text-shadow: 0 1px .08em rgba(0, 0, 0, .22)
}

div#ta-strategy-promo div.top-bg div.inner div.price-line {
    font-size: .32em;
    color: #fff;
    margin-top: .6875em
}

div#ta-strategy-promo div.top-bg div.inner div.price-line>span.big {
    font-size: 1.1875em
}

div#ta-strategy-promo div.top-bg div.form-before-tariff-select {
    width: 7.2em;
    border-radius: .04em;
    background-color: #fff;
    box-shadow: 0 .02em .06em .02em rgba(0, 0, 0, .2);
    margin: 0 auto;
    padding: .3em .35em .4em;
    box-sizing: border-box;
    position: relative;
    top: 1.3em
}

div#ta-strategy-promo div.top-bg div.form-before-tariff-select div.line1 {
    font-size: .22em;
    font-weight: 700;
    color: #1b1b1b
}

div#ta-strategy-promo div.top-bg div.form-before-tariff-select div.line2 {
    font-size: .13em;
    font-weight: 500;
    line-height: 1.23;
    color: #1b1b1b;
    margin-top: .69231em
}

div#ta-strategy-promo div.top-bg div.form-before-tariff-select div.ta-strategy-input-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: .32em
}

div#ta-strategy-promo div.top-bg div.form-before-tariff-select div.ta-strategy-input-flex div.input-container {
    width: 3.2em
}

div#ta-strategy-promo div.top-bg div.form-before-tariff-select div.ta-strategy-input-flex div.input-container input {
    margin: 0;
    height: .5rem;
    border-radius: .04rem
}

div#ta-strategy-promo div.top-bg div.form-before-tariff-select div.ta-strategy-input-flex button {
    font-size: .18em;
    width: 17.77778em;
    height: 2.77778em;
    font-weight: 700;
    text-transform: none;
    overflow: visible
}

div#ta-strategy-promo div.top-bg div.form-before-tariff-select.for-authorized {
    text-align: center
}

div#ta-strategy-promo div.top-bg div.form-before-tariff-select.for-authorized div.ta-strategy-input-flex {
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:1920px) {
    div#ta-strategy-promo div.top-bg {
        height: 7.8em;
        padding-top: 2.58em
    }

    div#ta-strategy-promo div.top-bg div.form-before-tariff-select {
        top: 2.6em
    }
}

div#ta-strategy-tariffs {
    background-color: #1b1b1b;
    padding: .56em 0 1.02em
}

div#ta-strategy-tariffs h2 {
    color: #fff
}

div#ta-strategy-tariffs div.about-plans {
    font-size: .22em;
    font-weight: 500;
    line-height: 1.17;
    text-align: center;
    color: #fff;
    margin-top: 1.33333em
}

div#ta-strategy-tariffs div.tariffs-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -.115em;
    margin-top: .505em
}

div#ta-strategy-tariffs div.tariffs-flex>div {
    width: 2.9em;
    height: 3.8em;
    margin: .115em;
    padding: .48em .2em .2em;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    background-size: cover;
    background-position: 50%;
    transition: transform .3s ease
}

div#ta-strategy-tariffs div.tariffs-flex>div>div.icon {
    width: .8em;
    position: relative;
    border: 2px solid #fff;
    border-radius: 50%;
    background-color: #fff
}

div#ta-strategy-tariffs div.tariffs-flex>div>div.icon>svg {
    width: 100%;
    height: auto
}

div#ta-strategy-tariffs div.tariffs-flex>div h3 {
    position: relative;
    font-size: .26em;
    font-weight: 700;
    line-height: 1.08;
    color: #fff;
    margin-top: .92308em
}

div#ta-strategy-tariffs div.tariffs-flex>div div.kkal {
    position: relative;
    font-size: .26em;
    font-weight: 700;
    line-height: .85;
    color: #fff;
    margin-top: .42308em
}

div#ta-strategy-tariffs div.tariffs-flex>div div.desc {
    position: relative;
    font-size: .18em;
    font-weight: 500;
    line-height: 1.22;
    color: #fff;
    margin-top: .83333em;
    text-align: center
}

div#ta-strategy-tariffs div.tariffs-flex>div div.button {
    opacity: 0;
    transition: opacity .3s ease;
    position: relative;
    font-size: .18em;
    text-transform: none;
    width: 12.77778em;
    height: 2.77778em;
    margin-top: 1.5em
}

div#ta-strategy-tariffs div.tariffs-flex>div:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #1b1b1b;
    opacity: .7;
    transition: opacity .3s ease
}

div#ta-strategy-tariffs div.tariffs-flex>div:hover:before {
    opacity: .3
}

div#ta-strategy-tariffs div.tariffs-flex>div:hover div.button {
    opacity: 1
}

html:not(.touch) div#ta-strategy-tariffs div.tariffs-flex>div:hover {
    box-shadow: 0 .2rem .9rem -.05rem rgba(0, 0, 0, .3);
    transform: translateY(-.1rem)
}

div#ta-strategy-meals {
    background-color: #f6f6f6;
    padding: .57em 0 .5em
}

div#ta-strategy-meals div.about-examples {
    font-size: .22em;
    font-weight: 500;
    line-height: 1.17;
    text-align: center;
    margin-top: 1.33333em
}

div#ta-strategy-meals div.landing-width-container {
    width: 11.5em
}

div#ta-strategy-meals div.days-switcher {
    margin-top: .38em
}

div#ta-strategy-meals div.days-switcher,
div#ta-strategy-meals div.days-switcher>div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

div#ta-strategy-meals div.days-switcher>div {
    font-size: .14em;
    font-weight: 500;
    line-height: 1.07;
    color: #1b1b1b;
    width: 7.5em;
    height: 2.07143em;
    border-radius: .96429em;
    background-color: #fff;
    box-shadow: 0 .14286em .28571em 0 rgba(0, 0, 0, .06);
    cursor: pointer;
    margin: 0 1.07143em;
    -ms-flex-align: center;
    align-items: center;
    transition: transform .3s ease, box-shadow .3s ease
}

div#ta-strategy-meals div.days-switcher>div.active {
    color: #fff;
    font-weight: 700;
    background-color: var(--color__default)
}

div#ta-strategy-meals div.dishes-flex {
    margin-top: .44em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -.32em
}

div#ta-strategy-meals div.dishes-flex>div.dish {
    width: 3.6em;
    border-radius: .04em;
    background-color: #fff;
    box-shadow: 0 .02em .04em 0 rgba(0, 0, 0, .06);
    overflow: hidden;
    margin-bottom: .32em
}

div#ta-strategy-meals div.dishes-flex>div.dish>div.photo {
    height: 2.4em;
    background-size: cover;
    background-position: 50%
}

div#ta-strategy-meals div.dishes-flex>div.dish>div.photo>div.title {
    background-color: rgba(0, 0, 0, .4);
    font-size: .15em;
    font-weight: 500;
    padding: .33333em .93333em .4em 1.46667em;
    display: table;
    color: #fff
}

div#ta-strategy-meals div.dishes-flex>div.dish>div.info {
    padding: .12em .2em .14em
}

div#ta-strategy-meals div.dishes-flex>div.dish>div.info>div.title {
    font-size: .15em;
    font-weight: 500;
    line-height: 1.33;
    text-align: center;
    color: #1b1b1b;
    min-height: 2.4em
}

div#ta-strategy-meals div.dishes-flex>div.summary {
    width: 3.6em;
    border-radius: .04em;
    background-color: #fff;
    box-shadow: 0 .02em .04em 0 rgba(0, 0, 0, .06);
    overflow: hidden;
    margin-bottom: .32em;
    padding: .1em .18em;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

div#ta-strategy-meals div.dishes-flex>div.summary>div.title {
    font-size: .22em;
    font-weight: 700;
    text-align: center;
    color: #1b1b1b;
    margin-bottom: 1em
}

div#ta-strategy-meals div.dishes-flex>div.summary>div.stats-flex {
    font-size: 1.2em;
    margin-top: .1em
}

div#ta-strategy-meals div.dishes-flex>div.summary>div.text {
    font-size: .15em;
    font-weight: 500;
    line-height: 1.33;
    text-align: center;
    color: #1b1b1b;
    margin-top: 1em
}

div#ta-strategy-meals div.dishes-flex>div.summary>div.ta-strategy-input-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin-top: .35em
}

div#ta-strategy-meals div.dishes-flex>div.summary>div.ta-strategy-input-flex>div.input-container input {
    margin: 0;
    height: .5rem;
    border-radius: .04rem
}

div#ta-strategy-meals div.dishes-flex>div.summary>div.ta-strategy-input-flex>.button {
    font-size: .18em;
    font-weight: 700;
    width: 100%;
    margin-top: .55556em;
    height: 2.77778em;
    text-transform: none;
    border-radius: .22222em;
    overflow: visible
}

div#ta-strategy-meals div.dishes-flex>div.empty {
    width: 3.6em;
    visibility: hidden
}

div#ta-strategy-meals div.stats-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: .12em;
    font-size: 1.2em
}

div#ta-strategy-meals div.stats-flex>div {
    text-align: center;
    padding: 0 .1em
}

div#ta-strategy-meals div.stats-flex>div>div.amount {
    font-size: .16em;
    font-weight: 500;
    line-height: 1.5;
    color: #1b1b1b
}

div#ta-strategy-meals div.stats-flex>div>div.type {
    font-size: .1em;
    font-weight: 500;
    line-height: 1.1;
    color: #9b9b9b
}

div#ta-strategy-meals div.stats-flex.with-lines>div:not(:last-child) {
    position: relative
}

div#ta-strategy-meals div.stats-flex.with-lines>div:not(:last-child):after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    height: 80%;
    top: 10%;
    background-color: var(--color__default);
    width: 2px
}

html:not(.touch) div#ta-strategy-meals div.days-switcher>div:hover:not(.active) {
    box-shadow: 0 .02rem .06rem .02rem rgba(0, 0, 0, .1);
    transform: translateY(-.02rem)
}

div#fit21-promo {
    padding-bottom: .1em
}

div#fit21-promo>div.top-bg {
    height: 6.66em;
    box-sizing: border-box;
    padding-top: .91em;
    background-size: cover;
    background-position: 50%;
    background-image: url(/static/images/top.cae3861.jpg)
}

div#fit21-promo>div.top-bg>div.content {
    display: table;
    margin: 0 auto
}

div#fit21-promo>div.top-bg>div.content>svg.refresh-icon {
    width: .63em;
    height: .63em;
    display: block;
    margin: 0 auto
}

div#fit21-promo>div.top-bg>div.content>div.refresh-logo {
    width: 1.75em;
    height: 1.75em;
    background-color: #000;
    border: .06em solid #fff;
    border-radius: 50%;
    text-align: center;
    box-sizing: border-box;
    padding-top: .45em;
    margin: 0 auto;
    transform: rotate(-12deg)
}

div#fit21-promo>div.top-bg>div.content>div.refresh-logo>div.line1 {
    font-size: .48em;
    font-weight: 900;
    line-height: .46;
    color: #fff
}

div#fit21-promo>div.top-bg>div.content>div.refresh-logo>div.line2 {
    font-size: .16em;
    font-weight: 700;
    line-height: 1.38;
    color: #fff;
    text-transform: uppercase;
    margin-top: 1.4em
}

div#fit21-promo>div.top-bg>div.content>h2 {
    margin-top: .47917em;
    font-size: .48em;
    font-weight: 700;
    line-height: 1.15;
    text-align: center;
    color: #fff
}

div#fit21-promo>div.top-bg>div.content>h3 {
    margin-top: .58333em;
    font-size: .24em;
    font-weight: 500;
    text-align: center;
    color: #fff
}

div#fit21-promo>div.top-bg>div.content>a.button {
    font-size: .18em;
    line-height: 1.33;
    width: 17.77778em;
    height: 3.33333em;
    border-radius: .22222em;
    background-color: #f7001d;
    border: none;
    margin: 1.94444em auto 0
}

div#fit21-promo>div.top-bg>div.content>div.marks {
    margin-top: 10.2em;
    font-size: .1em;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    display: none
}

div#fit21-promo>div.fit21-new-banner {
    height: 6.67em;
    box-sizing: border-box;
    padding-top: 2.03em;
    background-size: cover;
    background-position: 50%;
    background-image: url(/static/images/bg.dd6f735.jpg)
}

div#fit21-promo>div.fit21-new-banner>h1 {
    font-size: .56em;
    font-weight: 700;
    line-height: 1.14;
    color: #fff;
    background-color: hsla(0, 2%, 9%, .85);
    -webkit-clip-path: polygon(3% 0, 100% 0, 97% 53%, 90% 53%, 87% 100%, 5% 100%, 7% 53%, 0 53%);
    clip-path: polygon(3% 0, 100% 0, 97% 53%, 90% 53%, 87% 100%, 5% 100%, 7% 53%, 0 53%);
    margin: 0 auto;
    text-align: center;
    display: table;
    padding: .3em 9.4%
}

div#fit21-promo>div.fit21-new-banner>a.button {
    font-size: .18em;
    font-weight: 900;
    color: #fff;
    width: 17.77778em;
    height: 3.33333em;
    border-radius: .33333em;
    margin: 2.83333em auto 0;
    border-width: 0
}

div#fit21-promo>div.calc-container {
    width: 8em;
    overflow: hidden;
    border-radius: .05em;
    box-shadow: 0 .07em .15em 0 rgba(0, 0, 0, .27);
    margin: 0 auto;
    position: relative;
    margin-top: -1em
}

div#gf-about {
    background-color: #f5f4f5
}

div#gf-about>div.landing-width-container {
    position: relative
}

div#gf-about>div.landing-width-container>h2 {
    text-align: left
}

div#gf-about>div.landing-width-container>div.line-after-h2 {
    margin-left: 0;
    margin-right: auto
}

div#gf-about>div.landing-width-container>h3 {
    margin-top: 1.16667em;
    font-size: .24em;
    font-weight: 500;
    line-height: 1.17
}

div#gf-about>div.landing-width-container>div.about-flex {
    width: 7.5em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -.45em;
    margin-top: .63em
}

div#gf-about>div.landing-width-container>div.about-flex>div {
    width: 3.75em;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .45em
}

div#gf-about>div.landing-width-container>div.about-flex>div>div.icon {
    width: .3em;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

div#gf-about>div.landing-width-container>div.about-flex>div>div.icon>svg {
    width: 100%;
    height: auto
}

div#gf-about>div.landing-width-container>div.about-flex>div>div.text {
    margin-left: .12em
}

div#gf-about>div.landing-width-container>div.about-flex>div>div.text>div.line1 {
    font-size: .2em;
    font-weight: 700;
    line-height: 1;
    color: #1b1b1b;
    padding-top: .3em
}

div#gf-about>div.landing-width-container>div.about-flex>div>div.text>div.line2 {
    margin-top: 1.13333em;
    font-size: .15em;
    font-weight: 500;
    line-height: 1.33;
    color: #1b1b1b
}

div#gf-about>div.landing-width-container>div.bag {
    position: absolute;
    bottom: -.3em;
    right: 0;
    width: 6em;
    z-index: 10
}

div#gf-about>div.landing-width-container>div.bag>img {
    width: 100%
}

div#gf-about>div.clipper {
    background-color: #fff;
    height: 2.1em;
    -webkit-clip-path: polygon(0 100%, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 100%, 100% 0, 100% 100%, 0 100%)
}

div#fit21-profits {
    background-image: url(/static/images/profits-bg.64b0e4a.jpg);
    background-position: 50%;
    background-size: cover;
    height: 8.96em;
    margin-top: -.7em;
    padding-top: 1.5em;
    box-sizing: border-box
}

div#fit21-profits>div.landing-width-container>div.content {
    margin-left: auto;
    margin-right: 0;
    display: table;
    width: 4.4em
}

div#fit21-profits>div.landing-width-container>div.content>h2 {
    text-align: left;
    color: #fff
}

div#fit21-profits>div.landing-width-container>div.content>div.line-after-h2 {
    margin-left: 0;
    margin-right: auto;
    background-color: #f3b6c1;
    margin-bottom: .46em
}

div#fit21-profits>div.landing-width-container>div.content>div.profit {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .4em
}

div#fit21-profits>div.landing-width-container>div.content>div.profit>div.icon {
    width: .3em;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

div#fit21-profits>div.landing-width-container>div.content>div.profit>div.icon>svg {
    width: 100%;
    height: auto
}

div#fit21-profits>div.landing-width-container>div.content>div.profit>div.text {
    margin-left: .21em
}

div#fit21-profits>div.landing-width-container>div.content>div.profit>div.text>div.line1 {
    font-size: .2em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    padding-top: .3em
}

div#fit21-profits>div.landing-width-container>div.content>div.profit>div.text>div.line2 {
    margin-top: 1.13333em;
    font-size: .15em;
    font-weight: 500;
    line-height: 1.33;
    color: #fff
}

div#fit21-calculator {
    position: relative;
    padding-top: .5em;
    margin-top: -.5em;
    padding-bottom: .34em
}

div#fit21-calculator>div.calc-container {
    margin: .5em auto 0;
    width: 8em;
    overflow: hidden;
    border-radius: .2em;
    box-shadow: 0 .02em .04em 0 rgba(0, 0, 0, .2);
    position: relative;
    z-index: 10
}

div#fit21-calculator>div.clipper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2.3em;
    background-color: #f5f4f5;
    -webkit-clip-path: polygon(0 0, 0 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 0 0, 100% 100%, 0 100%)
}

div#fit21-real-result {
    padding-top: .38em;
    padding-bottom: 0
}

div#fit21-real-result>div.landing-width-container {
    width: 10em;
    height: 4em;
    background-image: url(/static/images/real-result.ba893f6.jpg);
    background-size: cover;
    background-position: 50%;
    margin-top: .46em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 10
}

div#fit21-real-result>div.landing-width-container>div.refresh-logo {
    width: 1.75em;
    height: 1.75em;
    background-color: #000;
    border: .06em solid #fff;
    border-radius: 50%;
    text-align: center;
    box-sizing: border-box;
    padding-top: .45em;
    margin: 0 auto;
    transform: rotate(-12deg)
}

div#fit21-real-result>div.landing-width-container>div.refresh-logo>div.line1 {
    font-size: .48em;
    font-weight: 900;
    line-height: .46;
    color: #fff
}

div#fit21-real-result>div.landing-width-container>div.refresh-logo>div.line2 {
    font-size: .16em;
    font-weight: 700;
    line-height: 1.38;
    color: #fff;
    text-transform: uppercase;
    margin-top: 1.4em
}

div#fit21-real-result:after {
    display: block;
    content: "";
    background-color: #f6f6f6;
    height: 2.1em;
    -webkit-clip-path: polygon(0 100%, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 100%, 100% 0, 100% 100%, 0 100%);
    margin-top: -1.3em
}

div#fit21-fat-chick {
    background-color: #f8a6aa;
    padding-bottom: 1.32em;
    position: relative
}

div#fit21-fat-chick>img {
    width: 7.2em;
    position: absolute;
    right: 50%;
    bottom: 0
}

div#fit21-fat-chick>div.content-block {
    display: table;
    margin-left: 50%;
    margin-top: .65em
}

div#fit21-fat-chick>div.content-block>h2 {
    font-size: .48em;
    font-weight: 700;
    color: #fff;
    text-align: left
}

div#fit21-fat-chick>div.content-block>h3 {
    font-size: .24em;
    font-weight: 700;
    line-height: 1.33;
    color: #fff;
    margin-top: .83333em;
    text-align: left
}

div#fit21-fat-chick>div.content-block>a.button {
    text-transform: uppercase;
    margin-top: 1.88889em;
    font-size: .18em;
    font-weight: 700;
    line-height: 1.11;
    width: 17.77778em;
    height: 3.33333em;
    border-radius: .22222em
}

div#fit21-fat-chick:before {
    display: block;
    content: "";
    background-color: #f6f6f6;
    height: 2.1em;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%);
    position: relative;
    top: -1px
}

div#fit21-middle-cta {
    padding: .5em 0 .6em;
    background-size: cover;
    background-position: 50%;
    background-image: url(/static/images/middle.305a839.jpg)
}

div#fit21-middle-cta>div.cont {
    width: 8.69em;
    border-radius: .05em;
    box-shadow: 0 .07em .15em 0 rgba(0, 0, 0, .27);
    background-color: #fff;
    padding-bottom: .38em;
    margin: .33em auto 0
}

div#fit21-middle-cta>div.cont>div.kg6 {
    width: 1.2em;
    height: .8em;
    border-radius: .05em;
    box-shadow: 0 .04em .07em 0 rgba(0, 0, 0, .27);
    background-color: #f7001d;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    margin: 0 auto;
    top: -.16em
}

div#fit21-middle-cta>div.cont>div.kg6>div.line1 {
    font-size: .36em;
    font-weight: 700
}

div#fit21-middle-cta>div.cont>div.kg6>div.line2 {
    font-size: .16em;
    font-weight: 500
}

div#fit21-middle-cta>div.cont>div.columns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start
}

div#fit21-middle-cta>div.cont>div.columns>div.column1 {
    padding-top: .14em;
    width: 4.24em
}

div#fit21-middle-cta>div.cont>div.columns>div.column1>div.cont {
    width: 2.95em;
    margin-right: .7em;
    margin-left: auto
}

div#fit21-middle-cta>div.cont>div.columns>div.column1>div.cont ul>li {
    display: block
}

div#fit21-middle-cta>div.cont>div.columns>div.column1>div.cont ul>li>svg {
    width: .2em;
    height: .2em;
    display: inline-block;
    color: var(--color__default-darken);
    vertical-align: top
}

div#fit21-middle-cta>div.cont>div.columns>div.column1>div.cont ul>li>span {
    display: inline-block;
    font-size: .18em;
    font-weight: 500;
    line-height: 1.22;
    color: #1b1b1b;
    margin-left: .55556em;
    vertical-align: top
}

div#fit21-middle-cta>div.cont>div.columns>div.column1>div.cont ul>li:not(:last-child) {
    margin-bottom: .12em
}

div#fit21-middle-cta>div.cont>div.columns>div.column1>div.cont div.no-problems {
    margin-top: .3em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: end;
    align-items: flex-end
}

div#fit21-middle-cta>div.cont>div.columns>div.column1>div.cont div.no-problems>div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

div#fit21-middle-cta>div.cont>div.columns>div.column1>div.cont div.no-problems>div>div.text {
    font-size: .16em;
    font-weight: 500;
    line-height: 1.13;
    text-align: center;
    color: #1b1b1b
}

div#fit21-middle-cta>div.cont>div.columns>div.column1>div.cont div.no-problems>div:first-child>svg {
    width: .29em;
    height: .29em;
    margin-bottom: .07em
}

div#fit21-middle-cta>div.cont>div.columns>div.column1>div.cont div.no-problems>div:nth-child(2)>svg {
    width: .39em;
    height: .34em;
    padding-left: .1em;
    box-sizing: content-box;
    margin-bottom: .04em
}

div#fit21-middle-cta>div.cont>div.columns>div.column1>div.cont div.no-problems>div:nth-child(3)>svg {
    width: .3em;
    height: .3em;
    margin-bottom: .06em
}

div#fit21-middle-cta>div.cont>div.columns>div.column1>div.cont div.no-problems>div:after {
    content: "";
    display: block;
    position: absolute;
    width: .45em;
    height: 2px;
    transform: rotate(-30deg);
    transform-origin: 50% 50%;
    background-color: #f7001d;
    left: 50%;
    margin-left: -.225em;
    top: .14em
}

div#fit21-middle-cta>div.cont>div.columns>div.grline {
    width: 1px;
    height: 2.7em;
    margin-top: .11em;
    background-color: #9b9b9b
}

div#fit21-middle-cta>div.cont>div.columns>div.column2 {
    width: 4.24em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

div#fit21-middle-cta>div.cont>div.columns>div.column2>div.old-price {
    font-size: .16em;
    font-weight: 700;
    color: #1b1b1b;
    text-decoration: line-through
}

div#fit21-middle-cta>div.cont>div.columns>div.column2>div.new-price {
    font-size: .42em;
    font-weight: 700;
    color: #1b1b1b;
    margin-top: .02em
}

div#fit21-middle-cta>div.cont>div.columns>div.column2>div.day-price {
    font-size: .42em;
    font-weight: 700;
    color: #1b1b1b
}

div#fit21-middle-cta>div.cont>div.columns>div.column2>div.day-price .tilda {
    font-weight: 500
}

div#fit21-middle-cta>div.cont>div.columns>div.column2>div.day-price .small {
    font-size: .66667em;
    font-weight: 500
}

div#fit21-middle-cta>div.cont>div.columns>div.column2>div.total-price {
    font-size: .14em;
    font-weight: 500;
    color: #393939
}

div#fit21-middle-cta>div.cont>div.columns>div.column2>button.button {
    width: 14.44444em;
    font-size: .18em;
    border-width: 0;
    font-weight: 900;
    color: #fff;
    margin-top: 1.66667em;
    height: 2.77778em;
    border-radius: .33333em
}

div#fit21-middle-cta>div.cont>div.columns>div.column2>button.button.loading:before {
    border-color: #f7001d;
    border-left-color: #c7cfe2;
    border-top-color: #c7cfe2
}

div#fit21-middle-cta>div.cont>div.columns>div.column2>div.phone-container>h3,
div#fit21-middle-cta>div.cont>div.columns>div.column2>div.phone-container>p {
    display: none
}

div#fit21-middle-cta>div.cont>div.columns>div.column2>div.phone-container>div.input-container {
    width: 2.6em;
    margin-top: .2em
}

div#fit21-middle-cta>div.cont>div.columns>div.column2>div.phone-container>div.input-container>input {
    font-size: .18em;
    font-weight: 500;
    height: 2.77778em;
    margin: 0;
    background-color: #fdfdfd
}

div#fit21-middle-cta>div.cont>div.columns>div.column2>div.phone-container>div.input-container>input:focus {
    border-color: #cacbcb
}

div#fit21-middle-cta>div.cont>div.columns>div.column2>div.phone-container>div.input-container:after {
    content: "\41E\441\442\430\432\44C   \441\432\43E\439   \43D\43E\43C\435\440, \447\442\43E\431\44B   \43E\444\43E\440\43C\438\442\44C   \437\430\43A\430\437   \438\43B\438   \443\437\43D\430\442\44C   \43F\43E\434\440\43E\431\43D\43E\441\442\438";
    font-size: .12em;
    font-weight: 300;
    line-height: 1.33;
    text-align: center;
    color: #767676;
    display: block;
    margin-top: .83333em
}

div#fit21-middle-cta>div.cont>div.columns>div.column2>div.phone-container>div.input-button>button.button {
    width: 14.44444em;
    font-size: .18em;
    border-width: 0;
    font-weight: 900;
    color: #fff;
    margin-top: 1.66667em;
    height: 2.77778em;
    border-radius: .33333em
}

div#fit21-middle-cta>div.cont>div.columns>div.column2>div.phone-container>div.input-button>button.button.loading:before {
    border-color: #f7001d;
    border-left-color: #c7cfe2;
    border-top-color: #c7cfe2
}

div#fit21-middle-cta>div.cont>div.columns>div.column2>div.phone-container>div.small-text {
    display: none
}

div#fit21-middle-cta>div.cont>div.columns>div.column2>div.sms-container>h3 {
    line-height: 1.33;
    text-align: center;
    font-size: .18em;
    color: #171717;
    font-weight: 700;
    margin-top: .5em
}

div#fit21-middle-cta>div.cont>div.columns>div.column2>div.sms-container>p {
    font-size: .12em;
    font-weight: 500;
    line-height: 1.33;
    text-align: center;
    color: #767676;
    margin-top: 1em;
    margin-bottom: 0
}

div#fit21-middle-cta>div.cont>div.columns>div.column2>div.sms-container>div.input-container {
    width: 2.6em;
    margin-top: .1em
}

div#fit21-middle-cta>div.cont>div.columns>div.column2>div.sms-container>div.input-container>input {
    font-size: .18em;
    font-weight: 500;
    height: 2.77778em;
    margin: 0;
    background-color: #fdfdfd
}

div#fit21-middle-cta>div.cont>div.columns>div.column2>div.sms-container>div.input-container>input:focus {
    border-color: #cacbcb
}

div#fit21-middle-cta>div.cont>div.columns>div.column2>div.sms-container>div.input-container>.message {
    font-size: .12em
}

div#fit21-middle-cta>div.cont>div.columns>div.column2>div.sms-container>div.input-button>.button {
    width: 14.44444em;
    font-size: .18em;
    border-width: 0;
    font-weight: 900;
    color: #fff;
    margin-top: .55556em;
    height: 2.77778em;
    border-radius: .33333em;
    background-color: #f7001d
}

div#fit21-middle-cta>div.cont>div.columns>div.column2>div.sms-container>div.input-button>.button.loading:before {
    border-color: #f7001d;
    border-left-color: #c7cfe2;
    border-top-color: #c7cfe2
}

div#fit21-middle-cta>div.cont>div.columns>div.column2>a.button.pseudo {
    font-size: .18em;
    font-weight: 500;
    color: #1b1b1b;
    width: 14.44444em;
    height: 2.77778em;
    margin-top: .05556em;
    border-width: 0
}

div#fit21-middle-cta>div.cont>div.columns>div.column2.auth {
    padding-top: .4em
}

#why-growfood {
    padding: .3em 0 .6em
}

#why-growfood .why-list {
    margin-top: .53em;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#why-growfood .why-list,
#why-growfood .why-list>div {
    display: -ms-flexbox;
    display: flex
}

#why-growfood .why-list>div {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

#why-growfood .why-list>div>svg {
    margin-right: .25em
}

#why-growfood .why-list>div>.desc {
    font-size: .16em;
    font-weight: 500;
    line-height: 1.38;
    color: #1b1b1b
}

#why-growfood .why-list>div:first-child>svg {
    width: .5em;
    height: .62em
}

#why-growfood .why-list>div:nth-child(2)>svg {
    width: .6em;
    height: .6em
}

#why-growfood .why-list>div:nth-child(3)>svg {
    width: .68em;
    height: .5em
}

div#fit21-order-now {
    height: 5.47em;
    box-sizing: border-box;
    padding-top: 2.05em;
    background-size: cover;
    background-position: 50%;
    background-image: url(/static/images/order_now.aacf191.jpg)
}

div#fit21-order-now>div.landing-width-container>div.cont {
    display: table;
    margin-left: auto;
    margin-right: .97em
}

div#fit21-order-now>div.landing-width-container>div.cont>div.text {
    font-size: .36em;
    font-weight: 700;
    text-align: center;
    color: #1b1b1b
}

div#fit21-order-now>div.landing-width-container>div.cont>a.button {
    font-size: .18em;
    font-weight: 900;
    color: #fff;
    width: 15.55556em;
    height: 2.77778em;
    border-radius: .33333em;
    margin: 2.22222em auto 0;
    border-width: 0
}

div#trial-promo {
    background-size: cover;
    background-position: 50%;
    background-image: url(/static/images/trial.6ea3423.jpg);
    box-sizing: border-box;
    height: 7.52em;
    padding-top: 1.98em;
    text-align: center;
    color: #1b1b1b
}

div#trial-promo>h1 {
    font-size: 1.2em;
    font-weight: 900;
    line-height: .9
}

div#trial-promo>div.second-line {
    font-size: .48em;
    font-weight: 900;
    line-height: 1.17;
    margin-top: .5em
}

div#trial-promo>div.second-line span.red {
    color: #ef5747
}

div#trial-promo>a.button {
    font-size: .18em;
    font-weight: 700;
    line-height: 1.11;
    color: #fff;
    text-transform: uppercase;
    width: 16.66667em;
    height: 3.33333em;
    border-radius: .22222em;
    box-shadow: 0 .22222em .33333em 0 rgba(0, 0, 0, .1);
    margin: 2.83333em auto 0;
    border: none;
    background-color: #f7001d
}

div#trial-order-now {
    background-size: 140%;
    background-position: 50%;
    background-image: url(/static/images/trial-order-now.91bcfcb.jpg);
    box-sizing: border-box;
    height: 6.18em;
    padding-top: 2.22em;
    text-align: center;
    position: relative
}

div#trial-order-now>h2 {
    font-size: .48em;
    font-weight: 700;
    color: #1b1b1b
}

div#trial-order-now>h3 {
    font-size: .24em;
    font-weight: 700;
    line-height: 1.33;
    color: #1b1b1b;
    margin-top: 1em
}

div#trial-order-now>a.button {
    font-size: .18em;
    font-weight: 700;
    line-height: 1.11;
    color: #fff;
    text-transform: uppercase;
    width: 16.66667em;
    height: 3.33333em;
    border-radius: .22222em;
    box-shadow: 0 .22222em .33333em 0 rgba(0, 0, 0, .1);
    margin: 2.33333em auto 0;
    border: none
}

div#trial-order-now:before {
    display: block;
    content: "";
    background-color: #f6f6f6;
    height: 2.1em;
    -webkit-clip-path: polygon(0 0, 100% 0, 0 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 0 100%, 0 100%);
    position: absolute;
    left: 0;
    width: 100%;
    top: -1px
}

div#brb-promo {
    background-size: cover;
    background-position: 50%;
    background-image: url(/static/images/bg.74f4a49.jpg);
    box-sizing: border-box;
    height: 7.52em;
    padding-top: 2.02em;
    text-align: center
}

div#brb-promo>div.landing-width-container>div {
    display: table;
    margin-right: 0;
    margin-left: auto
}

div#brb-promo>div.landing-width-container>div>h1 {
    font-size: 1.2em;
    font-weight: 900;
    line-height: .75;
    color: var(--color__white)
}

div#brb-promo>div.landing-width-container>div>h2 {
    font-size: .36em;
    font-weight: 900;
    line-height: 1.33;
    color: var(--color__white);
    margin-top: .80556em
}

div#brb-promo>div.landing-width-container>div>h2 span.big {
    font-size: 1.5em
}

div#brb-promo>div.landing-width-container>div>a.button {
    font-size: .18em;
    font-weight: 700;
    line-height: 1.11;
    color: #000;
    text-transform: uppercase;
    width: 16.66667em;
    height: 3.33333em;
    border-radius: .22222em;
    background-color: #ffcc01;
    box-shadow: 0 .22222em .33333em 0 rgba(0, 0, 0, .1);
    margin: 1.83333em auto 0;
    border: none
}

div#brb-reviews {
    padding-top: .58em;
    padding-bottom: .9em;
    background-size: 90%;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-image: url(/static/images/reviews.abf1659.png)
}

div#brb-reviews>div.replies-slider {
    width: 100%;
    margin: .88em auto 0
}

div#brb-reviews>div.replies-slider div.swiper-slide {
    width: 3.6em;
    background-color: #fff;
    border-radius: .04em;
    box-shadow: 0 2px .04em 0 rgba(0, 0, 0, .06);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: .36em
}

div#brb-reviews>div.replies-slider div.swiper-slide>div.img {
    background-size: cover;
    background-position: 50%;
    height: 2.41em
}

div#brb-reviews>div.replies-slider div.swiper-slide>div.text {
    font-size: .16em;
    font-weight: 500;
    line-height: 1.38;
    color: #1b1b1b;
    padding: 1em;
    padding-bottom: 0;
    -ms-flex-positive: 5;
    flex-grow: 5
}

div#brb-reviews>div.replies-slider div.swiper-slide>div.author {
    font-size: .16em;
    font-weight: 500;
    line-height: 1.38;
    color: #1b1b1b;
    text-align: right;
    padding: 1em
}

div#brb-order-now {
    background-size: cover;
    background-position: 50%;
    background-image: url(/static/images/order-now.2292430.jpg);
    box-sizing: border-box;
    height: 5.19em;
    padding-top: 1.06em
}

div#brb-order-now>div {
    margin-left: 50%
}

div#brb-order-now>div>h2 {
    font-size: .48em;
    font-weight: 700;
    color: var(--color__white);
    text-align: left
}

div#brb-order-now>div>h3 {
    font-size: .24em;
    font-weight: 700;
    line-height: 1.33;
    color: #fff;
    margin-top: .83333em
}

div#brb-order-now>div>div.socs {
    margin-top: .22em;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: .25em;
    position: relative;
    left: 1.3em;
    -ms-flex-align: center;
    align-items: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(/static/images/yellow.755661f.png)
}

div#brb-order-now>div>div.socs>div.icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    width: .4em;
    height: .4em;
    border-radius: 50%
}

div#brb-order-now>div>div.socs>div.icon>svg {
    width: 60%;
    height: auto
}

div#brb-order-now>div>div.socs>div.icon.fb {
    background-color: #3b5999
}

div#brb-order-now>div>div.socs>div.icon.vk {
    background-color: #4d75a3
}

div#brb-order-now>div>div.socs>div.icon.tg {
    background-image: linear-gradient(180deg, #76bce6, #62a6da)
}

div#brb-order-now>div>div.socs>div.icon.wa {
    background-color: #25d366;
    box-shadow: 0 .02em .04em 0 rgba(0, 0, 0, .2)
}

div#brb-order-now>div>div.socs>div.icon:not(:last-child) {
    margin-right: .13em
}

div#brb-order-now>div>a.button {
    font-size: .18em;
    font-weight: 700;
    line-height: 1.11;
    color: #000;
    text-transform: uppercase;
    width: 16.66667em;
    height: 3.33333em;
    border-radius: .22222em;
    background-color: #ffcc01;
    box-shadow: 0 .22222em .33333em 0 rgba(0, 0, 0, .1);
    margin-top: 1.22222em;
    border: none
}

@media only screen and (min-width:1441px) {
    div#brb-order-now {
        background-size: contain;
        background-repeat: no-repeat
    }
}

.b-promo-detox {
    background-image: url(/static/images/detox-promo.9137e8e.jpg);
    height: 6.67rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    padding-top: 1.89rem
}

html.smartphone .b-promo-detox {
    background-image: url(/static/images/detox-promo-mob.ddcfe3c.jpg);
    height: 4.9rem;
    padding: .71rem .28rem .22rem
}

.b-promo-detox__left {
    position: relative;
    padding-top: .58rem;
    max-width: 50%
}

html.smartphone .b-promo-detox__left {
    height: 100%;
    max-width: 100%;
    padding-top: .22rem
}

.b-promo-detox__bubble,
html.smartphone .b-promo-detox__left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap
}

.b-promo-detox__bubble {
    position: absolute;
    -ms-flex-pack: center;
    justify-content: center;
    top: 0;
    right: .7rem;
    color: #fff;
    border-top-left-radius: .35rem;
    border-top-right-radius: .35rem;
    border-bottom-right-radius: .35rem;
    background-color: #ef2119;
    padding: .22rem .19rem .21rem;
    box-shadow: 0 .02rem .08rem 0 rgba(0, 0, 0, .29);
    min-height: 1.07rem
}

html.smartphone .b-promo-detox__bubble {
    right: 0;
    padding: .11rem .1rem .12rem;
    border-top-left-radius: .2rem;
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem;
    box-shadow: 0 .02rem .06rem 0 rgba(0, 0, 0, .29);
    min-height: .55rem
}

.b-promo-detox__bubble-title {
    font-size: .44rem;
    line-height: .32rem;
    font-weight: 900;
    margin-bottom: .04rem
}

html.smartphone .b-promo-detox__bubble-title {
    font-size: .22rem;
    line-height: .16rem
}

.b-promo-detox__bubble-subtitle {
    font-size: .27rem;
    line-height: .32rem;
    padding-left: .08rem
}

html.smartphone .b-promo-detox__bubble-subtitle {
    font-size: .13rem;
    line-height: .16rem;
    text-align: center;
    padding-left: 0
}

.b-promo-detox__title {
    font-size: 1.1rem;
    line-height: .67;
    font-weight: 900;
    color: #434343;
    margin-bottom: .25rem
}

html.smartphone .b-promo-detox__title {
    font-size: .66rem;
    margin-bottom: .12rem
}

.b-promo-detox__subtitle {
    font-size: .4rem;
    line-height: .95;
    font-weight: 900;
    color: #434343;
    margin-bottom: .5rem
}

html.smartphone .b-promo-detox__subtitle {
    font-size: .22rem;
    line-height: 1.36
}

.b-promo-detox__button {
    margin-bottom: .16rem
}

html.smartphone .b-promo-detox__button {
    margin-bottom: .12rem;
    margin-top: auto
}

.b-promo-detox__button .button {
    padding-top: 4px;
    font-size: .18em;
    width: 17.77778em;
    height: 3.33333em;
    font-weight: 900
}

.b-promo-detox__button .button.button--icon-after .c-icon {
    position: relative;
    top: -1px
}

html.smartphone .b-promo-detox__button .button.button--icon-after .c-icon {
    top: 1px
}

html.smartphone .b-promo-detox__button .button {
    padding-top: 2px;
    width: 14.44444em;
    height: 2.77778em;
    font-weight: 700;
    text-transform: none
}

.button--icon-after .c-icon {
    position: relative;
    margin-left: .66667em;
    width: 1em;
    height: 1.11111em;
    top: -.02rem
}

html.smartphone .button--icon-after .c-icon {
    top: -.01rem
}

.b-promo-detox__special {
    font-size: .18rem;
    font-weight: 700;
    line-height: 1.22;
    color: #ef2119
}

html.smartphone .b-promo-detox__special {
    font-size: .16rem;
    line-height: 1.25;
    text-align: center;
    color: #181717
}

#matching {
    background-image: url(/static/images/matching.e0aac45.jpg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    padding-top: .6rem;
    padding-bottom: .48rem
}

html.smartphone #matching {
    background-image: none;
    background-color: #f7f7f7;
    padding-top: .29rem;
    padding-bottom: .37rem
}

#matching .line-after-h2 {
    margin-bottom: .43rem
}

.b-matching__body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding-right: 1rem
}

html.smartphone .b-matching__body {
    padding-right: 0
}

.b-matching__right {
    max-width: 41%;
    -ms-flex: 0 0 41%;
    flex: 0 0 41%;
    margin-left: auto
}

html.smartphone .b-matching__right {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.b-matching__slider {
    display: block;
    width: 100%;
    margin-bottom: .3rem
}

.b-matching__slider .swiper-container {
    padding-bottom: .1rem
}

.b-matching__slider .swiper-slide {
    width: 2.4rem
}

.b-matching__items {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%;
    margin-bottom: .06rem
}

.b-matching__item,
.b-matching__items {
    display: -ms-flexbox;
    display: flex
}

.b-matching__item {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: .1rem;
    padding-right: .1rem;
    margin-bottom: .2rem;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    cursor: pointer
}

.b-matching__card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    padding: .41rem .2rem .3rem;
    padding: 0 .18em;
    height: 1.21rem;
    border-radius: .03rem;
    box-shadow: 0 .02rem .08rem 0 rgba(0, 0, 0, .13);
    border: 2px solid transparent
}

html.smartphone .b-matching__card {
    height: 1.48rem
}

.b-matching__item.active .b-matching__card {
    border: 2px solid var(--color__default)
}

.b-matching__item-text {
    font-size: .16rem;
    font-weight: 500;
    line-height: 1.25;
    color: #616161
}

.b-matching__card-icon {
    position: absolute;
    top: .12em;
    right: .12rem;
    color: var(--color__default)
}

.b-matching__card-icon .c-icon-accept {
    width: .2em;
    height: .2rem
}

.b-matching__button {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

html.smartphone .b-matching__button {
    width: 100%
}

.b-matching__button .button {
    width: 3.2rem;
    height: .6rem;
    font-size: .18rem;
    font-weight: 900
}

html.smartphone .b-matching__button .button {
    width: 2.5rem;
    height: .45rem;
    text-transform: unset
}

.l-activate-gift-header {
    background-image: url(/static/images/activate-gift.8ccbedd.jpg);
    height: 6.8em;
    height: auto;
    background-size: cover;
    background-position: 50%;
    padding-top: 1em;
    padding-bottom: 1em
}

.l-activate-gift-header__content-container {
    margin-left: calc(50% + 0em);
    width: 6.2em
}

.activate-gift-block__title {
    font-size: .36em;
    font-weight: 700;
    color: #fff
}

.activate-gift-block__subtitle {
    font-size: .24em;
    font-weight: 500;
    line-height: 1.14;
    color: #fff;
    margin-top: .78571em;
    width: 19.2em
}

.activate-gift-block__inner-container {
    width: 3.2em
}

.activate-gift-block__promocode {
    margin-top: .3em
}

.activate-gift-block__promocode .input-container input {
    margin: 0;
    border-radius: .03rem !important
}

.activate-gift-block__phone-with-button {
    margin-top: .1em
}

.activate-gift-block__phone-with-button .small-text,
.activate-gift-block__phone-with-button h3,
.activate-gift-block__phone-with-button p {
    display: none
}

.activate-gift-block__phone-with-button .button {
    width: 100%
}

.activate-gift-block__phone-with-button .input-button {
    margin-top: .1em
}

.activate-gift-block__phone-with-button .input-container input {
    margin: 0
}

.activate-gift-block .auth-button {
    width: 100%;
    margin-top: .1rem
}

.activate-gift-block .auth-button.loading:before,
.activate-gift-block__phone-with-button .button.loading:before {
    border-width: .28em
}

.activate-gift-block__sms {
    margin-top: .1em
}

.activate-gift-block__sms h3,
.activate-gift-block__sms p {
    display: none
}

.activate-gift-block__sms .input-container {
    margin-top: .1em
}

.activate-gift-block__sms .input-container input {
    margin: 0
}

.activate-gift-block__sms .input-container .loader {
    background-color: #fff !important;
    font-size: .08em;
    position: absolute;
    top: 2.1em;
    z-index: 3;
    right: 1em;
    pointer-events: all;
    width: 2.5em;
    height: 2.5em
}

.activate-gift-block__success-message {
    font-size: .18em;
    color: #fff;
    margin-top: 2em;
    font-weight: 500
}

.activate-gift-block__arrow {
    position: relative
}

.activate-gift-block__arrow img,
.activate-gift-block__arrow svg {
    width: 3em;
    position: absolute;
    height: 3em;
    left: 3.5em;
    transform: rotate(-97deg);
    top: -4.4em
}

.activate-gift-block__success-button {
    margin-top: 1em
}

.activate-gift-block__error-message {
    font-size: .16em;
    margin-top: 1em;
    color: #fff;
    font-weight: 500
}

html.smartphone .l-activate-gift-header {
    background-image: url(/static/images/activate-gift-mob.5c4784c.jpg);
    background-repeat: no-repeat;
    height: auto;
    padding-bottom: .25em;
    padding-top: .6em;
    background-position: top;
    background-position: 50% -30%
}

html.smartphone .l-activate-gift-header__content-container {
    margin-left: 0;
    width: 100%
}

html.smartphone .activate-gift-block {
    text-align: center
}

html.smartphone .activate-gift-block__title {
    font-size: .2em;
    line-height: 1;
    width: 15em;
    margin: 0 auto
}

html.smartphone .activate-gift-block__subtitle {
    font-size: .16em;
    line-height: 1.13;
    width: 18.75em;
    margin: 9em auto 0
}

html.smartphone .activate-gift-block__inner-container {
    width: 2.7em;
    margin: 0 auto
}

html.smartphone .activate-gift-block__promocode {
    margin-top: .2em
}

html.smartphone .activate-gift-block__phone-with-button {
    margin-top: .1em
}

html.smartphone .activate-gift-block__success-message {
    font-size: .14em;
    color: #fff;
    margin-top: 2em;
    font-weight: 700
}

html.smartphone .activate-gift-block__success-button {
    width: 100%
}

html.smartphone .activate-gift-block__error-message {
    font-size: .12em;
    margin-top: 1em;
    color: #fff
}

.l-dashboard__new-order.loading {
    width: 100%;
    height: 100%
}

.l-dashboard__overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20
}

.l-dashboard__new-order-loader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: var(--color__default);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    z-index: 1
}

.b-create-new-order__header {
    position: relative;
    background-color: var(--color__white);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row-reverse wrap;
    flex-flow: row-reverse wrap;
    box-shadow: 0 .04rem .08rem rgba(0, 0, 0, .05);
    z-index: 2
}

.b-create-new-order__header-promo {
    position: absolute;
    top: 0;
    right: .15rem;
    padding: .01rem .04rem .02rem;
    font-size: .1rem;
    line-height: .1rem;
    color: var(--color__white);
    font-weight: 700;
    background-color: var(--color__red);
    border-radius: 0 0 .04rem .04rem
}

.b-create-new-order__header-left {
    position: relative;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: .12rem .16rem .12rem .14rem
}

.b-create-new-order__header-left:after {
    display: block;
    width: 1px;
    top: 0
}

.b-create-new-order__header-left:after,
.b-create-new-order__header-left:before {
    position: absolute;
    content: "";
    bottom: 0;
    background-color: var(--color__grey-4);
    left: 0
}

.b-create-new-order__header-left:before {
    display: inline-block;
    height: 1px;
    right: 0
}

.b-create-new-order__header-right {
    position: relative;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: .12rem .16rem .12rem .14rem
}

.b-create-new-order__header-right:after {
    position: absolute;
    content: "";
    display: inline-block;
    height: 1px;
    background-color: var(--color__grey-4);
    bottom: 0;
    left: 0;
    right: 0
}

.b-create-new-order__plan {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    margin-right: -.04rem;
    margin-left: -.04rem
}

.b-create-new-order__plan-icon {
    position: absolute;
    color: var(--color__grey-40);
    right: .04rem;
    top: .06rem
}

.b-create-new-order__plan-icon .c-icon {
    width: .08rem;
    height: .05rem
}

.b-create-new-order__plan-left,
.b-create-new-order__plan-right {
    padding-left: .04rem;
    padding-right: .04rem
}

.b-create-new-order__plan-img {
    color: var(--color__default)
}

.b-create-new-order__plan-img--color-blue {
    color: var(--color__blue)
}

.b-create-new-order__plan-img svg {
    width: .4rem;
    height: .4rem
}

.b-create-new-order__plan-title {
    font-size: .16rem;
    line-height: .18rem;
    font-weight: 700;
    margin-bottom: .04rem
}

.b-create-new-order__plan-subtitle {
    font-size: .12rem;
    line-height: .18rem;
    color: var(--color__grey-60);
    font-weight: 500
}

.b-create-new-order__days {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    margin-right: -.04rem;
    margin-left: -.04rem
}

.b-create-new-order__days-icon {
    position: absolute;
    color: var(--color__grey-40);
    right: .04rem;
    top: .06rem
}

.b-create-new-order__days-icon .c-icon {
    width: .08rem;
    height: .05rem
}

.b-create-new-order__days-left,
.b-create-new-order__days-right {
    padding-left: .04rem;
    padding-right: .04rem
}

.b-create-new-order__days-img {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    color: var(--color__default)
}

.b-create-new-order__days-img .c-icon {
    width: .4rem;
    height: .4rem
}

.b-create-new-order__days-img.subscription {
    color: var(--color__blue)
}

.b-create-new-order__days-title {
    font-size: .16rem;
    line-height: .18rem;
    font-weight: 700;
    margin-bottom: .04rem
}

.b-create-new-order__days-subtitle {
    font-size: .12rem;
    line-height: .18rem;
    color: var(--color__grey-60);
    font-weight: 500
}

.b-create-new-order__header-row {
    position: relative;
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.b-create-new-order__first-delivery {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    font-size: .14rem;
    line-height: .2rem;
    font-weight: 700;
    padding: .14rem .16rem
}

.b-create-new-order__first-delivery:after {
    position: absolute;
    content: "";
    display: inline-block;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: var(--color__grey-4)
}

.b-create-new-order__first-delivery-icon {
    position: absolute;
    top: .2rem;
    right: .16rem;
    color: var(--color__grey-40)
}

.b-create-new-order__first-delivery-icon .c-icon {
    width: .08rem;
    height: .05rem
}

.b-create-new-order__first-delivery-title {
    color: var(--color__black);
    margin-right: .04rem
}

.b-create-new-order__first-delivery-date {
    color: var(--color__default)
}

.b-create-new-order__body {
    background-color: var(--color__grey-1);
    padding-bottom: 1.22rem
}

.b-create-new-order__packs {
    padding-top: .08rem;
    padding-left: .08rem;
    padding-right: .08rem
}

.b-create-new-order__footer {
    position: fixed;
    bottom: 0;
    z-index: 104;
    left: 0;
    right: 0;
    padding: .16rem .16rem .11rem .2rem;
    background-color: var(--color__white);
    box-shadow: 0 -.04rem .08rem rgba(0, 0, 0, .05);
    border-bottom: 1px solid var(--color__grey-4)
}

html[data-subdomain=wowfood].smartphone .b-create-new-order__footer {
    bottom: .47rem
}

html:not([data-city=spb]):not([data-city=msk]).smartphone .b-create-new-order__footer {
    bottom: .5rem
}

.b-create-new-order__first-delivery-overlay {
    position: fixed;
    z-index: 101;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--color__black);
    opacity: .2
}

.b-create-new-order__first-delivery-select {
    position: absolute;
    top: 0;
    left: .08rem;
    right: .08rem
}

.b-select-price-plans-modal {
    height: 100%
}

.b-select-price-plans-modal__header {
    position: relative;
    padding: .12rem .16rem;
    padding-top: .14rem;
    box-shadow: 0 .02rem .04rem rgba(0, 0, 0, .05);
    width: 100%
}

.b-select-price-plans-modal__header-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .17rem
}

.b-select-price-plans-modal__header-close button {
    background-color: transparent;
    outline: none;
    border: none;
    padding: 0;
    display: -ms-flexbox;
    display: flex
}

.b-select-price-plans-modal__header-close .c-icon-close {
    width: .14rem;
    height: .14rem
}

.b-select-price-plans-modal__header-title {
    font-size: .16rem;
    line-height: .24rem;
    color: var(--color__black);
    font-weight: 500
}

.b-select-price-plans-modal__body {
    padding-left: .16rem;
    padding-right: .16rem;
    height: 100%;
    overflow-y: scroll;
    padding-bottom: .6rem
}

html[data-page=index] .b-pack-info__photo {
    margin: .16rem auto;
    display: block;
    width: 2.6rem
}

html[data-page=index] .v--modal-box__navbar .light-title {
    font-size: .16em
}

html[data-page=index] .day-selector__wrapper--customizable {
    height: auto
}

html[data-page=index] .b-create-new-order__body {
    padding-top: .1em
}

html[data-page=index] .day-selector.affix {
    top: 2.5em !important
}

html[data-page=index] .landing-loader-container {
    padding: .5em 0;
    margin: 0 auto;
    background-color: #fff
}

html[data-page=index] .new-order-page>div:first-child,
html[data-page=index] .new-order-page>span {
    display: none
}

html[data-page=index] .new-order-page>div:nth-child(2) {
    display: none !important
}

html[data-page=index] .new-order-page>div:last-child>div:first-child {
    width: 100% !important
}

html[data-page=index] .new-order-page>div:last-child>div:first-child>div:first-child {
    margin: 0 auto !important;
    margin-bottom: .05em !important
}

html[data-page=index] .new-order-page>div:last-child>div:first-child>div:nth-child(2) {
    margin: 0 auto !important;
    margin-bottom: .15em !important
}

html[data-page=index] .new-order-page>div:last-child>div:first-child>div:nth-child(3),
html[data-page=index] .new-order-page>div:last-child>div:nth-child(2) {
    display: none !important
}

html[data-page=index] .l-dashboard__new-order .b-create-new-order__body {
    background-color: #fff
}

html[data-page=index] .l-dashboard__new-order .b-day-item-status {
    font-size: .14em;
    text-align: center
}

html[data-page=index] .l-dashboard__new-order .b-create-new-order__footer {
    bottom: 0
}

html[data-page=index] .l-dashboard__new-order .b-new-order-summary__button .b-button.b-button__ghost-grey.b-button__large.b-order__cancel-order {
    font-size: .12em
}

html[data-page=index] .l-dashboard__new-order .b-create-new-order__body {
    padding-bottom: 0
}

html[data-page=index] .l-dashboard__new-order .skeleton-loading {
    width: 8.6em;
    margin: .2em auto 0
}

html[data-page=index] .tariff-description {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-flow: column;
    flex-flow: column
}

html[data-page=index] .tariff-description .tariff-description__title {
    text-align: center;
    font-weight: 700;
    font-size: .18rem;
    line-height: 156%
}

html[data-page=index] .tariff-description .description {
    margin: .04rem auto 0;
    text-align: center
}

html[data-page=index] #new-order-page .menu_in_orders {
    -ms-flex-pack: center;
    justify-content: center
}

html[data-page=index] .menu-days {
    position: relative
}

html[data-page=index] #menu-container {
    -ms-flex-pack: center;
    justify-content: center
}

html[data-page=index] .b-create-new-order__header {
    height: .54em
}

.b-subsccription-offer-modal {
    padding: 8px
}

html.smartphone[data-page=index] .b-create-new-order__body {
    background-color: #f0f0f0;
    padding-bottom: .1em
}

html.smartphone[data-page=index] .b-create-new-order__packs {
    padding-left: .1em;
    padding-right: .1em
}

html[data-page=index] #new-order-page .menu-section-dates.menu-section-dates--start {
    -ms-flex-pack: center;
    justify-content: center
}

html[data-page=index] .day-selector.vue-affix .tns-outer {
    width: 100%
}

html[data-page=index] .day-selector.affix-top.vue-affix {
    padding-top: 0
}

html[data-page=index] .day-selector.vue-affix {
    padding-top: .08rem;
    padding-bottom: .08rem
}

html[data-page=index] .day-selector .tns-slider {
    padding-left: .06rem;
    padding-right: .06rem
}

.b-create-new-order__scroll-to-order {
    font-size: .16em;
    position: fixed;
    bottom: .625em;
    color: #6594f0;
    z-index: 99;
    display: block;
    text-align: center;
    background-color: #fff;
    border-radius: 1em;
    padding: .3125em .75em;
    padding-bottom: .4375em;
    margin-left: 7.375em;
    box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, .4);
    font-weight: 700
}

.b-create-new-order__scroll-to-order svg {
    width: .625em;
    height: .625em;
    padding-top: .1875em
}

.b-create-new-order__custom-summary {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: transparent;
    margin-bottom: .1rem;
    margin-top: .2em
}

html.smartphone .b-create-new-order__custom-summary {
    -ms-flex-flow: column;
    flex-flow: column;
    background-color: #f0f0f0;
    padding-bottom: .15em;
    margin-bottom: 0;
    margin-top: 0
}

.b-create-new-order__custom-summary-text {
    font-size: .14em
}

html.smartphone .b-create-new-order__custom-summary-text {
    font-size: .12em;
    margin-bottom: .25em
}

.b-create-new-order__reset-draft-btn {
    font-size: .16em;
    font-weight: 700;
    background-color: transparent;
    border: none;
    outline: none;
    color: #6594f0;
    cursor: pointer
}

.plans-body__controls-row {
    width: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0
}

html[data-page=index] .plans-body__controls-row {
    margin: .32rem auto 0
}

.plans-body__filters-btn {
    border: .01rem solid #b3eabd;
    border-radius: .16rem;
    padding: .12rem .215rem;
    background-color: transparent;
    font-size: .16rem;
    line-height: 150%;
    background: var(--color__white);
    color: #00b923;
    height: .48rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    cursor: pointer;
    transition: border-color .2s ease-in;
    position: relative;
    width: 2.4rem
}

.plans-body__filters-btn:hover {
    border-color: #00b923
}

.plans-body__filters-btn svg {
    margin-right: .08rem;
    width: .24rem;
    height: .24rem;
    position: relative
}

.plans-body__filters-btn--yellow:after {
    background-color: #ffdd50
}

.plans-body__filters-btn--red:after,
.plans-body__filters-btn--yellow:after {
    display: block;
    content: "";
    width: .1rem;
    height: .1rem;
    position: absolute;
    top: .12rem;
    left: .52rem;
    border-radius: 100%
}

.plans-body__filters-btn--red:after {
    background-color: #e64d69
}

.filters-tutorial,
.filters-tutorial__tutorial-helper-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 auto;
    flex: 1 auto
}

.filters-tutorial__tutorial-helper-container {
    position: absolute;
    left: -.06rem;
    top: -.06rem;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 999999;
    background-color: #fff;
    height: .41rem;
    border-radius: .22rem;
    padding: .06rem 0 .06rem .2rem
}

.filters-tutorial__tutorial-helper-container--centered {
    left: 2.6rem
}

.filters-tutorial__tutorial-helper-container--select-date {
    width: 2.48rem;
    height: .56rem;
    padding: .04rem;
    border-radius: .16rem
}

.filters-tutorial__tutorial-helper {
    margin-right: .323rem;
    cursor: default !important
}

.filters-tutorial__tutorial-helper:last-child {
    margin-right: 0
}

.filters-tutorial__overlay {
    display: block;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 999
}

.filters-tutorial__tutorial-modal {
    position: absolute;
    top: -.14rem;
    left: 50%;
    width: 3.44rem;
    height: auto;
    transform: translate(-50%, -100%);
    padding: .32rem .32rem .28rem;
    background-color: #fff;
    border-radius: .24rem;
    text-align: center
}

.filters-tutorial__triangle {
    width: 0;
    height: 0;
    position: absolute;
    bottom: -.08rem;
    left: calc(50% - .08rem);
    border-left: .08rem solid transparent;
    border-right: .08rem solid transparent;
    border-top: .08rem solid #fff
}

.filters-tutorial__tutorial-modal-title {
    font-weight: 700;
    font-size: .2rem;
    line-height: 120%;
    color: #0d0d0d;
    margin-bottom: .12rem
}

.filters-tutorial__tutorial-modal-text {
    margin-bottom: .2rem;
    font-weight: 500;
    font-size: .16rem;
    line-height: 150%;
    color: #666
}

.filters-tutorial__tutorial-modal-button {
    padding: .11rem .325rem .09rem;
    background-color: #00b923;
    border-radius: .12rem;
    font-weight: 700;
    font-size: .14rem;
    line-height: 143%;
    text-align: center;
    letter-spacing: .01rem;
    text-transform: uppercase;
    color: #fff;
    border: none;
    cursor: pointer;
    transition: background-color .2s ease-in-out
}

.filters-tutorial__tutorial-modal-button:hover {
    border: none;
    outline: none;
    background-color: #00a720
}

html[data-page=index].smartphone .modal-overlay.active {
    background-color: rgba(0, 0, 0, .4)
}

html[data-page=index].smartphone div.landing-width-container {
    width: 100%
}

html[data-page=index].smartphone .landing__title,
html[data-page=index].smartphone h2 {
    font-size: .22em
}

html[data-page=index].smartphone div.line-after-h2 {
    height: .02rem;
    margin: .15rem auto 0;
    width: .66rem
}

html[data-page=index].smartphone body.order-form-opened {
    position: static;
    overflow: visible
}

html[data-page=index].smartphone body.order-form-opened div#faq,
html[data-page=index].smartphone body.order-form-opened div#footer,
html[data-page=index].smartphone body.order-form-opened div#how-it-works,
html[data-page=index].smartphone body.order-form-opened div#menu-plans,
html[data-page=index].smartphone body.order-form-opened div#new-year-cert,
html[data-page=index].smartphone body.order-form-opened div#order-now,
html[data-page=index].smartphone body.order-form-opened div#partners,
html[data-page=index].smartphone body.order-form-opened div#promo,
html[data-page=index].smartphone body.order-form-opened div#provision,
html[data-page=index].smartphone body.order-form-opened div#reviews {
    display: none
}

html[data-page=index].smartphone body.order-form-opened div#overlay {
    position: relative;
    height: auto
}

html[data-page=index].smartphone .l-mob-app {
    position: fixed;
    top: 0;
    z-index: 999;
    left: 0;
    right: 0;
    box-shadow: 0 .02rem .06rem 0 rgba(0, 0, 0, .5)
}

html[data-page=index].smartphone .l-agreements {
    position: fixed;
    bottom: 0;
    z-index: 999;
    left: 0;
    right: 0;
    background-color: var(--color__white)
}

html[data-page=index].smartphone div#promo .banner-default {
    background-image: url(/static/images/default_mob.71db2e6.jpg)
}

html[data-page=index].smartphone div#promo .banner-default>.banner-inner {
    margin: auto;
    text-align: center
}

html[data-page=index].smartphone div#promo .banner-default>.banner-inner>.logo {
    width: 1.49091em;
    height: 1.49091em;
    border-width: .07273em;
    margin-bottom: .18182em
}

html[data-page=index].smartphone div#promo .banner-default>.banner-inner>.sub-title {
    display: none
}

html[data-page=index].smartphone div#promo .banner-default>.banner-inner>.price-line {
    font-weight: 700
}

html[data-page=index].smartphone div#promo .banner-dynamic {
    padding: 0 .2em;
    height: 8em
}

html[data-page=index].smartphone div#promo .banner-dynamic>.banner-inner {
    margin: auto;
    text-align: center
}

html[data-page=index].smartphone div#promo .banner-dynamic>.banner-inner>.price-line {
    font-size: .36em
}

html[data-page=index].smartphone div#promo .banner-dynamic>.banner-inner>.button {
    font-size: .26em;
    margin-left: auto;
    margin-right: auto;
    font-weight: 700;
    text-transform: uppercase
}

html[data-page=index].smartphone div#promo .banner-new-menu {
    text-align: center;
    margin-bottom: 2.2em;
    background-image: url(/static/images/new_menu_mob.18b501b.jpg)
}

html[data-page=index].smartphone div#promo .banner-new-menu>.banner-inner {
    margin-top: 0;
    margin-right: 0
}

html[data-page=index].smartphone div#promo .banner-new-menu>.banner-inner>.actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column
}

html[data-page=index].smartphone div#promo .banner-new-menu>.banner-inner>.actions .button {
    margin: 1em auto 0;
    padding: 1em;
    font-size: .24em !important;
    font-weight: 700;
    text-transform: uppercase
}

html[data-page=index].smartphone div#promo .banner-badge {
    top: calc(100% - 1.25em);
    width: 2.42424em;
    font-size: 1.2em
}

html[data-page=index].smartphone div#promo .banner-badge svg {
    width: .6em;
    height: .6em
}

html[data-page=index].smartphone div#promo .banner-badge img {
    width: 2em
}

html[data-page=index].smartphone div#how-it-works {
    position: relative;
    z-index: 1;
    height: auto;
    padding: .25em 0;
    padding-bottom: .15em
}

html[data-page=index].smartphone div#how-it-works>div.landing-width-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    padding: 0
}

html[data-page=index].smartphone div#how-it-works .how-list {
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 2.8em;
    margin: .19em auto 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

html[data-page=index].smartphone div#how-it-works .how-list>.item {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
    margin-bottom: .2em
}

html[data-page=index].smartphone div#how-it-works .how-list>.item>.desc {
    font-size: .12em;
    text-align: center;
    width: auto;
    margin-top: .4em
}

html[data-page=index].smartphone div#how-it-works .how-list>.item>img {
    margin-bottom: 0;
    width: .6em;
    margin-right: 0
}

html[data-page=index].smartphone div#how-it-works .how-list:before {
    display: none
}

html[data-page=index].smartphone div#reviews div.replies-slider {
    margin-top: .26em
}

html[data-page=index].smartphone div#reviews div.replies-slider div.swiper-slide {
    width: 2.65em;
    margin-left: .1em;
    margin-right: .1em
}

html[data-page=index].smartphone.landing-page--ya-taxi div#reviews div.replies-slider {
    position: relative;
    margin-top: .26em;
    padding-bottom: .2rem
}

html[data-page=index].smartphone.landing-page--ya-taxi div#reviews div.replies-slider div.swiper-slide {
    width: 3.2rem
}

html[data-page=index].smartphone.landing-page--ya-taxi div#reviews div.replies-slider__items-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 0;
    left: 0;
    z-index: 0;
    padding-left: .2rem;
    bottom: .1rem
}

html[data-page=index].smartphone.landing-page--ya-taxi div#reviews div.replies-slider__items-points {
    display: inline-block;
    text-align: center;
    margin-right: .24rem;
    white-space: nowrap;
    width: 1.26rem;
    height: .12rem
}

html[data-page=index].smartphone.landing-page--ya-taxi div#reviews div.replies-slider__items-points .swiper-pagination-bullet {
    width: .12rem;
    height: .12rem;
    margin-right: .16rem;
    background-color: #302f2d
}

html[data-page=index].smartphone.landing-page--ya-taxi div#reviews div.replies-slider__items-points .swiper-pagination-bullet-active {
    opacity: 1
}

html[data-page=index].smartphone.landing-page--ya-taxi div#reviews div.replies-slider__items-count {
    display: inline-block;
    font-size: .14rem;
    line-height: 1.29;
    font-weight: 700;
    color: #9b9b9b
}

html[data-page=index].smartphone div#faq {
    padding: .27rem 0 .37rem
}

div#single-step-order>div.padding-container html[data-page=index].smartphone div#faq .container--first,
div#single-step-order>div.padding-container html[data-page=index].smartphone div#faq .container--last,
div#single-step-order>div.padding-container html[data-page=index].smartphone div#faq .container--payment,
html[data-page=index].smartphone div#faq .container,
html[data-page=index].smartphone div#faq div#single-step-order>div.padding-container .container--first,
html[data-page=index].smartphone div#faq div#single-step-order>div.padding-container .container--last,
html[data-page=index].smartphone div#faq div#single-step-order>div.padding-container .container--payment,
html[data-page=index].smartphone div#single-step-order>div.padding-container div#faq .container--first,
html[data-page=index].smartphone div#single-step-order>div.padding-container div#faq .container--last,
html[data-page=index].smartphone div#single-step-order>div.padding-container div#faq .container--payment {
    margin: 0;
    width: auto
}

html[data-page=index].smartphone div#faq .faq-title {
    font-size: .22rem
}

html[data-page=index].smartphone div#faq .faq-slider {
    margin-top: .25rem
}

html[data-page=index].smartphone div#faq .faq-list {
    width: auto
}

html[data-page=index].smartphone div#faq .faq-controls {
    margin-bottom: .2rem
}

html[data-page=index].smartphone div#faq .faq-control {
    border: none;
    font-size: .13rem;
    width: 25%;
    margin: 0;
    height: auto;
    line-height: 1.23;
    border-radius: 0;
    width: .6rem;
    font-size: .09rem
}

html[data-page=index].smartphone div#faq .faq-control:not(.active) {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .06)
}

html[data-page=index].smartphone div#faq .faq-control h3 {
    height: .34rem
}

html[data-page=index].smartphone div#faq .faq-control.new:after {
    padding: .1em .5em
}

html[data-page=index].smartphone div#faq .faq-icon {
    display: inline-block;
    margin-top: .1rem;
    margin-bottom: .07rem
}

html[data-page=index].smartphone div#faq .faq-icon .c-icon {
    width: .24rem;
    height: .24rem
}

html[data-page=index].smartphone div#faq .faq-item:first-child {
    border-radius: 5px 5px 0 0
}

html[data-page=index].smartphone div#faq .faq-item:last-child {
    border-radius: 0 0 5px 5px
}

html[data-page=index].smartphone div#faq .faq-question {
    color: #1b1b1b;
    padding: .1rem;
    font-size: .14rem;
    display: table;
    width: 100%
}

html[data-page=index].smartphone div#faq .faq-answer p {
    padding: .1rem .1rem .2rem;
    font-size: .12rem;
    line-height: 1.5
}

html[data-page=index].smartphone div#order-now {
    height: 4rem;
    padding-top: .44em;
    padding-bottom: .44em;
    background-color: #e9ecf3
}

@media screen and (min-width:1024px) {
    html[data-page=index].smartphone div#order-now {
        background-image: url(/static/images/order-now2-mob.0c0338f.jpg)
    }
}

html[data-page=index].smartphone div#order-now .order-wrap {
    width: 100%;
    background: none
}

html[data-page=index].smartphone div#order-now .order-wrap>.order-title {
    font-size: .22em;
    width: 100%
}

html[data-page=index].smartphone div#order-now .order-wrap>.order-subtitle {
    font-size: .13em;
    margin-top: 1.53846em
}

html[data-page=index].smartphone div#order-now .order-wrap>.order-button {
    font-size: .15em;
    width: 2.7rem
}

html[data-page=index].smartphone div#order-now .order-wrap>div.ta-strategy-input-flex {
    -ms-flex-direction: column;
    flex-direction: column;
    width: 2.7em;
    margin-top: .22em
}

html[data-page=index].smartphone div#order-now .order-wrap>div.ta-strategy-input-flex>div.input-container {
    width: 100%
}

html[data-page=index].smartphone div#order-now .order-wrap>div.ta-strategy-input-flex>div.input-container input {
    margin: 0;
    height: .45rem
}

html[data-page=index].smartphone div#order-now .order-wrap>div.ta-strategy-input-flex>.button {
    height: 2.5em;
    width: 100%;
    margin-top: .5em
}

html[data-page=index].smartphone div#order-now {
    height: 4.59em
}

html[data-page=index].smartphone div#order-now .order-wrap>h2.order-title {
    font-size: .26em;
    width: 10em
}

html[data-page=index].smartphone div#order-now .order-wrap>h3.order-subtitle {
    font-size: .18em;
    width: 15em;
    margin-left: auto;
    margin-right: auto
}

html[data-page=index].smartphone div#order-now .button {
    text-transform: none
}

html[data-page=index].smartphone div#order-now[data-target=p1] {
    background-image: url(/static/images/p1-footer-mob.cf814bd.jpg)
}

html[data-page=index].smartphone div#order-now[data-target=p2] {
    background-image: url(/static/images/p2-footer-mob.22fa50f.jpg)
}

html[data-page=index].smartphone div#order-now[data-target=p2] .order-wrap>h2.order-title,
html[data-page=index].smartphone div#order-now[data-target=p2] .order-wrap>h3.order-subtitle {
    color: #fff
}

html[data-page=index].smartphone div#order-now[data-target=p3] {
    background-image: url(/static/images/p3-footer-mob.a7da79f.jpg)
}

html[data-page=index].smartphone div#order-now[data-target=p3] .order-wrap>h2.order-title,
html[data-page=index].smartphone div#order-now[data-target=p3] .order-wrap>h3.order-subtitle {
    color: #fff
}

html[data-page=index].smartphone div#provision {
    padding: .3rem .1rem
}

div#single-step-order>div.padding-container html[data-page=index].smartphone div#provision .container--first,
div#single-step-order>div.padding-container html[data-page=index].smartphone div#provision .container--last,
div#single-step-order>div.padding-container html[data-page=index].smartphone div#provision .container--payment,
html[data-page=index].smartphone div#provision .container,
html[data-page=index].smartphone div#provision div#single-step-order>div.padding-container .container--first,
html[data-page=index].smartphone div#provision div#single-step-order>div.padding-container .container--last,
html[data-page=index].smartphone div#provision div#single-step-order>div.padding-container .container--payment,
html[data-page=index].smartphone div#single-step-order>div.padding-container div#provision .container--first,
html[data-page=index].smartphone div#single-step-order>div.padding-container div#provision .container--last,
html[data-page=index].smartphone div#single-step-order>div.padding-container div#provision .container--payment {
    width: auto;
    -ms-flex-direction: column;
    flex-direction: column
}

html[data-page=index].smartphone div#provision .title h2 {
    font-size: .15rem
}

html[data-page=index].smartphone div#provision .line {
    width: .8rem;
    margin: .1rem 0
}

html[data-page=index].smartphone div#provision .provision-text {
    width: auto;
    font-size: .14rem;
    line-height: 1.3
}

html[data-page=index].smartphone div#provision .provision-list {
    width: auto;
    margin: 0 -.05rem
}

html[data-page=index].smartphone div#provision .provision-list img {
    padding: .05rem;
    max-width: 1rem
}

html[data-page=index].smartphone div#partners {
    padding: .25rem 0
}

div#single-step-order>div.padding-container html[data-page=index].smartphone div#partners .container--first,
div#single-step-order>div.padding-container html[data-page=index].smartphone div#partners .container--last,
div#single-step-order>div.padding-container html[data-page=index].smartphone div#partners .container--payment,
html[data-page=index].smartphone div#partners .container,
html[data-page=index].smartphone div#partners div#single-step-order>div.padding-container .container--first,
html[data-page=index].smartphone div#partners div#single-step-order>div.padding-container .container--last,
html[data-page=index].smartphone div#partners div#single-step-order>div.padding-container .container--payment,
html[data-page=index].smartphone div#single-step-order>div.padding-container div#partners .container--first,
html[data-page=index].smartphone div#single-step-order>div.padding-container div#partners .container--last,
html[data-page=index].smartphone div#single-step-order>div.padding-container div#partners .container--payment {
    -ms-flex-direction: column;
    flex-direction: column
}

html[data-page=index].smartphone div#partners .title h2 {
    font-size: .15rem
}

html[data-page=index].smartphone div#partners .partners-list {
    width: 100%;
    margin: 0 -.05rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start
}

html[data-page=index].smartphone div#partners .partners-item {
    margin: 0;
    padding: .05rem;
    max-width: .7rem;
    max-height: .4rem
}

html[data-page=index].smartphone div#footer {
    font-size: .1rem
}

div#single-step-order>div.padding-container html[data-page=index].smartphone div#footer .container--first,
div#single-step-order>div.padding-container html[data-page=index].smartphone div#footer .container--last,
div#single-step-order>div.padding-container html[data-page=index].smartphone div#footer .container--payment,
html[data-page=index].smartphone div#footer .container,
html[data-page=index].smartphone div#footer div#single-step-order>div.padding-container .container--first,
html[data-page=index].smartphone div#footer div#single-step-order>div.padding-container .container--last,
html[data-page=index].smartphone div#footer div#single-step-order>div.padding-container .container--payment,
html[data-page=index].smartphone div#single-step-order>div.padding-container div#footer .container--first,
html[data-page=index].smartphone div#single-step-order>div.padding-container div#footer .container--last,
html[data-page=index].smartphone div#single-step-order>div.padding-container div#footer .container--payment {
    width: auto;
    text-align: center;
    -ms-flex-direction: column;
    flex-direction: column
}

div#single-step-order>div.padding-container html[data-page=index].smartphone div#footer .container--first>div,
div#single-step-order>div.padding-container html[data-page=index].smartphone div#footer .container--last>div,
div#single-step-order>div.padding-container html[data-page=index].smartphone div#footer .container--payment>div,
html[data-page=index].smartphone div#footer .container>div,
html[data-page=index].smartphone div#footer div#single-step-order>div.padding-container .container--first>div,
html[data-page=index].smartphone div#footer div#single-step-order>div.padding-container .container--last>div,
html[data-page=index].smartphone div#footer div#single-step-order>div.padding-container .container--payment>div,
html[data-page=index].smartphone div#single-step-order>div.padding-container div#footer .container--first>div,
html[data-page=index].smartphone div#single-step-order>div.padding-container div#footer .container--last>div,
html[data-page=index].smartphone div#single-step-order>div.padding-container div#footer .container--payment>div {
    width: auto;
    padding: .1rem
}

html[data-page=index].smartphone div#footer .gf-logo {
    margin-top: .1rem;
    -ms-flex-pack: center;
    justify-content: center
}

html[data-page=index].smartphone div#footer .gf-letters {
    border-right: 0;
    margin-right: 0;
    padding-right: 0
}

html[data-page=index].smartphone div#footer .adress {
    font-size: .1rem;
    margin: 0
}

html[data-page=index].smartphone div#footer .payments {
    -ms-flex-pack: center;
    justify-content: center
}

html[data-page=index].smartphone div#footer .payments img {
    width: .4rem
}

html[data-page=index].smartphone div#footer .bottom-info {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

html[data-page=index].smartphone div#subscription div.landing-width-container {
    width: 100%
}

html[data-page=index].smartphone div#how-fit-works {
    height: auto;
    padding-top: .29em;
    padding-bottom: .35em
}

html[data-page=index].smartphone div#how-fit-works>div.landing-width-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

html[data-page=index].smartphone div#how-fit-works h2 {
    width: 8em
}

html[data-page=index].smartphone div#how-fit-works .how-list {
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 2.6em;
    margin: .19em auto 0
}

html[data-page=index].smartphone div#how-fit-works .how-list>.item {
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%
}

html[data-page=index].smartphone div#how-fit-works .how-list>.item:not(:last-child) {
    margin-bottom: .3em
}

html[data-page=index].smartphone div#how-fit-works .how-list>.item div.icon {
    font-size: .8em;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

html[data-page=index].smartphone div#how-fit-works .how-list>.item>.desc {
    text-align: left;
    margin-top: 0;
    font-size: .12em;
    margin-left: .85714em;
    width: 16em
}

html[data-page=index].smartphone div#how-fit-works .how-list>.item>.desc br,
html[data-page=index].smartphone div#how-fit-works .how-list>.item>.desc br:after {
    content: " "
}

html[data-page=index].smartphone div#how-fit-works .how-list>.item>svg {
    font-size: .7em;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto
}

html[data-page=index].smartphone div#how-fit-works .how-list>.item:not(:last-child) {
    margin-bottom: .15em
}

html[data-page=index].smartphone div#target-plans {
    padding-top: .25em;
    position: relative;
    z-index: 4
}

html[data-page=index].smartphone div#target-plans div#targets-switcher {
    margin-bottom: .07em
}

html[data-page=index].smartphone div#target-plans .target-plans-prev {
    display: block;
    position: absolute;
    left: .05rem;
    bottom: -.93rem;
    z-index: 5;
    width: .25rem;
    height: .25rem;
    background-color: #f5f5f5;
    outline: none
}

html[data-page=index].smartphone div#target-plans .target-plans-prev svg {
    width: .25rem;
    height: .25rem
}

html[data-page=index].smartphone div#target-plans .target-plans-prev svg circle {
    fill: transparent
}

html[data-page=index].smartphone div#target-plans .target-plans-prev svg path {
    fill: #747474
}

html[data-page=index].smartphone div#target-plans .target-plans-next {
    display: block;
    position: absolute;
    right: .05rem;
    bottom: -.93rem;
    z-index: 5;
    width: .25rem;
    height: .25rem;
    background-color: #f5f5f5;
    outline: none
}

html[data-page=index].smartphone div#target-plans .target-plans-next svg {
    width: .25rem;
    height: .25rem
}

html[data-page=index].smartphone div#target-plans .target-plans-next svg circle {
    fill: transparent
}

html[data-page=index].smartphone div#target-plans .target-plans-next svg path {
    fill: #747474
}

html[data-page=index].smartphone #what-is-new-v1 {
    padding-top: .28em;
    padding-bottom: .28em;
    background-image: none
}

html[data-page=index].smartphone #what-is-new-v1 h3 {
    font-size: .16em;
    line-height: 1.25;
    color: #616161;
    margin-top: 1.25em
}

html[data-page=index].smartphone #what-is-new-v1 .counters1 {
    margin-top: .31em;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    padding-bottom: .15em;
    width: auto
}

html[data-page=index].smartphone #what-is-new-v1 .counters1>.title {
    font-size: .18em;
    line-height: 1.22;
    top: -.72222em;
    width: 10em;
    left: 50%;
    margin-left: -5em
}

html[data-page=index].smartphone #what-is-new-v1 .counters1 .counters {
    display: none
}

html[data-page=index].smartphone #what-is-new-v1 .counters1 .swiper-container {
    width: 2.8em;
    padding-top: .21em
}

html[data-page=index].smartphone #what-is-new-v1 .counters1 .swiper-container .slide .title {
    font-size: .2em;
    font-weight: 700;
    text-align: center;
    color: #00b923
}

html[data-page=index].smartphone #what-is-new-v1 .counters1 .swiper-container .slide .title span {
    font-size: 1.2em
}

html[data-page=index].smartphone #what-is-new-v1 .counters1 .swiper-container .slide .subtitle {
    font-size: .16em;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
    color: #616161
}

html[data-page=index].smartphone #what-is-new-v1 .counters1 .swiper-pagination {
    position: static;
    margin: .18em auto 0
}

html[data-page=index].smartphone #what-is-new-v1 .counters1 .swiper-pagination-bullet {
    width: .1em;
    height: .1em;
    opacity: 1;
    background-color: #c0c4cf;
    outline: 0
}

html[data-page=index].smartphone #what-is-new-v1 .counters1 .swiper-pagination-bullet:not(:last-child) {
    margin-right: .12em
}

html[data-page=index].smartphone #what-is-new-v1 .counters1 .swiper-pagination-bullet-active {
    background-color: var(--color__green)
}

html[data-page=index].smartphone #what-is-new-v1 .counters2 {
    margin-top: .19em;
    margin-left: auto;
    margin-right: auto
}

html[data-page=index].smartphone #what-is-new-v1 .counters2 .title {
    font-size: .16em;
    line-height: 1.25
}

html[data-page=index].smartphone #what-is-new-v1 .counters2 .counters,
html[data-page=index].smartphone #what-is-new-v1 .counters2 .hor-line {
    display: none
}

html[data-page=index].smartphone #what-is-new-v1 .counters2 .swiper-container {
    width: 100vw;
    margin-top: .12em
}

html[data-page=index].smartphone #what-is-new-v1 .counters2 .swiper-container .swiper-slide {
    padding-left: .16em
}

html[data-page=index].smartphone #what-is-new-v1 .counters2 .swiper-container .swiper-slide .slide {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

html[data-page=index].smartphone #what-is-new-v1 .counters2 .swiper-container .swiper-slide .slide .icon {
    width: .35em;
    margin-right: .08em
}

html[data-page=index].smartphone #what-is-new-v1 .counters2 .swiper-container .swiper-slide .slide .icon>svg {
    width: 100%;
    height: auto
}

html[data-page=index].smartphone #what-is-new-v1 .counters2 .swiper-container .swiper-slide .slide .txt {
    font-size: .16em;
    font-weight: 500;
    line-height: 1.13;
    color: #616161
}

html[data-page=index].smartphone #what-is-new-v1 .counters2 .swiper-container .swiper-slide .slide .txt svg {
    width: 1em;
    height: .5em
}

html[data-page=index].smartphone #what-is-new-v1 .counters2 .swiper-container .swiper-slide:not(:last-child) .slide:after {
    content: "";
    display: block;
    width: .2em;
    height: 2px;
    background-color: #c4c4c4;
    margin-left: .16em
}

html[data-page=index].smartphone #what-is-new-v1 .counters2 .swiper-container .swiper-slide:last-child {
    padding-right: .16em
}

html[data-page=index].smartphone #what-is-new-v1 .button {
    margin-right: auto;
    margin-left: auto;
    margin-top: 1em;
    width: 13.88889em;
    height: 2.5em
}

html[data-page=index].smartphone #what-is-new {
    padding-top: .24em;
    padding-bottom: .3em;
    background-image: none
}

html[data-page=index].smartphone #what-is-new svg.hearts {
    width: .91em;
    margin: .19em auto 0;
    display: block
}

html[data-page=index].smartphone #what-is-new div.cont {
    width: 100%;
    margin: .19em auto 0
}

html[data-page=index].smartphone #what-is-new div.cont h3 {
    font-size: .14em;
    line-height: 1.29
}

html[data-page=index].smartphone #what-is-new div.cont .total-amount {
    font-size: .24em;
    line-height: 1.17;
    margin-top: .70833em
}

html[data-page=index].smartphone #what-is-new div.cont .total-amount-subtitle {
    font-size: .14em;
    line-height: 1.29;
    margin-top: 0
}

html[data-page=index].smartphone #what-is-new div.cont .hor-line {
    width: .65em;
    margin: .12em auto 0
}

html[data-page=index].smartphone #what-is-new div.cont .counters-title {
    font-size: .12em;
    margin-top: 1.5em
}

html[data-page=index].smartphone #what-is-new div.cont .counters-title.big {
    font-size: .16em
}

html[data-page=index].smartphone #what-is-new div.cont .counters {
    margin-top: .12em
}

html[data-page=index].smartphone #what-is-new div.cont .counters>div {
    width: .985em
}

html[data-page=index].smartphone #what-is-new div.cont .counters>div .number {
    font-size: .2em;
    font-weight: 500;
    color: #313131
}

html[data-page=index].smartphone #what-is-new div.cont .counters>div .txt {
    font-size: .12em;
    line-height: 1.17;
    margin-top: .11111em
}

html[data-page=index].smartphone #what-is-new div.cont .counters>div:not(:last-child) {
    margin-right: 0
}

html[data-page=index].smartphone #what-is-new div.cont .button {
    width: 15.625em;
    margin: 1.8125em auto 0
}

html[data-page=index].smartphone #motivator {
    padding: .32em .2em .18em
}

html[data-page=index].smartphone #motivator div.content-container {
    width: 100%;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    padding: 0;
    margin: .19em auto 0
}

html[data-page=index].smartphone #motivator div.content-container .items-flex {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

html[data-page=index].smartphone #motivator div.content-container .items-flex>div {
    width: 100%;
    padding: 0;
    margin-right: 0
}

html[data-page=index].smartphone #motivator div.content-container .items-flex>div .title {
    font-size: .18em;
    line-height: 1.33;
    padding: .05556em .55556em;
    background-color: #fff;
    display: table
}

html[data-page=index].smartphone #motivator div.content-container .items-flex>div .subtitle {
    font-size: .14em;
    line-height: 1.14;
    margin-top: .35714em;
    padding-left: .71429em
}

html[data-page=index].smartphone #motivator div.content-container .items-flex>div:before {
    display: none
}

html[data-page=index].smartphone #motivator div.content-container .items-flex>div:not(:last-child) {
    margin-bottom: .24em
}

html[data-page=index].smartphone #motivator div.content-container .button {
    margin: 1.25em auto 0;
    width: 16.25em;
    height: 2.8125em
}

html[data-page=index].smartphone #motivator div.content-container img.packs,
html[data-page=index].smartphone #motivator div.content-container img.person {
    display: none
}

html[data-page=index].smartphone div#promo .banner-vega-new {
    background-image: url(/static/images/vega_banner_mobile.5e6e211.jpg);
    height: 3.5rem;
    margin-bottom: 1rem
}

html[data-page=index].smartphone div#promo .banner-vega-new>.banner-inner {
    margin: 0
}

html[data-page=index].smartphone div#promo .banner-vega-new>.banner-inner h1.title {
    font-size: .28rem;
    font-weight: 500;
    text-align: center;
    margin: 0 auto
}

html[data-page=index].smartphone div#promo .banner-vega-new>.banner-inner .price-line {
    text-align: center;
    font-size: .18rem
}

html[data-page=index].smartphone div#promo .banner-vega-new .actions .button {
    margin: .25rem auto 0;
    font-size: .14rem;
    text-transform: uppercase
}

html[data-page=index].smartphone div#promo .banner-vega-new .star {
    top: auto;
    bottom: -2rem;
    left: 50%;
    margin-left: -.85rem
}

html[data-page=index].smartphone div#promo .banner-vega-1 {
    padding-top: 1.16em;
    height: 4.52em;
    padding-bottom: .1em;
    background-image: url(/static/images/main2-mob.c7ff2a1.jpg);
    background-position: center 41%
}

html[data-page=index].smartphone div#promo .banner-vega-1>.banner-inner {
    position: relative
}

html[data-page=index].smartphone div#promo .banner-vega-1>.banner-inner h1 {
    font-size: .26em;
    font-weight: 700;
    line-height: 1.08
}

html[data-page=index].smartphone div#promo .banner-vega-1>.banner-inner div.price-line {
    font-size: .18em;
    margin-top: .55556em
}

html[data-page=index].smartphone div#promo .banner-vega-1>.banner-inner div.price-line>span.price-number,
html[data-page=index].smartphone div#promo .banner-vega-1>.banner-inner div.price-line>span.rub {
    font-size: 1.33333em
}

html[data-page=index].smartphone div#promo .banner-vega-1 .actions {
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: .3em
}

html[data-page=index].smartphone div#promo .banner-vega-1 .actions .button {
    margin: 0 auto;
    font-size: .14rem
}

html[data-page=index].smartphone div#promo .banner-vega-1 .actions .button.outline {
    margin-top: 1em
}

html[data-page=index].smartphone div#promo .banner-badge-date {
    width: auto
}

html[data-page=index].smartphone div#promo .banner-badge .button {
    margin-top: .1rem;
    margin-left: -25%
}

html[data-page=index].smartphone #vega-menu {
    padding: .2rem 0;
    overflow: hidden
}

html[data-page=index].smartphone #vega-menu h2 {
    font-size: .22rem
}

html[data-page=index].smartphone #vega-menu h2:after {
    margin-top: .1rem;
    margin-bottom: .2rem
}

html[data-page=index].smartphone #vega-menu p {
    font-size: .14rem;
    padding: 0 .15rem
}

html[data-page=index].smartphone #vega-menu .full-content {
    margin-top: 0;
    -ms-flex-flow: column;
    flex-flow: column
}

html[data-page=index].smartphone #vega-menu .full-content .photo {
    width: 100%;
    margin-top: 0;
    position: relative;
    z-index: 10
}

html[data-page=index].smartphone #vega-menu .full-content .photo img {
    width: 120%;
    margin-left: -.2rem
}

html[data-page=index].smartphone #vega-menu .full-content .photo .vega-photo {
    display: none
}

html[data-page=index].smartphone #vega-menu .full-content .product {
    width: 100%;
    text-align: center;
    padding: 1rem .15rem;
    margin: -.7rem auto -.2rem;
    height: 4.2rem;
    z-index: 0
}

html[data-page=index].smartphone #vega-menu .full-content .product-name {
    font-size: .32rem !important;
    text-align: center
}

html[data-page=index].smartphone #vega-menu .full-content .product p {
    text-align: center;
    font-size: .18rem
}

html[data-page=index].smartphone #vega-menu .full-content .product ul {
    display: -ms-flexbox;
    display: flex;
    margin: .3rem auto
}

html[data-page=index].smartphone #vega-menu .full-content .product ul li {
    width: .7rem;
    font-size: .2rem;
    padding: 0 !important;
    margin: 0 auto
}

html[data-page=index].smartphone #vega-menu .full-content .product ul li:after {
    right: -.1rem;
    height: .35rem
}

html[data-page=index].smartphone #vega-menu .full-content .product ul li:first-of-type {
    width: .7rem
}

html[data-page=index].smartphone #vega-menu .full-content .product ul li:last-of-type {
    width: .8rem
}

html[data-page=index].smartphone #vega-menu .full-content .product ul li span {
    font-size: .14rem
}

html[data-page=index].smartphone #vega-menu .full-content .product .price-plan {
    font-size: .18rem;
    padding: 0
}

html[data-page=index].smartphone #vega-menu .full-content .product .price-plan .price {
    font-size: .26rem;
    width: 100%
}

html[data-page=index].smartphone #vega-menu .full-content .product .price-plan .old-price {
    font-size: .15rem
}

html[data-page=index].smartphone #vega-menu .full-content .product .button {
    padding: .2rem .15rem;
    margin: .2rem auto 0;
    font-size: .18rem;
    text-transform: uppercase
}

html[data-page=index].smartphone .vegan-modal {
    padding: .4rem .15rem
}

html[data-page=index].smartphone div#ta-strategy-promo {
    margin-bottom: 0
}

html[data-page=index].smartphone div#ta-strategy-promo div.top-bg {
    padding-top: 1.16em;
    height: auto;
    padding-bottom: .1em;
    background-image: url(/static/images/main2-mob.c7ff2a1.jpg);
    background-position: center 41%
}

html[data-page=index].smartphone div#ta-strategy-promo div.top-bg div.inner {
    display: block;
    margin-left: 0;
    padding: 0 .19em;
    text-align: center
}

html[data-page=index].smartphone div#ta-strategy-promo div.top-bg div.inner h1 {
    font-size: .26em;
    font-weight: 700;
    line-height: 1.08
}

html[data-page=index].smartphone div#ta-strategy-promo div.top-bg div.inner div.price-line {
    font-size: .18em;
    margin-top: .55556em
}

html[data-page=index].smartphone div#ta-strategy-promo div.top-bg div.inner div.price-line>span.big {
    font-size: 1.33333em
}

html[data-page=index].smartphone div#ta-strategy-promo div.top-bg div.form-before-tariff-select {
    width: 3em;
    padding: .21em .15em .18em;
    top: 0;
    margin-top: .3em
}

html[data-page=index].smartphone div#ta-strategy-promo div.top-bg div.form-before-tariff-select div.line1 {
    font-size: .18em;
    text-align: center
}

html[data-page=index].smartphone div#ta-strategy-promo div.top-bg div.form-before-tariff-select div.line2 {
    font-size: .13em;
    text-align: center;
    margin-top: .92308em
}

html[data-page=index].smartphone div#ta-strategy-promo div.top-bg div.form-before-tariff-select div.ta-strategy-input-flex {
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: .18em
}

html[data-page=index].smartphone div#ta-strategy-promo div.top-bg div.form-before-tariff-select div.ta-strategy-input-flex div.input-container {
    width: 100%
}

html[data-page=index].smartphone div#ta-strategy-promo div.top-bg div.form-before-tariff-select div.ta-strategy-input-flex div.input-container input {
    height: .45rem;
    margin: 0
}

html[data-page=index].smartphone div#ta-strategy-promo div.top-bg div.form-before-tariff-select div.ta-strategy-input-flex button {
    width: 100%;
    height: 2.5em;
    margin-top: .55556em
}

html[data-page=index].smartphone div#ta-strategy-tariffs {
    padding: .27em 0 0
}

html[data-page=index].smartphone div#ta-strategy-tariffs h2 {
    padding: 0 3.18182em
}

html[data-page=index].smartphone div#ta-strategy-tariffs div.about-plans {
    font-size: .13em;
    font-weight: 500;
    line-height: 1.23;
    padding: 0 1em
}

html[data-page=index].smartphone div#ta-strategy-tariffs div.tariffs-flex {
    margin: 0;
    margin-top: .25em
}

html[data-page=index].smartphone div#ta-strategy-tariffs div.tariffs-flex>div {
    width: 100%;
    height: auto;
    margin: 0;
    padding: .15em .13em .22em;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: start;
    align-items: flex-start
}

html[data-page=index].smartphone div#ta-strategy-tariffs div.tariffs-flex>div>div.icon {
    width: .48em;
    margin-top: .09em
}

html[data-page=index].smartphone div#ta-strategy-tariffs div.tariffs-flex>div>div.info-container {
    margin-left: .16em;
    width: 2.11em
}

html[data-page=index].smartphone div#ta-strategy-tariffs div.tariffs-flex>div>div.info-container>h3 {
    font-size: 13px;
    line-height: 1.69;
    margin-top: 0
}

html[data-page=index].smartphone div#ta-strategy-tariffs div.tariffs-flex>div>div.info-container>div.desc {
    font-size: .15em;
    font-weight: 700;
    line-height: 1.33;
    margin-top: .33333em;
    text-align: left
}

html[data-page=index].smartphone div#ta-strategy-tariffs div.tariffs-flex>div>div.button {
    display: none
}

html[data-page=index].smartphone div#ta-strategy-tariffs div.tariffs-flex>div:after {
    display: block;
    content: "";
    width: .1em;
    height: .171em;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(/static/images/arrow-right-white.a448d48.svg);
    position: relative;
    margin-top: .27em;
    margin-left: .08rem
}

html[data-page=index].smartphone div#ta-strategy-tariffs div.tariffs-flex>div:before,
html[data-page=index].smartphone div#ta-strategy-tariffs div.tariffs-flex>div:hover:before {
    opacity: .8
}

html[data-page=index].smartphone div#ta-strategy-meals {
    padding: .24em .17em .4em
}

html[data-page=index].smartphone div#ta-strategy-meals div.about-examples {
    font-size: .13em;
    font-weight: 500;
    line-height: 1.23;
    color: #1b1b1b
}

html[data-page=index].smartphone div#ta-strategy-meals div.landing-width-container {
    width: 100%
}

html[data-page=index].smartphone div#ta-strategy-meals div.stats-flex {
    font-size: 1em
}

html[data-page=index].smartphone div#ta-strategy-meals div.days-switcher {
    margin-top: .26em
}

html[data-page=index].smartphone div#ta-strategy-meals div.days-switcher>div {
    font-weight: 700;
    width: 6.42857em;
    height: 1.78571em;
    border-radius: .89286em;
    margin: 0 .28571em
}

html[data-page=index].smartphone div#ta-strategy-meals div.mobile-summary.stats-flex {
    margin-top: .23em
}

html[data-page=index].smartphone div#ta-strategy-meals div.mobile-summary.stats-flex div.title {
    font-size: .14em;
    font-weight: 700;
    line-height: 1;
    color: #1b1b1b;
    text-align: left
}

html[data-page=index].smartphone div#ta-strategy-meals div.mobile-summary.stats-flex div.title:after {
    display: none
}

html[data-page=index].smartphone div#ta-strategy-meals div.mobile-summary.stats-flex div.amount {
    font-size: .13em
}

html[data-page=index].smartphone div#ta-strategy-meals div.dishes-swiper {
    margin-top: .22em
}

html[data-page=index].smartphone div#ta-strategy-meals div.dishes-swiper div.dish {
    width: 2.3em;
    border-radius: .04em;
    background-color: #fff;
    box-shadow: 0 .02em .04em 0 rgba(0, 0, 0, .06);
    overflow: hidden;
    margin-bottom: .32em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between
}

html[data-page=index].smartphone div#ta-strategy-meals div.dishes-swiper div.dish>div.photo {
    height: 1.55em;
    background-size: cover;
    background-position: 50%
}

html[data-page=index].smartphone div#ta-strategy-meals div.dishes-swiper div.dish>div.photo>div.title {
    background-color: rgba(0, 0, 0, .4);
    font-size: .15em;
    font-weight: 500;
    padding: .33333em .93333em .4em 1.46667em;
    display: table;
    color: #fff
}

html[data-page=index].smartphone div#ta-strategy-meals div.dishes-swiper div.dish>div.info {
    padding: .11em .12em .08em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-positive: 1;
    flex-grow: 1
}

html[data-page=index].smartphone div#ta-strategy-meals div.dishes-swiper div.dish>div.info>div.title {
    font-size: .13em;
    font-weight: 500;
    line-height: 1.38;
    color: #1b1b1b
}

html[data-page=index].smartphone div#ta-strategy-meals div.dishes-swiper div.dish>div.info div.stats-flex {
    margin-top: .11em
}

html[data-page=index].smartphone div#ta-strategy-meals div.dishes-swiper div.dish>div.info div.stats-flex div.amount {
    font-size: .13em
}

html[data-page=index].smartphone div#ta-strategy-meals div.dishes-swiper .swiper-pagination {
    bottom: 0
}

html[data-page=index].smartphone div#ta-strategy-meals div.dishes-swiper .swiper-pagination-bullet {
    width: .06em;
    height: .06em;
    margin: 0 .03em
}

html[data-page=index].smartphone div#ta-strategy-meals div.dishes-swiper .swiper-pagination-bullet-active {
    background-color: var(--color__default)
}

html[data-page=index].smartphone div#ta-strategy-meals div.ta-strategy-input-flex {
    width: 2.6em;
    margin: .22em auto 0
}

html[data-page=index].smartphone div#ta-strategy-meals div.ta-strategy-input-flex>div.input-container input {
    margin: 0
}

html[data-page=index].smartphone div#ta-strategy-meals div.ta-strategy-input-flex>.button {
    font-size: .15em;
    font-weight: 700;
    margin-top: .66667em;
    width: 17.33333em;
    height: 3em;
    border-radius: .26667em;
    text-transform: none;
    overflow: visible
}

html[data-page=index].smartphone div#ta-strategy-meals div.stats-flex.with-lines>div:not(:last-child):after {
    width: 1px
}

html[data-page=index].smartphone div#fit21-promo>div.top-bg {
    height: 5.68em;
    padding-top: .53em;
    background-image: url(/static/images/top-mobile.b071f68.jpg);
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
    background-color: #fea8ab
}

html[data-page=index].smartphone div#fit21-promo>div.top-bg>div.content>svg.refresh-icon {
    width: .54em;
    height: .54em
}

html[data-page=index].smartphone div#fit21-promo>div.top-bg>div.content>div.refresh-logo {
    font-size: .69em;
    margin-bottom: .2em
}

html[data-page=index].smartphone div#fit21-promo>div.top-bg>div.content>h2 {
    margin-top: 0;
    font-size: .36em;
    text-transform: uppercase
}

html[data-page=index].smartphone div#fit21-promo>div.top-bg>div.content>h3 {
    margin-top: 0;
    padding: 0 1em
}

html[data-page=index].smartphone div#fit21-promo>div.top-bg>div.content>a.button {
    font-size: .15em;
    width: 18em;
    height: 3em;
    margin: 12em auto 0
}

html[data-page=index].smartphone div#fit21-promo>div.top-bg>div.content>div.marks {
    margin-top: 1em;
    font-size: .1em;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    color: #fff
}

html[data-page=index].smartphone div#fit21-promo>div.fit21-new-banner {
    height: 3.77em;
    padding-top: 1.39em;
    background-image: url(/static/images/bg_mob.90136c4.jpg)
}

html[data-page=index].smartphone div#fit21-promo>div.fit21-new-banner>h1 {
    font-size: .3em;
    line-height: 1.2;
    width: 9.73333em;
    height: 3.33333em
}

html[data-page=index].smartphone div#fit21-promo>div.fit21-new-banner>a.button {
    display: none
}

html[data-page=index].smartphone div#fit21-promo>div.calc-container {
    width: 3em;
    margin-top: -.6em;
    margin-top: -1em
}

html[data-page=index].smartphone div#gf-about>div.landing-width-container>h2 {
    text-align: center
}

html[data-page=index].smartphone div#gf-about>div.landing-width-container>div.line-after-h2 {
    margin-left: auto;
    margin-right: auto
}

html[data-page=index].smartphone div#gf-about>div.landing-width-container>h3 {
    margin-top: .625em;
    font-size: .15em;
    text-align: center
}

html[data-page=index].smartphone div#gf-about>div.landing-width-container>div.about-flex {
    width: 100%;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: .48em;
    padding: 0 .18em;
    padding-bottom: .76em
}

html[data-page=index].smartphone div#gf-about>div.landing-width-container>div.about-flex>div {
    width: 100%;
    margin-bottom: .2em
}

html[data-page=index].smartphone div#gf-about>div.landing-width-container>div.about-flex>div>div.icon {
    width: .15em
}

html[data-page=index].smartphone div#gf-about>div.landing-width-container>div.about-flex>div>div.text {
    margin-left: .15em
}

html[data-page=index].smartphone div#gf-about>div.landing-width-container>div.about-flex>div>div.text>div.line1 {
    font-size: .15em;
    padding-top: 0
}

html[data-page=index].smartphone div#gf-about>div.landing-width-container>div.about-flex>div>div.text>div.line2 {
    margin-top: .23077em;
    font-size: .13em
}

html[data-page=index].smartphone div#gf-about>div.landing-width-container>div.bag {
    bottom: -1.1em;
    right: 0;
    width: 2.6em
}

html[data-page=index].smartphone div#gf-about>div.landing-width-container>div.bag>img {
    width: 100%
}

html[data-page=index].smartphone div#gf-about>div.clipper {
    height: 1.12em;
    margin-top: .5em
}

html[data-page=index].smartphone div#fit21-profits {
    background-image: url(/static/images/profits-bg-mobile.19ea371.jpg);
    height: 7.39em;
    margin-top: 0;
    padding-top: 2.76em
}

html[data-page=index].smartphone div#fit21-profits>div.landing-width-container>div.content {
    margin-left: auto;
    margin-right: 0;
    display: table;
    width: 100%
}

html[data-page=index].smartphone div#fit21-profits>div.landing-width-container>div.content>h2 {
    padding-left: 1.54545em;
    padding-right: 6.81818em
}

html[data-page=index].smartphone div#fit21-profits>div.landing-width-container>div.content>div.line-after-h2 {
    background-color: #f3b6c1;
    margin-bottom: .2em;
    margin-left: .34em
}

html[data-page=index].smartphone div#fit21-profits>div.landing-width-container>div.content>div.profit {
    margin-bottom: .14em;
    padding-left: .11em;
    padding-right: .3em
}

html[data-page=index].smartphone div#fit21-profits>div.landing-width-container>div.content>div.profit>div.icon {
    width: .15em
}

html[data-page=index].smartphone div#fit21-profits>div.landing-width-container>div.content>div.profit>div.text {
    margin-left: .11em
}

html[data-page=index].smartphone div#fit21-profits>div.landing-width-container>div.content>div.profit>div.text>div.line1 {
    font-size: .15em;
    padding-top: 0
}

html[data-page=index].smartphone div#fit21-profits>div.landing-width-container>div.content>div.profit>div.text>div.line2 {
    margin-top: .38462em;
    font-size: .13em
}

html[data-page=index].smartphone div#fit21-calculator div.calc-container {
    width: 3em;
    margin-top: .27em
}

html[data-page=index].smartphone div#fit21-real-result>div.landing-width-container {
    width: 3em;
    height: 2.8em;
    background-image: url(/static/images/real-result-mob.e83c2a3.jpg)
}

html[data-page=index].smartphone div#fit21-real-result>div.landing-width-container>div.refresh-logo {
    font-size: .69em
}

html[data-page=index].smartphone div#fit21-real-result:after {
    height: 1em;
    margin-top: -.8em
}

html[data-page=index].smartphone div#fit21-fat-chick {
    padding-bottom: .33em;
    overflow: hidden
}

html[data-page=index].smartphone div#fit21-fat-chick>img {
    width: 5.2em;
    right: -.45em
}

html[data-page=index].smartphone div#fit21-fat-chick>div.content-block {
    margin: 0 auto;
    position: relative;
    z-index: 10
}

html[data-page=index].smartphone div#fit21-fat-chick>div.content-block>h2 {
    font-size: .2em;
    font-weight: 900;
    text-align: center
}

html[data-page=index].smartphone div#fit21-fat-chick>div.content-block>h3 {
    font-size: .15em;
    margin-top: .53333em;
    text-align: center
}

html[data-page=index].smartphone div#fit21-fat-chick>div.content-block>a.button {
    text-transform: capitalize;
    margin-top: 18.86667em;
    font-size: .15em;
    width: 18em;
    height: 3em
}

html[data-page=index].smartphone div#fit21-fat-chick:before {
    height: 1em;
    top: -1px
}

html[data-page=index].smartphone #why-growfood {
    padding-bottom: .3em
}

html[data-page=index].smartphone #why-growfood .why-list {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 2.8em;
    margin: .25em auto 0
}

html[data-page=index].smartphone #why-growfood .why-list>div {
    width: 100%
}

html[data-page=index].smartphone #why-growfood .why-list>div>svg {
    margin-right: auto;
    margin-left: auto;
    font-size: .8em
}

html[data-page=index].smartphone #why-growfood .why-list>div>.desc {
    font-size: .12em;
    width: 16em
}

html[data-page=index].smartphone #why-growfood .why-list>div:not(:last-child) {
    margin-bottom: .2em
}

html[data-page=index].smartphone div#fit21-order-now {
    height: 4.7em;
    padding-top: 1.96em;
    background-image: url(/static/images/order_now_mob.825948e.jpg)
}

html[data-page=index].smartphone div#fit21-order-now>div.landing-width-container>div.cont {
    margin-right: .1em
}

html[data-page=index].smartphone div#fit21-order-now>div.landing-width-container>div.cont>div.text {
    font-size: .24em;
    text-align: right;
    width: 10em
}

html[data-page=index].smartphone div#fit21-order-now>div.landing-width-container>div.cont>a.button {
    font-size: .14em;
    width: 14.28571em;
    height: 2.85714em;
    border-radius: .42857em;
    margin-left: auto;
    margin-right: 0;
    margin-top: 1.42857em
}

html[data-page=index].smartphone div#fit21-middle-cta {
    padding: .3em 0;
    padding: 0;
    background-image: none;
    background-color: #fff;
    box-shadow: 0 .07em .15em 0 rgba(0, 0, 0, .27)
}

html[data-page=index].smartphone div#fit21-middle-cta>div.cont {
    width: 100%;
    padding-bottom: .13em;
    margin: .3em auto 0;
    box-shadow: none;
    margin-top: 0
}

html[data-page=index].smartphone div#fit21-middle-cta>div.cont>h2 {
    line-height: 1;
    width: 12.5em;
    margin: 0 auto
}

html[data-page=index].smartphone div#fit21-middle-cta>div.cont>div.kg6 {
    width: 1.1em;
    height: .7em;
    top: -.18em
}

html[data-page=index].smartphone div#fit21-middle-cta>div.cont>div.kg6>div.line1 {
    font-size: .32em
}

html[data-page=index].smartphone div#fit21-middle-cta>div.cont>div.kg6>div.line2 {
    font-size: .14em
}

html[data-page=index].smartphone div#fit21-middle-cta>div.cont>div.columns {
    -ms-flex-direction: column;
    flex-direction: column
}

html[data-page=index].smartphone div#fit21-middle-cta>div.cont>div.columns>div.column1 {
    padding-top: .17em;
    width: 100%
}

html[data-page=index].smartphone div#fit21-middle-cta>div.cont>div.columns>div.column1>div.cont {
    width: 2.8em;
    margin-right: auto;
    margin-left: auto
}

html[data-page=index].smartphone div#fit21-middle-cta>div.cont>div.columns>div.column1>div.cont ul {
    margin-left: .1em
}

html[data-page=index].smartphone div#fit21-middle-cta>div.cont>div.columns>div.column1>div.cont ul>li>span {
    font-size: .16em;
    margin-left: .625em
}

html[data-page=index].smartphone div#fit21-middle-cta>div.cont>div.columns>div.column1>div.cont ul>li:not(:last-child) {
    margin-bottom: .12em
}

html[data-page=index].smartphone div#fit21-middle-cta>div.cont>div.columns>div.column1>div.cont div.no-problems {
    width: 2.7em;
    margin-left: auto;
    margin-right: auto
}

html[data-page=index].smartphone div#fit21-middle-cta>div.cont>div.columns>div.column1>div.cont div.no-problems>div>div.text {
    font-size: .14em
}

html[data-page=index].smartphone div#fit21-middle-cta>div.cont>div.columns>div.grline {
    width: 2.4em;
    height: 1px;
    margin: .3em auto 0
}

html[data-page=index].smartphone div#fit21-middle-cta>div.cont>div.columns>div.column2 {
    width: 2.6em;
    margin: .3em auto 0
}

html[data-page=index].smartphone div#fit21-middle-cta>div.cont>div.columns>div.column2.auth {
    padding-top: 0
}

html[data-page=index].smartphone div#trial-promo {
    background-image: url(/static/images/trial-mob.dcb290f.jpg);
    height: 5.7em;
    padding-top: .65em;
    color: #1b1b1b
}

html[data-page=index].smartphone div#trial-promo>h1 {
    font-weight: 900;
    font-size: .48em
}

html[data-page=index].smartphone div#trial-promo>div.second-line {
    font-size: .24em;
    font-weight: 700;
    margin-top: 0
}

html[data-page=index].smartphone div#trial-promo>a.button {
    font-size: .15em;
    line-height: 1.33;
    width: 18em;
    height: 3em;
    border-radius: .26667em;
    box-shadow: none;
    margin: 1em auto 0
}

html[data-page=index].smartphone div#trial-order-now {
    background-size: 120%;
    background-position: 100% 70%;
    background-image: url(/static/images/trial-order-now-mob.42b303d.jpg);
    height: 4.7em;
    padding-top: 1.51em
}

html[data-page=index].smartphone div#trial-order-now>h2 {
    font-size: .22em;
    font-weight: 700;
    line-height: 1.18
}

html[data-page=index].smartphone div#trial-order-now>h3 {
    font-size: .15em;
    line-height: 1.07;
    margin: 1.06667em auto;
    width: 18em
}

html[data-page=index].smartphone div#trial-order-now>a.button {
    font-size: .15em;
    line-height: 1.33;
    width: 18em;
    height: 3em;
    border-radius: .26667em;
    box-shadow: none;
    margin: 2.8em auto 0;
    text-transform: none
}

html[data-page=index].smartphone div#trial-order-now:before {
    height: .8em
}

html[data-page=index].smartphone div#brb-promo {
    background-image: url(/static/images/bg-mob.b67f6ea.jpg);
    height: 5.04em;
    padding-top: 3em
}

html[data-page=index].smartphone div#brb-promo>div.landing-width-container>div {
    display: table;
    margin-right: auto
}

html[data-page=index].smartphone div#brb-promo>div.landing-width-container>div>h1 {
    font-size: .48em;
    line-height: 1.15
}

html[data-page=index].smartphone div#brb-promo>div.landing-width-container>div>h2 {
    font-size: .24em;
    font-weight: 700;
    margin-top: 0
}

html[data-page=index].smartphone div#brb-promo>div.landing-width-container>div>a.button {
    font-size: .15em;
    width: 18em;
    height: 3em;
    border-radius: .26667em;
    box-shadow: 0 .26667em .33333em 0 rgba(0, 0, 0, .1);
    margin: 1em auto 0
}

html[data-page=index].smartphone div#brb-reviews h2 {
    width: 2.6rem;
    margin: 0 auto
}

html[data-page=index].smartphone div#brb-reviews>div.replies-slider {
    width: 100%;
    margin-top: .4em
}

html[data-page=index].smartphone div#brb-reviews>div.replies-slider div.swiper-slide {
    width: 2.3em;
    background-color: #fff;
    margin-right: .17em
}

html[data-page=index].smartphone div#brb-reviews>div.replies-slider div.swiper-slide>div.img {
    height: 1.56em
}

html[data-page=index].smartphone div#brb-reviews>div.replies-slider div.swiper-slide>div.text {
    font-size: .13em;
    font-weight: 500;
    padding: .84615em;
    padding-bottom: 0
}

html[data-page=index].smartphone div#brb-reviews>div.replies-slider div.swiper-slide>div.author {
    font-size: .13em;
    font-weight: 500;
    padding: .84615em
}

html[data-page=index].smartphone div#brb-order-now {
    background-image: url(/static/images/order-now-mob.1417b77.jpg);
    height: 4.2em;
    padding-top: .3em
}

html[data-page=index].smartphone div#brb-order-now>div {
    margin-left: auto;
    margin-right: auto
}

html[data-page=index].smartphone div#brb-order-now>div>h2 {
    font-size: .22em;
    font-weight: 700;
    line-height: 1.18;
    text-align: center
}

html[data-page=index].smartphone div#brb-order-now>div>h3 {
    font-size: .15em;
    font-weight: 700;
    line-height: 1.33;
    text-align: center;
    margin-top: .66667em
}

html[data-page=index].smartphone div#brb-order-now>div>div.socs {
    left: .6em;
    top: 1em
}

html[data-page=index].smartphone div#brb-order-now>div>a.button {
    font-size: .18em;
    font-weight: 700;
    line-height: 1.11;
    color: #000;
    text-transform: uppercase;
    width: 16.66667em;
    height: 3.33333em;
    border-radius: .22222em;
    background-color: #ffcc01;
    box-shadow: 0 .22222em .33333em 0 rgba(0, 0, 0, .1);
    margin-top: 1.22222em;
    border: none
}

html[data-page=index].smartphone div#promo div.banner.fitness-subscription {
    font-size: 1em;
    height: 4.5em;
    padding-top: .9em;
    background-image: url(/static/images/fitness_sub_mob.5b5294d.jpg)
}

html[data-page=index].smartphone div#promo div.banner.fitness-subscription div.boxes-row>div.box1 {
    margin-right: 0;
    width: 46%
}

html[data-page=index].smartphone div#promo div.banner.fitness-subscription div.boxes-row>div.box1>div.row1 {
    font-size: .23em
}

html[data-page=index].smartphone div#promo div.banner.fitness-subscription div.boxes-row>div.box1>div.row2 {
    font-size: .23em;
    display: block;
    padding-top: .15em
}

html[data-page=index].smartphone div#promo div.banner.fitness-subscription div.boxes-row>div.box1>div.row3 {
    display: none
}

html[data-page=index].smartphone div#promo div.banner.fitness-subscription div.boxes-row>div.box2 {
    padding-top: .15em;
    width: 54%
}

html[data-page=index].smartphone div#promo div.banner.fitness-subscription div.boxes-row>div.box2>div.row1 {
    font-size: .23em;
    padding-left: 1em
}

html[data-page=index].smartphone div#promo div.banner.fitness-subscription div.boxes-row>div.box2>div.row2 {
    font-size: .23em;
    display: block;
    padding-left: 1em;
    padding-top: .1em;
    padding-bottom: .1em
}

html[data-page=index].smartphone div#promo div.banner.fitness-subscription div.boxes-row>div.box2>div.row3 {
    display: none
}

html[data-page=index].smartphone div#promo div.banner.fitness-subscription div.boxes-row>div.box2>a.button {
    font-size: .18em;
    width: 10.55556em;
    height: 2.77778em;
    border-radius: .22222em;
    margin-top: 9.44444em;
    margin-left: -4.44444em
}

html[data-page=index].smartphone #how-sub-works {
    padding-top: .35em;
    padding-bottom: .35em
}

html[data-page=index].smartphone #how-sub-works .how-list {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-top: .4em;
    padding-left: .2em;
    padding-right: .2em
}

html[data-page=index].smartphone #how-sub-works .how-list>div.item {
    width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    font-size: 1em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center
}

html[data-page=index].smartphone #how-sub-works .how-list>div.item img {
    margin: 0;
    margin-right: .1em;
    width: .5em;
    height: .5em
}

html[data-page=index].smartphone #how-sub-works .how-list>div.item .desc {
    font-size: .16em;
    margin-top: 0;
    text-align: left
}

html[data-page=index].smartphone #how-sub-works .how-list>div.item:not(:first-child) {
    margin-top: .28em
}

html[data-page=index].smartphone div#sub-order-now {
    font-size: 1em;
    height: 4.7em;
    background-image: url(/static/images/order_now_mob.c174a70.jpg)
}

html[data-page=index].smartphone div#sub-order-now .order-wrap>.order-title {
    width: 3rem;
    font-size: .24rem
}

html[data-page=index].smartphone div#sub-order-now .order-wrap>.order-subtitle {
    width: 3rem
}

html[data-page=index].smartphone div#sub-order-now .order-wrap>.order-button {
    border-width: 0
}

html[data-page=index]:not(.smartphone) div#menu-plans-v2 #plans-switcher-v2:not(.plans-switcher--targets) div.menu-types-flex {
    padding-bottom: .1em
}

html[data-page=index]:not(.smartphone) div#menu-plans-v2 #plans-switcher-v2:not(.plans-switcher--targets) div.menu-types-flex>div:not(.runner):hover {
    background-color: #f4f4f4
}

html[data-page=index]:not(.smartphone) div#menu-plans-v2 #plans-switcher-v2:not(.plans-switcher--targets) div.menu-types-flex>div:not(.runner).active {
    position: relative
}

html[data-page=index]:not(.smartphone) div#menu-plans-v2 #plans-switcher-v2:not(.plans-switcher--targets) div.menu-types-flex>div:not(.runner).active:after {
    content: none
}

html[data-page=index]:not(.smartphone).landing-page--ya-taxi div#menu-plans-v2 {
    padding-bottom: .8rem
}

html[data-page=index]:not(.smartphone) div#menu-plans-v2 {
    padding-top: 0.8em;
    padding-bottom: .5em
}

html[data-page=index]:not(.smartphone) div#menu-plans-v2--loading {
    pointer-events: none
}

html[data-page=index]:not(.smartphone) div#menu-plans-v2.compact-menu-plans {
    padding-top: 0;
    padding-bottom: 0
}

html[data-page=index]:not(.smartphone) div#menu-plans-v2 h2 {
    width: auto
}

html[data-page=index]:not(.smartphone) div#menu-plans-v2 .landing-width-container {
    width: 12.2em
}

html[data-page=index]:not(.smartphone) div#menu-plans-v2 div#plans-switcher-v2 {
    margin-top: .1em;
    margin-bottom: .1em
}

html[data-page=index]:not(.smartphone) div#menu-plans-v2 a.button {
    font-weight: 900;
    width: 17.77778em;
    height: 3.33333em;
    text-transform: uppercase;
    margin-top: 1em
}

html[data-page=index]:not(.smartphone) div.menu-types-flex {
    position: relative;
    width: 100%;
    margin: 0 auto;
    margin-top: 0
}

html[data-page=index]:not(.smartphone) div.menu-types-flex .runner {
    position: absolute;
    height: 100%;
    background-color: #f5f4f5;
    z-index: 3;
    border-radius: .05rem;
    top: 0;
    left: 0;
    transform: translateX(-.3rem);
    transition: transform .3s ease-in-out, width .1s ease-in-out
}

html[data-page=index]:not(.smartphone) div.menu-types-flex>div:not(.runner) {
    position: relative;
    z-index: 4;
    padding: .18em .1em .17em;
    border-radius: .02em
}

html[data-page=index]:not(.smartphone) div.menu-types-flex>div:not(.runner).highlight div.title {
    font-weight: 700
}

html[data-page=index]:not(.smartphone) div.menu-types-flex>div:not(.runner) .icon {
    position: relative;
    width: .46em;
    height: .46em;
    margin-left: auto;
    margin-right: auto
}

html[data-page=index]:not(.smartphone) div.menu-types-flex>div:not(.runner) .icon svg.icon {
    width: .46em;
    height: .46em
}

html[data-page=index]:not(.smartphone) div.menu-types-flex>div:not(.runner) div.title {
    font-size: .2em;
    line-height: 1;
    color: #8d8d8d;
    margin-top: .6em
}

html[data-page=index]:not(.smartphone) div.menu-types-flex>div:not(.runner) div.subtitle {
    display: block;
    font-size: .16em;
    font-weight: 500;
    line-height: 1.38;
    color: #8d8d8d;
    margin-top: .25em;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 5.7em
}

html[data-page=index]:not(.smartphone) div.menu-types-flex>div:not(.runner) .new {
    top: 1.3em;
    right: calc(50% - 3.7em)
}

html[data-page=index]:not(.smartphone) div.menu-types-flex>div:not(.runner) .default-discount {
    font-size: .12em;
    width: 1.4em;
    height: 1.4em;
    top: 1.2em;
    right: calc(50% - 2.2em)
}

html[data-page=index]:not(.smartphone) div.menu-types-flex>div:not(.runner):not(.active) {
    cursor: pointer
}

html[data-page=index]:not(.smartphone) div.menu-types-flex>div:not(.runner).active {
    position: relative
}

html[data-page=index]:not(.smartphone) div.menu-types-flex>div:not(.runner).active:after {
    display: inline-block;
    position: absolute;
    bottom: 0;
    width: 1rem;
    left: calc(50% - .5rem);
    right: 0;
    height: .04rem;
    background-color: var(--color__default)
}

html[data-page=index]:not(.smartphone) div.menu-types-flex>div:not(.runner).active div.subtitle,
html[data-page=index]:not(.smartphone) div.menu-types-flex>div:not(.runner).active div.title {
    color: var(--color__default)
}

html[data-page=index]:not(.smartphone) div#plans-switcher-v2 {
    padding: .14em 0 0
}

html[data-page=index]:not(.smartphone) div#plans-switcher-v2>div.landing-tabber {
    display: none
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu {
    padding-top: .36em
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu>h3 {
    font-size: .18em;
    font-weight: 500;
    line-height: 1.22;
    color: #6b6b6b;
    text-align: center
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu>h3 span.price {
    font-size: 1.22222em;
    font-weight: 700;
    color: var(--color__default)
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container {
    position: relative
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container.detox div.swiper-slide div.day-menu>div.packs-list div.dish-v20 div.photo div.title.extended {
    left: 0
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container div.swiper-slide div.day-menu>div.weekday-title {
    font-size: .28em;
    font-weight: 700;
    line-height: 1.07;
    color: #4e4e4e;
    text-align: center
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container div.swiper-slide div.day-menu>div.packs-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 8.6em;
    margin-top: .3em;
    margin-left: auto;
    margin-right: auto;
    font-size: .9em
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container div.swiper-slide div.day-menu>div.packs-list div.dish-v20 {
    width: 2.44em;
    margin-bottom: .25em;
    position: relative
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container div.swiper-slide div.day-menu>div.packs-list div.dish-v20 .dish-v20__new {
    font-size: .14em;
    position: absolute;
    top: -.78571em;
    right: 1em;
    border-radius: 1.5em;
    background-color: #ff4b65;
    padding: .57143em 1em .5em;
    font-weight: 700;
    line-height: .93;
    color: #fff;
    text-transform: uppercase
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container div.swiper-slide div.day-menu>div.packs-list div.dish-v20:not(:nth-child(3n)) {
    margin-right: .64em
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container div.swiper-slide div.day-menu>div.packs-list div.dish-v20 div.photo {
    width: 100%;
    height: 1.69em;
    background-size: cover;
    background-position: 50%;
    position: relative;
    border-radius: .28em
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container div.swiper-slide div.day-menu>div.packs-list div.dish-v20 div.photo div.title {
    border-radius: .25em;
    background-color: var(--color__default);
    padding: .5em .8125em .625em .6875em;
    font-size: .16em;
    font-weight: 700;
    color: var(--color__button-text);
    line-height: .81;
    position: absolute;
    left: -.8125em;
    bottom: 1.25em
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container div.swiper-slide div.day-menu>div.packs-list div.dish-v20 div.photo div.title.extended {
    padding: .375em 1.1875em .375em .625em;
    left: -1.125em;
    bottom: 1.0625em;
    line-height: 1.17
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container div.swiper-slide div.day-menu>div.packs-list div.dish-v20 div.photo div.title span.weekday {
    font-size: .75em;
    font-weight: 500;
    line-height: 1.17;
    color: var(--color__pack-weekday-text)
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container div.swiper-slide div.day-menu>div.packs-list div.dish-v20 div.info {
    margin-top: .15em
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container div.swiper-slide div.day-menu>div.packs-list div.dish-v20 div.info div.rating {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .08em
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container div.swiper-slide div.day-menu>div.packs-list div.dish-v20 div.info div.rating div.hearts {
    position: relative;
    width: .82em;
    height: .12em
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container div.swiper-slide div.day-menu>div.packs-list div.dish-v20 div.info div.rating div.hearts div.back,
html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container div.swiper-slide div.day-menu>div.packs-list div.dish-v20 div.info div.rating div.hearts div.front {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container div.swiper-slide div.day-menu>div.packs-list div.dish-v20 div.info div.rating div.hearts div.back svg,
html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container div.swiper-slide div.day-menu>div.packs-list div.dish-v20 div.info div.rating div.hearts div.front svg {
    width: .144em;
    height: .12em
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container div.swiper-slide div.day-menu>div.packs-list div.dish-v20 div.info div.rating div.hearts div.back svg {
    color: #cbcbcb
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container div.swiper-slide div.day-menu>div.packs-list div.dish-v20 div.info div.rating div.hearts div.front {
    overflow: hidden
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container div.swiper-slide div.day-menu>div.packs-list div.dish-v20 div.info div.rating div.hearts div.front svg {
    color: #ff4c61;
    margin-right: .025em;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-positive: 1;
    flex-grow: 1
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container div.swiper-slide div.day-menu>div.packs-list div.dish-v20 div.info div.rating div.likes {
    font-size: .12em;
    font-weight: 500;
    line-height: 1.17;
    color: #a7a7a7;
    margin-left: .41667em
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container div.swiper-slide div.day-menu>div.packs-list div.dish-v20 div.info div.title {
    font-size: .16em;
    font-weight: 500;
    line-height: 1.125em;
    color: #6b6b6b
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container div.swiper-slide div.day-menu>div.packs-list div.dish-v20 div.info div.title span.details {
    white-space: nowrap;
    color: #b9b9b9
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container div.swiper-slide div.day-menu>div.packs-list div.dish-v20 div.info div.stats-flex {
    display: none
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container div.swiper-slide div.day-menu>div.packs-list div.summary {
    width: 2.44em;
    height: 1.69em;
    border-radius: .32em;
    background-color: #f3f3f3;
    padding: 0;
    display: block;
    padding-top: .27em;
    border: 1px solid #dedede;
    border-radius: .12em
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container div.swiper-slide div.day-menu>div.packs-list div.summary>div.day {
    font-size: .2em;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    color: #696969
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container div.swiper-slide div.day-menu>div.packs-list div.summary>div.day>span {
    color: var(--color__default)
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container div.swiper-slide div.day-menu>div.packs-list div.summary>div.materials {
    display: -ms-flexbox;
    display: flex;
    width: 1.53em;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: .18em auto 0;
    font-size: 1em
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container div.swiper-slide div.day-menu>div.packs-list div.summary>div.materials>div {
    width: auto;
    font-size: .1em;
    font-weight: 500;
    color: #828282;
    border-width: 0;
    padding: 0
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container div.swiper-slide div.day-menu>div.packs-list div.summary>div.materials>div>span.number {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 2.5em;
    height: 2.5em;
    margin: 0 auto;
    border-radius: 50%;
    border: 1px solid currentColor
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container div.swiper-slide div.day-menu>div.packs-list div.summary>div.materials>div>span.type {
    margin-top: .3em;
    font-size: 1em;
    color: inherit;
    line-height: normal
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container div.swiper-slide div.constructor-promoter {
    margin: .5em auto 0
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container .desktop-full-menu-next,
html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container .desktop-full-menu-prev {
    width: .45em;
    position: absolute;
    top: 43%;
    z-index: 10;
    cursor: pointer;
    outline: 0
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container .desktop-full-menu-next>img,
html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container .desktop-full-menu-prev>img {
    width: 100%;
    height: auto
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container .desktop-full-menu-next.swiper-button-disabled,
html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container .desktop-full-menu-prev.swiper-button-disabled {
    display: none
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container .desktop-full-menu-prev {
    left: 0
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container .desktop-full-menu-next {
    right: 0
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container div.swiper-slide[data-packs-count="6"] div.day-menu>div.packs-list,
html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container div.swiper-slide[data-packs-count="8"] div.day-menu>div.packs-list {
    width: 11.02em
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container div.swiper-slide[data-packs-count="6"] div.day-menu>div.packs-list div.dish-v20,
html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container div.swiper-slide[data-packs-count="8"] div.day-menu>div.packs-list div.dish-v20 {
    color: red
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container div.swiper-slide[data-packs-count="6"] div.day-menu>div.packs-list>div.dish-v20:nth-child(4) {
    -ms-flex-order: 5;
    order: 5
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container div.swiper-slide[data-packs-count="6"] div.day-menu>div.packs-list>div.dish-v20:nth-child(5) {
    -ms-flex-order: 6;
    order: 6
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container div.swiper-slide[data-packs-count="6"] div.day-menu>div.packs-list>div.dish-v20:nth-child(6) {
    -ms-flex-order: 7;
    order: 7
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container div.swiper-slide[data-packs-count="6"] div.day-menu>div.packs-list>div.dish-v20:not(:nth-child(7)) {
    margin-right: .42em
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container div.swiper-slide[data-packs-count="6"] div.day-menu>div.packs-list div.summary {
    -ms-flex-order: 4;
    order: 4
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container div.swiper-slide[data-packs-count="8"] div.day-menu>div.packs-list>div.dish-v20:not(:nth-child(4n)) {
    margin-right: .42em
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container div.swiper-slide[data-packs-count="8"] div.day-menu>div.packs-list>div.dish-v20:nth-child(4n) {
    margin-right: 0
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container div.swiper-slide[data-packs-count="2"] div.day-menu>div.packs-list {
    -ms-flex-pack: center;
    justify-content: center
}

html[data-page=index]:not(.smartphone) div.desktop-full-menu div.menu-swiper-container div.swiper-slide[data-packs-count="2"] div.day-menu>div.packs-list div.dish-v20:nth-child(2) {
    margin-right: 0
}

html[data-page=index]:not(.smartphone) div#main-form {
    padding-top: .6em;
    padding-bottom: .6em;
    background-size: cover;
    background-position: 50%
}

html[data-page=index]:not(.smartphone) div#main-form h2 {
    width: auto
}

html[data-page=index]:not(.smartphone) div#main-form .flex-cont {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    width: 8.4em;
    min-height: 4.5em;
    border-radius: .05em;
    box-shadow: 0 .07em .15em 0 rgba(0, 0, 0, .27);
    background-color: #fff;
    margin: .3em auto 0
}

html[data-page=index]:not(.smartphone) div#main-form .flex-cont.simple {
    width: 7.8em
}

html[data-page=index]:not(.smartphone) div#main-form .flex-cont .arrows-block {
    width: 2.96em;
    background-color: #f7f7f7;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    border-top-left-radius: .05em;
    border-bottom-left-radius: .05em;
    padding: .2em 0
}

html[data-page=index]:not(.smartphone) div#main-form .flex-cont .arrows-block .arrows-switcher .offer-type-title {
    font-size: .2em;
    font-weight: 500;
    text-align: center;
    padding-left: 1.3em;
    margin-bottom: .5em;
    padding-bottom: .3em;
    color: #171717;
    margin-left: .1em;
    position: relative
}

html[data-page=index]:not(.smartphone) div#main-form .flex-cont .arrows-block .arrows-switcher .offer-type-title:after {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 10em;
    margin-left: -4.4em;
    height: 3px;
    background-color: var(--color__blue-grey);
    border-radius: 1em;
    display: block;
    content: ""
}

html[data-page=index]:not(.smartphone) div#main-form .flex-cont .arrows-block .arrows-switcher .offer-type-title:not(:first-child) {
    padding-top: .9em;
    margin-top: .4em
}

html[data-page=index]:not(.smartphone) div#main-form .flex-cont .arrows-block .arrows-switcher>div {
    position: relative;
    margin-left: -.1em
}

html[data-page=index]:not(.smartphone) div#main-form .flex-cont .arrows-block .arrows-switcher>div .arrow-body {
    width: auto;
    -webkit-clip-path: polygon(0 0, calc(100% - .26em) 0, 100% 50%, calc(100% - .26em) 100%, 0 100%);
    clip-path: polygon(0 0, calc(100% - .26em) 0, 100% 50%, calc(100% - .26em) 100%, 0 100%);
    margin-right: -.26em
}

html[data-page=index]:not(.smartphone) div#main-form .flex-cont .arrows-block .arrows-switcher>div.active {
    box-shadow: 0 .02em .06em 0 rgba(0, 0, 0, .27)
}

html[data-page=index]:not(.smartphone) div#main-form .flex-cont .arrows-block .arrows-switcher>div.active .arrow-body {
    border-radius: .03em
}

html[data-page=index]:not(.smartphone) div#main-form .flex-cont .arrows-block .arrows-switcher>div.active:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 .1em .1em 0;
    border-color: transparent var(--color__default-darken) transparent transparent;
    left: 0;
    top: calc(100% - 1px)
}

html[data-page=index]:not(.smartphone) div#main-form .flex-cont .form-block {
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-top: .36em;
    padding-bottom: .36em;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

html[data-page=index]:not(.smartphone) div#main-form .flex-cont .form-block .landing-basket .price-info {
    background-color: transparent
}

html[data-page=index]:not(.smartphone) div#main-form .flex-cont .form-block .landing-basket .price-info__imt-line {
    font-weight: 700;
    font-size: .12rem;
    line-height: 133%;
    text-align: center;
    text-transform: uppercase;
    color: var(--color__grey-40);
    margin-bottom: .16rem
}

html[data-page=index]:not(.smartphone) div#main-form .flex-cont .form-block .landing-basket .price-info div.price-line-1.full,
html[data-page=index]:not(.smartphone) div#main-form .flex-cont .form-block .landing-basket .price-info div.price-line-2 {
    color: #fff
}

html[data-page=index]:not(.smartphone) div#main-form .flex-cont .form-block .landing-basket .price-info div.price-total {
    color: #757575;
    font-size: .16em;
    font-weight: 500;
    text-align: center
}

html[data-page=index]:not(.smartphone) div#main-form .flex-cont .form-block .landing-basket .price-info .old-price {
    position: relative;
    margin-right: .22222em;
    margin-left: .22222em
}

html[data-page=index]:not(.smartphone) div#main-form .flex-cont .form-block .landing-basket .price-info .old-price:before {
    content: "";
    position: absolute;
    display: inline-block;
    height: 1px;
    left: -.16667em;
    right: -.16667em;
    top: 50%;
    background-color: #959595
}

html[data-page=index]:not(.smartphone) div#main-form .flex-cont .form-block .landing-basket .form {
    width: 3.2em;
    margin-left: auto;
    margin-right: auto
}

html[data-page=index]:not(.smartphone) div#main-form .flex-cont .form-block .landing-basket .form .auth-button,
html[data-page=index]:not(.smartphone) div#main-form .flex-cont .form-block .landing-basket .form .input-button .button {
    width: 100%;
    font-size: .16rem;
    text-transform: uppercase;
    height: .5rem;
    box-shadow: 0 .125em .375em 0 rgba(0, 0, 0, .27)
}

html[data-page=index]:not(.smartphone) div#main-form .flex-cont .form-block .landing-basket .button-go-customize {
    width: 100%;
    font-size: .16rem;
    text-transform: uppercase;
    height: .5rem;
    box-shadow: none !important;
    margin-top: .08rem
}

html[data-page=index]:not(.smartphone) div#main-form .flex-cont .form-block .landing-basket .phone-container,
html[data-page=index]:not(.smartphone) div#main-form .flex-cont .form-block .landing-basket .sms-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

html[data-page=index]:not(.smartphone) div#main-form .flex-cont .form-block .landing-basket .phone-container .input-container,
html[data-page=index]:not(.smartphone) div#main-form .flex-cont .form-block .landing-basket .sms-container .input-container {
    width: 100%
}

html[data-page=index]:not(.smartphone) div#main-form .flex-cont .form-block .landing-basket .phone-container .input-container input,
html[data-page=index]:not(.smartphone) div#main-form .flex-cont .form-block .landing-basket .sms-container .input-container input {
    height: 2.8125em
}

html[data-page=index]:not(.smartphone) div#main-form .flex-cont .form-block div.free-days>span {
    color: #cecece
}

html[data-page=index]:not(.smartphone) div#main-form.fixed-md {
    padding-bottom: .9em
}

html[data-page=index]:not(.smartphone) div#main-form.fixed-md .flex-cont {
    min-height: 0;
    margin-top: .5em;
    position: relative
}

html[data-page=index]:not(.smartphone) div#main-form.fixed-md .flex-cont .form-block {
    position: relative;
    padding: .64em .32em
}

html[data-page=index]:not(.smartphone) div#main-form.fixed-md .flex-cont:before {
    content: ""
}

html[data-page=index]:not(.smartphone) div#main-form.fixed-md .flex-cont .form-image {
    position: relative;
    display: block;
    width: 4.18em;
    height: 3.55em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    top: .27em;
    left: -.35em
}

html[data-page=index]:not(.smartphone) div#main-form.fixed-md .flex-cont .form-image img {
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
    height: auto
}

html[data-page=index]:not(.smartphone) div#main-form.fixed-md div.arrows-block {
    display: none
}

html[data-page=index]:not(.smartphone) div#main-form .landing-loader-container .title {
    color: #fff
}

html[data-page=index]:not(.smartphone) div#main-form .bonus-titles-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

html[data-page=index]:not(.smartphone) div#main-form .bonus-titles-container .subtitle,
html[data-page=index]:not(.smartphone) div#main-form .bonus-titles-container .subtitle-cashback {
    font-size: .16em;
    font-weight: 500;
    line-height: 1.38
}

html[data-page=index]:not(.smartphone) div#main-form .bonus-titles-container .subtitle-cashback {
    margin-left: .3em;
    color: var(--color__lilac-1)
}

html[data-page=index]:not(.smartphone) div#main-form .active .bonus-titles-container .subtitle,
html[data-page=index]:not(.smartphone) div#main-form .active .bonus-titles-container .subtitle-cashback {
    color: var(--color__white)
}

html[data-page=index]:not(.smartphone) .form-block__promo {
    --promo-block-background: #ef2119;
    position: absolute;
    right: -.25em;
    top: .2em;
    font-size: .8em
}

html[data-page=index]:not(.smartphone) .b-block-promo {
    position: relative;
    padding: .12em .21em .12em .22em;
    margin-bottom: .08rem;
    max-width: 1.6em;
    border-top-left-radius: .05em;
    border-bottom-left-radius: .05em;
    box-shadow: 0 .04em .07em 0 rgba(0, 0, 0, .27);
    background-color: rgb(64 185 60);
    color: #fff
}

html[data-page=index]:not(.smartphone) .b-block-promo:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 .01rem .1rem .2rem;
    border-color: transparent transparent transparent rgb(64 185 60);
    right: -.01rem;
    top: 100%
}

html[data-page=index]:not(.smartphone) .b-block-promo__title {
    font-size: .26em;
    line-height: 1.08;
    font-weight: 700;
    margin-bottom: .07692em
}

html[data-page=index]:not(.smartphone) .b-block-promo__subtitle {
    font-size: .12rem;
    line-height: 1.17;
    font-weight: 500
}

html[data-page=index]:not(.smartphone) .b-block-promo--freeze {
    --promo-block-background: #ff1a6c !important;
    padding: .05rem .12rem;
    text-align: left;
    cursor: pointer
}

html[data-page=index]:not(.smartphone) .b-block-promo--freeze:after {
    border-color: transparent transparent transparent #c62a62
}

html[data-page=index]:not(.smartphone) .b-block-promo--freeze:hover .b-block-promo-tooltip {
    opacity: 1;
    pointer-events: auto
}

html[data-page=index]:not(.smartphone) .b-block-promo--freeze .b-block-promo__line-1 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: .142rem;
    line-height: .1704rem
}

html[data-page=index]:not(.smartphone) .b-block-promo--freeze .b-block-promo__line-2 {
    font-weight: 700;
    font-size: .1136rem;
    line-height: .1349rem
}

html[data-page=index]:not(.smartphone) .b-block-promo--freeze .b-block-promo__icon {
    position: absolute;
    top: 50%;
    right: .08rem;
    transform: translateY(-50%);
    width: .1704rem;
    height: .1704rem
}

html[data-page=index]:not(.smartphone) .b-block-promo--freeze .b-block-promo__icon svg {
    width: .1704rem;
    height: .1704rem
}

html[data-page=index]:not(.smartphone) .b-block-promo-tooltip {
    opacity: 0;
    position: absolute;
    left: calc(100% + .01rem);
    top: 50%;
    transform: translateY(-50%);
    padding: .2272rem;
    background: #fff;
    border-radius: .1704rem;
    min-width: 2.059rem;
    color: #0d0d0d;
    text-align: center;
    transition: opacity .2s;
    pointer-events: none
}

html[data-page=index]:not(.smartphone) .b-block-promo-tooltip:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(.06rem) rotate(-45deg);
    right: 100%;
    border-style: solid;
    border-width: 0 .01rem .1rem .1rem;
    border-color: transparent transparent transparent #fff
}

html[data-page=index]:not(.smartphone) .b-block-promo-tooltip__tilte {
    margin: 0 -.1136rem .0852rem;
    font-weight: 600;
    font-size: .142rem;
    line-height: .1704rem
}

html[data-page=index]:not(.smartphone) .b-block-promo-tooltip__info {
    font-size: .1136rem;
    line-height: .1704rem;
    color: #666
}

html[data-page=index]:not(.smartphone) div#try-constructor {
    padding-top: .41em;
    padding-bottom: .5em
}

html[data-page=index]:not(.smartphone) div#try-constructor h2 {
    width: auto
}

html[data-page=index]:not(.smartphone) div#try-constructor h3 {
    width: 20em;
    font-size: .22em;
    line-height: 1.18;
    color: #1b1b1b;
    margin-top: 1.59091em
}

html[data-page=index]:not(.smartphone) div#try-constructor div.mockup {
    width: 6.81em;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: -.16em;
    margin-top: .18em
}

html[data-page=index]:not(.smartphone) div#try-constructor .button {
    margin: 2.5em auto 0;
    text-transform: uppercase
}

html[data-subdomain=detox-landing]:not(.smartphone) div#main-form.fixed-md .flex-cont:before {
    content: none
}

html[data-subdomain=detox-landing]:not(.smartphone) div#main-form.fixed-md .flex-cont .form-block {
    margin-right: 0
}

html[data-subdomain=detox-landing]:not(.smartphone) div#main-form .flex-cont .form-block .landing-basket .form .auth-button,
html[data-subdomain=detox-landing]:not(.smartphone) div#main-form .flex-cont .form-block .landing-basket .form .input-button .button {
    padding-top: .04rem
}

html[data-subdomain=detox-food-landing]:not(.smartphone) div#main-form.fixed-md .flex-cont .form-image {
    height: 3.75em
}

html[data-subdomain=detox-landing].smartphone .nobr {
    display: none
}

html[data-subdomain=detox-landing].smartphone #deliveries-map .map {
    min-height: auto
}

html[data-subdomain=detox-landing].smartphone div#main-form h2 {
    font-size: .24rem;
    font-weight: 700
}

html[data-subdomain=detox-food-landing].smartphone div.landing-basket>div.price-info>div.new-line-1,
html[data-subdomain=detox-landing].smartphone div.landing-basket>div.price-info>div.new-line-1 {
    font-size: .2rem;
    font-weight: 500
}

#error404 .width-container {
    width: 11.6em;
    margin-left: auto;
    margin-right: auto
}

#error404 .error-block {
    font-size: 1rem;
    color: var(--color__white);
    height: 100%;
    padding: 1.5rem 0;
    background: url(/static/images/bg.b660164.jpg);
    box-sizing: border-box;
    background-size: auto 100%;
    background-position: 50%
}

html[data-subdomain=wowfood] #error404 .error-block {
    background: #feda00;
    padding: 0;
    overflow: hidden;
    position: relative
}

#error404 .error-block * {
    font-size: 1em
}

#error404 .error-block h1 {
    font-size: .6em;
    font-weight: 700;
    text-shadow: 0 1px 8px rgba(0, 0, 0, .22)
}

#error404 .error-block p {
    font-size: .2em
}

#error404 .error-block .button {
    width: 20em;
    padding: 2em;
    font-size: .14em;
    margin-top: 3em
}

#error404 .error-block__title {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 90vh;
    line-height: 90vh;
    height: 100%;
    width: 100%;
    font-weight: 600;
    text-align: center
}

#error404 .error-block__text {
    position: absolute;
    z-index: 2;
    right: calc(50vw - 8.2rem);
    top: 20vh;
    width: 3.6rem;
    padding: .24rem .48rem;
    text-align: center;
    border-radius: .24rem;
    background: #51307f;
    color: #feda00;
    font-size: .24rem;
    font-weight: 600
}

#error404 .error-block__text:before {
    content: "";
    position: absolute;
    display: block;
    border: .45rem solid transparent;
    border-top-color: #51307f;
    left: -.1rem;
    top: 99%;
    width: .16rem;
    transform: skewX(-60deg)
}

#error404 .error-block__img {
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 1;
    transform: translateX(calc(-50% - 1.1rem));
    height: 90%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: bottom center;
    object-position: bottom center
}

#error404 .error-block__btn {
    position: absolute;
    right: calc(50vw - 8.2rem);
    top: 80vh;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    width: 3.8rem;
    padding: .24rem .32rem;
    border-radius: .18rem;
    z-index: 10;
    background: var(--color__white);
    border-color: var(--color__white);
    color: var(--color__default);
    font-size: .18rem;
    font-weight: 600;
    letter-spacing: .01rem;
    text-transform: uppercase;
    text-align: center;
    transition: background-color .2s, border-color .2s
}

#error404 .error-block__btn:hover {
    background: var(--color__grey-2);
    border-color: var(--color__grey-2)
}

#error404 .error-block__btn:active {
    background: var(--color__grey-4);
    border-color: var(--color__grey-4)
}

#error404 .error-block__conntent {
    position: relative;
    width: 10rem;
    height: 100%;
    margin: 0 auto
}

html.smartphone #error404 .error-block {
    font-size: .75em;
    height: 100%;
    padding: 0;
    text-align: center;
    background-image: url(/static/images/bg_mob.16175ca.jpg)
}

html.smartphone #error404 .error-block .width-container {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

html.smartphone #error404 .error-block__title {
    position: absolute;
    z-index: 2;
    top: unset;
    bottom: 4.24rem;
    left: 0;
    transform: translateX(0);
    height: unset;
    width: 100%;
    font-size: 1.9rem;
    line-height: 1.9rem;
    font-weight: 600;
    text-align: center
}

html.smartphone #error404 .error-block__text {
    position: absolute;
    z-index: 2;
    right: .36rem;
    bottom: 3.64rem;
    top: unset;
    width: 2.8rem;
    padding: .16rem .32rem;
    text-align: center;
    border-radius: .16rem;
    background: #51307f;
    color: #feda00;
    font-size: .2rem;
    font-weight: 600
}

html.smartphone #error404 .error-block__text:before {
    content: "";
    transform: skewX(60deg);
    left: 1.4rem;
    border-width: .24rem
}

html.smartphone #error404 .error-block__img {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    transform: unset;
    width: calc(100% + 2*0.58rem);
    height: auto;
    margin: 0 -.58rem;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: bottom center;
    object-position: bottom center
}

html.smartphone #error404 .error-block__btn {
    position: absolute;
    top: unset;
    bottom: .64rem;
    left: .48rem;
    width: calc(100% - 2*0.48rem);
    padding: .16rem .24rem;
    font-size: .14rem
}

html.smartphone #error404 .error-block__conntent {
    position: relative;
    width: 100%;
    height: 100%;
    max-height: calc(100* var(--vh));
    margin: 0 auto
}

html.smartphone[data-subdomain=wowfood] #error404 .error-block {
    background: #feda00
}

@media only screen and (min-width:1441px) {
    html[data-page=menu] {
        font-size: 6.94444444vw
    }
}

@media only screen and (min-width:1921px) {
    html[data-page=menu] {
        font-size: 133.33333333px
    }
}

html.smartphone .box-realtive.box-animation .b-pack {
    background-color: #fff
}

html.smartphone .box-realtive.box-animation .box-copy .b-pack {
    width: 100%;
    position: absolute;
    top: 0
}

html.smartphone .box-realtive.box-animation .box-copy .b-pack .b-pack__photo {
    display: block;
    position: relative
}

html.smartphone .box-realtive.box-animation .box-copy .b-pack .b-pack__photo:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: hsla(0, 0%, 100%, .6)
}

html.smartphone .b-menu-eating-reception {
    padding-bottom: .25em !important
}

html.smartphone .b-menu-eating-reception:not(:first-child) {
    padding-top: .12em
}

html.smartphone .b-menu-eating-reception:after {
    content: none !important
}

html.smartphone .b-menu-eating-reception__button .button {
    font-size: .12rem !important;
    text-transform: uppercase !important;
    font-weight: 700;
    line-height: 1
}

html.smartphone .b-menu-eating-reception__button .button .c-icon-plus {
    width: 2.1em;
    height: 2.1em;
    margin-right: .41667em
}

html.smartphone .menu-page-unauthorized {
    font-size: 100px
}

html.smartphone .menu-page-unauthorized .container-menu {
    width: 100%;
    margin: .4rem 0 0
}

html.smartphone[data-page=dashboard] body div#menu-page .menu-section-dates:after,
html.smartphone[data-page=menu] body div#menu-page .menu-section-dates:after {
    left: -.15rem;
    right: -.15rem
}

html.smartphone[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.balance,
html.smartphone[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.balance-trial,
html.smartphone[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.daily,
html.smartphone[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.daily_trial,
html.smartphone[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.fit,
html.smartphone[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.fit_trial,
html.smartphone[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.power,
html.smartphone[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.super_fit,
html.smartphone[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.balance,
html.smartphone[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.balance-trial,
html.smartphone[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.daily,
html.smartphone[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.daily_trial,
html.smartphone[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.fit,
html.smartphone[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.fit_trial,
html.smartphone[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.power,
html.smartphone[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.super_fit {
    -ms-flex: none;
    flex: none;
    height: 2.13rem;
    width: 100%
}

html.smartphone body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo .menu-photo__text {
    font-size: .12em;
    line-height: 1.33333em;
    font-weight: 500
}

html.smartphone body div#menu-page .menu-section>div.days-container>div.menu-day>div.info>div.title {
    line-height: 1.71429em
}

html.smartphone body div#menu-page .menu-section>div.days-container>div.menu-day>div.info>div.title .button {
    color: var(--color__default);
    border-color: var(--color__default);
    background-color: #fff
}

html.smartphone body div#menu-page .menu-section>div.days-container>div.menu-day>div.info>div.title .button:hover {
    background-color: var(--color__default);
    color: #fff
}

.menu-page-unauthorized {
    font-size: 6.94444444vw
}

.menu-page-unauthorized .container-menu {
    width: 8.6em;
    margin: 1em auto
}

html[data-page=dashboard].smartphone .b-menu-day__cbju,
html[data-page=menu].smartphone .b-menu-day__cbju {
    background-color: #f6f6f6;
    padding: .08rem .28rem;
    margin-bottom: .17rem;
    position: relative
}

html[data-page=dashboard].smartphone .b-menu-day__cbju:after,
html[data-page=menu].smartphone .b-menu-day__cbju:after {
    content: none
}

html[data-page=dashboard].smartphone .b-menu-day__cbju-item:first-of-type,
html[data-page=menu].smartphone .b-menu-day__cbju-item:first-of-type {
    color: currentColor
}

html[data-page=dashboard].smartphone .b-menu-day__cbju-item:first-of-type:after,
html[data-page=menu].smartphone .b-menu-day__cbju-item:first-of-type:after {
    content: "" !important
}

html[data-page=dashboard] .b-menu-day__cbju,
html[data-page=menu] .b-menu-day__cbju {
    padding: .12rem .32rem;
    border-radius: .04rem;
    position: relative;
    background-color: #f6f6f6
}

html[data-page=dashboard] .b-menu-day__cbju-items,
html[data-page=menu] .b-menu-day__cbju-items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: -.06rem;
    margin-right: -.06rem;
    -ms-flex-pack: center;
    justify-content: center
}

html[data-page=dashboard] .b-menu-day__cbju-item,
html[data-page=menu] .b-menu-day__cbju-item {
    position: relative;
    font-size: .12rem;
    line-height: .16rem;
    font-weight: 600;
    padding-left: .06rem;
    padding-right: .06rem;
    color: #000
}

html[data-page=dashboard] .b-menu-day__cbju-item:first-of-type:after,
html[data-page=menu] .b-menu-day__cbju-item:first-of-type:after {
    content: none !important
}

html[data-page=dashboard] .b-menu-day__cbju-item:not(:last-of-type):after,
html[data-page=menu] .b-menu-day__cbju-item:not(:last-of-type):after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    opacity: .6;
    background-color: #9b9b9b
}

html[data-page=dashboard] .b-menu-day__cbju-item span,
html[data-page=menu] .b-menu-day__cbju-item span {
    font-weight: 500;
    color: #9b9b9b
}

html[data-page=dashboard] body div#menu-page,
html[data-page=menu] body div#menu-page {
    position: relative
}

html[data-page=dashboard] body div#menu-page .selected-city,
html[data-page=menu] body div#menu-page .selected-city {
    padding: .15rem 0;
    font-size: .14rem
}

html[data-page=dashboard] body div#menu-page .selected-city .current-city,
html[data-page=menu] body div#menu-page .selected-city .current-city {
    font-weight: 700;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

html[data-page=dashboard] body div#menu-page .selected-city svg,
html[data-page=menu] body div#menu-page .selected-city svg {
    width: .15rem;
    height: .2rem;
    margin-right: .1rem
}

html[data-page=dashboard] body div#menu-page .selected-city .buttons,
html[data-page=menu] body div#menu-page .selected-city .buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: .1rem
}

html[data-page=dashboard] body div#menu-page .selected-city .button,
html[data-page=menu] body div#menu-page .selected-city .button {
    font-size: .13rem !important;
    text-transform: none;
    width: 49%
}

html[data-page=dashboard] body div#menu-page div.width-container,
html[data-page=menu] body div#menu-page div.width-container {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto
}

html[data-page=dashboard] body div#menu-page svg.icon .st0,
html[data-page=menu] body div#menu-page svg.icon .st0 {
    fill: #3d9c60;
    stroke: transparent
}

html[data-page=dashboard] body div#menu-page svg.icon.icon-fire .st0,
html[data-page=dashboard] body div#menu-page svg.icon .st1,
html[data-page=menu] body div#menu-page svg.icon.icon-fire .st0,
html[data-page=menu] body div#menu-page svg.icon .st1 {
    fill: transparent;
    stroke: #3d9c60
}

html[data-page=dashboard] body div#menu-page svg.icon.icon-fire .st1,
html[data-page=menu] body div#menu-page svg.icon.icon-fire .st1 {
    fill: #3d9c60;
    stroke: #3d9c60
}

html[data-page=dashboard] body div#menu-page div.info-bar,
html[data-page=menu] body div#menu-page div.info-bar {
    background-color: #fff;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: .62em
}

html[data-page=dashboard] body div#menu-page div.info-bar,
html[data-page=dashboard] body div#menu-page div.info-bar>div.title,
html[data-page=menu] body div#menu-page div.info-bar,
html[data-page=menu] body div#menu-page div.info-bar>div.title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

html[data-page=dashboard] body div#menu-page div.info-bar>div.title>div.logo,
html[data-page=menu] body div#menu-page div.info-bar>div.title>div.logo {
    width: .45em
}

html[data-page=dashboard] body div#menu-page div.info-bar>div.title>div.logo svg,
html[data-page=menu] body div#menu-page div.info-bar>div.title>div.logo svg {
    width: 100%
}

html[data-page=dashboard] body div#menu-page div.info-bar>div.title>div.line,
html[data-page=menu] body div#menu-page div.info-bar>div.title>div.line {
    width: 1px;
    height: .38em;
    background-color: #1b1b1b;
    margin-left: 14px;
    margin-right: 14px
}

html[data-page=dashboard] body div#menu-page div.info-bar>div.title>h2,
html[data-page=menu] body div#menu-page div.info-bar>div.title>h2 {
    font-size: .3em;
    font-weight: 300;
    color: #1b1b1b
}

html[data-page=dashboard] body div#menu-page div.info-bar>div.contacts,
html[data-page=menu] body div#menu-page div.info-bar>div.contacts {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

html[data-page=dashboard] body div#menu-page div.info-bar>div.contacts>a.phone,
html[data-page=menu] body div#menu-page div.info-bar>div.contacts>a.phone {
    display: block;
    font-size: .18em;
    font-weight: 700;
    color: #252122;
    margin-right: 1.94444em
}

html[data-page=dashboard] body div#menu-page div.info-bar>div.contacts>a.soc-link,
html[data-page=menu] body div#menu-page div.info-bar>div.contacts>a.soc-link {
    width: .3em;
    display: block;
    margin-left: .19em
}

html[data-page=dashboard] body div#menu-page div.info-bar>div.contacts>a.soc-link>svg,
html[data-page=menu] body div#menu-page div.info-bar>div.contacts>a.soc-link>svg {
    width: 100%
}

html[data-page=dashboard] body div#menu-page div.info-bar.dark,
html[data-page=menu] body div#menu-page div.info-bar.dark {
    background-color: #1b1b18;
    height: .84em
}

html[data-page=dashboard] body div#menu-page div.info-bar.dark>div.title>div.line,
html[data-page=menu] body div#menu-page div.info-bar.dark>div.title>div.line {
    background-color: #979797
}

html[data-page=dashboard] body div#menu-page div.info-bar.dark>div.title>h2,
html[data-page=menu] body div#menu-page div.info-bar.dark>div.title>h2 {
    color: #fff
}

html[data-page=dashboard] body div#menu-page div.info-bar.dark>div.contacts,
html[data-page=menu] body div#menu-page div.info-bar.dark>div.contacts {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

html[data-page=dashboard] body div#menu-page div.info-bar.dark>div.contacts>a.phone,
html[data-page=menu] body div#menu-page div.info-bar.dark>div.contacts>a.phone {
    color: #fff
}

html[data-page=dashboard] body div#menu-page div.header,
html[data-page=menu] body div#menu-page div.header {
    overflow: hidden;
    background-color: #1b1b1b;
    padding: .28em;
    height: 2.93em;
    position: relative;
    box-sizing: border-box;
    background-size: cover;
    background-position: 50%;
    background-image: url(/static/images/bg.f832383.jpg)
}

html[data-page=dashboard] body div#menu-page div.header>div.menu-summary,
html[data-page=menu] body div#menu-page div.header>div.menu-summary {
    color: #fff;
    width: 5.8em
}

html[data-page=dashboard] body div#menu-page div.header>div.menu-summary>div.plan-name,
html[data-page=menu] body div#menu-page div.header>div.menu-summary>div.plan-name {
    font-size: .36em;
    font-weight: 700;
    line-height: .89
}

html[data-page=dashboard] body div#menu-page div.header>div.menu-summary>div.plan-name>span,
html[data-page=menu] body div#menu-page div.header>div.menu-summary>div.plan-name>span {
    display: none
}

html[data-page=dashboard] body div#menu-page div.header>div.menu-summary>div.plan-info,
html[data-page=menu] body div#menu-page div.header>div.menu-summary>div.plan-info {
    font-size: .2em;
    line-height: 1.35;
    font-weight: 500;
    margin-top: .6em
}

html[data-page=dashboard] body div#menu-page div.header>div.menu-summary>div.plan-info span,
html[data-page=menu] body div#menu-page div.header>div.menu-summary>div.plan-info span {
    font-weight: 700
}

html[data-page=dashboard] body div#menu-page div.header>div.menu-summary>div.common-icons,
html[data-page=menu] body div#menu-page div.header>div.menu-summary>div.common-icons {
    margin-top: .3em;
    display: -ms-flexbox;
    display: flex;
    margin-left: -.15em;
    margin-right: -.15rem
}

html[data-page=dashboard] body div#menu-page div.header>div.menu-summary>div.common-icons>div,
html[data-page=menu] body div#menu-page div.header>div.menu-summary>div.common-icons>div {
    padding-left: .15em;
    padding-right: .15em
}

html[data-page=dashboard] body div#menu-page div.header>div.menu-summary>div.common-icons>div>div.icon,
html[data-page=menu] body div#menu-page div.header>div.menu-summary>div.common-icons>div>div.icon {
    width: .42em;
    margin-left: auto;
    margin-right: auto
}

html[data-page=dashboard] body div#menu-page div.header>div.menu-summary>div.common-icons>div>div.icon>svg,
html[data-page=menu] body div#menu-page div.header>div.menu-summary>div.common-icons>div>div.icon>svg {
    width: 100%
}

html[data-page=dashboard] body div#menu-page div.header>div.menu-summary>div.common-icons>div>div.text,
html[data-page=menu] body div#menu-page div.header>div.menu-summary>div.common-icons>div>div.text {
    font-size: .14em;
    text-align: center;
    color: #fff;
    margin-top: .92857em
}

html[data-page=dashboard] body div#menu-page div.header>div.plate,
html[data-page=menu] body div#menu-page div.header>div.plate {
    position: absolute;
    bottom: -.6rem;
    right: -.4rem
}

html[data-page=dashboard] body div#menu-page div.header>div.plate>img,
html[data-page=menu] body div#menu-page div.header>div.plate>img {
    height: 100%
}

html[data-page=dashboard] body div#menu-page .menu-section-dates,
html[data-page=menu] body div#menu-page .menu-section-dates {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
    padding-left: 0;
    margin-top: .19rem;
    position: relative
}

html[data-page=dashboard] body div#menu-page .menu-section-dates li,
html[data-page=menu] body div#menu-page .menu-section-dates li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: .14rem;
    font-weight: 700;
    text-transform: capitalize;
    padding: .07rem .2rem .07rem .18rem;
    border-radius: .135rem;
    cursor: pointer
}

html[data-page=dashboard] body div#menu-page .menu-section-dates li.active,
html[data-page=menu] body div#menu-page .menu-section-dates li.active {
    background-color: #e7e7e7
}

html[data-page=dashboard] body div#menu-page .menu-section-dates li.small,
html[data-page=menu] body div#menu-page .menu-section-dates li.small {
    padding-left: .13rem;
    padding-right: .13rem
}

html[data-page=dashboard] body div#menu-page .menu-section-dates .circle,
html[data-page=menu] body div#menu-page .menu-section-dates .circle {
    color: #fff;
    width: 1em;
    height: 1em;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: .5em;
    background: #ef5747;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    -ms-flex-pack: center;
    justify-content: center
}

html[data-page=dashboard] body div#menu-page .menu-section-dates .circle:empty,
html[data-page=menu] body div#menu-page .menu-section-dates .circle:empty {
    display: none
}

html[data-page=dashboard] body div#menu-page .menu-section>div.top-line,
html[data-page=menu] body div#menu-page .menu-section>div.top-line {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .14em 0
}

html[data-page=dashboard] body div#menu-page .menu-section>div.top-line>div.title,
html[data-page=menu] body div#menu-page .menu-section>div.top-line>div.title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

html[data-page=dashboard] body div#menu-page .menu-section>div.top-line>div.title>span,
html[data-page=menu] body div#menu-page .menu-section>div.top-line>div.title>span {
    font-size: .3em;
    font-weight: 300;
    color: #1b1b1b
}

html[data-page=dashboard] body div#menu-page .menu-section>div.top-line>div.title>div.line,
html[data-page=menu] body div#menu-page .menu-section>div.top-line>div.title>div.line {
    width: 1px;
    height: .38em;
    background-color: #1b1b1b;
    margin-left: .18em;
    margin-right: .18em
}

html[data-page=dashboard] body div#menu-page .menu-section>div.top-line>div.legend,
html[data-page=menu] body div#menu-page .menu-section>div.top-line>div.legend {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

html[data-page=dashboard] body div#menu-page .menu-section>div.top-line>div.legend>div:not(:last-child),
html[data-page=menu] body div#menu-page .menu-section>div.top-line>div.legend>div:not(:last-child) {
    margin-right: .2em
}

html[data-page=dashboard] body div#menu-page .menu-section>div.top-line>div.legend>div>svg,
html[data-page=menu] body div#menu-page .menu-section>div.top-line>div.legend>div>svg {
    width: .18em;
    vertical-align: middle
}

html[data-page=dashboard] body div#menu-page .menu-section>div.top-line>div.legend>div>span,
html[data-page=menu] body div#menu-page .menu-section>div.top-line>div.legend>div>span {
    font-size: .1em;
    line-height: 1.2;
    color: #1b1b1b;
    margin-left: .4em;
    vertical-align: middle
}

html[data-page=dashboard] body div#menu-page .menu-section>div.top-line.smartphone-only,
html[data-page=menu] body div#menu-page .menu-section>div.top-line.smartphone-only {
    display: none
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day {
    margin-top: .2rem
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day .b-menu-eating-reception,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day .b-menu-eating-reception {
    position: relative
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day .b-menu-eating-reception .menu-eating,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day .b-menu-eating-reception .menu-eating {
    padding-bottom: .24em;
    padding-top: .06em
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day .b-menu-eating-reception .menu-eating-header,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day .b-menu-eating-reception .menu-eating-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    font-size: .16em;
    margin-bottom: 1.25em
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day .b-menu-eating-reception .menu-eating-header .menu-eating-title,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day .b-menu-eating-reception .menu-eating-header .menu-eating-title {
    font-weight: 700;
    font-size: .875em
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day .b-menu-eating-reception:nth-child(2n),
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day .b-menu-eating-reception:nth-child(2n) {
    background-color: #f6f6f6
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day .b-menu-eating-reception:nth-child(2n) .b-menu-custom__meal-inner,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day .b-menu-eating-reception:nth-child(2n) .b-menu-custom__meal-inner {
    background-color: #fff
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day .b-menu-eating-reception.accepted,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day .b-menu-eating-reception.accepted {
    margin-left: -.35rem;
    margin-right: -.35rem;
    padding-left: .35rem;
    padding-right: .35rem;
    background-color: #e6f5eb
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day .b-menu-eating-reception.accepted div.metrics,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day .b-menu-eating-reception.accepted div.metrics {
    background: none !important
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day .b-menu-eating-reception.accepted:not(:last-of-type):after,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day .b-menu-eating-reception.accepted:not(:last-of-type):after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #cacbcb
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day .b-menu-eating-reception div.title,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day .b-menu-eating-reception div.title {
    font-size: .16em;
    line-height: 2.4;
    font-weight: 700;
    color: #1b1b1b;
    padding: .9375em 0;
    background-color: #f6f5f6;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    overflow: unset;
    cursor: default
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day .b-menu-eating-reception div.title .button,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day .b-menu-eating-reception div.title .button {
    font-size: .8125em;
    line-height: 1.9em;
    height: 2.30769em;
    width: 12.30769em;
    font-weight: 500;
    margin-left: .76923em;
    text-transform: uppercase !important
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day div.title,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day div.title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: .04em;
    background-color: #9b9b9b;
    overflow: hidden;
    padding-left: .15em;
    cursor: pointer
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day div.title>div.day,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day div.title>div.day {
    font-size: .12em;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day div.title>div.menu-day-button,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day div.title>div.menu-day-button {
    width: .34em;
    height: .3em;
    background-color: #1b1b1b;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day div.title>div.menu-day-button>svg,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day div.title>div.menu-day-button>svg {
    width: .1em;
    transform: rotate(-90deg)
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day .open-ratings,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day .open-ratings {
    font-size: .16em;
    text-align: center
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day .open-ratings>div,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day .open-ratings>div {
    margin: 1em 0
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day .open-ratings>div .circle,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day .open-ratings>div .circle {
    color: #fff;
    width: 1em;
    height: 1em;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: .5em;
    font-size: 1em;
    background: #ef5747;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    -ms-flex-pack: center;
    justify-content: center
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day .open-ratings .button,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day .open-ratings .button {
    font-size: 1em
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day>div.cbju,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day>div.cbju {
    font-size: .16rem;
    font-weight: 500
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day.menu-day--single>div.info,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day.menu-day--single>div.info {
    border: none
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day.menu-day--single>div.info.fit_trial div.menu-eating div.menu-photo,
html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day.menu-day--single>div.info.fit div.menu-eating div.menu-photo,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day.menu-day--single>div.info.fit_trial div.menu-eating div.menu-photo,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day.menu-day--single>div.info.fit div.menu-eating div.menu-photo {
    background-size: 1.6rem;
    background-color: #a2c08c
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day.menu-day--single>div.info.super_fit div.menu-eating div.menu-photo,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day.menu-day--single>div.info.super_fit div.menu-eating div.menu-photo {
    background-size: 1.6rem;
    background-color: #fbbec5
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day.menu-day--single>div.info.daily_trial div.menu-eating div.menu-photo,
html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day.menu-day--single>div.info.daily div.menu-eating div.menu-photo,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day.menu-day--single>div.info.daily_trial div.menu-eating div.menu-photo,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day.menu-day--single>div.info.daily div.menu-eating div.menu-photo {
    background-size: 1.6rem;
    background-color: #feb690
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day.menu-day--single>div.info.balance_trial div.menu-eating div.menu-photo,
html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day.menu-day--single>div.info.balance div.menu-eating div.menu-photo,
html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day.menu-day--single>div.info.detox div.menu-eating div.menu-photo,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day.menu-day--single>div.info.balance_trial div.menu-eating div.menu-photo,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day.menu-day--single>div.info.balance div.menu-eating div.menu-photo,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day.menu-day--single>div.info.detox div.menu-eating div.menu-photo {
    background-size: 1.6rem;
    background-color: #d2e0ed
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day.menu-day--single>div.info.power div.menu-eating div.menu-photo,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day.menu-day--single>div.info.power div.menu-eating div.menu-photo {
    background-size: 1.6rem;
    background-color: #c4cddc
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day.menu-day--single>div.info div.menu-pack,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day.menu-day--single>div.info div.menu-pack {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: .15rem
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day.menu-day--single>div.info div.menu-pack>div,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day.menu-day--single>div.info div.menu-pack>div {
    -ms-flex: 0 0 calc(100% - 2.45rem);
    flex: 0 0 calc(100% - 2.45rem)
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day.menu-day--single>div.info div.menu-pack div.menu-photo,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day.menu-day--single>div.info div.menu-pack div.menu-photo {
    -ms-flex: 0 0 2.15rem;
    flex: 0 0 2.15rem;
    max-width: 2.15rem;
    height: 1.4em;
    margin-right: .3rem;
    padding-bottom: .13em;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day.menu-day--single>div.info div.menu-pack div.menu-photo img,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day.menu-day--single>div.info div.menu-pack div.menu-photo img {
    width: 1.71rem
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info {
    display: none;
    background-color: #fff;
    border: 1px solid #e1e4e2;
    border-radius: 4px;
    margin-top: .15rem
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info:not(:last-child),
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info:not(:last-child) {
    border-bottom: 1px solid #e1e4e2
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-pack,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-pack {
    display: -ms-flexbox;
    display: flex;
    padding: .1rem 0 .22rem;
    -ms-flex-align: start;
    align-items: flex-start
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo {
    position: relative;
    margin-right: .3rem;
    padding: .09em;
    padding-bottom: .15em;
    background-color: #fff;
    border-radius: .04em;
    box-shadow: 0 .02em .04em .02em rgba(0, 0, 0, .06)
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.balance,
html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.balance-trial,
html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.daily,
html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.daily_trial,
html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.fit,
html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.fit_trial,
html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.power,
html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.super_fit,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.balance,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.balance-trial,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.daily,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.daily_trial,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.fit,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.fit_trial,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.power,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.super_fit {
    height: 1.91rem;
    -ms-flex: 0 0 2.57rem;
    flex: 0 0 2.57rem
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.fit .menu-photo__img,
html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.fit_trial .menu-photo__img,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.fit .menu-photo__img,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.fit_trial .menu-photo__img {
    background-color: #a2c08c
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.super_fit .menu-photo__img,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.super_fit .menu-photo__img {
    background-color: #fbbec5
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.daily .menu-photo__img,
html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.daily_trial .menu-photo__img,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.daily .menu-photo__img,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.daily_trial .menu-photo__img {
    background-color: #feb690
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.balance .menu-photo__img,
html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.balance_trial .menu-photo__img,
html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.detox .menu-photo__img,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.balance .menu-photo__img,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.balance_trial .menu-photo__img,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.detox .menu-photo__img {
    background-color: #d2e0ed
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.power .menu-photo__img,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo.power .menu-photo__img {
    background-color: #c4cddc
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo .menu-photo__img,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo .menu-photo__img {
    width: 100%;
    height: 100%;
    background-size: 1.6rem;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: .04em
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo img,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo img {
    width: 2.4rem;
    border-radius: .04em
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo .menu-photo__badge,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo .menu-photo__badge {
    position: absolute;
    font-size: .14em;
    line-height: 1.14286em;
    background-color: #fff;
    right: 1.42857em;
    bottom: .07143em;
    font-weight: 500;
    padding: .35714em .57143em;
    border-radius: 1em
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo .menu-photo__badge-info,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo .menu-photo__badge-info {
    font-size: .71429em;
    line-height: 1.14286em
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day.opened,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day.opened {
    margin-bottom: .3em
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day.opened>div.title,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day.opened>div.title {
    background-color: var(--color__default)
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day.opened>div.title>div.menu-day-button,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day.opened>div.title>div.menu-day-button {
    background-color: var(--color__default-darken)
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day.opened>div.title>div.menu-day-button>svg,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day.opened>div.title>div.menu-day-button>svg {
    width: .1em;
    transform: rotate(0deg)
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day.opened>div.info,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day.opened>div.info {
    display: block;
    position: relative
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day.opened>div.info.customizing:before,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day.opened>div.info.customizing:before {
    content: "";
    position: absolute;
    top: 0;
    right: -.35em;
    bottom: 0;
    left: -.35em;
    background-color: hsla(0, 0%, 100%, .5);
    z-index: 19
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day:last-child,
html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day:nth-last-child(2):nth-child(odd),
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day:last-child,
html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day:nth-last-child(2):nth-child(odd) {
    margin-bottom: 0
}

html[data-page=dashboard] .b-menu-eating-reception__title-accepted,
html[data-page=menu] .b-menu-eating-reception__title-accepted {
    display: -ms-flexbox;
    display: flex;
    margin-left: .1rem;
    text-transform: unset;
    transform: translateY(.08rem)
}

html[data-page=dashboard] .b-menu-eating-reception__title-accepted .c-icon-accept,
html[data-page=menu] .b-menu-eating-reception__title-accepted .c-icon-accept {
    width: .28rem;
    height: .28rem;
    margin-right: .08rem;
    margin-top: -.03rem
}

html[data-page=dashboard] .b-menu-eating-reception__title-accepted .c-icon-accept svg,
html[data-page=menu] .b-menu-eating-reception__title-accepted .c-icon-accept svg {
    width: .25rem;
    height: .25rem
}

html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day,
html[data-page=dashboard] body div#menu-page .menu-section>div.days-container>div.menu-day div.info {
    margin-top: 0
}

html[data-page=dashboard] body div#menu-page .menu-section-dates {
    padding-bottom: .19rem
}

.b-menu-eating-reception__title-accepted-text {
    text-transform: none;
    color: var(--color__default);
    font-weight: 500;
    line-height: 1
}

.menu_in_orders .menu-days {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.menu_in_orders .menu-section-dates,
.menu_in_orders .menu-section-dates__tutorial-helper-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 auto;
    flex: 1 auto
}

.menu_in_orders .menu-section-dates__tutorial-helper-container {
    position: absolute;
    left: -.06rem;
    top: -.06rem;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 999999;
    background-color: #fff;
    height: .41rem;
    border-radius: .22rem;
    padding: .06rem 0 .06rem .06rem
}

.menu_in_orders .menu-section-dates__tutorial-helper {
    margin-right: .323rem;
    cursor: default !important
}

.menu_in_orders .menu-section-dates__tutorial-helper:last-child {
    margin-right: 0
}

.menu_in_orders .menu-section-dates__overlay {
    display: block;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 999
}

.menu_in_orders .menu-section-dates__tutorial-modal {
    position: absolute;
    top: -.14rem;
    left: 50%;
    width: 3.44rem;
    height: 2.28rem;
    transform: translate(-50%, -100%);
    padding: .32rem .32rem .28rem;
    background-color: #fff;
    border-radius: .24rem;
    text-align: center
}

.menu_in_orders .menu-section-dates__triangle {
    width: 0;
    height: 0;
    position: absolute;
    bottom: -.08rem;
    left: calc(50% - .08rem);
    border-left: .08rem solid transparent;
    border-right: .08rem solid transparent;
    border-top: .08rem solid #fff
}

.menu_in_orders .menu-section-dates__tutorial-modal-title {
    font-weight: 700;
    font-size: .2rem;
    line-height: 120%;
    color: #0d0d0d;
    margin-bottom: .12rem
}

.menu_in_orders .menu-section-dates__tutorial-modal-text {
    margin-bottom: .2rem;
    font-weight: 500;
    font-size: .16rem;
    line-height: 150%;
    color: #666
}

.menu_in_orders .menu-section-dates__tutorial-modal-button {
    padding: .11rem .325rem .09rem;
    background-color: var(--color__default);
    border-radius: .12rem;
    font-weight: 700;
    font-size: .14rem;
    line-height: 143%;
    text-align: center;
    letter-spacing: .01rem;
    text-transform: uppercase;
    color: #fff;
    border: none;
    cursor: pointer;
    transition: background-color .2s ease-in-out
}

.menu_in_orders .menu-section-dates__tutorial-modal-button:hover {
    border: none;
    outline: none;
    background-color: var(--color__default-darken)
}

.menu_in_orders .menu-section-dates--right {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.menu_in_orders .menu-section-dates--left {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.menu_in_orders li.menu-pagination {
    background-color: #e1e4e2;
    color: #1b1b1b;
    -ms-flex-pack: center;
    justify-content: center
}

.menu_in_orders li.menu-pagination--loading {
    opacity: .5;
    pointer-events: none;
    cursor: wait
}

.menu_in_orders li.disabled {
    position: relative;
    pointer-events: none
}

.menu_in_orders li.disabled:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .45;
    z-index: 10
}

.menu_in_orders li.customizable {
    position: relative
}

.menu_in_orders li.customizable:before {
    content: "";
    position: absolute;
    display: inline-block;
    border-radius: 2px;
    width: 2.57143em;
    height: .28571em;
    background-color: #f8c325;
    bottom: 0;
    right: calc(50% - 1.28571em)
}

.menu_in_orders li.menu-pagination-right {
    color: var(--color__default);
    padding: 0 !important;
    margin-left: 1.07143em;
    padding-top: .14286em !important
}

.menu_in_orders li.menu-pagination-right .c-icon-right {
    height: 1em;
    width: .85714em;
    transform: rotate(-90deg)
}

.menu_in_orders li.menu-pagination-left {
    color: var(--color__default);
    padding: 0 !important;
    margin-right: 1.07143em;
    padding-top: .14286em !important
}

.menu_in_orders li.menu-pagination-left .c-icon-left {
    height: 1em;
    width: .85714em;
    transform: rotate(90deg)
}

html[data-page=menu] .b-pack div.menu-dish>div.main-info>div.title {
    background-color: transparent !important;
    cursor: default !important
}

@media only screen and (max-width:1439px) {
    html[data-page=menu] body div#menu-page div.info-bar div.width-container {
        padding-left: .19em;
        padding-right: .23em
    }

    html[data-page=menu] body div#menu-page div.header {
        padding-left: .4em
    }

    html[data-page=menu] body div#menu-page div.header>div.menu-summary {
        text-align: left
    }

    html[data-page=menu] body div#menu-page div.header>div.menu-summary>div.common-icons {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    html[data-page=menu] body div#menu-page div.header>div.menu-summary>div.common-icons>div {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        width: 2.3em
    }

    html[data-page=menu] body div#menu-page div.header>div.menu-summary>div.common-icons>div>div.icon {
        margin: 0
    }

    html[data-page=menu] body div#menu-page div.header>div.menu-summary>div.common-icons>div>div.text {
        margin-top: 0;
        text-align: left;
        margin-left: .71429em
    }

    html[data-page=menu] body div#menu-page div.header>div.menu-summary>div.common-icons>div:nth-child(odd) {
        margin-right: .3em
    }

    html[data-page=menu] body div#menu-page div.header>div.menu-summary>div.common-icons>div:first-child,
    html[data-page=menu] body div#menu-page div.header>div.menu-summary>div.common-icons>div:nth-child(2) {
        margin-bottom: .2em
    }

    html[data-page=menu] body div#menu-page div.header>div.plate {
        right: 0;
        overflow: hidden;
        height: 4em
    }

    html[data-page=menu] body div#menu-page div.header>div.plate>img {
        position: absolute;
        right: -.7em;
        top: 0
    }

    html[data-page=menu] body div#menu-page .menu-section {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    html[data-page=menu] body div#menu-page .menu-section li {
        padding: .03rem .1rem
    }

    html[data-page=menu] body div#menu-page .menu-section>div.top-line>div.title {
        display: none
    }

    html[data-page=menu] body div#menu-page .menu-section>div.top-line>div.legend {
        margin-left: auto;
        margin-right: auto
    }

    html[data-page=menu] body div#menu-page .menu-section>div.days-container {
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 0
    }

    html[data-page=menu] body div#menu-page .menu-section>div.days-container>div.menu-day:nth-last-child(2):nth-child(odd) {
        margin-bottom: .11em
    }
}

html[data-page=menu].smartphone {
    font-size: 100px
}

html[data-page=menu].smartphone body div#menu-page div.menu-pack {
    -ms-flex-flow: column;
    flex-flow: column
}

html[data-page=menu].smartphone body div#menu-page div.title {
    margin-top: .15rem
}

html[data-page=menu].smartphone body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating .menu-pack .menu-dish .main-data,
html[data-page=menu].smartphone body div#menu-page .menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-photo img {
    width: 100%
}

html[data-page=menu].smartphone body div#menu-page div.info-bar {
    padding-left: .09em;
    padding-right: .06em;
    height: .36em
}

html[data-page=menu].smartphone body div#menu-page div.info-bar>div.title>div.logo {
    width: .205em
}

html[data-page=menu].smartphone body div#menu-page div.info-bar>div.title>div.line {
    height: .16em;
    margin-left: .09em;
    margin-right: .09em
}

html[data-page=menu].smartphone body div#menu-page div.info-bar>div.title h2 {
    font-size: .18em
}

html[data-page=menu].smartphone body div#menu-page div.info-bar>div.contacts>a.phone {
    margin-right: 0;
    font-size: .16em
}

html[data-page=menu].smartphone body div#menu-page div.info-bar>div.contacts>a.soc-link {
    display: none
}

html[data-page=menu].smartphone body div#menu-page div.header {
    padding-top: .19em;
    padding-bottom: .31em;
    height: auto;
    background-image: url(/static/images/bg_mob.2d6ed48.jpg);
    padding-left: .2em
}

html[data-page=menu].smartphone body div#menu-page div.header>div.menu-summary {
    width: auto
}

html[data-page=menu].smartphone body div#menu-page div.header>div.menu-summary>div.plan-name>span {
    display: inline;
    font-size: .55556em;
    font-weight: 700;
    line-height: 1.35;
    margin-left: .6em
}

html[data-page=menu].smartphone body div#menu-page div.header>div.menu-summary>div.plan-info {
    font-weight: 400
}

html[data-page=menu].smartphone body div#menu-page div.header>div.menu-summary>div.plan-info>span {
    display: none
}

html[data-page=menu].smartphone body div#menu-page div.header>div.menu-summary>div.common-icons>div {
    margin-right: 0 !important
}

html[data-page=menu].smartphone body div#menu-page div.header>div.menu-summary>div.common-icons>div:not(:last-child) {
    margin-bottom: .17em !important
}

html[data-page=menu].smartphone body div#menu-page div.header>div.plate {
    width: 2.35em;
    top: .8em;
    height: 2.5em
}

html[data-page=menu].smartphone body div#menu-page div.header>div.plate>img {
    right: -1.4em
}

html[data-page=menu].smartphone body div#menu-page div.menu-section {
    padding-bottom: 0
}

html[data-page=menu].smartphone body div#menu-page div.menu-section>div.top-line {
    padding: .21em 0
}

html[data-page=menu].smartphone body div#menu-page div.menu-section>div.top-line>div.legend {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: stretch;
    align-items: stretch
}

html[data-page=menu].smartphone body div#menu-page div.menu-section>div.top-line>div.legend>div {
    text-align: center;
    width: 33.3333%;
    padding-left: .05em;
    padding-right: .05em;
    box-sizing: border-box;
    margin-right: 0
}

html[data-page=menu].smartphone body div#menu-page div.menu-section>div.top-line>div.legend>div>svg {
    display: block;
    margin-left: auto;
    margin-right: auto
}

html[data-page=menu].smartphone body div#menu-page div.menu-section>div.top-line>div.legend>div>span {
    display: block;
    margin-top: .8em
}

html[data-page=menu].smartphone body div#menu-page div.menu-section>div.top-line.smartphone-only {
    display: block
}

html[data-page=menu].smartphone body div#menu-page div.menu-section>div.days-container>div.menu-day>div.title {
    padding-left: .12em
}

html[data-page=menu].smartphone body div#menu-page div.menu-section>div.days-container>div.menu-day>div.info div.metrics {
    height: auto;
    padding: .1em .12em;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    letter-spacing: -.005em
}

html[data-page=menu].smartphone body div#menu-page div.menu-section>div.days-container>div.menu-day>div.info div.metrics>div {
    margin-right: 0;
    text-align: center
}

html[data-page=menu].smartphone body div#menu-page div.menu-section>div.days-container>div.menu-day>div.info div.metrics>div:first-child {
    white-space: nowrap
}

html[data-page=menu].smartphone body div#menu-page div.menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-dish {
    padding: 0 .12em .15rem;
    -ms-flex-direction: column;
    flex-direction: column
}

html[data-page=menu].smartphone body div#menu-page div.menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-dish>div.main-info {
    width: 100%
}

html[data-page=menu].smartphone body div#menu-page div.menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-dish>div.main-info>div.composition {
    font-size: .12em
}

html[data-page=menu].smartphone body div#menu-page div.menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-dish div.metrics {
    width: 90%;
    float: left;
    height: .5rem;
    padding-bottom: .15rem
}

html[data-page=menu].smartphone body div#menu-page div.menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-dish div.metrics>div:last-child {
    margin-bottom: 0
}

html[data-page=menu].smartphone body div#menu-page div.menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-dish>div.cbju {
    font-size: .13rem
}

html[data-page=menu].smartphone body div#menu-page div.menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-dish div.icons {
    height: .5rem;
    margin-top: 0
}

html[data-page=menu].smartphone body div#menu-page div.menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-dish div.icons svg {
    width: .17rem;
    height: .18rem
}

html[data-page=menu].smartphone body div#menu-page div.menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-dish div.icons>div:hover>div.bubble {
    display: none
}

html[data-page=menu].smartphone body div#menu-page div.menu-section>div.days-container>div.menu-day>div.info div.menu-eating div.menu-dish>div.details {
    width: auto;
    border-left-width: 0;
    padding-left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start
}

html[data-page=menu].smartphone body div#menu-page div.info-bar.dark {
    padding: .19em 0;
    height: auto
}

html[data-page=menu].smartphone body div#menu-page div.info-bar.dark>div.title {
    display: none
}

html[data-page=menu].smartphone body div#menu-page div.info-bar.dark>div.contacts {
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1.3em;
    margin: 0 auto
}

html[data-page=menu].smartphone body div#menu-page div.info-bar.dark>div.contacts>a.phone {
    display: none
}

html[data-page=menu].smartphone body div#menu-page div.info-bar.dark>div.contacts>a.soc-link {
    display: block;
    margin-left: 0
}

.b-menu-section__help {
    font-size: .12rem;
    line-height: .15rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    margin-left: auto;
    margin-right: .2rem;
    margin-top: -.09rem
}

.b-menu-section__help-bullet {
    display: inline-block;
    width: .16rem;
    height: .04rem;
    border-radius: .02rem;
    background-color: #f8c325;
    margin-right: .07rem
}

html.smartphone body div#menu-page .menu-section>div.days-container>div.menu-day.menu-day--single>div.info div.menu-eating div.menu-dish .main-info {
    padding-left: 0
}

html.smartphone body div#menu-page .menu-section>div.days-container>div.menu-day.menu-day--single>div.info div.menu-eating div.menu-dish .main-data {
    width: 100%
}

html.smartphone body div#menu-page .menu-section>div.days-container>div.menu-day.menu-day--single>div.info div.menu-eating div.menu-photo {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    height: 2.13rem
}

html.smartphone body div#menu-page .menu-section>div.days-container>div.menu-day.menu-day--single>div.info div.menu-eating .menu-pack>div {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

html.smartphone body div#menu-page .menu-section>div.days-container>div.menu-day .b-menu-eating-reception {
    padding-left: .2em;
    padding-right: .2em
}

html.smartphone body div#menu-page .menu-section>div.days-container>div.menu-day .b-menu-eating-reception .menu-eating {
    padding-bottom: 0
}

html.smartphone body div#menu-page .menu-section>div.days-container>div.menu-day .b-menu-eating-reception>div.title {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

html.smartphone body div#menu-page .menu-section>div.days-container>div.menu-day .b-menu-eating-reception>div.title .b-menu-eating-reception__button .button {
    width: unset !important;
    height: unset !important;
    margin-right: 0
}

html.smartphone body div#menu-page .menu-section>div.days-container>div.menu-day .b-menu-eating-reception>div.title .b-menu-eating-reception__button .button svg {
    margin: 0;
    fill: #f8c325
}

html.smartphone .b-menu-section__help {
    font-size: .1rem;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    color: #9b9b9b;
    padding-top: .1rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 0
}

html.smartphone .b-menu-section__help-bullet {
    display: inline-block;
    width: .06rem;
    height: .06rem;
    border-radius: 50%;
    background-color: #f8c325;
    margin-right: .04rem
}

html.smartphone .days-container {
    margin: 0
}

html.smartphone .days-container .menu-day {
    width: 100%;
    padding: 0
}

html.smartphone .days-container .menu-day .metrics .tasks-count {
    position: static !important
}

html.smartphone .days-container .menu-day .metrics .tasks-count .circle {
    font-size: .8em !important
}

html.smartphone .days-container .info {
    margin: 0 .1em
}

html.smartphone .days-container .info .title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center
}

html.smartphone .days-container .info .title button.button {
    font-size: .86em !important;
    margin-left: 0 !important;
    padding-left: 0;
    padding-right: 0;
    width: 13em !important
}

html.smartphone .days-container .main-info {
    padding-bottom: .05em !important
}

html.smartphone .days-container .main-info>.title {
    font-size: .14em !important
}

html.smartphone .days-container .menu-dish {
    padding: 0 !important
}

html.smartphone .days-container .menu-eating {
    position: relative
}

html.smartphone .days-container .menu-eating:not(:last-child) {
    margin-bottom: .14em !important
}

html.smartphone .days-container .menu-eating>.title {
    top: 1em;
    left: calc(50% - 5em - .25em);
    color: #1b1b1b !important;
    width: 10em;
    padding: .5em !important;
    z-index: 5;
    position: absolute;
    background: #fff;
    text-align: center;
    border-radius: 2em
}

html.smartphone .days-container .menu-eating>img {
    width: 100%;
    border-radius: 3px
}

html.smartphone .days-container .menu-eating .metrics {
    padding: 0 !important;
    font-size: 1em !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

html.smartphone .days-container .menu-eating .composition {
    color: #9b9b9b !important;
    font-size: .1em !important
}

.sbp-modal {
    position: relative;
    max-height: 100vh;
    max-height: calc(var(--vh, 1vh) * 100);
    height: 100%;
    overflow: hidden;
    background: var(--color__white);
    pointer-events: all
}

html.desktop .sbp-modal {
    position: relative;
    width: 10.24rem;
    height: 6rem;
    border-radius: .24rem
}

.sbp-modal__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: none
}

.sbp-modal__header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    padding: .16rem;
    background: var(--color__white)
}

html.desktop .sbp-modal__header {
    position: absolute
}

.sbp-modal__header-close {
    position: absolute;
    top: .16rem;
    right: .16rem;
    padding: .05rem;
    width: .24rem;
    height: .24rem;
    border-width: 0;
    outline-width: 0;
    background-color: transparent;
    transition: background-color .2s;
    border-radius: .06rem
}

.sbp-modal__header-close:active {
    background-color: var(--color__grey-20)
}

html.desktop .sbp-modal__header-close {
    width: .4rem;
    height: .4rem;
    padding: .08rem
}

.sbp-modal__header-close-icon {
    width: .14rem;
    height: .14rem
}

html.desktop .sbp-modal__header-close-icon {
    width: .24rem;
    height: .24rem
}

.sbp-modal__header-title {
    font-weight: 600;
    font-size: .16rem;
    line-height: .24rem;
    color: var(--color__black);
    text-align: center
}

.sbp-modal__sub-title {
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    max-width: 73%;
    margin: 0 auto;
    color: var(--color__grey-60)
}

.sbp-modal__footer {
    position: fixed;
    top: calc(var(--vh, 1vh) * 100 - .8rem);
    left: 0;
    z-index: 1;
    width: 100%;
    padding: .16rem;
    padding-bottom: .8rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background: var(--color__white)
}

.sbp-modal__footer-button {
    font-size: .14rem !important;
    line-height: .2rem !important;
    letter-spacing: .001rem;
    padding: .14rem !important;
    width: 100% !important;
    height: .48rem !important
}

.modal-root {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1900;
    position: fixed
}

.modal-root:empty {
    display: none
}

.modal-overlay {
    cursor: pointer;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal-overlay.active {
    background-color: rgba(0, 0, 0, .9)
}

.b-menu-customization__alert--confirm .modal-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-pack: center;
    justify-content: center
}

.modal-window {
    cursor: auto;
    position: relative;
    font-size: 1rem;
    max-width: 100%;
    max-height: 100%;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
    border-radius: 4px;
    transition: all .3s ease-in-out
}

.modal-window__close-inside .close-icon {
    right: .3em !important;
    top: .3em !important;
    z-index: 2;
    padding: 0 !important;
    background-color: transparent !important;
    color: #1b1b1b !important
}

.modal-window__close-inside .close-icon svg {
    width: .14em !important;
    height: .14em !important;
    stroke: #1b1b1b
}

.modal-window.alert-window {
    padding: 1rem .8rem .6rem;
    text-align: center
}

.modal-window.alert-window h2 {
    font-size: .24rem
}

.modal-window.alert-window p {
    font-size: .18rem
}

.modal-window.alert-window .actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.modal-window.alert-window .button {
    font-size: .14rem;
    padding: .1rem;
    margin: .15rem .1rem
}

.modal-window .close-icon {
    right: -.4rem;
    top: 0;
    color: #fff;
    opacity: .8;
    padding: .1em;
    position: absolute;
    background: #1b1b1b;
    border-radius: 50%
}

.modal-window .close-icon svg {
    width: .1em;
    height: .1em
}

.modal-window.b-menu-custom__modal {
    width: 11.3rem;
    overflow-y: auto
}

.modal-enter-active,
.modal-leave-active {
    transition: all .4s ease-in-out
}

.modal-enter,
.modal-leave-active {
    opacity: 0;
    transform: scale(1.1)
}

.slide-up-enter-active,
.slide-up-leave-active {
    transition: all .3s ease-in-out
}

.slide-up-enter,
.slide-up-leave-active {
    opacity: 0;
    transform: translate(-20px)
}

@keyframes blowUpModal {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

html.smartphone .modal-window {
    width: 100%;
    height: 100%;
    border-radius: 0;
    box-sizing: border-box
}

html.smartphone .modal-window.alert-window {
    height: 2.14rem;
    width: 2.8rem;
    padding: .4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

html.smartphone .modal-window.alert-window .modal-inner {
    height: unset
}

html.smartphone .modal-window.alert-window h2 {
    font-size: .16rem;
    font-weight: 700
}

html.smartphone .modal-window.alert-window p {
    font-size: .13rem
}

html.smartphone .modal-window__navbar {
    width: 100%;
    height: .4em;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed
}

html.smartphone .modal-window__navbar h2 {
    font-size: .16em;
    font-weight: 700;
    margin: 0
}

html.smartphone .modal-window__navbar.text-left {
    padding-left: .16rem;
    padding-right: .15rem;
    -ms-flex-pack: start;
    justify-content: flex-start
}

html.smartphone .modal-window .modal-inner {
    height: 100vh;
    overflow-y: scroll
}

html.smartphone .modal-window .close-icon {
    top: .1em;
    left: auto;
    right: .1em;
    background-color: transparent;
    color: #1b1b1b
}

html.smartphone .modal-window.b-menu-custom__modal {
    width: 100%
}

html.smartphone .modal-window.b-menu-customization__alert {
    width: 2.8em;
    height: auto;
    text-align: center;
    padding: .32em .23em .34em;
    border-radius: .04em;
    box-shadow: .04em .02em .06em 0 rgba(0, 0, 0, .1)
}

html.smartphone .modal-window.b-menu-customization__alert .modal-inner {
    height: auto;
    max-height: 100vh;
    overflow-y: scroll
}

html.smartphone .modal-window.b-menu-customization__alert--dark {
    background: #4a4a4a;
    color: #fff
}

html.smartphone .modal-window.b-menu-customization__alert--dark .b-menu-customization__alert-close {
    color: #fff
}

html.smartphone .modal-window.b-menu-customization__alert--confirm {
    min-height: 1.4em;
    padding-left: .42em;
    padding-right: .42em
}

html.smartphone .modal-window.b-menu-customization__alert--confirm .b-menu-customization__alert-title {
    margin-bottom: 1.9375em
}

html.smartphone .modal-window.b-menu-customization__alert--success {
    padding: .61rem .35rem .41rem
}

html.smartphone .modal-window.b-menu-customization__alert--success .b-menu-customization__alert-icon {
    position: absolute;
    top: -.32rem;
    left: calc(50% - .35rem)
}

html.smartphone .modal-window.b-menu-customization__alert--success .b-menu-customization__alert-icon svg {
    width: .71rem;
    height: .71rem
}

html.smartphone .b-menu-customization__alert-icon {
    margin-bottom: .19em;
    color: var(--color__default)
}

html.smartphone .b-menu-customization__alert-icon .c-icon-start {
    width: .54em;
    height: .49em
}

html.smartphone .b-menu-customization__alert-icon .c-icon-delivery svg {
    width: .45em;
    height: .47em
}

html.smartphone .b-menu-customization__alert-icon .c-icon-limit {
    width: .54em;
    height: .49em
}

html.smartphone .b-menu-customization__alert-close {
    position: absolute;
    padding: .12rem;
    color: #000;
    top: 0;
    right: 0;
    cursor: pointer
}

html.smartphone .b-menu-customization__alert-close .c-icon-cross {
    width: .1rem;
    height: .1rem
}

html.smartphone .b-menu-customization__alert-loader {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--color__default);
    background-color: hsla(0, 0%, 100%, .8);
    z-index: 2
}

html.smartphone .b-menu-customization__alert-title {
    font-size: .14em;
    line-height: 1.07143em;
    font-weight: 700;
    margin-bottom: 1.28571em
}

html.smartphone .b-menu-customization__alert-text {
    font-size: .12em;
    line-height: 1.33333em;
    font-weight: 500;
    margin-bottom: 3.33333em
}

html.smartphone .b-menu-customization__alert-button {
    font-size: .5em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

html.smartphone .b-menu-customization__alert-button .button {
    display: -ms-flexbox;
    display: flex;
    width: 15em
}

html.smartphone .b-menu-customization__alert-button .button.loader {
    height: .3rem
}

html.smartphone .b-menu-customization__alert-button .buttons {
    margin-left: -.04em;
    margin-right: -.04em;
    width: 100%
}

html.smartphone .b-menu-customization__alert-button .buttons .button-left,
html.smartphone .b-menu-customization__alert-button .buttons .button-right {
    width: 50%;
    padding-left: .04em;
    padding-right: .04em
}

html.smartphone .b-menu-customization__alert-button .buttons .button {
    width: 100%
}

html:not(.smartphone) .modal-window.b-menu-customization__alert {
    width: 7.9em;
    height: auto;
    text-align: center;
    padding: .81em 1.95em 1.18em;
    border-radius: .04em;
    box-shadow: .04em .02em .06em 0 rgba(0, 0, 0, .1)
}

html:not(.smartphone) .modal-window.b-menu-customization__alert .modal-inner {
    height: auto;
    max-height: 100vh;
    overflow-y: auto
}

html:not(.smartphone) .modal-window.b-menu-customization__alert--success .b-menu-customization__alert-icon {
    margin-bottom: .17rem
}

html:not(.smartphone) .modal-window.b-menu-customization__alert--success .b-menu-customization__alert-icon svg {
    width: .9rem;
    height: .9rem
}

html:not(.smartphone) .modal-window.b-menu-customization__alert--confirm {
    width: 5.3em;
    padding: .94em 1.05em 1em
}

html:not(.smartphone) .modal-window.b-menu-customization__alert--confirm .b-menu-customization__alert-text {
    margin-bottom: 2.5em
}

html:not(.smartphone) .modal-window.b-menu-customization__alert--confirm .modal-inner {
    overflow-x: hidden;
    min-height: 1.8em
}

html:not(.smartphone) .modal-window.b-menu-customization__alert--confirm .b-menu-customization__alert-title {
    font-size: .28em;
    line-height: 1.14286em;
    margin-bottom: .71429em
}

html:not(.smartphone) .b-menu-customization__alert-close {
    position: absolute;
    padding: .13rem;
    color: #000;
    top: 0;
    right: 0;
    cursor: pointer
}

html:not(.smartphone) .b-menu-customization__alert-close .c-icon-cross {
    width: .14rem;
    height: .14rem
}

html:not(.smartphone) .b-menu-customization__alert-icon {
    margin-bottom: .29em;
    color: var(--color__default)
}

html:not(.smartphone) .b-menu-customization__alert-icon .c-icon-start {
    width: .98em;
    height: .89em
}

html:not(.smartphone) .b-menu-customization__alert-icon .c-icon-delivery svg {
    width: .85em;
    height: .89em
}

html:not(.smartphone) .b-menu-customization__alert-icon .c-icon-limit {
    width: .98em;
    height: .89em
}

html:not(.smartphone) .b-menu-customization__alert-title {
    font-size: .28em;
    line-height: 1.14286em;
    font-weight: 700;
    margin-bottom: .5em
}

html:not(.smartphone) .b-menu-customization__alert-text {
    font-size: .16em;
    line-height: 1.375em;
    font-weight: 500;
    margin-bottom: 4.25em
}

html:not(.smartphone) .b-menu-customization__alert-button {
    font-size: .64em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

html:not(.smartphone) .b-menu-customization__alert-button .button {
    display: -ms-flexbox;
    display: flex;
    width: 13em;
    height: 3em;
    text-transform: unset;
    font-weight: 700
}

html:not(.smartphone) .b-menu-customization__alert-button .buttons {
    margin-left: -.04em;
    margin-right: -.04em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%;
    padding-left: .38em;
    padding-right: .38em;
    -ms-flex-pack: center;
    justify-content: center
}

html:not(.smartphone) .b-menu-customization__alert-button .buttons .button-left,
html:not(.smartphone) .b-menu-customization__alert-button .buttons .button-right {
    width: 50%;
    padding-left: .04em;
    padding-right: .04em
}

html:not(.smartphone) .b-menu-customization__alert-button .buttons .button {
    width: 100%
}

body {
    background: #fff
}

@media only screen and (min-width:1441px) {
    html[data-page=dashboard] {
        font-size: 100px
    }

    html[data-page=dashboard].landing-page--ya-taxi {
        font-size: 6.94444444vw
    }
}

.app--mob-app {
    padding-top: .72em
}

.app--mob-app .navbar {
    top: .72em
}

.l-mob-app {
    top: 0
}

.l-agreements,
.l-mob-app {
    position: fixed;
    z-index: 999;
    left: 0;
    right: 0
}

.l-agreements {
    bottom: 0;
    background-color: var(--color__white);
    box-shadow: 0 .02rem .06rem 0 rgba(0, 0, 0, .5)
}

html[data-page=promotion] body {
    font-family: Museo Sans Cyrl, Helvetica, Arial, sans-serif;
    font-weight: 300;
    color: #1b1b1b;
    background-color: var(--color__grey-0)
}

html[data-page=dashboard][data-promotion=cbm2days] div#dashboard-page,
html[data-page=dashboard][data-promotion=cbm2019] div#dashboard-page,
html[data-page=dashboard][data-promotion=cbm2019activesub] div#dashboard-page {
    padding-top: .52em
}

html[data-page=dashboard] .go-special-offer {
    position: relative;
    background-color: #f6f6f6;
    top: -.35em;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    max-width: 12.9em;
    margin-left: auto;
    margin-right: auto
}

html[data-page=dashboard] .go-customize {
    padding-top: .1em;
    padding-left: .1em;
    padding-right: .1em
}

html[data-page=dashboard] .go-subscribe {
    position: relative;
    background-image: url(/static/images/subscribe-banner.ebcd726.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    margin-bottom: .32em;
    top: -.35em
}

html[data-page=dashboard] .go-subscribe--feb23 {
    background-image: url(/static/images/lk-banner-bg.34b6447.png)
}

html[data-page=dashboard] .go-banner__close,
html[data-page=dashboard] .go-two-days__close {
    position: absolute;
    top: .1em;
    right: .1em;
    padding: .07em;
    border: none;
    cursor: pointer;
    background: transparent;
    z-index: 50
}

html[data-page=dashboard] .go-banner__close svg circle,
html[data-page=dashboard] .go-two-days__close svg circle {
    fill: rgba(0, 0, 0, .1)
}

html[data-page=dashboard] .go-two-days {
    position: relative;
    background-image: url(/static/images/two-days-banner.1261d5f.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    margin-bottom: .32em
}

html[data-page=dashboard] .go-two-days--spring {
    background-image: url(/static/images/two-days-banner--spring.c3817fc.jpg)
}

html[data-page=dashboard] .go-two-days--spring svg circle {
    fill: #f63c4c
}

html[data-page=dashboard].smartphone body {
    font-weight: 500
}

html[data-page=dashboard].smartphone body #app-dashboard-page .width-container,
html[data-page=dashboard].smartphone body #dashboard-page .width-container {
    overflow: hidden
}

html[data-page=dashboard] body {
    font-family: Museo Sans Cyrl, Helvetica, Arial, sans-serif;
    font-weight: 300;
    color: #1b1b1b;
    background-color: var(--color__grey-0)
}

html[data-page=dashboard] body div#dashboard-page {
    padding-top: .96em;
    padding-bottom: .8em
}

html[data-page=dashboard] body div#dashboard-page div#top-bar {
    display: -ms-flexbox;
    display: flex;
    background-color: var(--color__default);
    padding: .11em 1.6em;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}

html[data-page=dashboard] body div#dashboard-page div#top-bar>a:first-child {
    font-size: .13em
}

html[data-page=dashboard] body div#dashboard-page div#top-bar>a:first-child>svg {
    height: 1.315em;
    width: auto;
    margin-right: 1em;
    vertical-align: middle
}

html[data-page=dashboard] body div#dashboard-page div#top-bar>a:first-child>svg path {
    fill: #fff
}

html[data-page=dashboard] body div#dashboard-page div#top-bar>a:first-child>span {
    font-weight: 500;
    line-height: 1.38;
    color: #fff;
    vertical-align: middle
}

html[data-page=dashboard] body div#dashboard-page div#top-bar>a:nth-child(2) {
    display: block;
    font-weight: 900;
    color: #fff;
    font-size: .18em
}

html[data-page=dashboard] body div#dashboard-page div.width-container {
    position: relative;
    width: 11.6em;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto
}

html[data-page=dashboard] body div#dashboard-page div.new-order-container {
    width: 12em
}

html[data-page=dashboard] body div#dashboard-page div.column-title {
    font-size: .1em;
    font-weight: 500;
    line-height: 1.6;
    color: #1b1b1b;
    text-transform: uppercase;
    white-space: nowrap
}

html[data-page=dashboard] body div#dashboard-page div.status {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .1em;
    line-height: .7;
    height: 1.9em;
    padding-left: 1.4em;
    padding-right: 1.4em;
    border-radius: .95em;
    background-color: #f5f4f5;
    white-space: nowrap
}

html[data-page=dashboard] body div#dashboard-page div.status.green {
    background-color: var(--color__default);
    color: #fff
}

html[data-page=dashboard] body div#dashboard-page div.status.yellow {
    background-color: #f8c325;
    color: #1b1b1b
}

html[data-page=dashboard] body div#dashboard-page div.status.red {
    background-color: #ef5747;
    color: #fff
}

html[data-page=dashboard] body div#dashboard-page div.status.inactive {
    color: #fff;
    background-color: #a1d8b5
}

html[data-page=dashboard] body div#dashboard-page div.status.dark-gray {
    background-color: #e7e7e7
}

html[data-page=dashboard] body div#dashboard-page div.follow-us-block {
    border-radius: .04em;
    background-color: #fff;
    box-shadow: 0 .02em .04em 0 rgba(0, 0, 0, .2);
    padding: .2em .15em .24em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

html[data-page=dashboard] body div#dashboard-page div.follow-us-block>div.paper-bag {
    width: .7em
}

html[data-page=dashboard] body div#dashboard-page div.follow-us-block>div.paper-bag>svg {
    width: 100%;
    height: auto
}

html[data-page=dashboard] body div#dashboard-page div.follow-us-block>div.text {
    width: 1.35em;
    margin-left: .2em
}

html[data-page=dashboard] body div#dashboard-page div.follow-us-block>div.text>div.title {
    font-size: .18em;
    font-weight: 700
}

html[data-page=dashboard] body div#dashboard-page div.follow-us-block>div.text>div.amount {
    font-size: .36em;
    font-weight: 700;
    color: var(--color__default)
}

html[data-page=dashboard] body div#dashboard-page div.follow-us-block>div.text>div.what-for {
    font-size: .13em;
    font-weight: 500;
    color: #888;
    line-height: 1.1
}

html[data-page=dashboard] body div#dashboard-page div.follow-us-block>div.buttons {
    width: 100%;
    margin-top: .3em
}

html[data-page=dashboard] body div#dashboard-page div.follow-us-block>div.buttons div.buttons-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

html[data-page=dashboard] body div#dashboard-page div.follow-us-block>div.buttons div.buttons-flex svg {
    width: .24em
}

html[data-page=dashboard] body div#dashboard-page div.follow-us-block>div.buttons div.buttons-flex>div.channel-button:not(:last-child) {
    margin-right: .075em
}

html[data-page=dashboard] body div#dashboard-page div.follow-us-block>div.buttons div.channel-button {
    cursor: pointer
}

html[data-page=dashboard] body div#dashboard-page div.follow-us-block>div.buttons div.channel-button.long {
    width: 2.15em;
    height: .4em;
    border-radius: .2em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto
}

html[data-page=dashboard] body div#dashboard-page div.follow-us-block>div.buttons div.channel-button.long>img {
    width: .24em;
    margin-right: .1em
}

html[data-page=dashboard] body div#dashboard-page div.follow-us-block>div.buttons div.channel-button.long>span {
    font-size: .14em;
    color: #fff
}

html[data-page=dashboard] body div#dashboard-page div.follow-us-block>div.buttons div.channel-button.short {
    width: .4em;
    height: .4em;
    border-radius: .2em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

html[data-page=dashboard] body div#dashboard-page div.follow-us-block>div.buttons div.channel-button.short>img {
    width: .24em
}

html[data-page=dashboard] body div#dashboard-page div.follow-us-block>div.buttons div.channel-button.vk {
    background-color: #4d75a3
}

html[data-page=dashboard] body div#dashboard-page div.follow-us-block>div.buttons div.channel-button.fb {
    background-color: #3b5999
}

html[data-page=dashboard] body div#dashboard-page div.follow-us-block>div.buttons div.channel-button.wa {
    background-color: #25d366
}

html[data-page=dashboard] body div#dashboard-page div.follow-us-block>div.buttons div.channel-button.tg {
    background-image: linear-gradient(180deg, #42bce8, #23a7dc)
}

html[data-page=dashboard] body div#dashboard-page div.follow-us-block>div.comment {
    width: 100%;
    font-size: .13em;
    font-weight: 500;
    color: #888;
    line-height: 1.1;
    margin-top: 2.30769em;
    text-align: center
}

html[data-page=dashboard] body div#dashboard-page div.follow-us-block>div.closer {
    display: none
}

html[data-page=dashboard] body div#dashboard-page .button {
    font-size: .14em;
    text-transform: none;
    margin-left: auto;
    margin-right: auto;
    height: 2.85714em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.menu-column {
    width: 2.6em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.menu-column .menu-dashboard_invite-amount {
    opacity: 1
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.menu-column>div.menu {
    border-radius: .02em;
    background-color: #fff;
    box-shadow: 0 .08em .08em 0 rgba(0, 0, 0, .24), 0 0 .02em 0 rgba(0, 0, 0, .12)
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.menu-column>div.menu>div.header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: .23em;
    height: 1em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.menu-column>div.menu>div.header>div.avatar {
    width: .24em;
    margin-right: .22em;
    margin-bottom: .28em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.menu-column>div.menu>div.header>div.avatar>svg {
    width: 100%;
    fill: var(--color__default)
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.menu-column>div.menu>div.header>div.user-info>div.name {
    font-size: .18em;
    font-weight: 700;
    line-height: 1.11
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.menu-column>div.menu>div.header>div.user-info>div.phone {
    font-size: .14em;
    line-height: 1.29;
    margin-top: .64286em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.menu-column>a.button {
    width: 100%;
    border-radius: 0;
    height: .6em;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: .38em;
    font-size: 1em;
    margin-top: .31em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.menu-column>a.button>div.icon {
    width: .3em;
    height: .3em;
    box-shadow: 0 0 .06em 0 rgba(0, 0, 0, .12);
    border-radius: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.menu-column>a.button>div.icon>svg {
    width: 100%;
    height: 100%
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.menu-column>a.button>span {
    font-size: .16em;
    font-weight: 500;
    line-height: 1.13;
    margin-left: 1.3125em;
    text-transform: none
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.menu-column>div.follow-us-block {
    margin-top: .45em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content {
    width: 8.6em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content>div>h1 {
    font-size: .28em;
    font-weight: 700;
    line-height: .93;
    margin-bottom: 1em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content>div>div.subscription-content-inner {
    border-radius: .03em;
    background-color: #fff;
    margin-top: .34em;
    box-shadow: 0 .08em .08em 0 rgba(0, 0, 0, .14), 0 0 .02em 0 rgba(0, 0, 0, .12)
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.deliveries-history div.td div.driver,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.deliveries-history div.th div.driver,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.future-deliveries div.td div.driver,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.future-deliveries div.th div.driver,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.payment-cards div.td div.driver,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.payment-cards div.th div.driver {
    font-size: .14em;
    font-weight: 500;
    line-height: 1.07;
    color: #1b1b1b
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.deliveries-history div.td div.driver>a.phone,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.deliveries-history div.th div.driver>a.phone,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.future-deliveries div.td div.driver>a.phone,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.future-deliveries div.th div.driver>a.phone,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.payment-cards div.td div.driver>a.phone,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.payment-cards div.th div.driver>a.phone {
    font-size: .92857em;
    font-weight: 700;
    line-height: 1.54;
    color: #3d9c60;
    white-space: nowrap
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.deliveries-history div.td div.address,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.deliveries-history div.th div.address,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.future-deliveries div.td div.address,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.future-deliveries div.th div.address,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.payment-cards div.td div.address,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.payment-cards div.th div.address {
    font-size: .14em;
    line-height: 1.38;
    font-weight: 500
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.deliveries-history div.td a.menu-link,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.deliveries-history div.th a.menu-link,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.future-deliveries div.td a.menu-link,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.future-deliveries div.th a.menu-link,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.payment-cards div.td a.menu-link,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.payment-cards div.th a.menu-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--color__default);
    border-radius: .15em;
    overflow: hidden;
    width: .94em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.deliveries-history div.td a.menu-link>div.icon,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.deliveries-history div.th a.menu-link>div.icon,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.future-deliveries div.td a.menu-link>div.icon,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.future-deliveries div.th a.menu-link>div.icon,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.payment-cards div.td a.menu-link>div.icon,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.payment-cards div.th a.menu-link>div.icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border-top-right-radius: .15em;
    border-bottom-right-radius: .15em;
    width: .3em;
    height: .3em;
    background-color: var(--color__default-darken);
    color: #fff
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.deliveries-history div.td a.menu-link>div.icon>img,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.deliveries-history div.td a.menu-link>div.icon>svg,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.deliveries-history div.th a.menu-link>div.icon>img,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.deliveries-history div.th a.menu-link>div.icon>svg,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.future-deliveries div.td a.menu-link>div.icon>img,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.future-deliveries div.td a.menu-link>div.icon>svg,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.future-deliveries div.th a.menu-link>div.icon>img,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.future-deliveries div.th a.menu-link>div.icon>svg,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.payment-cards div.td a.menu-link>div.icon>img,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.payment-cards div.td a.menu-link>div.icon>svg,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.payment-cards div.th a.menu-link>div.icon>img,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.payment-cards div.th a.menu-link>div.icon>svg {
    width: .15em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.deliveries-history div.td a.menu-link>div.icon>.c-icon,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.deliveries-history div.th a.menu-link>div.icon>.c-icon,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.future-deliveries div.td a.menu-link>div.icon>.c-icon,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.future-deliveries div.th a.menu-link>div.icon>.c-icon,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.payment-cards div.td a.menu-link>div.icon>.c-icon,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.payment-cards div.th a.menu-link>div.icon>.c-icon {
    margin-bottom: .02em;
    display: inline-block;
    max-height: 100%
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.deliveries-history div.td a.menu-link>div.text,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.deliveries-history div.th a.menu-link>div.text,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.future-deliveries div.td a.menu-link>div.text,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.future-deliveries div.th a.menu-link>div.text,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.payment-cards div.td a.menu-link>div.text,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.payment-cards div.th a.menu-link>div.text {
    font-size: .14em;
    line-height: 1.43;
    font-weight: 500;
    color: #fff;
    margin-left: .5em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.future-deliveries {
    background-color: #fff;
    width: 100%
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.future-deliveries tr:not(:last-child) div.td {
    border-bottom: 1px solid #e1e4e2
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.future-deliveries div.th {
    background-color: #f5f4f5;
    padding: .08em .28em;
    text-align: left
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.future-deliveries div.td:last-child,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.future-deliveries div.th:last-child {
    padding-right: .52em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.future-deliveries div.td {
    vertical-align: top;
    padding: .2em .28em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.future-deliveries div.td>div.delivery-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.future-deliveries div.td>div.delivery-info>div.title {
    font-size: .14em;
    text-transform: capitalize;
    font-weight: 500;
    line-height: 1.29;
    white-space: nowrap
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.future-deliveries div.td>div.delivery-info>div.status {
    margin-left: 1.5em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.future-deliveries div.td>div.delivery-date {
    font-size: .15em;
    font-weight: 500;
    line-height: 1.07
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.deliveries-history {
    background-color: #fff;
    width: 100%
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.deliveries-history div.tr:not(:last-child) div.td,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.deliveries-history div.tr:not(:last-child) div.th {
    border-bottom: 1px solid #e1e4e2
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.deliveries-history div.td:first-child,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.deliveries-history div.td:nth-child(2),
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.deliveries-history div.td:nth-child(3),
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.deliveries-history div.td:nth-child(4),
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.deliveries-history div.th:first-child,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.deliveries-history div.th:nth-child(2),
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.deliveries-history div.th:nth-child(3),
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.deliveries-history div.th:nth-child(4) {
    padding-left: .18em;
    padding-right: .18em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.deliveries-history div.td:nth-child(5),
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.deliveries-history div.th:nth-child(5) {
    padding-left: .28em;
    padding-right: .28em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.deliveries-history div.th {
    padding-top: .12em;
    padding-bottom: .09em;
    text-align: left
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.deliveries-history div.td {
    vertical-align: top;
    padding-top: .13em;
    padding-bottom: .13em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.deliveries-history div.td:nth-child(5) {
    vertical-align: middle
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.deliveries-history div.td>div.date {
    font-size: .15em;
    font-weight: 500;
    line-height: 1.07
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.deliveries-history div.td>div.weekday {
    font-size: .13em;
    line-height: 1.38
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.payment-cards {
    background-color: #fff;
    width: 100%
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.payment-cards div.tr:not(:last-child) div.td {
    border-bottom: 1px solid #e1e4e2
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.payment-cards div.td {
    padding: .11em .2em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.payment-cards div.td>div.payment-system {
    font-size: .15em;
    font-weight: 500;
    line-height: 1.07;
    color: #fff;
    width: 3.8em;
    height: 1.93333em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #1b1b1b
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.payment-cards div.td>div.card-number {
    font-size: .13em;
    line-height: 1.38;
    white-space: nowrap
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.payment-cards div.td>div.card-name {
    font-size: .14em;
    line-height: 1.14
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.payment-cards div.td>div.status {
    width: 13.7em;
    box-sizing: border-box
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.payment-cards div.td>div.make-default {
    font-size: .13em;
    line-height: 1.38;
    text-decoration: underline
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.payment-cards div.td>div.cross {
    width: .26em;
    height: .26em;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #9b9b9b;
    border-radius: .04em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.payment-cards div.td>div.cross>img {
    width: .13em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.three-columns-table {
    background-color: #fff;
    width: 100%;
    border-spacing: .27em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.three-columns-table div.td {
    width: 33.3333%
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.three-columns-table div.td>input,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.three-columns-table div.td>select {
    font-size: .13em;
    line-height: 1.38;
    margin-top: .69231em;
    height: 3.07692em;
    border: 1px solid #979797;
    padding: 0 1.30769em;
    display: block;
    width: 100%;
    box-sizing: border-box
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.table.three-columns-table div.td.big-cell {
    width: 100%;
    font-size: .13em;
    line-height: 1.38
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.base-order-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: .14em .28em .25em;
    background-color: #fff;
    position: relative;
    margin-bottom: .19em;
    background-size: cover;
    background-position: 50%;
    border-radius: .04em;
    background-image: url(/static/images/order-header.35b84ba.jpg)
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.base-order-info div.base-order-subscription {
    width: 3.5rem;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 6px;
    font-size: .12rem;
    padding: .2rem
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.base-order-info div.base-order-subscription .payment-subscribe {
    cursor: pointer;
    display: -ms-flexbox;
    display: flex
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.base-order-info div.base-order-subscription .payment-subscribe h4 {
    font-size: .14rem;
    font-weight: 700;
    color: var(--color__default)
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.base-order-info div.base-order-subscription p {
    margin-bottom: 0
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.base-order-info div.base-order-subscription p a {
    color: var(--color__default);
    border-bottom: 1px solid var(--color__default)
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.base-order-info div.base-order-subscription p.warn {
    color: #ef5747
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.base-order-info div.base-order-subscription .border-box {
    padding: .15rem;
    border: 1px solid var(--color__default);
    border-radius: 6px
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.base-order-info div.base-order-subscription .status {
    display: inline-block;
    padding: .02rem .1rem;
    line-height: 1.9;
    font-size: .1rem
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.base-order-info div.zero-line {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.base-order-info div.zero-line>div.icon {
    height: .12em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.base-order-info div.zero-line>div.icon.car {
    width: .19em;
    color: #fff
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.base-order-info div.zero-line>div.icon>img,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.base-order-info div.zero-line>div.icon>svg {
    height: 100%;
    display: inline-block;
    max-width: 100%
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.base-order-info div.zero-line>div.icon.calendar svg rect {
    fill: #fff
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.base-order-info div.zero-line>div.text {
    font-size: .13em;
    color: #fff;
    margin-left: .46154em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.base-order-info div.zero-line>div.text:not(:last-child) {
    margin-right: 1.23077em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.base-order-info div.first-line {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: .24em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.base-order-info div.first-line>div.tariff-name {
    font-size: .36em;
    font-weight: 700;
    line-height: .75;
    color: #fff;
    text-transform: capitalize
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.base-order-info div.first-line>div.status {
    margin-left: 1.1em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.base-order-info div.second-line {
    font-size: .2em;
    line-height: 1.35;
    color: #fff;
    margin-top: .75em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.base-order-info div.second-line>b {
    margin-right: .5em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.base-order-info div.price {
    font-size: .36em;
    font-weight: 700;
    margin-top: .69444em;
    color: #fff
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.base-order-info a.button,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.base-order-info div.button {
    margin-left: 0;
    margin-right: auto;
    margin-top: .6em;
    border-width: 0;
    width: 10.71429em;
    height: 2.85714em;
    border-radius: .28571em;
    text-transform: uppercase
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.base-order-info div.message {
    position: absolute;
    width: 3.7em;
    border-radius: .04em;
    background-color: #f5f4f5;
    box-shadow: 0 .02em .04em 0 rgba(0, 0, 0, .5);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box;
    padding: .06em .18em;
    bottom: .24em;
    left: 2.1em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.base-order-info div.message>div.icon {
    width: .46em;
    border: .04em solid #fff;
    border-radius: 50%;
    margin-right: .14em;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.base-order-info div.message>div.icon>img {
    width: 100%;
    border-radius: 50%
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.base-order-info div.message>div.text {
    font-size: .13em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.base-order-info div.message:before {
    content: "";
    display: block;
    position: absolute;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(/static/icons/triangle-grey.svg);
    width: .19em;
    height: .07em;
    transform: rotate(-90deg);
    left: -.12em;
    top: 43%;
    transform-origin: 50% 50%
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.base-order-info:not(.has-button) {
    padding-bottom: .4em;
    padding-top: .4em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.base-order-info:not(.has-button)>div.message {
    left: 3.6em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.buttons-after-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: .31em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.buttons-after-content>.button {
    margin-left: 0;
    margin-right: 0;
    width: auto;
    padding-left: 1.78571em;
    padding-right: 1.78571em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.buttons-after-content>.button:not(:last-child) {
    margin-right: .64286em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.message-after-content {
    font-size: .13em;
    font-weight: 300;
    line-height: 1.38;
    text-align: center;
    margin: 1.23077em auto 0;
    width: 41.53846em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.expandable {
    border-radius: .04em;
    overflow: hidden
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.expandable>div.header {
    height: .38em;
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: .28em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.expandable>div.header>div.icon {
    width: .23em;
    height: .23em;
    color: #000
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.expandable>div.header>div.icon>img {
    width: 100%
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.expandable>div.header>div.icon .c-icon {
    width: 100%;
    max-height: 100%
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.expandable>div.header>h2 {
    font-size: .16em;
    font-weight: 500;
    line-height: 1.13;
    margin-left: .5em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.empty-screen {
    padding: .6em .8em;
    background-color: #fff;
    margin-top: .15em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.empty-screen>h2 {
    font-size: .2em;
    text-align: center;
    font-weight: 700;
    margin-bottom: .5em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.empty-screen>div {
    font-size: .16em;
    text-align: center
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.order-blocks>div>div.expandable:not(:last-child) {
    margin-bottom: .19em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.order-blocks>div:not(:last-child) {
    margin-bottom: .5em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.order-blocks div.empty-screen a.button {
    margin-top: .25rem
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div#order-popup {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: .4em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div#order-popup.fail,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div#order-popup.success {
    -ms-flex-pack: start;
    justify-content: flex-start
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div#order-popup>div.order-info {
    width: 2.6em;
    padding-top: .32em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div#order-popup>div.order-info>div.menu-type {
    font-size: .24em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div#order-popup>div.order-info>div.kkal,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div#order-popup>div.order-info>div.packs-and-days {
    font-size: .16em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div#order-popup>div.order-info>div.price {
    font-size: .36em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div#order-popup.fail>div.order-info,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div#order-popup.fail>div.order-step,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div#order-popup.success>div.order-info,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div#order-popup.success>div.order-step {
    width: 100%
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div#order-popup>div.order-step {
    width: 5.8em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div#order-popup>div.order-step>div {
    width: 3.3em;
    margin-left: auto;
    margin-right: auto
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div#order-popup>div.order-step .form-title {
    font-weight: 500
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div#order-popup>div.popup-closer {
    display: none
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.make-better-message {
    font-size: .16em;
    font-weight: 500;
    margin-top: 2.625em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.make-better-message+div.empty-screen {
    margin-top: .42em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.orders-for-rating {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.orders-for-rating>div {
    display: block;
    width: 2.6em;
    background-size: cover;
    background-position: 50%;
    background-image: url(/static/images/order-to-rate-bg.e774fce.jpg);
    border-radius: .04em;
    padding-top: .19em;
    overflow: hidden;
    padding-bottom: .69em;
    position: relative
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.orders-for-rating>div>div.main-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.orders-for-rating>div>div.main-flex>div.base-info>div.title {
    font-size: .24em;
    font-weight: 700;
    color: #fff;
    text-align: center
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.orders-for-rating>div>div.main-flex>div.base-info>div.title>span.tariff-name {
    text-transform: capitalize
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.orders-for-rating>div>div.main-flex>div.base-info>div.title>span.kkal {
    font-size: .66667em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.orders-for-rating>div>div.main-flex>div.base-info>div.packs-and-days {
    font-size: .16em;
    color: #fff;
    text-align: center;
    line-height: 1.69
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.orders-for-rating>div>div.main-flex>div.ratings-amount {
    margin-top: .21em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.orders-for-rating>div>div.main-flex>div.ratings-amount>div.amount {
    font-size: .2em;
    font-weight: 500;
    color: #fff;
    width: 1.7em;
    height: 1.7em;
    border-radius: 50%;
    background-color: #ef5747;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.orders-for-rating>div>div.main-flex>div.ratings-amount>div.text {
    font-size: .14em;
    font-weight: 500;
    color: #fff;
    line-height: 1.43;
    margin-top: .35714em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.orders-for-rating>div>div.dates-text {
    font-size: .13em;
    color: #fff;
    text-align: center;
    margin-top: 1.69231em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.orders-for-rating>div>div.dates {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .07em;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.orders-for-rating>div>div.dates>div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-right: .06em;
    margin-left: .06em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.orders-for-rating>div>div.dates>div>div.icon {
    width: .11em;
    margin-right: .06em;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.orders-for-rating>div>div.dates>div>div.icon>img {
    width: 100%
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.orders-for-rating>div>div.dates>div>div.date {
    font-size: .13em;
    color: #fff
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.orders-for-rating>div>div.button {
    width: 100%;
    border-radius: 0;
    position: absolute;
    bottom: 0;
    left: 0
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.orders-for-rating>div:not(:nth-last-child(-n+3)) {
    margin-bottom: .4em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.orders-for-rating>div:empty {
    visibility: hidden;
    padding: 0
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating {
    border-radius: .04em;
    background-color: #fff;
    box-shadow: 0 .02em .04em 0 rgba(0, 0, 0, .06)
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-header {
    height: .5em;
    background-color: #fcfcfc;
    border-bottom: 1px solid #f5f4f5;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .18em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-header>div.back-button {
    width: 1.2em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-header>div.base-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-header>div.base-info>div.tariff-name {
    font-size: .18em;
    font-weight: 900;
    margin-right: .33333em;
    line-height: .9;
    text-transform: capitalize
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-header>div.base-info>div.packs-and-days {
    font-size: .16em;
    font-weight: 500;
    line-height: .9
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-header>div.base-info>div.icon {
    width: .15em;
    margin-left: .26em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-header>div.base-info>div.icon>img {
    width: 100%
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-header>div.base-info>div.date {
    font-size: .16em;
    font-weight: 500;
    margin-left: .3125em;
    line-height: .9
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-header>div.ratings-left {
    width: 1.2em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-header>div.ratings-left>div.amount {
    font-size: .18em;
    font-weight: 500;
    color: #fff;
    width: 1.77778em;
    height: 1.77778em;
    border-radius: 50%;
    background-color: #ef5747;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-header>div.ratings-left>div.text {
    font-size: .13em;
    font-weight: 500;
    margin-left: .61538em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.checkboxes-header {
    height: .4em;
    background-color: #fcfcfc;
    border-top: 1px solid #f5f4f5;
    border-bottom: 1px solid #f5f4f5;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: .28em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.checkboxes-header>div {
    font-size: .16em;
    font-weight: 500
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body {
    padding: .18em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.dish-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: end;
    align-items: flex-end
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.dish-info>div.photo {
    width: 3.5em;
    height: 2.4em;
    background-size: cover;
    background-position: 50%
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.dish-info>div.info {
    width: 4.48em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.dish-info>div.info>div.title>div.eating {
    font-size: .14em;
    font-weight: 500;
    border-radius: 1em;
    background-color: #f5f4f5;
    padding: .35714em .57143em;
    margin-bottom: .78571em;
    display: table;
    position: relative;
    left: -.57143em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.dish-info>div.info>div.title>h2 {
    font-size: .18em;
    font-weight: 700;
    margin-bottom: 1.11111em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.dish-info>div.info>div.metrics {
    font-size: .18em;
    font-weight: 500;
    margin-bottom: 1.5em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.dish-info>div.info>div.ratings {
    display: -ms-flexbox;
    display: flex
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.dish-info>div.info>div.ratings>div {
    width: 25%;
    box-sizing: border-box;
    padding: .1em 0;
    text-align: center;
    border: 1px solid #979797;
    cursor: pointer
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.dish-info>div.info>div.ratings>div:not(:last-child) {
    border-right-width: 0
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.dish-info>div.info>div.ratings>div>img,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.dish-info>div.info>div.ratings>div>svg {
    margin-bottom: .08em;
    width: .3em;
    height: auto
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.dish-info>div.info>div.ratings>div>span {
    font-size: 10px;
    font-weight: 500;
    color: #1b1b1b
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.dish-info>div.info>div.ratings>div:hover:first-child {
    background-color: #ef5747
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.dish-info>div.info>div.ratings>div:hover:nth-child(2) {
    background-color: #f8c325
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.dish-info>div.info>div.ratings>div:hover:nth-child(3) {
    background-color: var(--color__default)
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.dish-info>div.info>div.ratings>div:hover:nth-child(4) {
    background-color: var(--color__default-darken)
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.dish-info>div.info>div.ratings>div:hover>svg circle,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.dish-info>div.info>div.ratings>div:hover>svg path,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.dish-info>div.info>div.ratings>div:hover>svg rect {
    fill: #fff
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.dish-info>div.info>div.ratings>div:hover>span {
    color: #fff
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.details {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.details>div.checkboxes {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 5em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.details>div.checkboxes>div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .17em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.details>div.checkboxes>div>div.checkbox {
    width: .16em;
    height: .16em;
    margin-right: .04em;
    border: 1px solid #757575;
    box-sizing: border-box
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.details>div.checkboxes>div>div.checkbox.checked {
    background-color: #ef5747;
    position: relative;
    border-color: #ef5747
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.details>div.checkboxes>div>div.checkbox.checked:before {
    content: "\2714";
    font-size: .14em;
    color: #fff;
    position: absolute;
    left: .15em;
    top: -.25em;
    font-family: Arial
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.details>div.checkboxes>div>div.label {
    font-size: .12em;
    cursor: default
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.details>div.checkboxes>div:nth-child(3n+1) {
    width: 1.3em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.details>div.checkboxes>div:nth-child(3n+2) {
    width: 1.5em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.details>div.checkboxes>div:nth-child(3n+3) {
    width: 1.8em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.details>div.comment {
    width: 2.94em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.details>div.comment>textarea {
    width: 100%;
    font-size: .12em;
    height: 3.33333em;
    border-radius: 1.66667em;
    background-color: #fff;
    border: 1px solid #e1e4e2;
    padding: .83333em 1.33333em;
    box-sizing: border-box;
    resize: none;
    transition: height .3s ease
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.details>div.comment>textarea:focus {
    height: 7.5em;
    border-color: var(--color__default-darken)
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.buttons-after-content {
    width: 2.94em;
    margin-top: .15em;
    margin-left: auto;
    margin-right: 0
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.driver-info {
    padding-bottom: .15em;
    text-align: center
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.driver-info>div.photo {
    width: .8em;
    margin: 0 auto .12em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.driver-info>div.photo>img {
    width: 100%
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.driver-info>div.name {
    font-size: .18em;
    font-weight: 500;
    margin-bottom: 1em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.driver-info>a.phone {
    font-size: .15em;
    font-weight: 700;
    color: var(--color__default-darken);
    margin-bottom: 1.06667em;
    display: block
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.driver-info>div.message {
    font-size: .14em;
    margin-bottom: 1.71429em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.driver-info>div.stars {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.driver-info>div.stars>div {
    width: .32em;
    padding-left: .08em;
    padding-right: .08em;
    cursor: pointer
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.driver-info>div.stars>div>img,
html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.driver-info>div.stars>div>svg {
    width: 100%;
    height: auto
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.driver-info>div.stars>div>svg polygon {
    opacity: 0;
    transition: opacity .15s ease
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.driver-info>div.stars>div>svg path {
    opacity: 1;
    transition: opacity .15s ease
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.driver-info>div.stars>div.filled>svg polygon {
    opacity: 1
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.driver-info>div.stars>div.filled>svg path {
    opacity: 0
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.ratings-ready {
    padding-top: .16em;
    padding-bottom: .3em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.ratings-ready>div.icon {
    width: .84em;
    margin: 0 auto .23em
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.ratings-ready>div.icon>img {
    width: 100%
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.ratings-ready>div.line1 {
    font-size: .16em;
    font-weight: 700;
    margin-bottom: 1.4375em;
    text-align: center
}

html[data-page=dashboard] body div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.ratings-ready>div.line2 {
    font-size: .14em;
    font-weight: 500;
    text-align: center;
    padding: 0 2em
}

html[data-page=dashboard] body div#dashboard-page.disabled-menu-column>div.width-container {
    width: 8rem;
    margin: 0 auto
}

html[data-page=dashboard] body div#dashboard-page.disabled-menu-column div.menu-column {
    display: none
}

html[data-page=dashboard] body div#dashboard-page.hide-menu-column>div.width-container {
    position: relative;
    height: 100%
}

html[data-page=dashboard] body div#dashboard-page.hide-menu-column>div.width-container>div.menu-column {
    position: absolute;
    left: -.8em;
    top: 0;
    width: .6em;
    z-index: 13;
    transition: width .3s ease-in-out
}

html[data-page=dashboard] body div#dashboard-page.hide-menu-column>div.width-container>div.menu-column .menu-dashboard_invite-amount {
    opacity: 0
}

html[data-page=dashboard] body div#dashboard-page.hide-menu-column>div.width-container>div.menu-column .menu-column__text {
    opacity: 0;
    transition: opacity .15s .15s
}

html[data-page=dashboard] body div#dashboard-page.hide-menu-column>div.width-container>div.menu-column:hover {
    width: 2.6em;
    transition: width .3s ease-in-out
}

html[data-page=dashboard] body div#dashboard-page.hide-menu-column>div.width-container>div.menu-column:hover .menu-column__text {
    opacity: 1;
    transition: opacity .1s;
    transition-delay: .05s
}

html[data-page=dashboard] body div#dashboard-page.hide-menu-column>div.width-container>div.menu-column:hover .menu-dashboard_invite-amount {
    opacity: 1;
    transition-delay: .3s
}

html[data-page=dashboard] body div#dashboard-page.hide-menu-column>div.width-container>div.menu-column div.menu div.header {
    overflow: hidden;
    padding-left: .18em
}

html[data-page=dashboard] body div#dashboard-page.hide-menu-column>div.width-container>div.menu-column div.menu div.header>div.user-info {
    white-space: nowrap
}

html[data-page=dashboard] body div#dashboard-page.hide-menu-column>div.width-container>div.menu-column div.menu div.authorized-user-links>a {
    overflow: hidden;
    white-space: nowrap;
    padding: .2em
}

html[data-page=dashboard] body div#dashboard-page.hide-menu-column>div.width-container>div.menu-column div.menu div.icon {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

html[data-page=dashboard] body div#dashboard-page.hide-menu-column>div.width-container>div.menu-column>a.button {
    overflow: hidden;
    padding-left: .14em;
    transition: padding-left .3s ease
}

html[data-page=dashboard] body div#dashboard-page.hide-menu-column>div.width-container>div.menu-column>a.button>span {
    white-space: nowrap
}

html[data-page=dashboard] body div#dashboard-page.hide-menu-column>div.width-container>div.menu-column.trans {
    transition: width .3s ease
}

html[data-page=dashboard] body div#dashboard-page.hide-menu-column>div.width-container>div.menu-column.hoverable:hover {
    width: 2.6em
}

html[data-page=dashboard] body div#dashboard-page.hide-menu-column>div.width-container>div.menu-column.hoverable:hover>a.button {
    padding-left: .38em
}

html[data-page=dashboard] body div#dashboard-page.hide-menu-column>div.width-container>div.menu-column div.follow-us-block {
    display: none
}

html[data-page=dashboard] body div#dashboard-page.hide-menu-column>div.width-container>div.content {
    width: 100%;
    box-sizing: border-box;
    padding-left: .2em;
    padding-right: .2em
}

html[data-page=dashboard] body div#dashboard-page div#login-block {
    width: 6.2em;
    height: 5em;
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: 0 .02em .02em 0 rgba(0, 0, 0, .2);
    margin: .74em auto 0;
    padding-top: .66em;
    text-align: center
}

html[data-page=dashboard] body div#dashboard-page div#login-block h1 {
    font-size: .28em;
    font-weight: 700;
    line-height: .93
}

html[data-page=dashboard] body div#dashboard-page div#login-block h2 {
    font-size: .18em;
    font-weight: 500;
    line-height: 1.22;
    margin-top: 3em
}

html[data-page=dashboard] body div#dashboard-page div#login-block div.message {
    font-size: .13em;
    line-height: 1.23;
    margin-top: 1.07692em
}

html[data-page=dashboard] body div#dashboard-page div#login-block div.change-number {
    font-size: .13em;
    text-decoration: underline;
    cursor: pointer;
    line-height: 1.23;
    margin-top: .5em;
    display: table;
    margin-left: auto;
    margin-right: auto;
    color: var(--color__default)
}

html[data-page=dashboard] body div#dashboard-page div#login-block .register-fields .register-field {
    padding: .1rem
}

html[data-page=dashboard] body div#dashboard-page div#login-block .register-fields .title {
    font-size: .12rem
}

html[data-page=dashboard] body div#dashboard-page div#login-block .register-fields .buttons {
    width: 100%
}

html[data-page=dashboard] body div#dashboard-page div#login-block .login__input {
    width: 2.86em;
    margin: .17em auto
}

html[data-page=dashboard] body div#dashboard-page div#login-block .login__input .c-input__input {
    font-size: .16em;
    height: 2.8125em
}

html[data-page=dashboard] body div#dashboard-page div#login-block .login__sms-code {
    position: relative;
    width: 2.86em;
    margin: .17em auto
}

html[data-page=dashboard] body div#dashboard-page div#login-block .login__sms-code .c-input__input {
    font-size: .16em;
    height: 2.8125em
}

html[data-page=dashboard] body div#dashboard-page div#login-block .login__sms-code .loader {
    position: absolute;
    background-color: #fff !important;
    min-width: 2.5em;
    min-height: 2.5em;
    font-size: .08em;
    top: 2.5em;
    z-index: 3;
    right: 1em
}

html[data-page=dashboard] body div#dashboard-page div#login-block div.error-message {
    margin-top: 1em
}

html[data-page=dashboard] body div#dashboard-page div#login-block button.button {
    width: 20.42857em
}

html[data-page=dashboard] body div#dashboard-page div#login-block div.warning {
    font-size: .1em;
    width: 28.6em;
    line-height: 1.2;
    color: #1b1b1b;
    margin: 1.1em auto 0
}

html[data-page=dashboard] body div#dashboard-page div.follow-vk-popup,
html[data-page=dashboard] body div#dashboard-page div.shop-item-popup {
    display: none;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

html[data-page=dashboard] body div#dashboard-page div.follow-vk-popup>div,
html[data-page=dashboard] body div#dashboard-page div.shop-item-popup>div {
    background-color: #fff;
    width: 430px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .7em .2em;
    position: relative;
    border-radius: .04em
}

html[data-page=dashboard] body div#dashboard-page div.follow-vk-popup>div>div.title,
html[data-page=dashboard] body div#dashboard-page div.shop-item-popup>div>div.title {
    font-size: .16em;
    font-weight: 500;
    margin-bottom: 1em;
    text-align: center
}

html[data-page=dashboard] body div#dashboard-page div.follow-vk-popup>div>div#vk-widget-allow-messages,
html[data-page=dashboard] body div#dashboard-page div.shop-item-popup>div>div#vk-widget-allow-messages {
    width: 300px !important;
    margin-left: auto;
    margin-right: 0
}

html[data-page=dashboard] body div#dashboard-page div.follow-vk-popup>div>div.closer,
html[data-page=dashboard] body div#dashboard-page div.shop-item-popup>div>div.closer {
    cursor: pointer;
    position: absolute;
    width: .32em;
    height: .32em;
    top: 0;
    right: -.5em;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(/static/icons/icon-close.svg)
}

html[data-page=dashboard] body.shop-item-opened div#overlay,
html[data-page=dashboard] body.vk-follow-opened div#overlay {
    background-color: rgba(0, 0, 0, .8);
    display: block;
    z-index: 40
}

html[data-page=dashboard] body.shop-item-opened div#dashboard-page div.shop-item-popup,
html[data-page=dashboard] body.vk-follow-opened div#dashboard-page div.follow-vk-popup {
    display: -ms-flexbox;
    display: flex;
    z-index: 50
}

html[data-page=dashboard].smartphone.dshbrd-page .go-special-offer {
    background-color: transparent
}

html[data-page=dashboard].smartphone div#dashboard-page {
    padding-top: .38em;
    padding-bottom: .6em
}

html[data-page=dashboard].smartphone div#dashboard-page .go-special-offer {
    top: 0;
    background-color: transparent
}

html[data-page=dashboard].smartphone div#dashboard-page .go-subscribe {
    top: 0;
    background-image: url(/static/images/subscribe-banner-mob.5369352.jpg)
}

html[data-page=dashboard].smartphone div#dashboard-page .go-subscribe--feb23 {
    background-image: url(/static/images/lk-banner-bg-mob.01105b6.png)
}

html[data-page=dashboard].smartphone div#dashboard-page .go-two-days {
    background-image: url(/static/images/two-days-banner-mob.f7b91d2.jpg)
}

html[data-page=dashboard].smartphone div#dashboard-page .go-two-days--spring {
    background-position: bottom;
    background-image: url(/static/images/two-days-banner--spring-mob.416047b.jpg)
}

html[data-page=dashboard].smartphone div#dashboard-page.login {
    padding-top: .4em;
    min-height: 100vh;
    box-sizing: border-box;
    background-color: #fff
}

html[data-page=dashboard].smartphone div#dashboard-page div.width-container {
    width: 100%
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.menu-column {
    display: none
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content {
    width: 100%
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content>h1 {
    font-size: .22em;
    margin-left: .40909em
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.tabber {
    margin-left: .09em;
    margin-top: .25em
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.tabber>a {
    padding: 0 .6em;
    font-size: .1em;
    text-transform: uppercase;
    height: 2em;
    border-radius: 1em
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.tabber>a:not(.b-profile-settings__tab) {
    padding-left: 0 !important
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.tabber>a:not(:last-child) {
    margin-right: .3em
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.tabber>a:not(:last-child):before {
    left: 0
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.base-order-info {
    padding: .18em .22em .2em;
    background-position: 17%;
    border-radius: 0;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: .8rem
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.base-order-info div.base-order-subscription {
    width: 100%;
    padding: .18em .22em .2em;
    box-sizing: border-box;
    margin-bottom: -.8rem;
    margin-top: .15rem
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.base-order-info div.zero-line>div.icon {
    height: .09em
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.base-order-info div.zero-line>div.text {
    font-size: .1em
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.base-order-info div.first-line {
    margin-top: .15em
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.base-order-info div.first-line>div.tariff-name {
    font-size: .24em
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.base-order-info div.second-line {
    margin-top: .5em
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.base-order-info div.second-line>b {
    display: block;
    margin-right: 0
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.base-order-info div.price {
    font-size: .24em
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.base-order-info div.button {
    margin-top: 1em
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.base-order-info div.message {
    width: 3em;
    left: .1em;
    padding: .13em;
    bottom: -.5em
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.base-order-info div.message:before {
    transform: none;
    top: -.06em;
    left: .4em
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.base-order-info.has-button>div.message {
    bottom: -.65em
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.base-order-info:not(.has-button)>div.message {
    left: .1em
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.base-order-info.has-message {
    margin-bottom: .88em
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.table.future-deliveries div.tr {
    display: block;
    padding: .12em .15em .23em;
    border-bottom: .02em solid #e1e4e2
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.table.future-deliveries div.tr:not(:last-child)>div.td {
    border-bottom-width: 0
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.table.future-deliveries div.tr>div.td {
    display: block;
    padding: 0
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.table.future-deliveries div.tr>div.td:not(:last-child) {
    margin-bottom: .15em
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.table.future-deliveries div.tr>div.td a.menu-link {
    margin-top: .1em
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.buttons-after-content {
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 3em;
    margin-left: auto;
    margin-right: auto
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.buttons-after-content>.button {
    padding-left: 1.07143em;
    padding-right: 1.07143em
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.message-after-content {
    width: 23.07692em;
    margin-left: auto;
    margin-right: auto
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.table.three-columns-table {
    width: 3em;
    margin-left: auto;
    margin-right: auto;
    border-spacing: .12em
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.table.three-columns-table div.tr {
    display: block
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.table.three-columns-table div.tr>div.td {
    display: block;
    width: 100%
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.table.three-columns-table div.tr>div.td:not(:last-child) {
    margin-bottom: .12em
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.expandable {
    width: 3em;
    margin-left: auto;
    margin-right: auto
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.expandable>div.header {
    background-color: #fcfcfc;
    padding-left: .12em;
    border: 1px solid #f5f4f5
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.empty-screen {
    padding-left: .1em;
    padding-right: .1em
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div#order-popup {
    min-height: 0;
    margin-top: .2em
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div#order-popup>div.order-info {
    width: 100%
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div#order-popup>div.order-step {
    width: 100%;
    min-height: 0
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div#order-popup.fail>div.order-info,
html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div#order-popup.success>div.order-info {
    width: 100%
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.order-blocks div.empty-screen a.button {
    display: -ms-flexbox;
    display: flex;
    margin-top: 1.5em
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.make-better-message {
    display: none
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.make-better-message+div.empty-screen {
    margin-top: .19em
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.orders-for-rating {
    width: 3em;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: .58em
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.orders-for-rating>div {
    width: 100%;
    padding-top: .11em
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.orders-for-rating>div>div.main-flex {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.orders-for-rating>div>div.main-flex>div.base-info {
    margin-left: .12em
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.orders-for-rating>div>div.main-flex>div.base-info>div.packs-and-days,
html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.orders-for-rating>div>div.main-flex>div.base-info>div.title {
    text-align: left
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.orders-for-rating>div>div.main-flex>div.ratings-amount {
    margin-top: 0;
    margin-right: .1em
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.orders-for-rating>div>div.dates-text {
    text-align: left;
    margin-left: .92308em;
    margin-top: 1.38462em
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.orders-for-rating>div>div.dates {
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: .06em
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.orders-for-rating>div:not(:last-child) {
    margin-bottom: .11em
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.single-rating {
    width: 3em;
    margin-left: auto;
    margin-right: auto
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-header {
    padding-left: .06em;
    padding-right: .06em;
    height: .4em
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-header>div.back-button {
    width: auto
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-header>div.base-info {
    margin-right: auto;
    margin-left: 0
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-header>div.base-info>div.tariff-name {
    font-size: .16em;
    font-weight: 700
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-header>div.base-info>div.packs-and-days {
    display: none
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-header>div.base-info>div.icon {
    width: .113em;
    margin-left: .1em
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-header>div.base-info>div.date {
    font-size: .13em;
    font-weight: 300
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-header>div.base-info>div.date>span.exact-date {
    display: none
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-header>div.ratings-left {
    width: auto
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-header>div.ratings-left>div.amount {
    font-size: .14em;
    width: 1.71429em;
    height: 1.71429em
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-header>div.ratings-left>div.text {
    display: none
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.single-rating>div.checkboxes-header {
    padding-left: .14em
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body {
    padding: 0
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.dish-info {
    -ms-flex-direction: column;
    flex-direction: column
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.dish-info>div.photo {
    width: 100%;
    height: 2.16em;
    margin-bottom: -.61em;
    position: relative
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.dish-info>div.photo:after {
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    height: 1.3em;
    width: 100%;
    background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6))
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.dish-info>div.info {
    width: 100%
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.dish-info>div.info>div.title {
    height: .5em;
    margin-bottom: .11em
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.dish-info>div.info>div.title>div.eating {
    left: 0;
    margin-bottom: .28571em;
    margin-left: auto;
    margin-right: auto
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.dish-info>div.info>div.title>h2 {
    font-size: .15em;
    color: #fff;
    text-align: center;
    margin-bottom: 0;
    position: relative
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.dish-info>div.info>div.metrics {
    display: none
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.dish-info>div.info>div.ratings>div {
    padding-left: .1em;
    padding-right: .1em
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.details {
    -ms-flex-direction: column;
    flex-direction: column
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.details>div.checkboxes {
    width: 100%;
    box-sizing: border-box;
    padding: .11em
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.details>div.checkboxes>div>div.checkbox {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.details>div.checkboxes>div:nth-child(3n+1),
html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.details>div.checkboxes>div:nth-child(3n+2),
html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.details>div.checkboxes>div:nth-child(3n+3) {
    width: 50%
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.details>div.comment {
    width: 100%;
    background-color: #f5f4f5;
    box-sizing: border-box;
    padding: .11em
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.buttons-after-content {
    margin: 0;
    width: 100%;
    background-color: #f5f4f5
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.buttons-after-content>div {
    width: 100%
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.driver-info {
    padding-top: .29em;
    padding-bottom: .25em
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.driver-info>div.photo {
    width: .6em
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.driver-info>div.name {
    font-size: .16em;
    font-weight: 700
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.driver-info>div.message {
    font-weight: 500;
    padding: 0 2em;
    margin-bottom: 1.07143em
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.single-rating>div.rating-body>div.driver-info>div.stars {
    padding-top: .23em;
    border-top: .5px solid #979797
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.single-rating+div.buttons-after-content {
    margin-top: .1em
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.single-rating+div.buttons-after-content>a,
html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.single-rating+div.buttons-after-content>div {
    width: 100%
}

html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.order-ratings,
html[data-page=dashboard].smartphone div#dashboard-page>div.width-container>div.content div.orders-for-rating {
    margin-top: .18em
}

html[data-page=dashboard].smartphone div#dashboard-page div#login-block {
    width: 100%;
    height: auto;
    box-shadow: none;
    margin-top: 0;
    padding: .65em .17em
}

html[data-page=dashboard].smartphone div#dashboard-page div#login-block>input {
    width: 20em
}

html[data-page=dashboard].smartphone div#dashboard-page div#login-block>button.button {
    width: 100%
}

html[data-page=dashboard].smartphone div#dashboard-page div#top-bar {
    padding: .11em .18em;
    height: .3909em;
    box-sizing: border-box
}

html[data-page=dashboard].smartphone div#dashboard-page div#top-bar>a:nth-child(2) {
    font-size: .14em
}

html[data-page=dashboard].smartphone div#dashboard-page div.follow-us-block {
    border-radius: 0;
    padding: .13em .1em .15em;
    margin-top: -.18em;
    margin-bottom: .12em
}

html[data-page=dashboard].smartphone div#dashboard-page div.follow-us-block.full-height {
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    box-sizing: border-box;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin: 0;
    font-size: 1.4em
}

html[data-page=dashboard].smartphone div#dashboard-page div.follow-us-block.full-height .paper-bag {
    margin-top: auto;
    width: .75em
}

html[data-page=dashboard].smartphone div#dashboard-page div.follow-us-block.full-height .paper-bag svg {
    width: .75em;
    margin: 0 auto
}

html[data-page=dashboard].smartphone div#dashboard-page div.follow-us-block.full-height .text {
    margin-left: 0;
    margin-top: .25em
}

html[data-page=dashboard].smartphone div#dashboard-page div.follow-us-block.full-height .buttons {
    margin: .1em 0 auto
}

html[data-page=dashboard].smartphone div#dashboard-page div.follow-us-block.full-height .comment {
    margin-bottom: 2.5em
}

html[data-page=dashboard].smartphone div#dashboard-page div.follow-us-block>div.paper-bag {
    width: .4em;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

html[data-page=dashboard].smartphone div#dashboard-page div.follow-us-block>div.text {
    width: .85em;
    margin-left: .15em;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

html[data-page=dashboard].smartphone div#dashboard-page div.follow-us-block>div.text>div.title {
    font-size: .12em
}

html[data-page=dashboard].smartphone div#dashboard-page div.follow-us-block>div.text>div.amount {
    font-size: .18em
}

html[data-page=dashboard].smartphone div#dashboard-page div.follow-us-block>div.text>div.what-for {
    font-size: .1em
}

html[data-page=dashboard].smartphone div#dashboard-page div.follow-us-block>div.buttons {
    width: auto;
    margin-top: 0;
    margin-left: .1em
}

html[data-page=dashboard].smartphone div#dashboard-page div.follow-us-block>div.buttons div.buttons-flex>div.channel-button:not(:last-child) {
    margin-right: .06em
}

html[data-page=dashboard].smartphone div#dashboard-page div.follow-us-block>div.buttons div.channel-button.long {
    width: 1.46em;
    height: .32em;
    border-radius: .16em
}

html[data-page=dashboard].smartphone div#dashboard-page div.follow-us-block>div.buttons div.channel-button.long>svg {
    width: .17em;
    margin-right: .08em
}

html[data-page=dashboard].smartphone div#dashboard-page div.follow-us-block>div.buttons div.channel-button.long>span {
    font-size: .1em
}

html[data-page=dashboard].smartphone div#dashboard-page div.follow-us-block>div.buttons div.channel-button.short {
    width: .32em;
    height: .32em;
    border-radius: .16em
}

html[data-page=dashboard].smartphone div#dashboard-page div.follow-us-block>div.buttons div.channel-button.short>svg {
    width: .2em
}

html[data-page=dashboard].smartphone div#dashboard-page div.follow-us-block>div.comment {
    font-size: .1em;
    margin-top: 1.6em
}

html[data-page=dashboard].smartphone div#dashboard-page div.follow-us-block>div.closer {
    display: block;
    cursor: pointer;
    position: absolute;
    width: .2em;
    height: .2em;
    top: .13em;
    right: .15em;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(/static/icons/icon-close.svg)
}

html[data-page=dashboard].smartphone div#dashboard-page div.follow-vk-popup,
html[data-page=dashboard].smartphone div#dashboard-page div.shop-item-popup {
    -ms-flex-align: end;
    align-items: flex-end
}

html[data-page=dashboard].smartphone div#dashboard-page div.follow-vk-popup>div,
html[data-page=dashboard].smartphone div#dashboard-page div.shop-item-popup>div {
    width: 300px;
    padding: .3em .1em;
    border-radius: 0
}

html[data-page=dashboard].smartphone div#dashboard-page div.follow-vk-popup>div>div.title,
html[data-page=dashboard].smartphone div#dashboard-page div.shop-item-popup>div>div.title {
    font-size: .12em;
    text-align: left
}

html[data-page=dashboard].smartphone div#dashboard-page div.follow-vk-popup>div>div.closer,
html[data-page=dashboard].smartphone div#dashboard-page div.shop-item-popup>div>div.closer {
    right: .1em;
    top: .1em;
    width: .2em;
    height: .2em
}

html[data-page=dashboard].smartphone div#dashboard-page.hide-menu-column {
    background-color: #fff
}

html[data-page=dashboard].smartphone div#dashboard-page.hide-menu-column>div.width-container>div.content {
    padding-left: 0;
    padding-right: 0
}

html[data-page=dashboard] .hoverable-shadow {
    box-shadow: 0 0 .2em 0 rgba(0, 0, 0, .12);
    transition: box-shadow .3s ease;
    border-radius: .03em
}

html[data-page=dashboard]:not(.touch) .hoverable-shadow:hover {
    box-shadow: 0 .08em .08em 0 rgba(0, 0, 0, .24), 0 0 .2em 0 rgba(0, 0, 0, .12)
}

html.dashboard-page.smartphone body div#dashboard-page div#top-bar>a:first-child {
    font-size: .11em
}

html.smartphone .go-banner__close,
html.smartphone .go-two-days__close {
    position: absolute;
    padding: .07em;
    right: .09em;
    top: .09em;
    outline: none;
    border: none;
    background-color: transparent
}

html.smartphone .go-banner__close svg,
html.smartphone .go-two-days__close svg {
    width: .32em;
    height: .32em
}

html.smartphone .go-banner__close svg path,
html.smartphone .go-two-days__close svg path {
    width: .08em;
    height: .08em
}

html.smartphone .go-banner__close svg circle,
html.smartphone .go-two-days__close svg circle {
    fill: rgba(0, 0, 0, .1)
}

html.smartphone .go-banner {
    font-size: 100px;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 102;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: .16rem;
    padding-right: .16rem;
    overflow: hidden
}

html.smartphone .go-banner__body {
    position: relative;
    z-index: 103;
    border-radius: .16rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

html.smartphone .go-banner__overlay {
    background-color: #0d0d0d;
    opacity: .5;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 101
}

html.smartphone.subscribe-page #chat-2-desk-widget-container {
    display: none
}

html.smartphone.subscribe-page #dashboard-page {
    padding: 0 !important
}

html.smartphone.subscribe-page .content {
    padding-bottom: 0 !important;
    height: 100%;
    padding-top: .3em;
    box-sizing: border-box
}

html.smartphone.subscribe-page .follow-us-block {
    font-size: 1.3em !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

html.smartphone.subscribe-page .follow-us-block .closer {
    display: none !important
}

html:not(.smartphone).subscribe-page .follow-us-block {
    font-size: 1.1em;
    padding: .9em 0 !important
}

.v--modal-overlay {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1901;
    transform: none !important;
    -webkit-perspective: 1000 !important
}

.v--modal-overlay.scrollable .v--modal-box {
    margin-bottom: 0
}

.shop__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.shop__container:after {
    content: "";
    -ms-flex: 0 1 258px;
    flex: 0 1 258px
}

.shop__item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 2.58em;
    height: 3.8em;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(27, 27, 27, .2);
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: .45em;
    transition: all .1s ease-in;
    cursor: pointer
}

.shop__item:hover {
    box-shadow: 0 10px 10px 0 rgba(27, 27, 27, .1);
    transform: translateY(-3px)
}

.shop__item:hover .button {
    background-color: #f8c325;
    border-color: transparent
}

.shop__item-discount {
    position: absolute;
    background-color: #f8c325;
    color: #141414;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    font-size: .16rem;
    font-weight: 700;
    right: .15rem;
    top: .15rem;
    width: .45rem;
    height: .45rem
}

.shop__item-image {
    position: relative;
    overflow: hidden;
    width: 2.58rem;
    height: 1.56rem
}

.shop__item-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.shop__item-store {
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    width: .79rem;
    height: .43rem;
    bottom: -1.3rem;
    left: .15rem;
    top: 1.2rem;
    font-size: .1rem;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(27, 27, 27, .1);
    border-radius: 2px
}

.shop__item-store img {
    position: relative;
    max-width: 85%;
    height: 100%
}

.shop__item__description {
    padding: .06em .15em
}

.shop__item__description-title {
    font-size: .14em;
    font-weight: 700
}

.shop__item__description-activate {
    font-size: .1em;
    color: #9b9b9b;
    text-transform: uppercase
}

.shop__item__actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1rem;
    padding: .15rem
}

.shop__item__actions .icon {
    width: 26px;
    height: 26px;
    margin-right: .5em
}

.shop__item__actions .price {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: .2rem;
    font-weight: 700
}

.shop__item__actions .show-more {
    font-size: .13rem;
    text-decoration: underline
}

.shop__item__actions .button {
    max-width: 1.25rem;
    margin-right: 0 !important;
    color: #1b1b1b
}

.shop__item__progress {
    height: .04rem;
    position: relative;
    overflow: hidden;
    background-color: #e5e5e5
}

.shop__item__progress-bar {
    background-color: #f8c325;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

.shop__item__after-progress {
    width: 100%;
    font-size: .12rem;
    margin: .1rem 0;
    color: #9b9b9b
}

.shop__item__after-progress svg {
    width: .16rem;
    height: .17rem
}

.shop__item__after-progress svg path {
    stroke: #9b9b9b;
    fill: none
}

.shop__item__after-progress svg path:first-child {
    fill: #9b9b9b;
    stroke: none
}

.shop__item__after-progress-description {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1
}

.shop__item__after-progress-denied-icon {
    margin-right: 1em
}

.shop__item__after-progress-denied-icon path {
    stroke: none !important
}

.shop__item__after-progress-denied-icon [fill="#CACBCB"] {
    fill: #ef5747 !important
}

.shop__item__after-progress-denied-icon [fill="#FFF"] {
    fill: #fff !important
}

.shop__item__after-progress .strong {
    margin: 0 .4em
}

.shop div.shop-item-popup {
    text-align: left
}

.shop div.shop-item-popup>div {
    width: 6.65rem !important;
    padding: 0 !important
}

.shop div.shop__popup {
    position: relative;
    font-size: .13rem;
    overflow: hidden;
    border-radius: .04rem
}

.shop div.shop__popup .shop__item-image {
    height: 2.2rem
}

.shop div.shop__popup div.payment-step {
    position: absolute;
    background-color: #fff;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3.7rem;
    width: 100%;
    z-index: 10;
    text-align: center
}

.shop div.shop__popup div.payment-step:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: -100%;
    background-color: rgba(0, 0, 0, .4)
}

.shop div.shop__popup div.payment-step-fail .icon,
.shop div.shop__popup div.payment-step-success .icon {
    z-index: 10;
    position: relative;
    margin-top: -.5rem
}

.shop div.shop__popup div.payment-step .balance {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    font-size: .13rem;
    font-weight: 700;
    width: 100%;
    bottom: 0;
    background-color: #f8c325;
    padding: 5px 0;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    border-radius: 4px
}

.shop div.shop__popup div.payment-step .balance svg {
    width: .21rem;
    height: .2rem;
    margin: .05rem
}

.shop div.shop__popup div.payment-step h3 {
    font-size: .24rem;
    font-weight: 500;
    padding: .3rem 0 0
}

.shop div.shop__popup div.payment-step label {
    display: block;
    font-size: .16rem;
    font-weight: 500;
    color: #9b9b9b;
    margin: .25rem
}

.shop div.shop__popup div.payment-step p {
    font-size: .1rem;
    color: #9b9b9b;
    margin-bottom: .3rem
}

.shop div.shop__popup div.payment-step input {
    font-size: .13rem;
    font-weight: 500;
    height: .4rem;
    padding: .15rem .1rem;
    border: 1px solid #f5f4f5;
    background-color: #f5f4f5;
    color: #9f9f9f;
    border-radius: .02rem;
    display: block;
    width: 2.85rem;
    margin: 0 auto .15rem;
    box-sizing: border-box
}

.shop div.shop__popup div.payment-step>.button {
    font-size: .14rem !important
}

.shop div.shop__popup-right {
    float: left;
    width: 3rem
}

.shop div.shop__popup-right .shop__popup-description {
    padding: .2rem
}

.shop div.shop__popup-left {
    float: left;
    position: relative;
    background-color: #f7f6f7;
    width: 3.65rem
}

.shop div.shop__popup-description {
    padding: .2rem;
    min-height: 3rem
}

.shop div.shop__popup-description h2 {
    font-size: .18rem;
    color: #1b1b1b;
    font-weight: 700;
    margin-bottom: .2rem
}

.shop div.shop__popup-description h3 {
    font-size: .16rem;
    color: #1b1b1b;
    font-weight: 500
}

.shop div.shop__popup-description ul {
    margin-top: .15rem;
    list-style: none;
    padding-left: 0
}

.shop div.shop__popup-description ul li {
    color: #1b1b1b;
    margin: .13rem 0
}

.shop div.shop__popup-description-activate {
    font-size: .1rem;
    color: #9b9b9b
}

.shop div.shop__popup-description-prohibit {
    border: 1px solid #ef5747;
    display: -ms-flexbox;
    display: flex;
    padding: .5em;
    font-size: 1em;
    margin-top: 1em;
    -ms-flex-align: center;
    align-items: center
}

.shop div.shop__popup-description-prohibit svg {
    width: 1.6em;
    height: 1.6em;
    margin-right: .5em;
    vertical-align: middle
}

.shop div.shop__popup-description-prohibit svg path {
    stroke: none !important
}

.shop div.shop__popup-description-prohibit svg [fill="#CACBCB"] {
    fill: #ef5747 !important
}

.shop div.shop__popup-description-prohibit svg [fill="#FFF"] {
    fill: #fff !important
}

.shop div.shop__popup-description .button {
    width: 100%;
    font-size: .16rem !important;
    margin-bottom: .12rem;
    color: #1b1b1b
}

.shop div.shop__popup-description .button svg {
    margin-left: .08rem
}

.shop div.shop__popup-content {
    font-size: .14rem;
    max-height: 3rem;
    overflow-y: scroll
}

.shop div.shop__popup .shop__item-image {
    overflow: hidden;
    width: 100%
}

.shop div.shop__popup .shop__item-store {
    top: 1.85rem
}

.shop__how {
    font-size: 1rem;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
    margin-top: .45rem;
    border-radius: 4px;
    padding: .1rem
}

.shop__how__block {
    padding: .4rem
}

.shop__how__block--grey {
    background-color: #f5f4f5
}

.shop__how__block--what__is__this {
    color: #fff;
    height: 2.3rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: .75rem;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

.shop__how__title {
    font-size: .28rem;
    text-align: center;
    font-weight: 700;
    margin-bottom: .2rem
}

.shop__how__subtext {
    font-size: .14rem;
    text-align: center;
    font-weight: 700;
    line-height: 1.43
}

.shop__how__subtext a {
    color: #f8c325
}

.shop__how .numbers__title {
    font-size: .14rem
}

.shop__how .numbers__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.shop__how .numbers__number {
    color: #f8c325;
    font-size: .28rem;
    font-weight: 700;
    line-height: 1.3;
    margin-right: .1rem
}

.shop__how .numbers__text {
    font-size: .14rem;
    font-weight: 700;
    line-height: 1.3
}

.shop__how .panel {
    border: 4px solid #f8c325;
    display: -ms-flexbox;
    display: flex;
    padding: .3rem;
    background: #fff;
    margin-top: .35rem;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    text-align: center
}

.shop__how .panel .plan {
    text-align: center
}

.shop__how .panel .plan>svg {
    width: .6rem;
    height: .6rem
}

.shop__how .panel .plan>svg circle {
    stroke: #c7cfe2
}

.shop__how .panel .plan>svg [fill="#00B923"],
.shop__how .panel .plan>svg path {
    fill: #c7cfe2
}

.shop__how .panel .plan-subname {
    margin: .05rem 0 .15rem;
    font-size: .14rem
}

.shop__how .panel .plan-bonus {
    color: #1b1b1b;
    padding: .05rem .1rem;
    background: #f8c325;
    border-radius: 2em
}

.shop__how .panel .plan-bonus span {
    font-size: .16rem;
    font-weight: 700
}

.shop__how .panel .plan-bonus svg {
    width: .2rem;
    height: .2rem;
    margin-left: .05rem;
    vertical-align: -.05rem
}

.shop__how .earn__title {
    color: #141414
}

.shop__how .earn__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center
}

.shop__how .earn__item,
.shop__how .earn__list {
    display: -ms-flexbox;
    display: flex
}

.shop__how .earn__item {
    width: 2.4rem;
    padding: .2rem 0;
    text-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.shop__how .earn__item .numbers__text {
    color: #9b9b9b;
    font-size: .1rem;
    text-align: left;
    font-weight: 500;
    line-height: 1.4;
    text-transform: uppercase
}

.shop__how .earn__title {
    font-size: .14rem;
    font-weight: 700;
    margin: .1rem 0
}

.shop__how .earn__icon {
    width: .5rem;
    height: .5rem;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: #f8c325;
    text-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    -ms-flex-pack: center;
    justify-content: center
}

.shop__how .earn__icon svg {
    vertical-align: middle;
    max-width: .25rem;
    max-height: .25rem
}

.shop__how .shop__how__button {
    color: #1b1b1b;
    border: 0;
    padding: .1rem .3rem;
    font-size: .18rem !important;
    background: #f8c325;
    margin: .35rem 0 .2rem;
    line-height: 1.4
}

.shop__how .shop__how__logos {
    margin: .3rem 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.shop__how .shop__how__logo {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    margin: 0 .3rem;
    max-width: calc(20% - .6rem);
    box-sizing: border-box;
    max-height: .6rem;
    transition: -webkit-filter .3s ease-in-out;
    transition: filter .3s ease-in-out;
    transition: filter .3s ease-in-out, -webkit-filter .3s ease-in-out;
    will-change: filter
}

.shop__how .shop__how__logo:hover {
    -webkit-filter: none;
    filter: none
}

@media only screen and (min-width:600px) {
    .shop__how {
        padding: 0
    }

    .shop__how__block--what__is__this {
        background-image: url(/static/images/bonus_bg.eb6abbf.jpg);
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 50%
    }

    .shop__how__block .shop__how__title {
        margin-top: .1rem;
        margin-bottom: .1rem
    }
}

@media only screen and (max-width:599px) {
    .shop__how {
        background: #f5f4f5;
        margin-top: .15rem;
        box-shadow: none
    }

    .shop__how__block {
        padding: .1rem .15rem
    }

    .shop__how__block--what__is__this {
        height: 2.8rem;
        padding: .1rem 0;
        background-size: 100% auto;
        -ms-flex-pack: start;
        justify-content: flex-start;
        background-image: url(/static/images/bonus_bg-mob.4b7c8af.jpg);
        background-position: bottom
    }

    .shop__how__block--what__is__this .shop__how__title {
        font-size: .18rem;
        margin: 0 0 .1rem
    }

    .shop__how__block--what__is__this .shop__how__subtext {
        font-size: .13rem;
        font-weight: 300;
        margin: 0
    }

    .shop__how__block--what__is__this>* {
        width: 100%
    }

    .shop__how__block--how__earn,
    .shop__how__block--with-us {
        background: #fff
    }

    .shop__how__title {
        font-size: .18rem;
        margin: .2rem 0
    }

    .shop__how__subtext {
        line-height: 1.43
    }

    .shop__how .numbers__number {
        width: .7rem;
        font-size: .22rem
    }

    .shop__how .numbers__text {
        font-size: .13rem;
        font-weight: 300
    }

    .shop__how .panel {
        margin: .15rem 0;
        padding: .05rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly
    }

    .shop__how .panel .plan {
        width: 33.33333%;
        padding: .05rem;
        box-sizing: border-box
    }

    .shop__how .panel .plan>svg {
        width: .5rem;
        height: .5rem
    }

    .shop__how .panel .plan-bonus {
        padding: .05rem
    }

    .shop__how .panel .plan-bonus span {
        font-size: .13rem
    }

    .shop__how .shop__how__logos {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .shop__how .shop__how__logo {
        padding: 0 .05rem .05rem;
        max-width: .8rem;
        max-height: .5rem;
        box-sizing: content-box
    }

    .shop__how .earn__item {
        width: 100%;
        padding: 0;
        margin-bottom: .2rem
    }

    .shop__how .earn__item .numbers__item {
        margin-bottom: .1rem;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .shop__how .earn__item .numbers__number {
        width: auto
    }

    .shop__how .earn__title {
        color: #1b1b1b;
        font-size: .13rem;
        font-weight: 300
    }

    .shop__how .earn__icon {
        width: .4rem;
        height: .4rem;
        margin-right: .15rem
    }
}

.bonus-program-block {
    color: #fff;
    padding: 2em;
    position: relative;
    font-size: .1rem;
    background: url(/static/images/bonus_bg.eb6abbf.jpg);
    background-size: 100% auto;
    margin-top: 2em
}

.bonus-program-block svg {
    margin-left: .05rem
}

.bonus-program-block svg circle {
    fill: #f8c325
}

.bonus-program-block svg path {
    fill: #1b1b1b !important
}

.bonus-program-block h2 {
    font-size: 1.8em;
    font-weight: 700
}

.bonus-program-block p {
    width: 50%;
    font-size: 1.4em;
    font-weight: 500;
    line-height: 1.43
}

.bonus-program-block .how-it-works span {
    font-size: 1.3em;
    vertical-align: middle
}

.bonus-program-block .how-it-works svg {
    width: 2em;
    height: 2em;
    vertical-align: middle
}

.bonus-program-block button {
    color: #1b1b1b;
    margin: 0 0 0 6em !important;
    display: inline-block;
    font-size: 1.4em !important
}

.smartphone .bonus-program-block {
    position: absolute;
    top: 0;
    margin-top: .4rem;
    font-size: .075rem;
    background-position: 50%;
    background-size: auto 100%
}

.smartphone .bonus-program-block:before {
    width: 20em;
    height: 18em;
    right: 2em
}

.smartphone .bonus-program-block p {
    line-height: 1.2;
    width: 62%;
    color: #fff
}

.smartphone .bonus-program-block .how-it-works {
    display: none
}

.smartphone .bonus-program-block button {
    width: 13em;
    font-size: 1.5em !important;
    font-weight: 500;
    margin: 0 !important
}

.smartphone .bonus-program-block+.tabber+.order-blocks {
    margin-top: 1em
}

#abonement div.header,
#longate-page div.header {
    font-size: .28rem;
    line-height: .93
}

#abonement div.header,
#abonement div.header ul,
#longate-page div.header,
#longate-page div.header ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#abonement div.header ul,
#longate-page div.header ul {
    position: relative;
    list-style: none;
    padding-left: 0;
    width: 100%;
    max-width: 2.9rem
}

#abonement div.header ul li,
#longate-page div.header ul li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column-reverse;
    flex-flow: column-reverse;
    position: relative;
    counter-increment: b;
    width: .6rem;
    text-align: center
}

#abonement div.header ul li:after,
#longate-page div.header ul li:after {
    content: counter(b);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto .05rem;
    font-weight: 500;
    font-size: .1rem;
    color: #cacbcb;
    width: .22rem;
    height: .22rem;
    border: .013rem solid #cacbcb;
    border-radius: 50%
}

#abonement div.header ul li:before,
#longate-page div.header ul li:before {
    content: "";
    position: absolute;
    top: .1rem;
    right: .37rem;
    display: block;
    margin: 0 .05rem;
    background-color: #cacbcb;
    height: .012rem;
    width: .52rem
}

#abonement div.header ul li:first-of-type:before,
#longate-page div.header ul li:first-of-type:before {
    display: none
}

#abonement div.header ul li.active,
#abonement div.header ul li.active span,
#longate-page div.header ul li.active,
#longate-page div.header ul li.active span {
    color: var(--color__default)
}

#abonement div.header ul li.active:after,
#longate-page div.header ul li.active:after {
    color: var(--color__default);
    border-color: var(--color__default)
}

#abonement div.header ul li.active:before,
#longate-page div.header ul li.active:before {
    background-color: var(--color__default)
}

#abonement div.header ul span,
#longate-page div.header ul span {
    font-weight: 500;
    font-size: .1rem;
    color: #cacbcb
}

#abonement p.oferta,
#longate-page p.oferta {
    padding: 0 .15rem;
    font-weight: 500;
    font-size: .1rem;
    color: #9b9b9b;
    text-align: center;
    line-height: .12rem
}

#abonement p.oferta a,
#longate-page p.oferta a {
    color: var(--color__default)
}

#abonement {
    width: 100%
}

#abonement .inside-container {
    width: 6.1rem;
    margin: 0 auto
}

#abonement h1 {
    font-size: .28rem;
    font-weight: 700;
    line-height: .93
}

#abonement h2 {
    font-size: .16rem;
    font-weight: 500
}

#abonement h3 {
    font-size: .28rem;
    color: #1b1b1b;
    font-weight: 700;
    margin: .3rem auto;
    text-align: center
}

#abonement .loader img,
#abonement .loader span,
#abonement .loader svg {
    display: none !important
}

#abonement .bonus-price {
    color: #1b1b1b;
    background: #f8c325;
    border-radius: 2em;
    padding: .05rem;
    width: 1rem;
    margin: .15rem auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

#abonement .bonus-price span {
    font-size: .16rem;
    font-weight: 700
}

#abonement .bonus-price svg {
    width: .2rem;
    height: .2rem;
    margin-left: .05rem
}

#abonement .payment-methods {
    width: 3.439em;
    margin: 0 auto .322em
}

#abonement .payment-methods div.disclaimer-bordered {
    margin-bottom: 1.349em
}

#abonement .payment-methods div.payment-methods-buttons button {
    width: 100%
}

#abonement div.order-step {
    font-size: .13rem;
    text-align: center;
    margin-top: .4rem
}

#abonement div.order-step a {
    color: var(--color__default)
}

#abonement div.order-step button {
    min-width: 2.8rem;
    width: auto;
    font-size: .15rem !important;
    font-weight: 300;
    padding: .1rem .3rem
}

#abonement div.order-step button.green {
    margin-top: .4rem
}

#abonement div.order-step div.error-message {
    font-size: .13rem
}

#abonement div.order-step div.input-promocode {
    margin: .4rem 0 0
}

#abonement div.order-step div.input-promocode .input-promo {
    width: 3.2rem;
    margin: 0 auto;
    position: relative
}

#abonement div.order-step div.input-promocode .input-promo:before {
    content: "";
    position: absolute;
    top: .13rem;
    left: .15rem;
    background-image: url(/static/icons/promocode.svg);
    width: .18rem;
    height: .14rem
}

#abonement div.order-step div.input-promocode input[type=text] {
    border: 1.5px solid var(--color__default);
    text-transform: none;
    border-radius: .2rem;
    font-size: .13rem;
    font-weight: 300;
    display: block;
    padding-left: .4rem
}

#abonement div.order-step div.input-container label {
    font-size: .18rem;
    font-weight: 500;
    text-transform: none
}

#abonement div.order-step div.input-container input {
    font-size: .13rem;
    font-weight: 500;
    height: .4rem;
    padding: .1rem .15rem;
    border: 1px solid #f5f4f5;
    background-color: #f5f4f5;
    color: #1b1b1b;
    border-radius: .02rem;
    display: block;
    width: 3.2rem;
    box-sizing: border-box;
    margin: .15rem auto
}

#abonement div.order-step div.small-text {
    max-width: 3.8rem;
    color: #1b1b1b;
    font-size: .1rem;
    font-weight: 500;
    margin: .15rem auto;
    text-align: center
}

#abonement div.social-channels {
    text-align: center
}

#abonement div.social-channels h2 {
    font-size: .18rem;
    font-weight: 700;
    margin: .4rem auto .15rem
}

#abonement div.social-channels .order-step {
    margin-top: .1rem
}

#abonement div.social-channels .social-list {
    display: -ms-flexbox;
    display: flex;
    width: 4rem;
    margin: .3rem auto;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

#abonement div.social-channels .social-list img {
    width: .4rem;
    height: .4rem
}

#abonement div.social-channels .social-list span {
    font-size: .14rem;
    font-weight: 300;
    display: block;
    color: #1b1b1b
}

#abonement div.content {
    margin-top: .25rem;
    padding: .1rem .95em .45em;
    background: #fff;
    box-shadow: 0 .02rem .04rem 0 rgba(0, 0, 0, .06);
    border-radius: .08rem
}

#abonement div.content.empty {
    background: transparent;
    box-shadow: none
}

#abonement div.content .order-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    padding: .15rem;
    width: 100%;
    font-size: .18rem;
    color: #fff;
    height: 1.6rem;
    background-image: url(/static/images/form_order_bg.685bd01.png);
    background-size: cover;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    border-radius: 4px;
    margin-top: .25rem
}

#abonement div.content .order-info .discount-ribbon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    top: .1rem;
    right: -.5rem;
    position: absolute;
    width: 1.95rem;
    height: .3rem;
    font-size: .17rem;
    font-weight: 700;
    text-align: center;
    background-color: var(--color__default);
    transform: rotate(30deg)
}

#abonement div.content .order-info__about-days {
    font-size: .14rem
}

#abonement div.content .order-info__price {
    font-weight: 700;
    font-size: .24rem
}

#abonement div.content .order-info__price .discount {
    font-weight: 500;
    font-size: .16rem;
    text-decoration: line-through
}

#abonement div.content .abonements h3 {
    margin-top: .35rem
}

#abonement div.content .abonements-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: .2rem
}

#abonement div.content .abonements-list .item {
    font-size: .13rem;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    border: 1px solid transparent;
    border-color: transparent;
    border-radius: 4px;
    box-sizing: border-box;
    width: 2rem;
    margin: 0 .1rem .25rem;
    cursor: pointer;
    transition: border-color .3s
}

#abonement div.content .abonements-list .item-content,
#abonement div.content .abonements-list .item-header {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    width: 2rem
}

#abonement div.content .abonements-list .item-header {
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    padding: .05rem
}

#abonement div.content .abonements-list .item-header-discount {
    font-size: .34rem;
    font-weight: 700
}

#abonement div.content .abonements-list .item-header-comment {
    font-size: .14rem;
    font-weight: 500
}

#abonement div.content .abonements-list .item-header-checkbox {
    content: "";
    width: .4rem;
    height: .4rem;
    background-image: url(/static/images/abonement-checkbox_false.1de5cd9.svg);
    transition: background-image .3s;
    background-size: contain
}

#abonement div.content .abonements-list .item.selected {
    border-color: var(--color__default)
}

#abonement div.content .abonements-list .item.selected .item-header-checkbox {
    background-image: url(/static/images/abonement-checkbox_true.53e35c1.svg)
}

#abonement div.content .abonements-list .item.selected img {
    -webkit-filter: none;
    filter: none
}

#abonement div.content .abonements-list .item-content {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: .15rem;
    text-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: -.3rem
}

#abonement div.content .abonements-list .item-content img {
    margin: 0 auto .1rem;
    height: .92rem;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

#abonement div.content .abonements-list .item-content-price {
    font-size: .24rem;
    font-weight: 700
}

#abonement div.content .abonements-list .item-content-price .title {
    font-weight: 700;
    font-size: .32rem
}

#abonement div.content .abonements-list .item-content-price .description {
    font-weight: 300;
    font-size: .1rem
}

#abonement div.content .abonements-list .item-content-price .comment {
    color: #1b1b1b;
    font-weight: 500;
    font-size: .14rem
}

#abonement div.content .abonements-info {
    margin-top: .3rem;
    font-size: .14rem;
    text-align: right
}

#abonement div.content .abonements-info_summary {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center
}

#abonement div.content .abonements-info .price {
    color: var(--color__default);
    font-size: .24rem;
    font-weight: 700;
    margin-left: .1rem
}

#abonement div.content .choose-payment {
    margin-top: .3rem
}

#abonement div.content .choose-payment .disclaimer-bordered {
    width: 3rem;
    margin: 0 auto
}

#abonement div.content .choose-payment .credit_card {
    width: 3rem
}

#abonement div.content .choose-payment .green.empty {
    width: 3rem;
    margin-top: .05rem;
    font-weight: 300
}

#abonement div.content .choose-payment .button {
    width: 3rem;
    height: .4rem
}

#abonement div.content .choose-payment .button.vk svg {
    width: 1.6rem
}

#abonement div.content .choose-payment .link {
    font-size: .13rem;
    font-weight: 300
}

#abonement div.content .choose-payment .button.apple {
    margin-top: 0;
    margin-bottom: .1rem
}

#abonement div.content .order-summary {
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: center;
    font-size: .13rem
}

#abonement div.content .order-summary,
#abonement div.content .order-summary>div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

#abonement div.content .order-summary-price {
    font-size: .3rem;
    font-weight: 700;
    color: var(--color__default);
    margin-left: .05rem
}

#abonement div.content .order-summary .button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: .3rem;
    width: 3rem;
    padding: .05rem;
    text-align: center;
    font-size: .15rem;
    font-weight: 700;
    height: auto
}

#abonement div.content .order-summary .button .free-delivery {
    font-weight: 300
}

#abonement div.order-items-list {
    max-width: 5rem;
    margin: 0 auto;
    margin-bottom: .55rem
}

#abonement div.order-items-list .table_plan {
    width: 100%
}

#abonement div.order-items-list .table_plan tr {
    padding: .25rem 0
}

#abonement div.order-items-list .table_plan-name {
    width: 3rem
}

#abonement div.order-items-list .table_plan-discount,
#abonement div.order-items-list .table_plan-price {
    padding: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-flow: column;
    flex-flow: column;
    vertical-align: baseline
}

#abonement div.order-items-list .table_plan-discount,
#abonement div.order-items-list .table_plan-price,
#abonement div.order-items-list .table_plan-remove {
    width: .8rem;
    text-align: center
}

#abonement div.order-items-list .table_plan-discount {
    color: var(--color__default)
}

#abonement div.order-items-list .table_plan-discount span {
    font-size: .18rem
}

#abonement div.order-items-list .table_plan-discount span.text {
    font-size: .1rem;
    color: #1b1b1b
}

#abonement div.order-items-list .table_plan-remove {
    cursor: pointer
}

#abonement div.order-items-list .table_plan-remove:hover {
    opacity: .8
}

#abonement div.order-items-list .table_plan-price,
#abonement div.order-items-list .table_plan-price span {
    font-size: .18rem;
    text-align: right
}

#abonement div.order-items-list .table_plan-remove span {
    display: block;
    font-size: .1rem;
    color: #ef5747
}

#abonement div.order-items-list ul {
    font-size: .18rem;
    font-weight: 700;
    margin-top: -1px
}

#abonement div.order-items-list ul li {
    border-top: 1px solid #cacbcb;
    padding: .25rem 0;
    list-style: none
}

#abonement div.order-items-list ul li:first-of-type {
    border-top: none
}

#abonement div.order-items-list ul li div.small-text,
#abonement div.order-items-list ul li span {
    font-size: .14rem;
    font-weight: 500
}

#abonement div.order-items-list ul li.items {
    font-size: .16rem
}

#abonement div.order-items-list ul:last-of-type {
    border-bottom: 1px solid #cacbcb
}

#abonement div.order-items-list div.summary {
    margin-top: .2rem;
    text-align: right;
    font-size: .14rem
}

#abonement div.order-items-list div.summary .price {
    color: var(--color__default);
    font-size: .24rem;
    font-weight: 700;
    margin-left: .05rem
}

#abonement div.order-items-list div.summary .price.discount {
    font-size: .18rem;
    color: #262e37;
    text-decoration: line-through
}

#abonement div.step-payment-result {
    padding: 1.5rem 0 1rem;
    text-align: center
}

#abonement div.step-payment-result .short-line {
    margin: .5rem auto
}

#abonement div.step-payment-result h3 {
    font-size: .28rem;
    color: #1b1b1b;
    line-height: .32rem
}

#abonement div.step-payment-result .button {
    margin-top: .2rem
}

#abonement div.step-payment-result div.icon {
    width: .94em;
    margin: 0 auto -.3em;
    position: relative
}

#abonement div.step-payment-result div.icon>img,
#abonement div.step-payment-result div.icon>svg {
    width: 100%;
    height: auto
}

#abonement div.step-payment-result>div.message {
    font-size: .16rem;
    font-weight: 500;
    color: #1b1b1b;
    line-height: .22rem;
    text-align: center;
    max-width: 3.5rem;
    margin: .25rem auto
}

#abonement div.step-payment-result>div.message.long {
    max-width: 4.2rem
}

#abonement div.step-payment-result a.message {
    font-weight: 500;
    font-size: .16rem;
    color: var(--color__default);
    text-align: center;
    line-height: .2rem;
    text-decoration: underline
}

#abonement div.step-payment-success {
    padding: .75rem 0
}

#abonement div.step-payment-success h3 {
    font-size: .28rem;
    line-height: .32rem;
    margin-bottom: .1rem
}

#abonement div.step-payment-success a.button {
    margin-top: .15rem;
    height: .5rem
}

#abonement div.step-payment-success div.icon {
    position: relative;
    top: 0;
    margin: 0 auto
}

#abonement div.step-payment-success div.icon svg path {
    fill: var(--color__default)
}

#abonement div.step-payment-success .additional {
    margin-top: 1.5rem
}

#abonement div.step-payment-success .additional h3 {
    margin-bottom: .55rem
}

#abonement div.step-payment-fail div.icon {
    top: -.4em
}

#abonement div.step-payment-subscribe-success {
    padding: .9rem 0
}

#abonement div.step-payment-subscribe-success div.icon {
    width: 3.39rem
}

#abonement div.step-payment-subscribe-success .green.button {
    width: 2.48rem;
    height: .45rem;
    font-size: .13rem;
    margin: 0 auto
}

#abonement div.additional .actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 5rem;
    margin: .25rem auto 0
}

#abonement div.additional .actions .button {
    width: 2.65rem;
    margin: 0 .05rem;
    padding: .25rem
}

#abonement div.additional .actions .outline {
    background-color: transparent;
    color: var(--color__default)
}

html.additional-packs-content #abonement div.content {
    padding: .3rem .2rem
}

#longate-page {
    text-align: left
}

#longate-page #client-orders>div {
    box-shadow: none
}

#longate-page h1 {
    font-weight: 700
}

#longate-page div.header ul.order-steps {
    display: none
}

#longate-page .disabled {
    position: relative
}

#longate-page .disabled:before {
    content: "\42D\442\43E\442   \437\430\43A\430\437   \43C\43E\436\43D\43E   \442\43E\43B\44C\43A\43E   \43E\43F\43B\430\442\438\442\44C";
    font-size: .18rem;
    font-weight: 700;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: .7;
    z-index: 10
}

#longate-page .disabled * {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important
}

#longate-page .link.button.inline {
    margin-bottom: .15rem;
    font-size: .14rem
}

#longate-page .longate {
    margin-top: .3rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start
}

#longate-page .longate h2 {
    color: #1b1b1b;
    font-size: .18rem;
    line-height: .22rem;
    padding-bottom: .15rem
}

#longate-page .longate-data {
    width: 7.6rem;
    margin-right: .4rem;
    -ms-flex-positive: 1;
    flex-grow: 1
}

#longate-page .longate-data>div>h2 {
    padding-left: 1.66667em;
    padding-right: 1.66667em
}

#longate-page .longate-data>.title-flex>h2 {
    padding-left: 0;
    padding-right: 0
}

#longate-page .longate.choose-new-price-plan .longate-data {
    padding-left: .3em;
    padding-right: .3em
}

#longate-page .longate .payment-methods-buttons .button {
    width: 100%;
    font-size: .16rem;
    margin-bottom: .1rem;
    height: .55rem
}

#longate-page .longate .content__order_summary {
    width: 3.6rem;
    -ms-flex-positive: 1;
    flex-grow: 1
}

#longate-page .longate .content__order_summary button.sea-outline {
    margin-right: 0
}

#longate-page .longate-summary {
    width: 3.6rem;
    overflow: hidden;
    font-size: .12rem;
    -ms-flex-positive: 1;
    flex-grow: 1
}

#longate-page .longate-summary__block {
    margin-bottom: .25rem
}

#longate-page .longate-summary__block div.flex-summary {
    margin-bottom: 0 !important
}

#longate-page .longate-summary__block.abonement-info {
    background-color: var(--color__default);
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: .16rem;
    padding: 0 .15rem;
    margin-bottom: .1rem
}

#longate-page .longate-summary__block.abonement-info svg {
    height: .5rem;
    margin-right: .1rem
}

#longate-page .longate-summary__block.abonement-info svg circle,
#longate-page .longate-summary__block.abonement-info svg path {
    fill: #fff
}

#longate-page .longate-summary__actions .button {
    width: 100%;
    padding: .15rem .2rem;
    text-transform: uppercase !important;
    font-size: .16rem !important;
    height: .6rem !important;
    line-height: .2rem;
    margin-bottom: .15rem;
    box-sizing: border-box;
    font-weight: 500
}

#longate-page .longate-summary__actions .empty {
    display: -ms-flexbox;
    display: flex
}

#longate-page .longate-summary__actions .empty svg {
    margin-right: .1rem
}

#longate-page .longate-summary__actions.new-credit-card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#longate-page .longate-summary__actions.new-credit-card .button.empty {
    width: 1.12rem
}

#longate-page .longate-summary__actions.new-credit-card .button.green {
    width: 2.3rem;
    padding: .1rem
}

#longate-page .longate-summary .bonus-price {
    margin: 0;
    font-size: .16rem
}

#longate-page .longate-summary .bonus-price-bg {
    margin: 0
}

#longate-page .longate-summary .bonus-price-bg svg {
    width: .2rem;
    height: .2rem
}

#longate-page .longate-data,
#longate-page .longate-summary__block {
    padding: .25rem 0;
    background: #fff;
    box-shadow: 0 .02rem .04rem 0 rgba(0, 0, 0, .06);
    border-radius: .08rem;
    box-sizing: border-box
}

#longate-page .longate-data .link-actions,
#longate-page .longate-summary__block .link-actions {
    display: -ms-flexbox;
    display: flex
}

#longate-page .longate-data .link-actions a.link,
#longate-page .longate-summary__block .link-actions a.link {
    font-size: .15rem;
    text-decoration: underline;
    margin-right: .25rem;
    cursor: pointer
}

#longate-page .longate-data .link-actions a.link svg,
#longate-page .longate-summary__block .link-actions a.link svg {
    width: .1rem;
    height: .1rem;
    margin-right: .05rem
}

#longate-page .longate-summary__block {
    padding-left: .3rem;
    padding-right: .3rem
}

#longate-page .longate-data-wobg {
    background-color: transparent;
    box-shadow: none;
    border-radius: 0
}

#longate-page .longate .menu-plan {
    box-sizing: border-box;
    color: #1b1b1b;
    border-radius: .03rem;
    width: 100%;
    margin-bottom: .25rem;
    font-size: .18rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: row;
    flex-flow: row;
    position: relative;
    padding-left: 1.66667em;
    padding-right: 1.66667em
}

#longate-page .longate .menu-plan.trial {
    border-bottom: .01rem solid #cacbcb;
    padding-bottom: .3rem
}

#longate-page .longate .menu-plan__icon svg {
    width: .75rem;
    height: .75rem;
    margin-right: .25rem
}

#longate-page .longate .menu-plan__name {
    margin-top: .15rem;
    font-size: .18rem;
    font-weight: 500
}

#longate-page .longate .menu-plan__name span {
    color: var(--color__default);
    font-weight: 700;
    font-size: .28rem
}

#longate-page .longate .menu-plan__dates {
    font-weight: 500;
    margin-bottom: .15rem;
    font-size: .18rem
}

#longate-page .longate .menu-plan__dates div.free-days {
    font-size: .77778em;
    font-weight: 700;
    line-height: 1.57;
    color: #fff;
    width: 9.28571em;
    height: 1.57143em;
    border-radius: 2px;
    background-color: #eb11cd;
    background-color: #f0616d;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .5em
}

#longate-page .longate .menu-plan .button {
    font-size: .14rem;
    margin-left: .45rem
}

#longate-page .longate div.abonements {
    margin-bottom: 0;
    padding-left: .3em;
    padding-right: .3em
}

#longate-page .longate div.abonements:before {
    margin: .3rem 0
}

#longate-page .longate div.abonements:after {
    margin: .2rem 0 .05rem
}

#longate-page .longate div.abonements h3 {
    font-weight: 700;
    font-size: .18rem;
    color: #1b1b1b;
    line-height: .22rem;
    margin-bottom: .2rem
}

#longate-page .longate div.abonements ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    list-style: none;
    font-size: .16rem
}

#longate-page .longate div.abonements ul .item {
    width: 3.3rem;
    height: 1.9rem;
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: .15rem;
    margin-bottom: .15rem;
    padding: .15rem .1rem;
    box-shadow: 0 0 0 1px #cacbcb;
    border-radius: .04rem;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    background-color: transparent
}

#longate-page .longate div.abonements ul .item * {
    pointer-events: none
}

#longate-page .longate div.abonements ul .item:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: .85rem
}

#longate-page .longate div.abonements ul .item.selected .item-checkbox {
    background-image: url(/static/images/abonement-checkbox_true.53e35c1.svg)
}

#longate-page .longate div.abonements ul .item.selected .button {
    display: none
}

#longate-page .longate div.abonements ul .item-abonements.selected,
#longate-page .longate div.abonements ul .item-abonements:hover {
    box-shadow: 0 0 0 .02rem var(--color__default)
}

#longate-page .longate div.abonements ul .item-abonements:before {
    background: radial-gradient(circle at 210% 20%, hsla(0, 0%, 100%, 0) 10%, hsla(0, 0%, 100%, 0) 50%, #00b923 0, #00b923 100%);
    background-size: 135% 200%
}

#longate-page .longate div.abonements ul .item-subscribe.selected,
#longate-page .longate div.abonements ul .item-subscribe:hover {
    box-shadow: 0 0 0 .02rem #27b4bc
}

#longate-page .longate div.abonements ul .item-subscribe:before {
    background: radial-gradient(circle at 210% 20%, hsla(0, 0%, 100%, 0) 10%, hsla(0, 0%, 100%, 0) 50%, #27b4bc 0, #27b4bc 100%);
    background-size: 135% 200%
}

#longate-page .longate div.abonements ul .item p {
    margin: 0
}

#longate-page .longate div.abonements ul .item .button {
    width: 2.2rem;
    font-size: .14rem !important;
    position: absolute;
    left: .85rem;
    bottom: .2rem
}

#longate-page .longate div.abonements ul .item p.discounted {
    font-size: .14rem;
    margin: .04rem 0 0;
    height: .35rem
}

#longate-page .longate div.abonements ul .item p.discounted span {
    font-size: .24rem
}

#longate-page .longate div.abonements ul .item p.discounted span.rounded {
    background-color: #27b4bc;
    border-radius: 1rem;
    margin: 0 .05rem;
    padding: .04rem;
    color: #fff;
    font-size: .16rem
}

#longate-page .longate div.abonements ul .item p.discounted span.rounded:last-of-type {
    padding: .04rem .03rem
}

#longate-page .longate div.abonements ul .item p.description {
    font-size: .12rem;
    color: #9b9b9b;
    line-height: .15rem
}

#longate-page .longate div.abonements ul .item-promo {
    font-size: 1rem;
    width: 3.4em;
    height: 1.6em;
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: .15em;
    margin-bottom: .15em;
    padding: .2em .67em;
    padding-right: 0;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    border: 1px solid #acdfbf;
    border-radius: .04em
}

#longate-page .longate div.abonements ul .item-promo.selected,
#longate-page .longate div.abonements ul .item-promo:hover {
    box-shadow: 0 1px .04em 0 rgba(0, 0, 0, .5)
}

#longate-page .longate div.abonements ul .item-promo:before {
    background-image: url(/static/images/discount-pattern.87c60b5.png);
    background-size: cover;
    background-position: 50%;
    z-index: 5
}

#longate-page .longate div.abonements ul .item-promo:after {
    content: "";
    display: block;
    width: 1em;
    height: 120%;
    position: absolute;
    left: .34em;
    top: -10%;
    background-color: #fff;
    border-radius: 50%;
    z-index: 7
}

#longate-page .longate div.abonements ul .item-promo .button {
    left: .67rem;
    bottom: .2rem;
    z-index: 10
}

#longate-page .longate div.abonements ul .item-promo .item-checkbox {
    left: .67em !important;
    z-index: 10
}

#longate-page .longate div.abonements ul .item-promo .item-checkbox-label {
    left: 7.2em;
    font-size: .16em;
    position: absolute;
    top: 6.6em;
    font-weight: 700;
    z-index: 10
}

#longate-page .longate div.abonements ul .item-promo div.item-inside {
    z-index: 10
}

#longate-page .longate div.abonements ul .item-promo div.item-inside div.promo-title {
    font-size: .24em;
    font-weight: 700;
    line-height: .92;
    color: var(--color__default)
}

#longate-page .longate div.abonements ul .item-promo div.item-inside div.promo-desc {
    font-size: .14em;
    font-weight: 500;
    line-height: 1.14;
    color: #1b1b1b;
    margin-top: .60714em
}

#longate-page .longate div.abonements ul .item-inside,
#longate-page .longate div.abonements ul .item-inside-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    position: relative
}

#longate-page .longate div.abonements ul .item-inside-info {
    -ms-flex-align: start;
    align-items: start;
    padding-left: .8rem
}

#longate-page .longate div.abonements ul .item-inside-info svg {
    height: .35rem;
    margin-right: .1rem;
    margin-top: 1px;
    position: absolute;
    left: 0;
    top: 0
}

#longate-page .longate div.abonements ul .item-inside-info svg circle,
#longate-page .longate div.abonements ul .item-inside-info svg g,
#longate-page .longate div.abonements ul .item-inside-info svg path {
    fill: #fff
}

#longate-page .longate div.abonements ul .item-inside-info h3 {
    margin: 0;
    padding: 0;
    height: .46rem
}

#longate-page .longate div.abonements ul .item-inside-info span.green {
    font-weight: 700;
    color: var(--color__default)
}

#longate-page .longate div.abonements ul .item-inside-info-price {
    margin-top: .2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

#longate-page .longate div.abonements ul .item-inside-info-price .new-price {
    font-weight: 700;
    font-size: .16rem;
    color: #1b1b1b;
    margin-right: .1rem
}

#longate-page .longate div.abonements ul .item-inside-info-price .old-price {
    font-size: .12rem;
    color: #9b9b9b
}

#longate-page .longate div.abonements ul .item .item-checkbox {
    position: absolute;
    left: .85rem;
    bottom: .2rem;
    content: "";
    width: .4rem;
    height: .4rem;
    transition: background-image .3s;
    background-size: contain
}

#longate-page .longate div.flex-summary {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: 1rem
}

#longate-page .longate div.flex-summary div.label {
    font-size: .14em;
    font-weight: 500;
    line-height: 1.57;
    color: #cacbcb;
    text-transform: uppercase;
    margin-bottom: .2em
}

#longate-page .longate div.flex-summary div.old-price {
    font-size: .18em;
    font-weight: 700;
    line-height: 1.22;
    text-align: center;
    color: #1b1b1b;
    text-decoration: line-through;
    margin-bottom: .2em;
    margin-left: auto;
    margin-right: .69444em
}

#longate-page .longate div.flex-summary div.price {
    font-size: .28em;
    font-weight: 700;
    line-height: 1.14;
    text-align: center;
    color: var(--color__default)
}

#longate-page .longate div.flex-summary:not(:last-child) {
    margin-bottom: .2em
}

#longate-page .longate #app {
    max-width: 30em;
    margin: 1em auto
}

#longate-page .longate .checkbox {
    margin-top: .25rem
}

#longate-page .longate .checkbox label {
    font-size: .14rem;
    line-height: .18rem
}

#longate-page .payment-card-step {
    margin: 0
}

#longate-page .payment-card-step .abonements-info {
    display: none
}

#longate-page .payment-card-step .payment-email {
    width: 3.4rem;
    margin: .25rem 0 0
}

#longate-page .payment-card-step .payment-icons {
    margin-top: .25rem;
    text-align: left
}

#longate-page .choose-new-price-plan .title-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: baseline;
    align-items: baseline
}

#longate-page .choose-new-price-plan .free-delivery {
    font-size: .14rem;
    color: #1b1b1b;
    line-height: .15rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto .2rem
}

#longate-page .choose-new-price-plan .free-delivery svg {
    width: .28rem;
    height: .28rem;
    margin-right: .1rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

#longate-page .choose-new-price-plan .days-switcher {
    display: -ms-flexbox;
    display: flex;
    border: 1px solid var(--color__default);
    border-radius: .04rem;
    margin-bottom: .25rem
}

#longate-page .choose-new-price-plan .days-switcher>div {
    width: 50%;
    text-align: center;
    padding: .05rem .1rem;
    color: var(--color__default);
    cursor: pointer;
    font-size: inherit
}

#longate-page .choose-new-price-plan .days-switcher>div.active {
    background-color: var(--color__default);
    color: #fff
}

#longate-page .choose-new-price-plan div#menu-items>div.dish-v20 .description {
    font-size: .13rem;
    margin-bottom: .25rem
}

#longate-page .choose-new-price-plan div#menu-items>div.dish-v20,
#longate-page .choose-new-price-plan div#menu-items>div.empty,
#longate-page .choose-new-price-plan div#menu-items>div.summary {
    width: 2.25rem !important;
    margin-bottom: .15rem
}

#longate-page .choose-new-price-plan div#menu-items>div.summary,
#longate-page .choose-new-price-plan div#menu-items div.swiper-slide>div.summary {
    padding: .15rem
}

#longate-page .choose-new-price-plan div#menu-items>div.summary>div.materials>div,
#longate-page .choose-new-price-plan div#menu-items div.swiper-slide>div.summary>div.materials>div {
    width: auto
}

#longate-page .choose-new-price-plan div#menu-items>div.summary>div.materials>div:first-child,
#longate-page .choose-new-price-plan div#menu-items div.swiper-slide>div.summary>div.materials>div:first-child {
    padding-right: .1rem
}

#longate-page .choose-new-price-plan div#menu-items div.dish-v20>div.details>div.summary {
    margin-bottom: 0
}

#longate-page .choose-new-price-plan div#menu-items>div.summary>div.common,
#longate-page .choose-new-price-plan div#menu-items>div.summary>div.materials,
#longate-page .choose-new-price-plan div#menu-items div.swiper-slide>div.summary>div.common,
#longate-page .choose-new-price-plan div#menu-items div.swiper-slide>div.summary>div.materials {
    line-height: 1;
    margin-top: .1rem
}

#longate-page .choose-new-price-plan div#menu-items>div.dish-v20>div.info {
    font-size: .8rem
}

#longate-page .choose-new-price-plan .disclaimer {
    font-size: .11rem;
    color: #1b1b1b;
    line-height: .15rem
}

#longate-page .choose-new-price-plan #plans-body {
    padding-top: .15rem
}

#longate-page .choose-new-price-plan #plans-switcher {
    margin-top: 0;
    margin-bottom: .3rem
}

#longate-page .choose-new-price-plan #plans-switcher>div {
    -ms-flex: 0 100%;
    flex: 0 100%
}

#longate-page .choose-new-price-plan #plans-switcher .day-delivery {
    position: absolute;
    margin-top: -.1rem;
    margin-left: -.18rem
}

#longate-page .choose-new-price-plan #plans-switcher .day-delivery span {
    font-size: .1rem
}

#longate-page .choose-new-price-plan #plans-switcher .select-plan-item {
    width: 95%;
    border: 1px solid #cacbcb
}

#longate-page .choose-new-price-plan #plans-switcher .select-plan-item .reason {
    font-size: .13rem;
    line-height: .13rem
}

#longate-page .choose-new-price-plan #plans-switcher .select-plan-item div.icon,
#longate-page .choose-new-price-plan #plans-switcher .select-plan-item div.icon>svg {
    width: .55rem;
    height: .55rem
}

#longate-page .choose-new-price-plan .price-plan {
    font-size: .14rem
}

#longate-page .choose-new-price-plan .price-plan .summary {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column
}

#longate-page .price-plan__name {
    font-size: .36rem;
    color: #181717;
    line-height: .32rem;
    font-weight: 700;
    margin: 0 0 .15rem;
    text-transform: capitalize
}

#longate-page .price-plan__params {
    font-size: .16rem;
    color: #181717;
    line-height: .22rem;
    font-weight: 700;
    margin-bottom: .2rem
}

#longate-page .price-plan__params p {
    margin: 0
}

#longate-page .price-plan .summary {
    margin-bottom: 0
}

#longate-page .price-plan .summary__with-day {
    color: var(--color__default);
    font-weight: 700;
    font-size: .3rem
}

#longate-page .price-plan .summary__discount {
    font-weight: 500;
    font-size: .13rem
}

.client-orders-in-longate div.abonements {
    margin-bottom: 0;
    padding-left: .3em;
    padding-right: .3em
}

.client-orders-in-longate div.abonements:before {
    margin: .3rem 0
}

.client-orders-in-longate div.abonements:after {
    margin: .2rem 0 .05rem
}

.client-orders-in-longate div.abonements h3 {
    font-weight: 700;
    font-size: .18rem;
    color: #1b1b1b;
    line-height: .22rem;
    margin-bottom: .2rem
}

.client-orders-in-longate div.abonements ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    list-style: none;
    font-size: .16rem
}

.client-orders-in-longate div.abonements ul .item {
    width: 3.3rem;
    height: 1.9rem;
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: .15rem;
    margin-bottom: .15rem;
    padding: .15rem .1rem;
    box-shadow: 0 0 0 1px #cacbcb;
    border-radius: .04rem;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    background-color: transparent
}

.client-orders-in-longate div.abonements ul .item * {
    pointer-events: none
}

.client-orders-in-longate div.abonements ul .item:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: .85rem
}

.client-orders-in-longate div.abonements ul .item.selected .item-checkbox {
    background-image: url(/static/images/abonement-checkbox_true.53e35c1.svg)
}

.client-orders-in-longate div.abonements ul .item.selected .button {
    display: none
}

.client-orders-in-longate div.abonements ul .item-abonements.selected,
.client-orders-in-longate div.abonements ul .item-abonements:hover {
    box-shadow: 0 0 0 .02rem var(--color__default)
}

.client-orders-in-longate div.abonements ul .item-abonements:before {
    background: radial-gradient(circle at 210% 20%, hsla(0, 0%, 100%, 0) 10%, hsla(0, 0%, 100%, 0) 50%, #00b923 0, #00b923 100%);
    background-size: 135% 200%
}

.client-orders-in-longate div.abonements ul .item-subscribe.selected {
    box-shadow: 0 0 0 .02rem #27b4bc
}

.client-orders-in-longate div.abonements ul .item-subscribe:before {
    background: radial-gradient(circle at 210% 20%, hsla(0, 0%, 100%, 0) 10%, hsla(0, 0%, 100%, 0) 50%, #27b4bc 0, #27b4bc 100%);
    background-size: 135% 200%
}

.client-orders-in-longate div.abonements ul .item p {
    margin: 0
}

.client-orders-in-longate div.abonements ul .item .button {
    width: 2.2rem;
    font-size: .14rem !important;
    position: absolute;
    left: .85rem;
    bottom: .2rem
}

.client-orders-in-longate div.abonements ul .item p.discounted {
    font-size: .14rem;
    margin: .04rem 0 0;
    height: .35rem
}

.client-orders-in-longate div.abonements ul .item p.discounted span {
    font-size: .24rem
}

.client-orders-in-longate div.abonements ul .item p.discounted span.rounded {
    background-color: #27b4bc;
    border-radius: 1rem;
    margin: 0 .05rem;
    padding: .04rem;
    color: #fff;
    font-size: .16rem
}

.client-orders-in-longate div.abonements ul .item p.discounted span.rounded:last-of-type {
    padding: .04rem .03rem
}

.client-orders-in-longate div.abonements ul .item p.description {
    font-size: .12rem;
    color: #9b9b9b;
    line-height: .15rem
}

.client-orders-in-longate div.abonements ul .item-promo {
    font-size: 1rem;
    width: 3.4em;
    height: 1.6em;
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: .15em;
    margin-bottom: .15em;
    padding: .2em .67em;
    padding-right: 0;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    border: 1px solid #acdfbf;
    border-radius: .04em
}

.client-orders-in-longate div.abonements ul .item-promo.selected,
.client-orders-in-longate div.abonements ul .item-promo:hover {
    box-shadow: 0 1px .04em 0 rgba(0, 0, 0, .5)
}

.client-orders-in-longate div.abonements ul .item-promo:before {
    background-image: url(/static/images/discount-pattern.87c60b5.png);
    background-size: cover;
    background-position: 50%;
    z-index: 5
}

.client-orders-in-longate div.abonements ul .item-promo:after {
    content: "";
    display: block;
    width: 1em;
    height: 120%;
    position: absolute;
    left: .34em;
    top: -10%;
    background-color: #fff;
    border-radius: 50%;
    z-index: 7
}

.client-orders-in-longate div.abonements ul .item-promo .button {
    left: .67rem;
    bottom: .2rem;
    z-index: 10
}

.client-orders-in-longate div.abonements ul .item-promo .item-checkbox {
    left: .67em !important;
    z-index: 10
}

.client-orders-in-longate div.abonements ul .item-promo .item-checkbox-label {
    left: 7.2em;
    font-size: .16em;
    position: absolute;
    top: 6.6em;
    font-weight: 700;
    z-index: 10
}

.client-orders-in-longate div.abonements ul .item-promo div.item-inside {
    z-index: 10
}

.client-orders-in-longate div.abonements ul .item-promo div.item-inside div.promo-title {
    font-size: .24em;
    font-weight: 700;
    line-height: .92;
    color: var(--color__default)
}

.client-orders-in-longate div.abonements ul .item-promo div.item-inside div.promo-desc {
    font-size: .14em;
    font-weight: 500;
    line-height: 1.14;
    color: #1b1b1b;
    margin-top: .60714em
}

.client-orders-in-longate div.abonements ul .item-inside,
.client-orders-in-longate div.abonements ul .item-inside-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    position: relative
}

.client-orders-in-longate div.abonements ul .item-inside-info {
    -ms-flex-align: start;
    align-items: start;
    padding-left: .8rem
}

.client-orders-in-longate div.abonements ul .item-inside-info svg {
    height: .35rem;
    margin-right: .1rem;
    margin-top: 1px;
    position: absolute;
    left: 0;
    top: 0
}

.client-orders-in-longate div.abonements ul .item-inside-info svg circle,
.client-orders-in-longate div.abonements ul .item-inside-info svg g,
.client-orders-in-longate div.abonements ul .item-inside-info svg path {
    fill: #fff
}

.client-orders-in-longate div.abonements ul .item-inside-info h3 {
    margin: 0;
    padding: 0;
    height: .46rem
}

.client-orders-in-longate div.abonements ul .item-inside-info span.green {
    font-weight: 700;
    color: var(--color__default)
}

.client-orders-in-longate div.abonements ul .item-inside-info-price {
    margin-top: .2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.client-orders-in-longate div.abonements ul .item-inside-info-price .new-price {
    font-weight: 700;
    font-size: .16rem;
    color: #1b1b1b;
    margin-right: .1rem
}

.client-orders-in-longate div.abonements ul .item-inside-info-price .old-price {
    font-size: .12rem;
    color: #9b9b9b
}

.client-orders-in-longate div.abonements ul .item .item-checkbox {
    position: absolute;
    left: .85rem;
    bottom: .2rem;
    content: "";
    width: .4rem;
    height: .4rem;
    transition: background-image .3s;
    background-size: contain
}

.b-longation-promo {
    background-color: #ccc;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    padding-top: .37em;
    padding-bottom: .59em;
    margin-left: -.3em;
    margin-right: -.3em
}

html.smartphone .b-longation-promo {
    margin-left: -.15em;
    margin-right: -.15em;
    padding: .26em .25em .23em
}

.b-longation-promo__title {
    font-size: .32em;
    text-align: center;
    font-weight: 700;
    line-height: 1.63;
    color: #fff;
    margin-bottom: .71875em
}

html.smartphone .b-longation-promo__title {
    font-size: .28em;
    line-height: 1.14;
    margin-bottom: .82143em
}

.b-longation-promo__items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1em !important
}

.b-longation-promo__item {
    width: 1.95em;
    border-radius: .02em;
    padding-left: .09em;
    padding-right: .09em
}

html.smartphone .b-longation-promo__item {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: .14em
}

.b-longation-promo__item.selected .b-longation-promo__item-inner .button {
    background-color: transparent;
    color: #4e4e4e;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.b-longation-promo__item-inner {
    box-shadow: 0 .02em .14em 0 rgba(0, 0, 0, .2);
    background-color: #fff;
    padding: .24em .16em .29em;
    cursor: pointer
}

html.smartphone .b-longation-promo__item-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding-top: .22em;
    padding-bottom: .24em;
    border-radius: .03em
}

.b-longation-promo__item-inner .button {
    width: 10em;
    height: 2.5em !important;
    border-radius: .42857em;
    background-color: var(--color__default);
    margin-left: auto;
    margin-right: auto;
    font-size: .14em;
    font-weight: 700;
    color: #fff;
    border-width: 0;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

html.smartphone .b-longation-promo__item-inner .button {
    width: 9.28571em;
    margin-right: unset !important
}

.b-longation-promo__item-inner .button.button--icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: unset;
    justify-content: unset;
    padding: 0;
    width: 100%
}

html.smartphone .b-longation-promo__item-inner .button.button--icon {
    width: 100% !important
}

.b-longation-promo__item-inner .button.button--icon>span {
    padding-top: 1px
}

.b-longation-promo__item-inner .button.button--icon .c-icon-accept {
    width: 1.78571em;
    height: 1.78571em;
    color: var(--color__default);
    margin-right: .42857em
}

html.smartphone .b-longation-promo__item-body {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%
}

html.smartphone .b-longation-promo__item-footer {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%
}

.b-longation-promo__item-price {
    font-size: .24em;
    font-weight: 700;
    line-height: 1.15;
    text-align: center;
    color: #4e4e4e;
    margin-bottom: .03846em
}

html.smartphone .b-longation-promo__item-price {
    line-height: .8;
    margin-bottom: 0;
    text-align: left
}

.b-longation-promo__item-md {
    font-size: .14em;
    font-weight: 500;
    line-height: 1.14;
    text-align: center;
    color: #4e4e4e;
    margin-bottom: 1.35714em
}

html.smartphone .b-longation-promo__item-md {
    font-size: .12em;
    font-size: .1em;
    line-height: 1.67;
    color: #181717;
    margin-bottom: 0;
    text-align: left
}

>div.mark {
    font-size: .12em;
    font-weight: 500;
    line-height: 1.33;
    text-align: center;
    color: #a9a9a9;
    margin-top: 1.41667em
}

#profile-cards {
    font-size: .16rem
}

#profile-cards .current {
    padding: .3rem;
    background-color: #fff;
    border-radius: .03rem;
    border: 1px solid var(--color__default);
    margin-bottom: .25rem
}

#profile-cards .cards {
    background-color: #fff;
    border-radius: .03rem;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .12)
}

#profile-cards .cards-header {
    padding: .2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500
}

#profile-cards .cards-header svg {
    margin-right: .15rem
}

#profile-cards .cards .remove {
    font-size: .14rem;
    color: #ef5747
}

#profile-cards .cards svg {
    width: .48rem
}

#profile-cards .cards table {
    width: 100%
}

#profile-cards .cards table td,
#profile-cards .cards table th {
    padding: .1rem;
    text-align: left
}

#profile-cards .cards table td:first-of-type,
#profile-cards .cards table th:first-of-type {
    padding-left: .3rem
}

#profile-cards .cards table td:last-of-type,
#profile-cards .cards table th:last-of-type {
    padding-right: .3rem
}

#profile-cards .cards table th {
    font-size: .1rem;
    font-weight: 500;
    text-transform: uppercase;
    color: #9b9b9b;
    background-color: #f5f4f5
}

#profile-cards .cards table td {
    font-size: .16rem;
    color: #1b1b1b;
    font-weight: 500
}

#profile-cards .cards table tr td {
    border-bottom: 1px solid #e1e4e2
}

#profile-cards .cards table tr:last-of-type td {
    border-bottom: none
}

#profile-cards .cards table .button.green {
    font-size: .14rem;
    padding: .1rem
}

.remove-card-window {
    padding: 1rem .8rem .6rem;
    text-align: center
}

.remove-card-window h2 {
    font-size: .24rem
}

.remove-card-window .card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: .4rem auto .8rem;
    padding: .1rem;
    font-size: .16rem;
    background-color: #f5f4f5
}

.remove-card-window .card svg {
    width: auto;
    height: .22rem;
    margin-right: .15rem
}

.remove-card-window .actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.remove-card-window .button.green {
    font-size: .14rem;
    padding: .1rem;
    margin: 0 .15rem
}

html.smartphone .b-menu-custom__notify {
    display: none
}

html.smartphone .b-menu-custom__header {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    background-color: #fff;
    margin-bottom: .16em
}

html.smartphone .b-menu-custom__header-back {
    position: absolute;
    width: .43em;
    top: 0;
    left: 0;
    bottom: 0;
    color: var(--color__default);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-right: 2px solid #e7e7e7
}

html.smartphone .b-menu-custom__header-back .c-icon-back {
    height: .17em;
    width: .17em;
    transform: rotate(90deg)
}

html.smartphone .b-menu-custom__header-title {
    font-size: .16em;
    line-height: 1.5em;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    font-weight: 500
}

html.smartphone .b-menu-custom__modal {
    position: relative;
    background-color: transparent
}

html.smartphone .b-menu-custom__body {
    font-size: .14em;
    margin-bottom: .4em
}

html.smartphone .b-menu-custom__footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: .1em;
    z-index: 10;
    background-color: #fff;
    box-shadow: 0 .02em .04em .04em rgba(0, 0, 0, .1)
}

html.smartphone .loader {
    font-size: .14em
}

html.smartphone .b-menu-custom__select-menu-header {
    background-color: #fff;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
    margin-bottom: .11em
}

html.smartphone .b-menu-custom__select-menu-info {
    font-size: .14em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1.42857em;
    padding-top: 1.14286em
}

html.smartphone .b-menu-custom__select-menu-days {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    overflow-x: auto;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1)
}

html.smartphone .b-menu-custom__select-menu-days-inner {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    overflow-x: auto;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .07em .15em .09em
}

html.smartphone .b-menu-custom__select-menu-day {
    text-align: center;
    font-size: .1em;
    line-height: 1.4em;
    text-transform: uppercase;
    padding: .2em;
    min-width: 3.4em
}

html.smartphone .b-menu-custom__select-menu-day.pagination {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

html.smartphone .b-menu-custom__select-menu-day.active {
    color: #fff;
    background-color: var(--color__default);
    border-radius: .28571em
}

html.smartphone .b-menu-custom__select-menu-controls {
    font-size: .4em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: .5em
}

html.smartphone .b-menu-custom__select-menu-controls .button {
    font-size: .35em !important
}

html.smartphone .b-menu-custom__select-menu-footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: .1em;
    padding: 0 .15em .14em;
    background-color: #fff;
    z-index: 10;
    box-shadow: 0 2px 4px 4px rgba(0, 0, 0, .1);
    border-top-left-radius: .06em;
    border-top-right-radius: .06em
}

html.smartphone .b-menu-custom__select-menu {
    margin-top: .6em
}

html.smartphone .b-menu-custom__select-menu-meals {
    padding-bottom: 1.2em;
    padding-left: .15em;
    padding-right: .15em
}

html.smartphone .b-menu-custom__select-menu-meals-row {
    position: relative;
    margin-bottom: .13em
}

html.smartphone .b-menu-custom__select-menu-meals-row.collapsed .b-menu-custom__select-menu-meals-row-collapse .c-icon-arrow-down {
    transform: rotate(180deg)
}

html.smartphone .b-menu-custom__select-menu-meals-row-header-title {
    width: 100%
}

html.smartphone .b-menu-custom__select-menu-meals-row-body {
    padding-bottom: .6em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    position: relative
}

html.smartphone .b-menu-custom__select-menu-meals-row-body .swiper-slide {
    width: 2.7em;
    height: 3.49em;
    padding-top: .2em
}

html.smartphone .b-menu-custom__select-menu-meals-row-body .swiper-slide .b-menu-custom__meal {
    background-color: var(--color__white);
    border-radius: 8px
}

html.smartphone .b-menu-custom__select-menu-meals-row-body .swiper-pagination {
    bottom: 0;
    width: 100%
}

html.smartphone .b-menu-custom__select-menu-meals-row-body .swiper-pagination .swiper-pagination-bullet {
    background: #d8d8d8;
    width: .06rem;
    height: .06rem;
    opacity: 1
}

html.smartphone .b-menu-custom__select-menu-meals-row-body .swiper-pagination .swiper-pagination-bullet:not(:last-of-type) {
    margin-right: .06rem
}

html.smartphone .b-menu-custom__select-menu-meals-row-body .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--color__default)
}

html.smartphone .b-menu-custom__select-menu-meals-row-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin-bottom: .25em;
    padding-top: .11em
}

html.smartphone .b-menu-custom__select-menu-meals-row-header .status {
    margin-top: -2px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .1em;
    line-height: .7;
    height: 1.9em;
    padding-left: 1.4em;
    padding-right: 1.4em;
    border-radius: .95em;
    background-color: #f5f4f5;
    white-space: nowrap
}

html.smartphone .b-menu-custom__select-menu-meals-row-header .status.green {
    background-color: var(--color__default);
    color: var(--color__white)
}

html.smartphone .b-menu-custom__select-menu-meals-row-header .status.yellow {
    background-color: #f8c325;
    color: #1b1b1b
}

html.smartphone .b-menu-custom__select-menu-meals-row-header .status.red {
    background-color: #ef5747;
    color: var(--color__white)
}

html.smartphone .b-menu-custom__select-menu-meals-row-header .status.inactive {
    color: #fff;
    background-color: #a1d8b5
}

html.smartphone .b-menu-custom__select-menu-meals-row-header .status.dark-gray {
    background-color: #e7e7e7
}

html.smartphone .b-menu-custom__select-menu-meals-row-footer {
    display: none
}

html.smartphone .b-menu-custom__meals-close {
    position: absolute;
    color: #fff;
    top: 0;
    right: 0;
    padding: .15rem;
    z-index: 20
}

html.smartphone .b-menu-custom__meals-close .c-icon-close {
    width: .1rem;
    height: .1rem
}

html.smartphone .b-total-bars__bar-price {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

html.smartphone .b-total-bars__bar-text {
    display: inline-block
}

html.smartphone .b-total-bars__bar-tooltip {
    margin-left: .06rem
}

html.smartphone .b-menu-custom__select-menu-meals-title {
    font-size: .16em;
    line-height: 1.5em;
    font-weight: 700;
    margin: 0;
    text-align: center;
    color: #fff
}

html.smartphone .b-menu-custom__select-menu-meals-title .status {
    margin-top: -2px
}

html.smartphone .b-menu-custom__select-menu-meals-row-collapse {
    padding: .06em 0 .06em .06em;
    color: var(--color__default);
    margin-left: auto;
    transform-origin: center
}

html.smartphone .b-menu-custom__select-menu-meals-row-collapse .c-icon-arrow-down {
    width: .17em;
    height: .12em
}

html.smartphone .b-menu-custom__total-info {
    font-size: .15em;
    line-height: 1.33333em;
    font-weight: 700;
    margin-bottom: .66667em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

html.smartphone .b-menu-custom__total-info.with-offer {
    -ms-flex-align: center;
    align-items: center
}

html.smartphone .b-menu-custom__total-info-tip {
    position: absolute;
    left: 0;
    bottom: -.07rem;
    font-size: .66667em;
    line-height: 1.2em;
    color: #9b9b9b;
    font-weight: 500
}

html.smartphone .b-menu-custom__total-info-price {
    font-size: 1.33333em;
    line-height: 1.08333em
}

html.smartphone s.b-menu-custom__total-info-price {
    font-size: .8em
}

html.smartphone .b-menu-custom__total-bars {
    margin-bottom: .05em
}

html.smartphone .b-menu-custom__total-bottom-button {
    font-size: 1.08em
}

html.smartphone .b-menu-custom__total-bottom-button .button {
    width: 100%;
    text-transform: uppercase !important
}

html.smartphone .b-menu-custom__total-bottom-buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: -.02em;
    margin-right: -.02em
}

html.smartphone .b-menu-custom__total-bottom-buttons .button {
    width: 100%;
    font-size: .14em;
    line-height: 1.42857em
}

html.smartphone .b-menu-custom__total-bottom-buttons-left {
    -ms-flex: 1 0 37.5%;
    flex: 1 0 37.5%;
    max-width: 37.5%;
    padding-left: .02em;
    padding-right: .02em
}

html.smartphone .b-menu-custom__total-bottom-buttons-left .button {
    text-transform: uppercase !important
}

html.smartphone .b-menu-custom__total-bottom-buttons-right {
    -ms-flex: 1 0 62.5%;
    flex: 1 0 62.5%;
    padding-left: .02em;
    padding-right: .02em
}

html.smartphone .b-menu-custom__total-bottom-buttons-right .button {
    text-transform: uppercase !important
}

html.smartphone .b-menu-custom__select-menu-meals-summary-bars {
    display: none
}

.b-menu-custom__notify {
    position: absolute;
    z-index: 2;
    right: 67px;
    top: 25px;
    max-width: 3.4rem
}

.b-total-bars__bar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    font-size: .12rem;
    line-height: .2rem;
    font-weight: 500
}

.b-total-bars__bar-price {
    font-size: .12rem;
    line-height: .2rem;
    font-weight: 700
}

.b-total-bars__bar-tooltip {
    width: .16rem;
    height: .16rem;
    background: none;
    border: none;
    padding: 0;
    outline: none
}

.b-total-bars__bar-tooltip img {
    display: inline-block;
    max-width: 100%;
    height: auto
}

.b-menu-custom__select-menu-meals-row-body-loader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 100%, .5);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 100
}

.b-menu-custom__select-menu-meals-row-body-loader-inner {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: .4rem;
    height: .4rem;
    font-size: .16rem
}

html:not(.smartphone) .b-menu-custom__total {
    padding: .12rem .35rem;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

html:not(.smartphone) .b-menu-custom__total,
html:not(.smartphone) .b-menu-custom__total-plan {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

html:not(.smartphone) .b-menu-custom__total-plan-icon {
    -ms-flex: 0 0 0.45rem;
    flex: 0 0 0.45rem;
    width: .45rem;
    height: .45rem;
    margin-right: .09rem
}

html:not(.smartphone) .b-menu-custom__total-plan-info h3 {
    font-size: .14rem;
    line-height: .22rem;
    font-weight: 700
}

html:not(.smartphone) .b-menu-custom__total-plan-info p {
    font-size: .14rem;
    line-height: .22rem;
    font-weight: 700;
    margin: 0
}

html:not(.smartphone) .b-menu-custom__total-bars {
    display: none
}

html:not(.smartphone) .b-total-bars__bar-title {
    position: relative;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: .12rem
}

html:not(.smartphone) .b-total-bars__bar-title:after {
    content: "";
    position: absolute;
    bottom: 4px;
    left: 0;
    right: 0;
    z-index: 0;
    height: 1px;
    background-color: #e7e7e7
}

html:not(.smartphone) .b-total-bars__bar-title--no-underline {
    -ms-flex-align: center;
    align-items: center
}

html:not(.smartphone) .b-total-bars__bar-title--no-underline:after {
    content: none
}

html:not(.smartphone) .b-total-bars__bar-title--simple {
    font-size: .16rem;
    line-height: .2rem;
    font-weight: 500;
    color: #4a4a4a
}

html:not(.smartphone) .b-total-bars__bar-title--simple .b-total-bars__bar-price {
    font-size: .16rem;
    line-height: .2rem;
    font-weight: 500
}

html:not(.smartphone) .b-total-bars__bar-text {
    background-color: #fff;
    z-index: 2;
    padding-right: .25em
}

html:not(.smartphone) .b-menu-custom__total-bottom {
    width: 2.8rem
}

html:not(.smartphone) .b-menu-custom__total-info {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    font-size: .12em;
    line-height: 1.33333em;
    font-weight: 700;
    margin-right: 1.16667em;
    margin-left: auto;
    -ms-flex-align: baseline;
    align-items: baseline
}

html:not(.smartphone) .b-menu-custom__total-info:after {
    content: "";
    position: absolute;
    bottom: 4px;
    left: 0;
    right: 0;
    z-index: 0;
    height: 1px;
    background-color: #e7e7e7
}

html:not(.smartphone) .b-menu-custom__total-info-tip {
    font-size: .8em;
    line-height: 1.25em;
    color: #9b9b9b;
    position: absolute;
    left: 0;
    bottom: -1em;
    font-weight: 500
}

html:not(.smartphone) .b-menu-custom__total-info-text {
    font-size: .14rem;
    line-height: .16rem;
    background-color: #fff;
    margin-right: .62rem;
    z-index: 2;
    padding-right: .05rem
}

html:not(.smartphone) .b-menu-custom__total-info-price {
    font-size: .24rem;
    line-height: .26rem;
    font-weight: 700;
    background-color: #fff;
    z-index: 2;
    padding-left: .05rem
}

html:not(.smartphone) .b-menu-custom__total-bottom-buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: -.02rem;
    margin-right: -.02rem
}

html:not(.smartphone) .b-menu-custom__total-bottom-buttons-left {
    max-width: 42%;
    -ms-flex: 0 0 42%;
    flex: 0 0 42%;
    padding-left: .02rem;
    padding-right: .02rem
}

html:not(.smartphone) .b-menu-custom__total-bottom-buttons-left .button {
    width: 100% !important;
    text-transform: uppercase !important
}

html:not(.smartphone) .b-menu-custom__total-bottom-buttons-right {
    max-width: 58%;
    -ms-flex: 0 0 58%;
    flex: 0 0 58%;
    padding-left: .02rem;
    padding-right: .02rem
}

html:not(.smartphone) .b-menu-custom__total-bottom-buttons-right .button {
    width: 100% !important;
    text-transform: uppercase !important
}

html:not(.smartphone) .b-menu-custom__meals {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    background: #fff;
    position: relative;
    z-index: 20;
    border-radius: .08rem
}

html:not(.smartphone) .b-menu-custom__meal {
    max-width: 25%;
    -ms-flex: 1 0 25%;
    flex: 1 0 25%
}

html:not(.smartphone) .b-menu-custom__select-menu-meals-title {
    font-size: .26em;
    line-height: .8125em;
    font-weight: 700
}

html:not(.smartphone) .b-menu-custom__select-menu-meals-row {
    position: relative;
    width: 100%;
    padding: .35em .35em .47em
}

html:not(.smartphone) .b-menu-custom__meals-close {
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    padding: .28em
}

html:not(.smartphone) .b-menu-custom__meals-close .c-icon-close {
    width: .14em;
    height: .14em
}

html:not(.smartphone) .b-menu-custom__select-menu-meals-row-header {
    margin-bottom: .13em
}

html:not(.smartphone) .b-menu-custom__select-menu-meals-row-header .button {
    font-size: .14em !important;
    margin-left: .71429em !important;
    height: 2.5em !important;
    width: 14.57143em !important;
    margin-right: 1.42857em !important;
    border-color: var(--color__default-darken) !important;
    background-color: var(--color__default-darken) !important;
    text-transform: unset !important
}

html:not(.smartphone) .b-menu-custom__select-menu-meals-row-header .button:focus {
    border-color: transparent !important
}

html:not(.smartphone) .b-menu-custom__select-menu-meals-row-header .button.loader {
    margin: 0 !important;
    margin-left: .71429em !important;
    border-color: transparent !important;
    background-color: transparent !important
}

html:not(.smartphone) .b-menu-custom__select-menu-meals-row-header-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-bottom: .55em;
    line-height: 2.4
}

html:not(.smartphone) .b-menu-custom__select-menu-meals-row-header-subtitle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

html:not(.smartphone) .b-menu-custom__select-menu-meals-row-header-summary {
    font-size: .16em;
    font-weight: 500;
    margin-right: .625em
}

html:not(.smartphone) .b-menu-custom__select-menu-meals-row-header-summary>span {
    font-weight: 700;
    font-size: 1.25em;
    line-height: 1em
}

html:not(.smartphone) .b-menu-custom__select-menu-meals-row-header-deb {
    font-size: .2em;
    line-height: 1em;
    padding: .2em .5em;
    background-color: #f8c325;
    border-radius: .7em;
    font-weight: 700;
    color: #fff;
    margin-right: .15rem
}

html:not(.smartphone) .b-menu-custom__select-menu-meals-row-body {
    margin-left: -.04em;
    margin-right: -.04em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-bottom: .5rem
}

html:not(.smartphone) .b-menu-custom__select-menu-meals-row-body__only-change {
    margin: .3em 0 0
}

html:not(.smartphone) .b-menu-custom__select-menu-meals-row-maxPacks {
    -ms-flex-align: baseline;
    align-items: baseline;
    font-size: .12em;
    line-height: 1.66667em;
    color: #ef5747
}

html:not(.smartphone) .b-menu-custom__select-menu-meals-row-footer,
html:not(.smartphone) .b-menu-custom__select-menu-meals-row-maxPacks {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    font-weight: 500
}

html:not(.smartphone) .b-menu-custom__select-menu-meals-row-footer {
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center
}

html:not(.smartphone) .b-menu-custom__select-menu-meals-row-footer .button {
    font-size: .15rem !important;
    line-height: .2rem !important;
    font-weight: 700 !important;
    width: 2.87rem !important;
    height: .47rem !important
}

html:not(.smartphone) .b-menu-custom__meals-selected {
    display: inline-block;
    font-size: .16em;
    line-height: 1.25em;
    font-weight: 500;
    margin-right: .1rem
}

html:not(.smartphone) .b-menu-custom__meals-selected span {
    font-weight: 700
}

html:not(.smartphone) .b-menu-custom__meals-balance,
html:not(.smartphone) .b-menu-custom__meals-delivery {
    margin-right: 1.23077em
}

html:not(.smartphone) .b-total-bars__bar-price {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
    background-color: #fff;
    padding-left: .25em
}

html:not(.smartphone) .b-total-bars__bar-tooltip {
    margin-left: .06rem
}

html:not(.smartphone) .b-menu-custom__select-menu-meals-summary {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: baseline;
    align-items: baseline;
    position: relative;
    margin-right: .15rem
}

html:not(.smartphone) .b-menu-custom__select-menu-meals-summary:after {
    content: "";
    position: absolute;
    display: inline-block;
    bottom: 3px;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #cacbcb
}

html:not(.smartphone) .b-menu-custom__select-menu-meals-summary-bars {
    position: absolute;
    top: -.09rem;
    left: 0
}

html:not(.smartphone) .b-menu-custom__select-menu-meals-summary-text {
    font-size: .16rem;
    line-height: .16rem;
    background-color: #fff;
    padding-right: .05rem;
    font-weight: 700;
    margin-right: .9rem;
    position: relative;
    z-index: 2
}

html:not(.smartphone) .b-menu-custom__select-menu-meals-summary-price {
    font-size: .28rem;
    line-height: .26rem;
    background-color: #fff;
    padding-left: .05rem;
    font-weight: 700;
    position: relative;
    z-index: 2
}

.b-menu-custom__meal {
    padding-left: .04em;
    padding-right: .04em;
    margin-bottom: .1em;
    max-width: 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    position: relative;
    text-align: center
}

.b-menu-custom__meal-restricted {
    border: 4px solid #fff;
    background-color: #dd4949;
    color: var(--color__white)
}

.b-menu-custom__meal-restricted svg {
    width: 1.275em;
    height: 1.19167em;
    margin-top: .33333em;
    margin-right: .59167em
}

.b-menu-custom__meal-favorites {
    border: 4px solid #fff;
    background-color: var(--color__default);
    color: var(--color__white)
}

.b-menu-custom__meal-favorites svg {
    width: 1.2em;
    height: 1.16667em;
    margin-top: 0;
    margin-right: .46667em
}

.b-menu-custom__meal-favorites,
.b-menu-custom__meal-restricted {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    z-index: 1;
    left: 50%;
    font-size: .12em;
    margin-left: -5.08333em;
    margin-top: 1.25em;
    width: 10.16667em;
    height: 2.83333em;
    border-radius: 15px
}

.b-menu-custom__meal-restricted-descr {
    font-size: .12em;
    position: absolute;
    bottom: -2em;
    width: 19.41667em;
    margin-left: -9.70833em;
    font-weight: 500;
    left: 50%;
    background-color: var(--color__white);
    color: #1b1b1b;
    padding: 4px;
    z-index: 1
}

.b-menu-custom__meal-inner {
    width: 100%;
    font-size: .14em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    border-radius: .35714em;
    border-radius: .64286em;
    padding: 2.14286em 1.42857em 1.42857em;
    position: relative
}

.b-menu-custom__meal-inner.selected {
    box-shadow: inset 0 0 0 2px var(--color__default)
}

.b-menu-custom__meal-image {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    border-radius: .28571em;
    position: relative;
    margin-bottom: 1.28571em
}

.b-menu-custom__meal-image .b-menu-custom__meal-image-img {
    width: 13.57143em;
    height: auto;
    margin: 0 0 1.07143em;
    -webkit-filter: drop-shadow(10px 18px 20px rgba(0, 0, 0, .3));
    filter: drop-shadow(10px 18px 20px rgba(0, 0, 0, .3))
}

.b-menu-custom__meal--empty {
    padding-top: 0;
    padding-bottom: .24rem
}

.b-menu-custom__meal--empty .b-menu-custom__meal-inner {
    background-color: #f6f6f6;
    padding: .64286em
}

.b-menu-custom__meal--empty .b-menu-custom__meal-image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    height: 11.42857em
}

.b-menu-custom__meal--empty .b-menu-custom__meal-image-add .button {
    font-size: .92857em !important;
    line-height: 1.76923em;
    width: 12.30769em !important;
    text-transform: uppercase !important
}

.b-menu-custom__meal--empty .b-menu-custom__meal-image-add-title {
    font-size: .85714em;
    line-height: 1.33333em;
    font-weight: 500;
    text-align: center;
    margin-bottom: .57143em
}

.b-menu-custom__meal--empty .c-icon-plus {
    width: 1.23077em;
    height: 1.23077em;
    margin-right: .38462em
}

.b-menu-custom__meal-image-cal {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline;
    color: #9b9b9b;
    margin: .71429em auto 1.42857em
}

.b-menu-custom__meal-image-cal-number {
    font-size: 1em;
    line-height: 1.14286em;
    font-weight: 500
}

.b-menu-custom__meal-image-cal-label {
    font-size: .71429em;
    line-height: 1.6em;
    font-weight: 500
}

.b-menu-custom__meal-desc {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    overflow: hidden;
    font-size: 1em;
    line-height: 1.14286em;
    font-weight: 500
}

.b-menu-custom__meal-desc,
.b-menu-custom__meal-footer {
    -webkit-box-flex: 0;
    max-width: 100%;
    -ms-flex-align: center;
    align-items: center
}

.b-menu-custom__meal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    position: relative;
    z-index: 3;
    margin-top: auto
}

.b-menu-custom__meal-footer.center {
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.b-menu-custom__meal-footer.end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.b-menu-custom__meal-price {
    font-size: 1.42857em;
    line-height: 2em;
    font-weight: 700;
    transition: opacity .1s
}

.b-menu-custom__meal-price._loading {
    opacity: 0
}

.b-menu-custom__meal-composition {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: .85714em
}

.b-menu-custom__meal-add.button,
.b-menu-custom__meal-remove.button {
    display: -ms-flexbox;
    display: flex;
    font-size: 1.42857em !important;
    line-height: 1;
    width: .27rem;
    height: .27rem !important;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--color__default)
}

.b-menu-custom__meal-add-initial button {
    font-size: .95em !important;
    line-height: 1.6em !important;
    border-radius: .28571em !important;
    width: 10.2em !important;
    height: 2.25em !important;
    cursor: pointer
}

.b-menu-custom__meal-add-initial button[disabled=disabled] {
    opacity: .7;
    background-color: transparent
}

.b-menu-custom__meal-add {
    margin-left: .35714em !important
}

.b-menu-custom__meal-remove {
    margin-right: .35714em !important
}

.b-menu-custom__meal-actions {
    color: var(--color__default);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline
}

.b-menu-custom__meal-actions-count {
    font-size: 1.42857em;
    line-height: 1.42857em;
    font-weight: 700;
    width: 1.42857em;
    text-align: center
}

.b-menu-custom__meal-price-number {
    line-height: .8
}

.b-menu-custom__meal-price-typo {
    font-size: .75em;
    font-weight: 400;
    color: #8a8b8a;
    line-height: 1
}

.b-menu-change__modal .b-menu-custom__meal-price-number {
    white-space: nowrap;
    text-align: right
}

.b-menu-change__modal .b-menu-custom__meal-price {
    margin-right: .66667em
}

html.smartphone .b-menu-eating-reception--customizable:nth-child(2n) .b-menu-custom__meal--empty .b-menu-custom__meal-inner {
    background-color: transparent
}

html.smartphone .b-menu-eating-reception--customizable:nth-child(2n) .b-menu-custom__meal--empty .b-menu-custom__meal-image-add .button {
    background-color: var(--color__white)
}

html.smartphone .b-menu-custom__meal-inner.selected {
    box-shadow: none
}

html.smartphone .swiper-wrapper .b-menu-custom__meal-desc {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

html.smartphone .swiper-wrapper .b-pack-img__badge.b-menu-day__cbju-items {
    width: 100%
}

html.smartphone .swiper-wrapper .b-pack-img__badge.b-menu-day__cbju-items>div {
    color: #000;
    font-weight: 600
}

html.smartphone .swiper-wrapper .b-pack-img__badge.b-menu-day__cbju-items span {
    font-size: 1em;
    font-weight: 500;
    color: #9b9b9b
}

html.smartphone .b-menu-custom__meal-favorites,
html.smartphone .b-menu-custom__meal-restricted {
    margin-top: -1.36364em
}

html.smartphone .swiper-slide .b-menu-custom__meal-inner {
    padding: 4.35714em 1.42857em 1.42857em
}

html.smartphone .swiper-slide .b-menu-custom__meal-image {
    margin-bottom: .85714em
}

html.smartphone .swiper-slide .b-menu-custom__meal-image-img {
    width: auto;
    height: 9.28571em;
    margin: 0;
    -webkit-filter: none;
    filter: none
}

html.smartphone .swiper-slide .b-menu-custom__meal-desc {
    height: 3.35714em
}

html.smartphone .swiper-slide .b-menu-custom__meal .b-pack-img__badge.b-menu-day__cbju-items {
    margin: .12rem auto !important
}

html.smartphone .swiper-slide .b-menu-custom__meal--change .b-menu-custom__meal-footer {
    -ms-flex-pack: center;
    justify-content: center
}

html.smartphone .swiper-slide .b-menu-custom__meal--addition .b-menu-custom__meal-footer,
html.smartphone .swiper-slide .b-menu-custom__meal--change .b-menu-custom__meal-footer.end {
    -ms-flex-pack: end;
    justify-content: flex-end
}

html.smartphone .swiper-slide .b-menu-custom__meal-inner .b-menu-custom__meal-image {
    text-align: center
}

html.smartphone .swiper-slide .b-menu-custom__meal-inner .b-menu-custom__meal-price {
    margin-right: 1.07143em
}

html.smartphone .swiper-slide .b-menu-custom__meal-restricted {
    margin-top: -1.36364em;
    border-color: #1b1b1b
}

html.smartphone .swiper-slide .b-menu-custom__meal-restricted-descr {
    position: unset;
    left: unset;
    right: unset;
    top: unset;
    margin: 0 auto -5em;
    padding-top: 2.30769em;
    background-color: unset;
    font-size: .11em;
    color: #9b9b9b
}

html.smartphone .b-menu-custom__meal--empty {
    padding-bottom: 0;
    margin-bottom: 0
}

html.smartphone .b-menu-custom__meal--empty .b-menu-custom__meal-inner {
    padding: 0
}

html.smartphone .b-menu-custom__meal--empty .b-menu-custom__meal-image {
    margin-bottom: 0;
    height: 12.85714em
}

html.smartphone .b-menu-custom__meal--empty .b-menu-custom__meal-image-add {
    width: 88%;
    margin: 0 auto;
    height: 11.42857em
}

html.smartphone .b-menu-custom__meal--empty .b-menu-custom__meal-image-add .button {
    font-size: .85714em !important;
    height: 100% !important;
    width: 100% !important;
    text-transform: uppercase !important;
    color: #f8c325;
    background-color: #f6f6f6;
    border-radius: .71429em
}

html.smartphone .b-menu-custom__meal--empty .c-icon-plus {
    width: 1.66667em;
    height: 1.66667em;
    margin-right: .41667em;
    fill: #f8c325
}

html.smartphone .b-menu-custom__meal-add-initial button {
    font-size: .95em !important;
    line-height: 1.6em !important;
    font-weight: 500 !important;
    border-radius: .28571em !important;
    outline: 0 !important;
    width: 9.3em !important;
    height: 2em !important;
    cursor: pointer
}

html.smartphone .b-menu-custom__meal-add-initial button[disabled=disabled] {
    opacity: .7
}

html.smartphone .b-menu-custom__meal-image {
    margin-bottom: 1.07143em
}

html.smartphone .b-menu-custom__meal-desc {
    font-size: .85714em;
    line-height: 1.16667em;
    font-weight: 700;
    text-align: center
}

html.smartphone .b-menu-custom__select-menu-meals-row .swiper-wrapper {
    padding-bottom: .2em
}

html.smartphone .b-menu-custom__meal-price {
    font-size: 1.14286em;
    line-height: 1.25em
}

html.smartphone .b-menu-custom__meal-image-cal-number {
    font-size: .85714em;
    line-height: 1.33333em
}

html.smartphone .b-menu-custom__meal-image-cal-label {
    font-size: .57143em;
    line-height: 2em
}

html:not(.smartphone) .b-menu-custom__meal {
    margin-bottom: .12em
}

html:not(.smartphone) .b-menu-custom__meal--empty {
    max-width: 33.3333333%;
    -ms-flex: 1 0 33.3333333%;
    flex: 1 0 33.3333333%;
    margin-bottom: 0
}

.b-menu-custom__meal-image .unwanted-ingridients {
    position: absolute;
    right: 0;
    top: .52rem;
    padding: .08rem;
    background-color: #fff;
    border-radius: .08rem .02rem .02rem .08rem
}

.l-dashboard__new-order .b-menu-custom__meal-image .unwanted-ingridients {
    right: .38rem;
    top: .65rem
}

.b-menu-custom__meal-image .unwanted-ingridients:hover .unwanted-ingridients__list {
    visibility: visible;
    opacity: 1
}

.b-menu-custom__meal-image .unwanted-ingridients:hover .unwanted-ingridients__badge circle {
    opacity: .3
}

.b-menu-custom__meal-image .unwanted-ingridients__badge {
    width: .2rem;
    height: .2rem
}

.b-menu-custom__meal-image .unwanted-ingridients__badge circle {
    transition: opacity .2s ease-in-out
}

.b-menu-custom__meal-image .unwanted-ingridients__list {
    visibility: hidden;
    opacity: 0;
    width: 3.28rem;
    height: auto;
    padding: .2rem .24rem;
    background-color: #fff;
    border-radius: .16rem;
    -webkit-filter: drop-shadow(0 .04rem .16rem rgba(0, 0, 0, .1));
    filter: drop-shadow(0 .04rem .16rem rgba(0, 0, 0, .1));
    position: absolute;
    top: -.04rem;
    left: .18rem;
    transform: translate(-50%, -100%);
    transition: opacity .2s ease-in-out, visibility .2s linear;
    z-index: 99
}

.b-menu-custom__meal-image .unwanted-ingridients__title {
    font-weight: 700;
    font-size: .16rem;
    line-height: 150%;
    color: #0d0d0d
}

.b-menu-custom__meal-image .unwanted-ingridients__ingridient {
    font-weight: 500;
    font-size: .16rem;
    line-height: 150%;
    color: #666
}

.b-menu-custom__meal-image .unwanted-ingridients__triangle {
    width: 0;
    height: 0;
    position: absolute;
    bottom: -.08rem;
    left: calc(50% - .08rem);
    border-left: .08rem solid transparent;
    border-right: .08rem solid transparent;
    border-top: .08rem solid #fff
}

.b-customize-banner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    height: 1.4em;
    margin-bottom: .32em;
    padding-left: .2em;
    padding-right: .36em;
    border-radius: .2em;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
    background-color: #f3b90a
}

html.smartphone .b-customize-banner {
    height: auto;
    padding-left: .14em;
    padding-bottom: .11em;
    padding-top: .08em;
    border-radius: .04em;
    margin-bottom: .12em;
    background-image: url(/static/images/packs-mobile.bb072c7.png);
    background-repeat: no-repeat;
    background-size: 1.9rem;
    background-position: 155% -.14rem
}

.b-customize-banner__images,
html.smartphone .b-customize-banner {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.b-customize-banner__images {
    display: -ms-flexbox;
    display: flex;
    margin-right: .29em
}

html.smartphone .b-customize-banner__images {
    display: none
}

.b-customize-banner__img {
    width: 1.48em
}

.b-customize-banner__img:not(:last-of-type) {
    margin-right: .19em
}

.b-customize-banner__img img {
    width: 100%
}

.b-customize-banner__text .icon-fire {
    display: none
}

html.smartphone .b-customize-banner__text .icon-fire {
    display: inline-block;
    width: .18rem;
    vertical-align: bottom
}

html.smartphone .b-customize-banner__text {
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%
}

.b-customize-banner__text .line1 {
    font-size: .36em;
    font-weight: 700;
    margin-bottom: .09rem
}

html.smartphone .b-customize-banner__text .line1 {
    font-size: .14em;
    line-height: 1.43;
    margin-bottom: .04rem
}

.b-customize-banner__text .line2 {
    font-size: .22em;
    font-weight: 700;
    line-height: 1.09
}

html.smartphone .b-customize-banner__text .line2 {
    font-size: .12rem;
    line-height: 1.08;
    font-weight: 500;
    text-transform: unset;
    margin-bottom: .04rem;
    color: #313131
}

.b-customize-banner__text .line3 {
    font-size: .2rem;
    font-weight: 500;
    color: #292929;
    line-height: 1.2
}

html.smartphone .b-customize-banner__text .line3 {
    font-size: .09rem;
    line-height: 1.33;
    font-weight: 300;
    margin-bottom: .04rem
}

.b-customize-banner__button {
    margin-left: auto
}

html.smartphone .b-customize-banner__button {
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%;
    margin-left: 0
}

.b-customize-banner__button a.button {
    font-size: .18em !important;
    font-weight: 700;
    line-height: 1.11;
    width: 12em;
    height: 3.77778em !important;
    border-radius: .5em;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    color: #000;
    background-color: #fff;
    text-transform: uppercase !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    border-width: 0
}

html.smartphone .b-customize-banner__button a.button {
    font-size: .12em !important;
    width: 11.66667em;
    height: 2.16667em !important;
    margin-left: 0 !important
}

.b-subscribe-banner {
    padding-left: 1.4em;
    padding-right: 1.6em
}

html.smartphone .b-subscribe-banner {
    padding-left: .23em;
    padding-right: .23em
}

.b-subscribe-banner__initial {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding-top: .44em;
    padding-bottom: .3em
}

html.smartphone .b-subscribe-banner__initial {
    padding-top: .25em;
    padding-bottom: .22em
}

.b-subscribe-banner__left {
    max-width: 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

html.smartphone .b-subscribe-banner__left {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.b-subscribe-banner__title {
    font-size: .32em;
    line-height: 1.19;
    font-weight: 700;
    color: #fff
}

html.smartphone .b-subscribe-banner__title {
    font-size: .22em;
    line-height: 1.18;
    margin-bottom: .77273em
}

.b-subscribe-banner__right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: .04em;
    max-width: 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

html.smartphone .b-subscribe-banner__right {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.b-subscribe-banner__points {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-bottom: .19em
}

html.smartphone .b-subscribe-banner__points {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.b-subscribe-banner__point {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.b-subscribe-banner__point:not(:last-of-type) {
    margin-right: .2em
}

html.smartphone .b-subscribe-banner__point {
    text-align: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: .08em;
    padding-right: .08em;
    max-width: 33.3333333%;
    -ms-flex: 0 0 33.3333333%;
    flex: 0 0 33.3333333%
}

html.smartphone .b-subscribe-banner__point:not(:last-of-type) {
    margin-right: 0
}

.b-subscribe-banner__point-icon {
    display: -ms-flexbox;
    display: flex;
    color: #eb11cd;
    margin-right: .11em
}

.go-subscribe--feb23 .b-subscribe-banner__point-icon {
    color: var(--color__default)
}

html.smartphone .b-subscribe-banner__point-icon {
    width: 100%;
    margin-bottom: .06em;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 0
}

.b-subscribe-banner__point-icon .c-icon-gift {
    width: .27em;
    height: .24em
}

.b-subscribe-banner__point-text {
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    font-size: .12em;
    line-height: 1
}

html.smartphone .b-subscribe-banner__point-text {
    line-height: 1.17;
    width: 100%
}

.b-subscribe-banner__button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center
}

.b-subscribe-banner__button .button {
    padding-top: 1px;
    font-size: .16em !important;
    width: 16.25em;
    height: 2.8125em !important;
    font-weight: 900;
    text-transform: uppercase !important
}

html.smartphone .b-subscribe-banner__button .button {
    font-weight: .17em;
    width: 12.35294em;
    height: 2.35294em;
    text-transform: unset !important
}

.b-subscribe-banner__success {
    text-align: center;
    padding-top: .2em;
    padding-bottom: .3em
}

html.smartphone .b-subscribe-banner__success {
    padding-top: .25em;
    padding-bottom: .22em
}

.b-subscribe-banner__success-icon {
    margin-bottom: .11em
}

.b-subscribe-banner__success-icon .c-icon-success {
    width: .4em;
    height: .4em
}

.b-subscribe-banner__success-title {
    font-size: .32em;
    line-height: 1.06;
    font-weight: 700;
    color: #fff;
    margin-bottom: .1875em;
    text-shadow: 0 .0625em .125em rgba(0, 0, 0, .35)
}

html.smartphone .b-subscribe-banner__success-title {
    font-size: .22em;
    line-height: 1.18;
    margin-bottom: .68182em;
    text-shadow: none
}

.b-subscribe-banner__success-subtitle {
    font-size: .18em;
    line-height: 1.22;
    font-weight: 500;
    color: #cbcbcb;
    text-shadow: 0 .11111em .22222em rgba(0, 0, 0, .35)
}

html.smartphone .b-subscribe-banner__success-subtitle {
    font-size: .14em;
    line-height: 1.14;
    text-shadow: none
}

.b-special-offer-banner {
    width: 7.72em;
    margin-left: auto;
    margin-right: auto
}

html.smartphone .b-special-offer-banner {
    width: 100%;
    padding-left: .23em;
    padding-right: .23em
}

.b-special-offer-banner__body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding-top: .45em;
    padding-bottom: .5em;
    -ms-flex-align: center;
    align-items: center
}

html.smartphone .b-special-offer-banner__body {
    padding-top: .72em;
    padding-bottom: .4em
}

html.smartphone .b-special-offer-banner__left {
    text-align: center;
    width: 100%;
    margin-bottom: .24em
}

.b-special-offer-banner__title {
    font-size: .32em;
    font-weight: 700;
    color: #fff;
    margin-bottom: .1875em;
    text-shadow: 0 .0625em .125em rgba(0, 0, 0, .3);
    line-height: 1.19
}

html.smartphone .b-special-offer-banner__title {
    font-weight: 700;
    font-size: .32em;
    line-height: 1.18;
    margin-bottom: .36364em;
    width: 100%
}

.b-special-offer-banner__subtitle {
    display: inline-block;
    font-size: .22em;
    line-height: .82;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 .09091em .18182em rgba(0, 0, 0, .3)
}

html.smartphone .b-special-offer-banner__subtitle {
    text-align: center;
    font-size: .22em;
    line-height: .82
}

.b-special-offer-banner__subtitle>span {
    font-size: 1em;
    line-height: .82;
    display: inline-block;
    margin-right: .45455em
}

html.smartphone .b-special-offer-banner__subtitle>span {
    font-size: .90909em;
    display: block;
    margin-bottom: 1em;
    margin-right: 0
}

.b-special-offer-banner__subtitle>span.highlight {
    font-size: 1.54545em;
    text-shadow: none;
    color: #49195f;
    line-height: 1
}

html.smartphone .b-special-offer-banner__subtitle>span.highlight {
    font-size: .90909em;
    margin-bottom: 0
}

.b-special-offer-banner__subtitle--mobile {
    display: none
}

html.smartphone .b-special-offer-banner__subtitle--mobile {
    background-color: transparent;
    color: #fff;
    display: block;
    font-weight: 500;
    font-size: .24em;
    line-height: 1.08;
    margin-bottom: .89286em
}

html.smartphone .b-special-offer-banner__subtitle--mobile span {
    display: block;
    font-weight: 900;
    font-size: 1.16667em;
    padding: .29167em 1.25em;
    line-height: .93;
    margin-bottom: .08333em;
    background-color: #df1b3f;
    border-radius: .08333em
}

.b-special-offer-banner__right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex: 1;
    flex: 1
}

html.smartphone .b-special-offer-banner__right {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

html.smartphone .b-special-offer-banner__buttons {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: center;
    justify-content: center
}

.b-special-offer-banner__buttons .button {
    box-shadow: 0 .11111em .44444em 0 rgba(0, 0, 0, .35);
    border: none
}

.b-special-offer-banner__buttons a.button {
    font-size: .18em !important;
    font-weight: 900;
    width: 2.6rem;
    height: .45rem !important
}

div.two-days-banner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.65em
}

div.two-days-banner div.txt {
    margin-right: .73em
}

div.two-days-banner div.txt div.line1 {
    font-size: .32em;
    font-weight: 900;
    line-height: 1.19;
    margin-bottom: .1rem;
    color: #fff
}

div.two-days-banner div.txt div.line1 span {
    display: inline-block;
    background-color: #49195f;
    border-radius: 1px;
    padding: .02rem .07rem
}

div.two-days-banner div.txt div.line2 {
    font-size: .22em;
    font-weight: 500;
    line-height: 1.19;
    color: #ffd4da
}

div.two-days-banner div.txt div.line2 span {
    font-weight: 900;
    color: #fff
}

div.two-days-banner .button {
    font-size: .18em !important;
    font-weight: 900;
    width: 14.44444em;
    height: 2.5em;
    border-radius: .33333em;
    margin: 0 !important;
    background-color: #49195f;
    border-width: 0
}

@media (hover),
(min--moz-device-pixel-ratio:0),
(min-width:0\0) {
    div.two-days-banner .button:hover {
        background-color: #2a0e37
    }
}

html.smartphone div.two-days-banner {
    -ms-flex-direction: column;
    flex-direction: column;
    height: 2.23em
}

html.smartphone div.two-days-banner div.txt {
    text-align: center;
    margin-right: 0;
    margin-bottom: .18em
}

html.smartphone div.two-days-banner div.txt div.line1 {
    font-size: .18em;
    margin: 0 auto;
    margin-bottom: .11rem
}

html.smartphone div.two-days-banner div.txt div.line1 span {
    background-color: transparent;
    padding: 0
}

html.smartphone div.two-days-banner div.txt div.line2 {
    font-size: .16em;
    line-height: 1.13
}

html.smartphone div.two-days-banner div.txt div.line2 span {
    display: block;
    font-size: 1.625em;
    border-radius: 1px;
    padding: .07rem .11rem .09rem .12rem;
    line-height: .7;
    background-color: #49195f;
    margin-bottom: .15rem
}

html.smartphone div.two-days-banner .button {
    font-size: .14em !important;
    width: 14.28571em;
    height: 2.85714em;
    border-radius: .42857em
}

.page-banner {
    position: relative;
    width: 100%
}

.page-banner__content {
    position: relative;
    z-index: 1;
    width: calc(100% - 1.8rem);
    margin: 0 auto
}

.smartphone .page-banner__content {
    width: 100%;
    margin-top: 0
}

.page-banner__content--loyalty-program {
    width: calc(100% - .88rem)
}

.page-banner__content--full {
    width: 100%
}

.page-banner__header {
    position: relative;
    margin-bottom: -.4rem
}

.page-banner__header--loyalty-program {
    margin-bottom: -.82rem
}

.smartphone .page-banner__header {
    margin-bottom: 0
}

.smartphone .page-banner__header:after {
    content: "";
    width: 100%;
    height: .32rem;
    position: absolute;
    bottom: -.16rem;
    left: 0;
    right: 0;
    z-index: 0;
    background: #fff
}

.page-banner__close {
    position: absolute;
    top: .28rem;
    right: .28rem;
    width: .24rem;
    height: .24rem;
    padding: .04rem;
    z-index: 10
}

.smartphone .page-banner__close {
    top: .16rem;
    right: .16rem
}

.page-banner__svg {
    width: 100%;
    height: 100%;
    color: #e0e0e0
}

.banner-header {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: .44rem;
    min-height: 2.8rem;
    border-radius: .16rem;
    background: linear-gradient(133.73deg, #638fff -1.69%, #8962f8 97.05%);
    color: #fff
}

.smartphone .banner-header {
    min-height: 3.26rem;
    padding: .28rem .24rem .38rem
}

.banner-header--dark {
    min-height: 3.26rem;
    background: var(--color__grey-80)
}

.smartphone .banner-header--dark {
    min-height: 2.88rem;
    padding: .28rem .24rem .38rem
}

.banner-header--loyalty-program .banner-header__image {
    -o-object-fit: cover;
    object-fit: cover;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 5.43rem;
    left: 40%
}

.smartphone .banner-header--loyalty-program {
    padding: .28rem .29rem .4rem .24rem
}

.smartphone .banner-header--loyalty-program .banner-header__title {
    font-size: .22rem;
    line-height: .32rem;
    max-width: unset
}

.smartphone .banner-header--loyalty-program .banner-header__desc {
    font-size: .18rem;
    line-height: .28rem;
    max-width: unset
}

.smartphone .banner-header--loyalty-program .banner-header__image {
    width: 3.72rem;
    transform: none;
    top: unset;
    bottom: 0;
    right: -2.7rem;
    left: unset;
    height: auto
}

.banner-header__title {
    position: relative;
    z-index: 1;
    max-width: 5.56rem;
    margin-bottom: .16rem;
    font-weight: 600;
    font-size: .32rem;
    line-height: .4rem
}

.smartphone .banner-header__title {
    max-width: 1.85rem;
    margin-bottom: .12rem;
    font-size: .26rem;
    line-height: .32rem
}

.banner-header__desc {
    position: relative;
    z-index: 1;
    max-width: 4.37rem;
    margin: 0;
    margin-bottom: .96rem;
    font-weight: 600;
    font-size: .18rem;
    line-height: .28rem
}

.smartphone .banner-header__desc {
    margin-bottom: 0;
    max-width: 2.55rem;
    font-size: .18rem;
    line-height: .28rem
}

.banner-header__image {
    position: absolute;
    top: -.35rem;
    right: -.62rem;
    bottom: -.35rem;
    width: 3.5rem;
    height: 3.5rem;
    -o-object-fit: contain;
    object-fit: contain
}

.smartphone .banner-header__image {
    top: .93rem;
    right: -.6rem;
    bottom: -.5rem;
    width: 2.5rem;
    height: 2.5rem;
    transform: rotate(15deg)
}

#deliveries-map {
    background-color: #f5f4f5;
    padding: .41em 0 .5em
}

#deliveries-map .phone {
    color: var(--color__default);
    font-size: .16rem
}

#deliveries-map ul {
    font-size: .14rem;
    list-style: none;
    padding: 0;
    margin: 0
}

#deliveries-map ul li {
    line-height: .18rem;
    font-weight: 500;
    margin-bottom: .2rem;
    list-style: none;
    display: -ms-flexbox;
    display: flex
}

#deliveries-map ul li:before {
    content: "\2022";
    font-size: .18rem;
    color: var(--color__default);
    display: block;
    margin-right: .1rem
}

#deliveries-map .map {
    margin: .4rem auto 0;
    position: relative;
    min-height: 5.4em
}

#deliveries-map .map .img-cont img {
    width: 100%
}

#deliveries-map .map .map__title {
    font-size: .16em;
    font-weight: 700;
    line-height: 1.25;
    color: #181717;
    text-align: center;
    margin-bottom: 1.125em
}

#deliveries-map .map .description {
    position: absolute;
    background-color: var(--color__white);
    padding: .32em .35em;
    right: .4em;
    top: 1.35em;
    width: 3.55em;
    z-index: 999;
}

#deliveries-map .map .description__title {
    font-size: .22em;
    font-weight: 700;
    line-height: 1.18;
    text-align: center;
    color: #181717;
    margin-bottom: 1.09091em
}

#deliveries-map .map .description__subtitle {
    font-size: .18em;
    font-weight: 500;
    line-height: 1.22;
    text-align: center;
    color: #181717;
    margin-bottom: .77778em
}

#deliveries-map .map .description__button .button {
    font-size: .16em;
    font-weight: 900;
    color: #fff;
    height: 3.125em;
    width: 100%
}

html.smartphone #deliveries-map {
    padding: .3rem .15rem .14rem
}

html.smartphone #deliveries-map div.line-after-h2 {
    margin-top: .11em
}

html.smartphone #deliveries-map .map {
    margin-top: .22em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    min-height: auto
}

html.smartphone #deliveries-map .map .map__title {
    -ms-flex-order: 1;
    order: 1;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center
}

html.smartphone #deliveries-map .map .img-cont {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
    -ms-flex-order: 2;
    order: 2;
    margin-bottom: .16em
}

html.smartphone #deliveries-map .map .img-cont img {
    width: 100%
}

html.smartphone #deliveries-map .description-mobile {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
    -ms-flex-order: 3;
    order: 3
}

html.smartphone #deliveries-map .description__title {
    font-size: .14em;
    margin-bottom: 1.42857em
}

html.smartphone #deliveries-map .description__subtitle {
    font-size: .16em;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
    margin-bottom: .75em
}

html.smartphone #deliveries-map .description__button .button {
    text-transform: unset
}

.personal-plan {
    margin: .3em 0 0;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    border-radius: 4px
}

.personal-plan .hint-reason .hint-triangle {
    left: calc(100% - 15px) !important
}

.personal-plan-info {
    height: 3em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background-size: 5em
}

.personal-plan-info .personal-plan-info-text {
    padding: 0 .5em
}

.personal-plan-info .personal-plan-info-text .button {
    width: 20em;
    font-size: .18em
}

.personal-plan-info img {
    width: 5em
}

.personal-plan-info h3 {
    font-size: .36em;
    text-align: left;
    font-weight: 700
}

.personal-plan-info h4 {
    color: var(--color__default-darken);
    font-size: .18em;
    margin-top: 1.5em;
    font-weight: 700;
    text-transform: uppercase
}

.personal-plan-info .line {
    width: 1em;
    margin: .15em 0;
    height: 2px;
    background: var(--color__default)
}

.personal-plan-info p {
    font-size: .16em;
    font-weight: 500;
    line-height: 1.4
}

.personal-plan-order {
    padding: .5em;
    border-top: 1px solid #c7cfe2
}

.personal-plan-order h4 {
    font-size: .2em;
    font-weight: 700
}

.personal-plan-order h5 {
    font-size: .14em;
    margin-top: .35714em;
    font-weight: 300
}

.personal-plan-order .personal-plan-form {
    width: 100%;
    margin-top: .15em
}

.personal-plan-order .input {
    color: #1b1b1b;
    width: 21.42857em;
    border: 0;
    padding: .71429em;
    background: #f5f4f5;
    font-size: .14em;
    border-radius: 3px;
    margin: 0 1em
}

.personal-plan-order .input:first-child {
    margin-left: 0
}

.personal-plan-order .input:last-child {
    margin-right: 0
}

.personal-plan-order .button {
    height: 3.33333em;
    width: 18.66667em;
    font-size: .18em
}

.personal-plan-order .button.pull-right {
    float: right
}

.personal-plan-form {
    display: -ms-flexbox;
    display: flex
}

.personal-plan-form .button {
    margin-left: auto
}

.personal-plan-success {
    height: 5em;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.personal-plan-success h3 {
    font-size: .3em;
    text-align: center
}

.personal-plan-success p {
    color: #9b9b9b;
    font-size: .14em
}

.personal-plan-socials {
    margin-left: auto
}

.personal-plan-social,
.personal-plan-socials {
    display: -ms-flexbox;
    display: flex
}

.personal-plan-social {
    color: #fff;
    cursor: pointer;
    border: 0;
    outline: none;
    padding: 1em 2em;
    font-size: .16em;
    margin-left: 1em;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 2em
}

.personal-plan-social.telegram {
    background: #3ab7e5
}

.personal-plan-social.whatsapp {
    background: #25d366
}

.personal-plan-social.viber {
    background: #7b519d
}

.personal-plan-social svg {
    width: 1.25em;
    height: 1.25em;
    margin-right: .625em
}

html.smartphone .personal-plan {
    background: #f5f4f5;
    margin-top: 0
}

html.smartphone .personal-plan-info-text,
html.smartphone .personal-plan-order {
    padding: .15em
}

html.smartphone .personal-plan-info {
    height: auto;
    overflow: hidden;
    position: relative;
    font-size: .7em
}

html.smartphone .personal-plan-info-text p {
    color: #1b1b1b;
    width: 80%;
    font-size: .2em
}

html.smartphone .personal-plan-info-image {
    top: calc(50% + .3em);
    right: -2.3em;
    width: 3.5em;
    position: absolute;
    transform: translateY(-50%)
}

html.smartphone .personal-plan-order {
    font-size: .7em
}

html.smartphone .personal-plan-order h4 {
    font-size: .26em
}

html.smartphone .personal-plan-order h5 {
    color: #1b1b1b;
    font-size: .2em
}

html.smartphone .personal-plan-socials {
    text-align: center
}

html.smartphone .personal-plan-form {
    -ms-flex-direction: column;
    flex-direction: column
}

html.smartphone .personal-plan-form .button,
html.smartphone .personal-plan-form .input {
    width: 100%
}

html.smartphone .personal-plan-form .input {
    font-size: .2em;
    background: #e9e7e9;
    margin: .28571em 0
}

html.smartphone .personal-plan-success {
    padding: .2em 0
}

html.smartphone .personal-plan-success+.personal-plan-order {
    text-align: center
}

html.smartphone .personal-plan-socials {
    margin: .2em 0 0;
    -ms-flex-pack: center;
    justify-content: center
}

html.smartphone .personal-plan-social {
    margin: .3em;
    padding: 1em;
    border-radius: 50%
}

html.smartphone .personal-plan-social svg {
    width: 2.25em;
    height: 2.25em;
    margin: 0
}

html.smartphone .personal-plan-social span {
    display: none
}

div.recall-modal {
    font-size: .14rem;
    padding: .4rem .45rem;
    text-align: center;
    width: auto
}

div.recall-modal .close-icon {
    font-size: 1rem
}

div.recall-modal h3 {
    font-size: .22rem;
    font-weight: 700
}

div.recall-modal div.input-container input {
    font-size: .13rem;
    font-weight: 500;
    height: .4rem;
    padding: .1rem .15rem;
    border: 1px solid #f5f4f5;
    background-color: #f5f4f5;
    color: #1b1b1b;
    border-radius: .02rem;
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin: .15rem 0
}

div.recall-modal a.button {
    font-size: .14rem;
    margin: .3rem auto 0;
    padding: .12rem;
    height: auto
}

.widget-email-subscribe {
    width: 100%;
    margin-top: -.43rem;
    margin-bottom: .3rem;
    background-color: var(--color__default);
    padding: .3rem 0;
    font-size: .18rem;
    color: #fff;
    position: relative
}

.widget-email-subscribe .container,
.widget-email-subscribe div#single-step-order>div.padding-container .container--first,
.widget-email-subscribe div#single-step-order>div.padding-container .container--last,
.widget-email-subscribe div#single-step-order>div.padding-container .container--payment,
.widget-email-subscribe html.smartphone div#single-step-order>div.padding-container .container--first,
.widget-email-subscribe html.smartphone div#single-step-order>div.padding-container .container--last,
.widget-email-subscribe html.smartphone div#single-step-order>div.padding-container .container--payment,
div#single-step-order>div.padding-container .widget-email-subscribe .container--first,
div#single-step-order>div.padding-container .widget-email-subscribe .container--last,
div#single-step-order>div.padding-container .widget-email-subscribe .container--payment,
html.smartphone div#single-step-order>div.padding-container .widget-email-subscribe .container--first,
html.smartphone div#single-step-order>div.padding-container .widget-email-subscribe .container--last,
html.smartphone div#single-step-order>div.padding-container .widget-email-subscribe .container--payment {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.widget-email-subscribe .close {
    background-image: url(/static/icons/icon-close.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    width: .32rem;
    height: .32rem;
    position: absolute;
    top: .15rem;
    right: .15rem;
    cursor: pointer
}

.widget-email-subscribe__description {
    max-width: 4.6rem
}

.widget-email-subscribe__description h4 {
    text-transform: uppercase
}

.widget-email-subscribe__form {
    display: -ms-flexbox;
    display: flex
}

.widget-email-subscribe__form input[type=email] {
    background: #fff;
    border-radius: 4px;
    line-height: 22px;
    width: 3.3rem;
    border: none;
    padding: .1rem .15rem
}

.widget-email-subscribe__form button.button.black {
    font-size: .18rem !important;
    margin-left: .1rem !important
}

html.smartphone .widget-email-subscribe {
    font-size: .12rem;
    padding: .13rem;
    margin-top: -.05rem;
    width: 100%;
    box-sizing: border-box
}

div#single-step-order>div.padding-container html.smartphone .widget-email-subscribe .container--first,
div#single-step-order>div.padding-container html.smartphone .widget-email-subscribe .container--last,
div#single-step-order>div.padding-container html.smartphone .widget-email-subscribe .container--payment,
html.smartphone .widget-email-subscribe .container,
html.smartphone .widget-email-subscribe div#single-step-order>div.padding-container .container--first,
html.smartphone .widget-email-subscribe div#single-step-order>div.padding-container .container--last,
html.smartphone .widget-email-subscribe div#single-step-order>div.padding-container .container--payment,
html.smartphone div#single-step-order>div.padding-container .widget-email-subscribe .container--first,
html.smartphone div#single-step-order>div.padding-container .widget-email-subscribe .container--last,
html.smartphone div#single-step-order>div.padding-container .widget-email-subscribe .container--payment {
    -ms-flex-direction: column;
    flex-direction: column
}

html.smartphone .widget-email-subscribe .close {
    width: .15rem;
    height: .15rem;
    top: .1rem;
    right: .1rem
}

html.smartphone .widget-email-subscribe__form input[type=email] {
    font-size: .12rem !important;
    padding: 0 .15rem;
    width: 2.2rem
}

html.smartphone .widget-email-subscribe__form button.button.black {
    width: .8rem;
    font-size: .12rem !important;
    margin-left: 0 !important
}

html.smartphone .l-dashboard .widget-email-subscribe {
    margin-bottom: 0
}

html.smartphone[data-page=dashboard] .notifications {
    left: 50% !important
}

html .notifications {
    z-index: 1000;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

html .notifications.in-new-order {
    position: fixed !important;
    top: .1em !important
}

html .notifications.in-new-order .notification-title {
    margin-top: .07rem
}

html .notifications.in-new-order.isSmartphone {
    top: 0;
    transform: unset
}

html .notification-wrapper {
    overflow: visible
}

html .notification-wrapper:first-of-type {
    margin-top: .1rem
}

html .notification-wrapper--modal:first-of-type {
    margin-top: 0
}

html[data-page=index] .notifications {
    left: 50%;
    transform: translateX(-50%)
}

html[data-page=index] .notification-wrapper {
    overflow: visible
}

html[data-page=index] .notification-wrapper:first-of-type {
    margin-top: .1rem
}

html[data-page=index].smartphone .notifications {
    transform: unset
}

html .vue-notification {
    position: relative;
    border-left: none;
    min-height: .54rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center
}

html .vue-notification__dark {
    padding: .16rem .16rem .13rem .49rem;
    border-radius: .06rem;
    background: #4a4a4a
}

html .vue-notification__white {
    padding: .12rem .16rem .12rem .64rem;
    border-radius: 8px;
    background: var(--color__white);
    box-shadow: 0 8px 16px rgba(0, 0, 0, .2)
}

html .vue-notification__white .notification-title {
    font-size: .14rem;
    font-weight: 500;
    line-height: .2rem;
    color: var(--color__black)
}

html .vue-notification__white .notification-content {
    font-size: .14rem;
    line-height: .2rem;
    color: var(--color__grey-60)
}

html .notification-icon {
    position: absolute;
    top: .17rem;
    left: .18rem
}

html .notification-icon svg {
    width: .2rem;
    height: .2rem;
    border-radius: 1em;
    background-color: #fff;
    stroke: #fff;
    stroke-width: .01rem
}

html .notification-icon svg.type-success {
    fill: var(--color__default)
}

html .notification-icon svg.type-fail {
    fill: #ef5747
}

html .notification-title {
    font-size: .14rem;
    font-weight: 700;
    line-height: .18rem
}

html .notification-content {
    font-size: .12rem;
    font-weight: 500;
    line-height: .16rem;
    margin-top: .06rem
}

html.smartphone .notifications {
    margin-right: 0
}

html.smartphone .notification-wrapper {
    margin-top: .16rem
}

html.smartphone .notification-wrapper:first-of-type:before {
    position: absolute;
    top: -.15rem;
    left: -.35rem;
    right: -.35rem;
    height: 1.2rem;
    content: "";
    opacity: .3;
    background: linear-gradient(180deg, #000, transparent)
}

html.smartphone .notification-icon {
    position: absolute;
    top: .1rem;
    left: .16rem
}

html.smartphone .notification-icon svg {
    width: .32rem;
    height: .32rem
}

html.smartphone .notification-title {
    line-height: .15rem;
    font-weight: 700
}

html.smartphone .notification-content {
    margin-top: .05rem
}

html.desktop .notification-content {
    width: 100%
}

.b-days-end {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.32em;
    height: .24em;
    color: #fff;
    text-align: center;
    background-color: #eb11cd;
    -webkit-clip-path: polygon(0 0, 100% 0, 96% 50%, 100% 100%, 0 100%, 4% 50%);
    clip-path: polygon(0 0, 100% 0, 96% 50%, 100% 100%, 0 100%, 4% 50%)
}

.b-days-end.simple {
    -webkit-clip-path: unset;
    clip-path: unset;
    background-color: transparent
}

.b-days-end.gray {
    color: #868686
}

html[data-promotion=dsv2019sub][data-page=index] .b-days-end.gray {
    color: #fff
}

html[data-page=index][data-subdomain=february] .b-days-end {
    background-color: transparent;
    color: #c02040
}

.b-days-end--simple {
    background-color: transparent;
    height: .2em;
    -webkit-clip-path: unset;
    clip-path: unset;
    width: auto
}

.b-days-end--simple:after {
    content: "";
    position: absolute;
    bottom: -.02em;
    right: 0;
    left: 0;
    display: inline-block;
    height: .02em;
    background-color: #eb11cd
}

.b-days-end__icon {
    margin-right: .06em
}

.b-days-end__icon .c-icon-clock {
    width: .18em;
    height: .18em
}

.b-days-end__text {
    font-size: .16em;
    line-height: 1.5em;
    padding-top: 1px;
    font-weight: 700
}

html.smartphone .b-days-end {
    width: 2.04em;
    height: .22em
}

html.smartphone .b-days-end--simple {
    width: auto
}

html.smartphone .b-days-end__icon .c-icon-clock {
    width: .17em;
    height: .17em
}

html.smartphone .b-days-end__text {
    font-size: .14em;
    line-height: 1.57143em
}

html.smartphone div#smartphone-menu {
    position: fixed;
    width: 2.6em;
    right: -2.6em;
    height: 100%;
    background-color: var(--color__white);
    z-index: 35;
    top: 0;
    transition: right .5s ease
}

html.smartphone div#smartphone-menu>div.scroll-content {
    position: relative;
    height: 100%;
    box-sizing: border-box;
    padding-bottom: .4em;
    overflow-y: auto
}

html.smartphone div#smartphone-menu>div.scroll-content>:not(.without-border) {
    border-bottom: 1px solid #e1e4e2
}

html.smartphone div#smartphone-menu>div.scroll-content>div.user-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .14em .26em;
    background-color: #f5f4f5
}

html.smartphone div#smartphone-menu>div.scroll-content>div.user-info>div.avatar {
    width: .24em
}

html.smartphone div#smartphone-menu>div.scroll-content>div.user-info>div.avatar>img {
    width: 100%
}

html.smartphone div#smartphone-menu>div.scroll-content>div.user-info>div.name-phone {
    margin-left: .22em
}

html.smartphone div#smartphone-menu>div.scroll-content>div.user-info>div.name-phone>div.name {
    font-size: .18em;
    font-weight: 700;
    line-height: 1.11
}

html.smartphone div#smartphone-menu>div.scroll-content>div.user-info>div.name-phone>div.phone {
    font-size: .14em;
    font-weight: 300;
    line-height: 1.29;
    margin-top: .21429em
}

html.smartphone div#smartphone-menu>div.scroll-content>div.phone {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: .4em;
    padding-left: .12em
}

html.smartphone div#smartphone-menu>div.scroll-content>div.phone>div.icon {
    width: .26em;
    margin-right: .05em
}

html.smartphone div#smartphone-menu>div.scroll-content>div.phone>div.icon>img {
    width: 100%
}

html.smartphone div#smartphone-menu>div.scroll-content>div.phone>a {
    display: block;
    font-size: .16em;
    font-weight: 700;
    line-height: 1.13;
    color: #1b1b1b;
    padding: .3125em .375em
}

html.smartphone div#smartphone-menu>div.scroll-content div.authorized-user-links>a {
    padding-top: .115em;
    padding-bottom: .115em
}

html.smartphone div#smartphone-menu>div.scroll-content div.authorized-user-links+div.landing-anchors {
    border-top: .1em solid #f5f4f5;
    border-bottom: .1em solid #f5f4f5
}

html.smartphone div#smartphone-menu>div.scroll-content div.authorized-user-links+div.landing-anchors>a {
    padding-left: 5.30769em;
    font-weight: 300
}

html.smartphone div#smartphone-menu>div.scroll-content div.authorized-user-links+div.landing-anchors+*,
html.smartphone div#smartphone-menu>div.scroll-content div.authorized-user-links+div.landing-anchors>a:first-child {
    border-top: 1px solid #e1e4e2
}

html.smartphone div#smartphone-menu>div.scroll-content>a.lk-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: .4em;
    padding-left: .19em;
    background-color: #f5f4f5
}

html.smartphone div#smartphone-menu>div.scroll-content>a.lk-link>span {
    font-size: .13em;
    font-weight: 500;
    color: #1b1b1b
}

html.smartphone div#smartphone-menu>div.scroll-content>a.lk-link>img {
    width: .172em;
    margin-left: .1em
}

html.smartphone div#smartphone-menu>div.scroll-content>div.landing-anchors {
    border-bottom: 0 solid #000
}

html.smartphone div#smartphone-menu>div.scroll-content>div.landing-anchors>a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 3.07692em;
    font-size: .13em;
    font-weight: 500;
    color: #1b1b1b;
    padding-left: 1.46154em;
    border-bottom: 1px solid #e1e4e2
}

html.smartphone div#smartphone-menu>div.scroll-content>div.links-line {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: .6em;
    padding-left: .19em
}

html.smartphone div#smartphone-menu>div.scroll-content>div.links-line>div.text {
    font-size: .13em;
    font-weight: 100;
    color: #1b1b1b
}

html.smartphone div#smartphone-menu>div.scroll-content>div.links-line>a.icon {
    display: block;
    width: .28em;
    margin-left: .11em
}

html.smartphone div#smartphone-menu>div.scroll-content>div.links-line>a.icon>img {
    width: 100%
}

html.smartphone div#smartphone-menu>div.scroll-content>div.links-line>a.blog-button {
    font-size: .13em;
    font-weight: 500;
    line-height: 1.38;
    color: #9b9b9b;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 10.76923em;
    height: 2.46154em;
    border-radius: 1.23077em;
    border: 1px solid #9b9b9b
}

html.smartphone div#smartphone-menu>a.green.button {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 0;
    text-transform: none;
    font-size: .16em;
    height: 2.5em
}

html.smartphone div#smartphone-menu>div.navbar-hamburger {
    position: absolute;
    width: .2em;
    height: .2em;
    top: .05em;
    right: .125em;
    border: .05em solid transparent;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(/static/icons/cross.svg?r=123)
}

html.smartphone div#smartphone-menu:after {
    position: absolute;
    width: 100%;
    background-color: var(--color__white);
    height: 20%;
    display: block;
    content: "";
    top: 100%;
    left: 0
}

html.smartphone body.shop-item-opened div#overlay {
    display: none
}

html.smartphone .shop__container {
    padding: 0 .1rem
}

html.smartphone .shop__item {
    width: 1.45em;
    height: auto;
    margin-bottom: .2em
}

html.smartphone .shop__item__description {
    padding: .06em .1rem
}

html.smartphone .shop__item__description-title {
    font-size: .12rem
}

html.smartphone .shop__item__description-activate {
    font-size: .1rem
}

html.smartphone .shop__item__actions {
    font-size: .8em;
    padding: 0 .1rem .15rem
}

html.smartphone .shop__item__actions .button {
    width: .7rem;
    padding: 0;
    height: .25rem !important
}

html.smartphone .shop__item__progress {
    font-size: .1rem;
    border-radius: 0;
    margin: 0
}

html.smartphone .shop__item__progress svg {
    width: .16rem;
    height: .16rem
}

html.smartphone .shop__item__progress .strong {
    font-size: .13rem
}

html.smartphone .shop__item__after-progress-description {
    font-size: .1rem
}

html.smartphone .shop__item-image {
    width: 100%;
    min-height: .7rem;
    height: .7rem
}

html.smartphone .shop__item-image img {
    width: 100%;
    height: auto
}

html.smartphone .shop__item-store {
    width: .66rem;
    left: .15rem;
    top: .4rem
}

html.smartphone .shop__item .price {
    font-size: .1rem
}

html.smartphone .shop__item .icon,
html.smartphone .shop__item svg {
    width: .16rem;
    height: .16rem
}

html.smartphone .shop__item:first-of-type {
    width: 3em;
    height: auto
}

html.smartphone .shop__item:first-of-type .button {
    height: 2.85714em !important;
    width: 100%
}

html.smartphone .shop__item:first-of-type .icon,
html.smartphone .shop__item:first-of-type svg {
    width: 26px;
    height: 26px
}

html.smartphone .shop__item:first-of-type .price {
    font-size: .2rem
}

html.smartphone .shop__item:first-of-type .shop__item-image {
    height: 1.18rem
}

html.smartphone .shop__item:first-of-type .shop__item-store {
    left: .15rem;
    top: .85rem
}

html.smartphone .shop__item:first-of-type .shop__item__progress,
html.smartphone .shop__item:first-of-type .shop__item__progress .strog {
    font-size: .13rem
}

html.smartphone .shop__item:first-of-type .shop__item__progress svg {
    width: .2rem;
    height: .2rem
}

html.smartphone .shop div.shop-item-card {
    margin: 0 .1rem;
    box-shadow: 0 2px 4px 0 rgba(27, 27, 27, .1)
}

html.smartphone .shop div.shop-item-card .opened {
    height: 5.2rem;
    overflow: hidden
}

html.smartphone .shop div.shop-item-card div.shop__popup-left,
html.smartphone .shop div.shop-item-card div.shop__popup-right {
    display: block;
    float: none;
    width: 100%
}

html.smartphone .shop div.shop-item-card div.shop__popup-left {
    background-color: #fff
}

html.smartphone .shop div.shop-item-card div.shop__popup-description {
    padding: .15rem
}

html.smartphone .shop div.shop-item-card div.shop__item-image {
    height: 1.54rem
}

html.smartphone .shop div.shop-item-card div.shop__item-image img {
    height: auto;
    width: 100%
}

html.smartphone .shop div.shop-item-card div.shop__item-store {
    top: 1.2rem
}

html.smartphone .shop div.shop-item-card div.shop__popup-back {
    display: block;
    padding: .1rem;
    font-size: .16rem;
    color: #1b1b1b;
    font-weight: 500;
    background-color: #fcfcfc;
    text-align: left
}

html.smartphone .shop div.payment-step {
    height: auto;
    padding-bottom: .2rem;
    top: 1.7rem
}

html.smartphone .shop div.payment-step:before {
    top: -1.32rem;
    height: 1.32rem
}

html.smartphone .shop div.payment-step-fail,
html.smartphone .shop div.payment-step-success {
    padding-top: .2rem
}

html.smartphone #dashboard-page div.width-container {
    width: 100% !important
}

html.smartphone #dashboard-page div.inside-container {
    width: 100% !important;
    margin: 0 auto
}

html.smartphone #dashboard-page div.social-channels .social-list {
    width: auto
}

html.smartphone #abonement {
    position: relative
}

html.smartphone #abonement h1 {
    font-size: .22rem
}

html.smartphone #abonement h2 {
    font-size: .16rem
}

html.smartphone #abonement h3 {
    margin-bottom: .05rem
}

html.smartphone #abonement .choose-payment .button,
html.smartphone #abonement .choose-payment .green.empty {
    width: 100%
}

html.smartphone #abonement .input-container .input-promo,
html.smartphone #abonement .input-container input[type=text] {
    width: 100% !important;
    box-sizing: border-box
}

html.smartphone #abonement .payment-email {
    width: 90%;
    margin: 0 auto
}

html.smartphone #abonement .payment-email:before {
    width: .1967rem
}

html.smartphone #abonement .payment-icons {
    margin-top: .3rem
}

html.smartphone #abonement .payment-icons svg {
    width: 100%
}

html.smartphone #abonement.payment-step {
    margin-top: -.3rem
}

html.smartphone #abonement.payment-step .header {
    display: none
}

html.smartphone #abonement .header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    padding: 0 .15rem
}

html.smartphone #abonement ul.order-steps {
    margin: .15rem auto 0
}

html.smartphone #abonement div.content {
    width: 100%;
    padding: .15rem;
    margin: 0;
    background-color: transparent;
    box-sizing: border-box;
    box-shadow: none
}

html.smartphone #abonement div.content h3 {
    font-size: .22rem;
    margin: .1rem auto;
    text-align: left
}

html.smartphone #abonement div.content div.order-info {
    margin-bottom: .2rem;
    margin-top: 0
}

html.smartphone #abonement div.content div.abonements-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    box-sizing: border-box
}

html.smartphone #abonement div.content div.abonements-list .item {
    margin: 0 auto .15rem
}

html.smartphone #abonement div.content div.abonements-list .item,
html.smartphone #abonement div.content div.abonements-list .item-header {
    width: 100%
}

html.smartphone #abonement div.content div.abonements-list .item-content-price {
    margin-left: .35rem
}

html.smartphone #abonement div.content div.abonements-list .item-content {
    -ms-flex-flow: row;
    flex-flow: row;
    width: auto;
    padding: .15rem .3rem;
    margin-top: -.5rem
}

html.smartphone #abonement div.content div.abonements-list .item-content .image {
    width: 1rem
}

html.smartphone #abonement div.content div.abonements-list .item-content .item-content-price {
    width: 1.2rem
}

html.smartphone #abonement div.content div.abonements-list .item-content img {
    margin: 0;
    height: .69rem
}

html.smartphone #abonement div.content div.abonements-list .item-content .title {
    font-size: .18rem;
    text-align: left
}

html.smartphone #abonement div.content div.abonements-list .item-content .description {
    text-align: left
}

html.smartphone #abonement div.content div.abonements-list .item-content .bonus-price {
    margin: .1rem 0
}

html.smartphone #abonement div.content div.order-summary {
    -ms-flex-flow: column;
    flex-flow: column
}

html.smartphone #abonement div.content div.order-summary>div {
    width: 100%;
    text-align: center;
    -ms-flex-pack: center;
    justify-content: center
}

html.smartphone #abonement div.content div.order-summary .button {
    margin: .15rem 0 0;
    width: 100%;
    font-size: .15rem;
    font-weight: 500
}

html.smartphone #abonement div.content div.payment-card-step {
    width: 100%;
    background-color: #fff;
    box-sizing: border-box
}

html.smartphone #abonement div.content div.payment-card-step .buttons .empty {
    width: .8rem
}

html.smartphone #abonement div.content div.payment-card-step div.payment-card,
html.smartphone #abonement div.content div.payment-card-step div.payment-card>form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    height: auto
}

html.smartphone #abonement div.content div.payment-card-step div.payment-card__input {
    position: relative;
    width: 100%;
    margin: 0;
    left: 0
}

html.smartphone #abonement div.content div.payment-card-step div.payment-card__csv {
    position: relative;
    margin-top: -.56rem;
    width: 2.6rem;
    height: 1.25rem;
    border-radius: .08rem;
    margin-left: .03rem
}

html.smartphone #abonement div.content div.payment-card-step div.abonements-info {
    padding: 0 .15rem
}

html.smartphone #abonement div.content div.payment-card-step div.payment-subscribe {
    width: auto;
    margin: .15rem;
    padding: .1rem .15rem
}

html.smartphone #abonement div.content div.step-payment-result h3 {
    text-align: center
}

html.smartphone #abonement div.content div.step-payment-result img.step-payment-bg {
    width: auto;
    margin-top: -.15rem;
    height: 1.8rem;
    margin-left: -.4rem
}

html.smartphone #abonement div.order-items-list {
    margin-bottom: .9rem
}

html.smartphone #abonement div.order-items-list .table_plan {
    font-size: .13rem
}

html.smartphone #abonement div.order-items-list .table_plan-discount,
html.smartphone #abonement div.order-items-list .table_plan-name,
html.smartphone #abonement div.order-items-list .table_plan-price,
html.smartphone #abonement div.order-items-list .table_plan-remove {
    vertical-align: baseline
}

html.smartphone #abonement div.order-items-list .table_plan-name {
    width: 1.6rem
}

html.smartphone #abonement div.order-items-list .table_plan-discount,
html.smartphone #abonement div.order-items-list .table_plan-price {
    display: table-cell;
    font-size: .16rem
}

html.smartphone #abonement div.order-items-list .table_plan-discount span,
html.smartphone #abonement div.order-items-list .table_plan-price span {
    font-size: inherit
}

html.smartphone #abonement div.order-items-list .table_plan-discount,
html.smartphone #abonement div.order-items-list .table_plan-price {
    width: .6rem
}

html.smartphone #abonement div.order-items-list .table_plan-remove {
    width: .25rem
}

html.smartphone #abonement div.order-items-list .table_plan-remove span {
    display: none
}

html.smartphone #abonement div.order-items-list .table_plan .text {
    font-size: .1rem
}

html.smartphone #abonement div.additional-packs .item {
    width: 1.2rem;
    height: 2.3rem;
    margin: 0 auto .15rem;
    padding: .1rem
}

html.smartphone #abonement div.additional-packs .item-image {
    height: .96rem
}

html.smartphone #abonement div.additional-packs .item h4 {
    font-size: .12rem;
    font-weight: 700;
    height: .4rem
}

html.smartphone #abonement div.additional-packs .item-cbju div {
    font-size: .1rem
}

html.smartphone #abonement div.additional-packs .item-cbju span {
    font-size: .07rem
}

html.smartphone #abonement div.additional-packs .item-actions__price {
    font-size: .13rem
}

html.smartphone #abonement div.additional-packs .item-actions .button {
    width: .76rem;
    font-size: .1rem
}

html.smartphone #abonement .additional-actions {
    position: fixed;
    bottom: .12rem;
    margin-left: -.14rem;
    width: 100%
}

html.smartphone #abonement .additional-actions .button {
    font-size: .12rem;
    padding: .2rem 0
}

html.smartphone #abonement .additional-actions .button.outline {
    width: 1.22rem !important;
    background-color: #fff
}

html.smartphone #abonement .additional-actions .button.green {
    width: 1.7rem
}

html.smartphone ul.card-list {
    padding-left: 0;
    list-style: none
}

html.smartphone ul.card-list li {
    background-color: #fff;
    border-radius: .06rem;
    border: 1px solid transparent;
    margin: .1rem .15rem .15rem;
    padding: .15rem;
    font-size: .15rem;
    position: relative
}

html.smartphone ul.card-list li.active {
    border-color: var(--color__default)
}

html.smartphone ul.card-list li .remove {
    position: absolute;
    text-align: center;
    right: .15rem;
    top: .15rem;
    color: #ef5747
}

html.smartphone ul.card-list li .remove svg {
    width: .1rem;
    height: .1rem
}

html.smartphone ul.card-list li .remove span {
    font-size: .1rem;
    display: block
}

html.smartphone ul.card-list li p {
    margin: .1rem auto;
    font-size: .15rem;
    line-height: 1
}

html.smartphone ul.card-list li svg {
    height: .2rem;
    width: auto
}

html.smartphone ul.card-list li .button.green {
    width: 1.6rem;
    margin: 0 !important;
    font-size: .14rem !important
}

html.smartphone .remove-card-window {
    padding: .25rem
}

html.smartphone .remove-card-window .button.green {
    margin: 0 .1rem
}

html.smartphone #longate-page h1 {
    margin: .15rem;
    font-size: .22rem
}

html.smartphone #longate-page .longate {
    margin-top: 0;
    -ms-flex-flow: column;
    flex-flow: column
}

html.smartphone #longate-page .longate>div {
    width: 100%
}

html.smartphone #longate-page .longate h2 {
    font-size: .14rem;
    line-height: .22rem;
    font-weight: 500;
    color: #cacbcb;
    padding: .1rem .15rem
}

html.smartphone #longate-page .longate .menu-plan {
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: .15rem;
    margin-bottom: 0;
    width: 100%
}

html.smartphone #longate-page .longate .menu-plan__icon {
    margin-right: .1rem
}

html.smartphone #longate-page .longate .menu-plan__icon svg {
    width: .44rem;
    height: .44rem;
    margin: 0;
    border-radius: 1rem
}

html.smartphone #longate-page .longate .menu-plan__name {
    font-size: .14rem;
    line-height: 1;
    margin-top: 0;
    font-weight: 300;
    margin-bottom: .05rem
}

html.smartphone #longate-page .longate .menu-plan__name span {
    color: initial;
    font-size: .16rem
}

html.smartphone #longate-page .longate .menu-plan__dates {
    font-weight: 700;
    font-size: .14rem;
    line-height: 1;
    margin-bottom: .05rem
}

html.smartphone #longate-page .longate .menu-plan__change-price-plan {
    font-size: .2rem;
    line-height: .22rem;
    color: var(--color__default);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

html.smartphone #longate-page .longate .menu-plan__change-price-plan span {
    font-weight: 700
}

html.smartphone #longate-page .longate .menu-plan__change-price-plan .button {
    width: 1.29rem;
    font-size: .13rem;
    margin: 0 0 0 .1rem;
    height: auto;
    padding: .04rem
}

html.smartphone #longate-page .longate .menu-plan .link-actions a.link {
    font-size: .12rem;
    text-decoration: underline;
    margin-right: .15rem
}

html.smartphone #longate-page .longate .abonements {
    padding-left: .1em;
    padding-right: .3em;
    background-color: #fff
}

html.smartphone #longate-page .longate .abonements:before {
    margin: 0 0 .15rem
}

html.smartphone #longate-page .longate .abonements h3 {
    text-align: left;
    margin: 0 .15rem
}

html.smartphone #longate-page .longate .abonements ul .item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: .15rem
}

html.smartphone #longate-page .longate .abonements ul .item:before {
    width: .55rem;
    background-size: 155% 220%
}

html.smartphone #longate-page .longate .abonements ul .item-checkbox {
    left: auto;
    top: .05rem;
    right: .05rem
}

html.smartphone #longate-page .longate .abonements ul .item-inside-info {
    padding-left: .55rem
}

html.smartphone #longate-page .longate .abonements ul .item-inside-info h3 {
    font-size: .16rem;
    line-height: .18rem;
    height: .4rem
}

html.smartphone #longate-page .longate .abonements ul .item-inside-info .description {
    font-size: .1rem
}

html.smartphone #longate-page .longate .abonements .item {
    height: 1.2rem
}

html.smartphone #longate-page .longate .abonements .item .button {
    display: none
}

html.smartphone #longate-page .longate .abonements .item-promo:before {
    width: .85rem !important;
    background-size: cover !important
}

html.smartphone #longate-page .longate .abonements .item-promo .button {
    display: -ms-flexbox;
    display: flex;
    font-size: .1em !important;
    width: 16em
}

html.smartphone #longate-page .longate .abonements .item-promo .item-checkbox {
    width: .28rem;
    height: .28rem;
    top: .7em;
    left: .7em !important;
    right: auto
}

html.smartphone #longate-page .longate .abonements .item-promo .item-checkbox-label {
    font-size: .12em;
    top: 6.3em;
    left: 8.5em
}

html.smartphone #longate-page .longate .abonements .item-promo div.item-inside div.promo-title {
    font-size: .18em
}

html.smartphone #longate-page .longate .abonements .item-promo div.item-inside div.promo-desc {
    font-size: .1em
}

html.smartphone #longate-page .longate .change-price-plan {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin: .15rem 0
}

html.smartphone #longate-page .longate .change-price-plan span {
    font-size: .3rem;
    color: var(--color__default);
    line-height: .32rem
}

html.smartphone #longate-page .longate .change-price-plan .button {
    font-size: .14rem;
    line-height: .2rem;
    padding: .05rem .15rem;
    height: auto;
    width: 1.7rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

html.smartphone #longate-page .longate .address-input .input-textaera input {
    margin-bottom: 0
}

html.smartphone #longate-page .longate .address-input .input-room {
    width: 1.15rem
}

html.smartphone #longate-page .longate .dropdown .selected-tag {
    width: 2.45rem
}

html.smartphone #longate-page .longate-summary__block {
    padding: 0;
    background: transparent;
    box-shadow: none;
    margin-bottom: 0
}

html.smartphone #longate-page .longate .price-plan {
    padding-top: 0;
    padding-bottom: 0
}

html.smartphone #longate-page .longate .price-plan h2 {
    display: none
}

html.smartphone #longate-page .longate .price-plan__name {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .26rem;
    line-height: .32rem;
    margin-bottom: 0
}

html.smartphone #longate-page .longate .price-plan__params {
    text-align: center
}

html.smartphone #longate-page .longate .free-delivery {
    margin-top: .25rem
}

html.smartphone #longate-page .longate .sumaaray_inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: baseline;
    align-items: baseline;
    width: 100%;
    border-bottom: 1px solid #cacbcb
}

html.smartphone #longate-page .longate .sumaaray_inline .summary__short .summary__discount {
    font-weight: 700;
    font-size: .16rem;
    color: #1b1b1b;
    text-decoration: line-through;
    margin-right: .1rem
}

html.smartphone #longate-page .longate .sumaaray_inline .summary__short .summary__deb_price {
    font-weight: 700;
    font-size: 24px;
    color: var(--color__default)
}

html.smartphone #longate-page .longate .summary * {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

html.smartphone #longate-page .longate .summary__deb_price {
    font-size: .26rem
}

html.smartphone #longate-page #week-selector {
    display: none
}

html.smartphone #longate-page .payment-card-step {
    width: 100%
}

html.smartphone #longate-page .choose-price-plan #plans-switcher {
    margin: 0
}

html.smartphone #longate-page .choose-price-plan #plans-switcher>div {
    border: none;
    border-radius: 0;
    padding: .05rem 0 0;
    border-bottom: .03rem solid transparent
}

html.smartphone #longate-page .choose-price-plan #plans-switcher>div.active {
    border-bottom-color: var(--color__default)
}

html.smartphone #longate-page .choose-price-plan #plans-switcher>div div.icon,
html.smartphone #longate-page .choose-price-plan #plans-switcher>div div.icon svg {
    width: .44rem;
    height: .44rem
}

html.smartphone #longate-page .choose-price-plan #plans-body {
    padding: 0
}

html.smartphone #longate-page .choose-price-plan #plans-body #mobile-plan-base-details h4 {
    margin-bottom: 0
}

html.smartphone #longate-page .choose-price-plan #plans-body #mobile-plan-base-details>div * {
    font-weight: 700;
    font-size: .16rem;
    color: #1b1b1b;
    text-align: center
}

html.smartphone .client-orders-in-longate .abonements {
    padding-left: .1em;
    padding-right: .3em;
    padding-left: 0;
    padding-right: 0;
    margin-top: .15em;
    background-color: #fff
}

html.smartphone .client-orders-in-longate .abonements:before {
    margin: 0 0 .15rem
}

html.smartphone .client-orders-in-longate .abonements h3 {
    text-align: left;
    margin: 0 .15rem;
    margin: 0;
    font-size: .16rem;
    margin-bottom: 1em
}

html.smartphone .client-orders-in-longate .abonements ul .item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: .15rem;
    margin: 0;
    width: 100%
}

html.smartphone .client-orders-in-longate .abonements ul .item:before {
    width: .55rem;
    background-size: 155% 220%
}

html.smartphone .client-orders-in-longate .abonements ul .item-checkbox {
    left: auto;
    top: .05rem;
    right: .05rem
}

html.smartphone .client-orders-in-longate .abonements ul .item-inside-info {
    padding-left: .55rem
}

html.smartphone .client-orders-in-longate .abonements ul .item-inside-info h3 {
    font-size: .16rem;
    line-height: .18rem;
    height: .4rem
}

html.smartphone .client-orders-in-longate .abonements ul .item-inside-info .description {
    font-size: .1rem
}

html.smartphone .client-orders-in-longate .abonements .item {
    height: 1.3rem;
    padding-top: .1rem;
    padding-bottom: .1rem
}

html.smartphone .client-orders-in-longate .abonements .item-subscribe .button {
    bottom: .07rem;
    left: 4.3em;
    width: 2rem;
    height: .35rem !important
}

html.smartphone .client-orders-in-longate .abonements .item-subscribe.selected .item-checkbox {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1.6rem;
    height: .36rem;
    background-size: contain;
    background-position: 0;
    background-repeat: no-repeat;
    left: 3.9em;
    top: auto;
    bottom: .4em;
    font-weight: 700
}

html.smartphone .client-orders-in-longate .abonements .item-subscribe.selected .item-checkbox:before {
    content: "\412\44B\431\440\430\43D\43E";
    display: block
}

html.smartphone .client-orders-in-longate .abonements .item-subscribe div.item-inside h3,
html.smartphone .client-orders-in-longate .abonements .item-subscribe div.item-inside p.discounted {
    height: auto;
    margin-bottom: .5em
}

html.smartphone .client-orders-in-longate .abonements .item-promo:before {
    width: .85rem !important;
    background-size: cover !important
}

html.smartphone .client-orders-in-longate .abonements .item-promo .button {
    display: -ms-flexbox;
    display: flex;
    font-size: .1em !important;
    width: 16em
}

html.smartphone .client-orders-in-longate .abonements .item-promo .item-checkbox {
    width: .28rem;
    height: .28rem;
    top: .7em;
    left: .7em !important;
    right: auto
}

html.smartphone .client-orders-in-longate .abonements .item-promo .item-checkbox-label {
    font-size: .12em;
    top: 6.3em;
    left: 8.5em
}

html.smartphone .client-orders-in-longate .abonements .item-promo div.item-inside div.promo-title {
    font-size: .18em
}

html.smartphone .client-orders-in-longate .abonements .item-promo div.item-inside div.promo-desc {
    font-size: .1em
}

.stop-list-info {
    position: fixed;
    bottom: .15em;
    left: .15em;
    right: .15em;
    background-color: #fff;
    border: 1px solid #d2d2d2;
    border-radius: .05em;
    padding: .24em .14em .2em;
    box-shadow: 0 7px 15px 0 rgba(0, 0, 0, .37);
    z-index: 20
}

.stop-list-info__title {
    font-size: .14em;
    font-weight: 500;
    text-align: center
}

.stop-list-info__close {
    background-color: transparent;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    box-sizing: unset;
    padding: .06em
}

.stop-list-info__close,
.stop-list-info__close .c-icon-close {
    width: .12em;
    height: .12em
}

.stop-list-info__close:focus {
    outline: none
}

.stop-list-info__button {
    width: 14.44444em;
    height: 2.5em;
    font-size: .18em;
    margin-top: .55556em;
    text-transform: none;
    opacity: 1;
    transition: opacity .3s ease-in-out
}

.stop-list-info__button:hover {
    opacity: .5
}

.slide-in-up-enter,
.slide-in-up-leave-to {
    transform: translateY(100%)
}

.slide-in-up-enter-to,
.slide-in-up-leave {
    transform: translateY(0)
}

.slide-in-up-enter-active,
.slide-in-up-leave-active {
    transition: transform .3s
}

html .navbar {
    padding-top: 0;
    padding-bottom: 0
}

html .navbar .navbar-city-selector,
html .navbar .navbar-hamburger,
html .navbar .navbar-logo {
    padding-top: .1em;
    padding-bottom: .1em
}

.cart__button--shake {
    animation: shake .3s ease
}

@keyframes shake {
    0% {
        transform: translate3d(-1px, 0, 0)
    }

    33% {
        transform: translate3d(2px, 0, 0)
    }

    66% {
        transform: translate3d(-3px, 0, 0)
    }

    to {
        transform: translate3d(2px, 0, 0)
    }
}

html.smartphone .tips-scroll-container {
    display: block;
    overflow-y: auto;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 800;
    width: 100vw
}

.tips-container {
    display: -ms-flexbox;
    display: flex;
    padding-top: .3em
}

html.smartphone .tips-container {
    min-height: 100%;
    height: auto;
    -ms-flex-align: end;
    align-items: flex-end;
    background-color: rgba(0, 0, 0, .5)
}

html.smartphone .tips-container--inner {
    background-color: rgba(0, 0, 0, .3);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 800;
    width: 100vw
}

html.desktop .tips-container {
    background: rgba(0, 0, 0, .6);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 800;
    width: 100vw;
    height: 100vh;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start
}

html.desktop .tips-container--inner {
    background-color: transparent
}

.tips {
    background-color: #fff
}

html.smartphone .tips {
    width: 100%;
    height: auto;
    border-top-left-radius: .32em;
    border-top-right-radius: .32em;
    padding: 0 .24em;
    padding-bottom: .32em
}

html.smartphone .tips--inner {
    padding: 0 .24em .24em
}

html.desktop .tips {
    width: 4em;
    height: auto;
    border-radius: .08em;
    box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 8px 8px rgba(0, 0, 0, .08);
    margin-top: .74em;
    padding: .4em;
    -ms-touch-action: none;
    touch-action: none
}

html.desktop .tips--inner {
    padding: 0 .4em .4em
}

html.desktop .tips--reasons-opened {
    width: 8em
}

.tips__action-btn {
    font-size: .16em;
    font-weight: 500;
    color: #fff;
    border: none;
    width: 100%;
    transition: background-color .1s ease-in-out;
    cursor: pointer
}

.tips__action-btn--close {
    background-color: #e0e0e0;
    color: #666
}

.tips__action-btn--default {
    background-color: #00b923;
    color: #fff
}

.tips__action-btn--default:focus {
    background-color: #3dad66;
    border: none;
    outline: none
}

.tips__action-btn--google-pay {
    background-color: #0d0d0d
}

.tips__action-btn--apple-pay {
    background-color: #000
}

html.smartphone .tips__action-btn {
    line-height: 150%;
    height: 2.75em;
    border-radius: .04rem;
    margin-top: 2em
}

html.desktop .tips__action-btn {
    line-height: 137%;
    border-radius: .08rem;
    height: 2.625em;
    width: 20em;
    margin-top: 3em
}

.tips__action-btn--loading {
    pointer-events: none
}

.tips__drag-handle-container {
    padding-bottom: .2em;
    padding-top: .06em
}

.tips__drag-handle-container--inner {
    padding-bottom: .1em
}

.tips__drag-handle {
    width: .24em;
    height: .03em;
    border-radius: .02em;
    background-color: #e0e0e0;
    margin-left: auto;
    margin-right: auto
}

.tips__drag-handle--inner {
    margin-bottom: .1em
}

html.smartphone .tips__hr {
    border-top: .005rem solid #e0e0e0;
    border-bottom: none;
    margin: 0 -.24em
}

.tips__back-btn {
    margin-top: .14em;
    margin-bottom: .08em;
    margin-left: -.27em;
    display: inline-block;
    padding: .15em;
    cursor: pointer
}

.tips__back-btn:hover svg {
    color: #555
}

.tips__back-btn svg {
    height: .18em;
    width: .16em;
    color: #999;
    transition: color .2s ease-in-out
}

.tips__inner-title {
    text-align: center;
    font-weight: 700
}

html.smartphone .tips__inner-title {
    font-size: .16em;
    line-height: 150%;
    color: #0d0d0d;
    margin-bottom: .9375em
}

html.desktop .tips__inner-title {
    font-size: .18em;
    line-height: 111%;
    color: #000;
    margin-bottom: 2em
}

.tips__small-title {
    text-align: center;
    font-weight: 700
}

html.smartphone .tips__small-title {
    font-size: .2em;
    line-height: 120%;
    color: #0d0d0d;
    margin-bottom: 1.2em
}

html.desktop .tips__small-title {
    font-size: .18em;
    line-height: 111%;
    color: #000;
    margin-bottom: 1.11111em
}

html.smartphone .tips-choose-card__container {
    margin: .08em -.24em
}

.tips-choose-card__card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

html.smartphone .tips-choose-card__card {
    padding: .16em .24em
}

html.desktop .tips-choose-card__card {
    padding: .14em .18em .14em .16em;
    border-radius: .12em;
    background-color: #f5f5f5;
    transition: background-color .2s ease-in-out;
    margin-bottom: .12em
}

html.desktop .tips-choose-card__card--selected {
    background-color: #e6f8e9
}

.tips-choose-card__card-left {
    width: 60%
}

.tips-choose-card__card-left,
.tips-choose-card__card-right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.tips-choose-card__card-right {
    width: 40%;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.tips-choose-card__card-icon {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    transition: -webkit-filter .2s ease-in-out;
    transition: filter .2s ease-in-out;
    transition: filter .2s ease-in-out, -webkit-filter .2s ease-in-out
}

html.smartphone .tips-choose-card__card-icon {
    margin-right: .16em;
    width: .24em
}

html.desktop .tips-choose-card__card-icon {
    width: .24em;
    margin-right: .12em
}

.tips-choose-card__card-icon--selected {
    -webkit-filter: none;
    filter: none
}

.tips-choose-card__card-name {
    font-size: .16em;
    color: #0d0d0d
}

html.smartphone .tips-choose-card__card-name {
    line-height: 150%;
    font-weight: 500;
    letter-spacing: .2px
}

html.smartphone .tips-choose-card__card-name--selected {
    color: #00b923
}

html.desktop .tips-choose-card__card-name {
    font-weight: 300;
    line-height: 100%
}

.tips-choose-card__card-last-digits {
    color: #0d0d0d;
    font-size: .16em;
    line-height: 150%;
    margin-right: 1.125em;
    font-weight: 500
}

html.smartphone .tips-choose-card__card-last-digits {
    letter-spacing: .3125em
}

html.smartphone .tips-choose-card__card-last-digits--selected {
    color: #00b923
}

html.desktop .tips-choose-card__card-last-digits {
    letter-spacing: .3125em
}

html.smartphone .tips-choose-card__selected-indicator {
    height: .14em;
    width: .22em;
    color: #00b923
}

html.smartphone .tips-choose-card__selected-indicator--invisible {
    opacity: 0
}

html.desktop .tips-choose-card__selected-indicator {
    height: .2em;
    width: .2em;
    margin-bottom: .02em;
    background-size: cover !important;
    background: url(/static/images/radio_false-new.fd1dc8c.svg)
}

html.desktop .tips-choose-card__selected-indicator--selected {
    background: url(/static/images/radio_true-new.44f3730.svg)
}

.tips-choose-card__bank-card-text {
    font-weight: 500;
    font-size: .1em;
    line-height: 120%;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: #999;
    margin-left: 2.4em;
    margin-bottom: .8em;
    margin-top: 2em
}

.comm-channel-multiselect {
    width: 100%;
    height: .48em;
    background-color: var(--color__grey-2);
    border-radius: .16em;
    display: -ms-flexbox;
    display: flex;
    padding: .12em .18em .12em .16em;
    margin-bottom: .24em;
    -ms-flex-align: center;
    align-items: center
}

.comm-channel-multiselect--shake-animation {
    animation: shake .3s ease
}

.comm-channel-multiselect--invalid {
    background-color: #fcedf0
}

.comm-channel-multiselect__text-container {
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline
}

.comm-channel-multiselect__text {
    font-size: .16em;
    line-height: 150%;
    color: var(--color__black);
    font-weight: 300;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: left
}

.comm-channel-multiselect__text:first-letter {
    text-transform: capitalize
}

.comm-channel-multiselect__down-icon {
    fill: #b3b3b3;
    width: .08em;
    height: .06em;
    -ms-flex-item-align: center;
    align-self: center
}

.comm-channel-multiselect__channel-icon {
    width: .24em;
    height: .24em;
    color: var(--color__black);
    margin-right: .12em
}

.comm-channel-multiselect__interval {
    font-weight: 600;
    font-size: .12em;
    line-height: 2em;
    text-align: right;
    color: #b3b3b3;
    margin-right: .91667em
}

.comm-channel__channel {
    width: 1.78em;
    height: .44em;
    margin-right: .08em
}

.comm-channel__channel--disabled {
    pointer-events: none
}

.comm-channel__channel--disabled .c-dropdown__icon .c-icon {
    fill: var(--color__grey-20)
}

.comm-channel__channel--disabled .c-dropdown__title {
    color: var(--color__grey-20)
}

.comm-channel__channel--invalid .c-dropdown {
    background-color: #fcedf0
}

.comm-channel__channel .c-dropdown__title:first-letter,
.comm-channel__channel .c-radio-group__label:first-letter {
    text-transform: capitalize
}

.comm-channel__channel .c-dropdown__expand {
    z-index: 5
}

.comm-channel__channel .c-radio-group__input {
    cursor: pointer
}

.comm-channel__channel .c-dropdown {
    padding: .14em .16em;
    cursor: pointer
}

.comm-channel__channel .c-dropdown__title {
    text-align: left
}

.comm-channel__channel .c-radio-group__label {
    -ms-flex-item-align: center;
    align-self: center;
    margin-top: .02rem;
    margin-right: .06rem !important
}

.comm-channel__time-interval {
    width: 1.78em;
    height: .44em
}

.comm-channel__time-interval--disabled {
    pointer-events: none
}

.comm-channel__time-interval--disabled .c-dropdown__icon .c-icon {
    fill: var(--color__grey-20)
}

.comm-channel__time-interval--disabled .c-dropdown__title {
    color: var(--color__grey-20)
}

.comm-channel__time-interval--invalid .c-dropdown {
    background-color: #fcedf0
}

.comm-channel__time-interval .c-dropdown__expand {
    z-index: 5
}

.comm-channel__time-interval .c-radio-group__input {
    cursor: pointer
}

.comm-channel__time-interval .c-dropdown {
    padding: .14em .16em;
    cursor: pointer
}

.comm-channel__time-interval .c-dropdown__title {
    text-align: left
}

.comm-channel__time-interval .c-radio-group__label {
    -ms-flex-item-align: center;
    align-self: center;
    margin-top: .02rem;
    margin-right: .06rem !important
}

.communication-channel-smartphone__contact-me {
    background: var(--color__grey-2);
    border-radius: .16em;
    display: -ms-flexbox;
    display: flex;
    padding: .12em .16em;
    margin-bottom: .24em
}

.communication-channel-smartphone__contact-me .c-switch-group__input {
    width: .4rem;
    height: .24rem
}

.communication-channel-smartphone__contact-me .c-switch-group__input:after {
    width: .18rem;
    height: .18rem;
    top: calc(50% - 1px);
    left: .02rem;
    box-shadow: 0 .01rem .04rem rgba(0, 0, 0, .1)
}

.communication-channel-smartphone__contact-me .c-switch-group__input:checked:after {
    left: .18rem
}

.communication-channel-smartphone__toggle-text {
    font-weight: 300;
    font-size: .16em;
    line-height: 150%;
    text-align: left;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-item-align: center;
    align-self: center
}

.slide-up-modal {
    display: block;
    overflow-y: auto;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2800;
    width: 100vw
}

.slide-up-modal__container {
    display: -ms-flexbox;
    display: flex;
    padding-top: .3em;
    min-height: 100%;
    height: auto;
    -ms-flex-align: end;
    align-items: flex-end
}

.slide-up-modal__main {
    background-color: #fff;
    width: 100%;
    height: auto;
    border-top-left-radius: .32em;
    border-top-right-radius: .32em;
    padding: 0 .24em;
    padding-bottom: .32em;
    will-change: transform
}

.slide-up-modal__handle-container {
    padding-bottom: .2em;
    padding-top: .06em;
    padding-bottom: .1em;
    -ms-touch-action: none;
    touch-action: none
}

.slide-up-modal__handle {
    width: .24em;
    height: .03em;
    border-radius: .02em;
    background-color: #e0e0e0;
    margin-left: auto;
    margin-right: auto
}

.slide-up-modal-enter-active {
    background-color: transparent
}

.slide-up-modal-enter-active,
.slide-up-modal-enter-active .slide-up-modal__container--with-background {
    transition: background-color .2s ease-in-out .2s
}

.slide-up-modal-enter-active .slide-up-modal__main {
    transition: transform .2s ease-in-out
}

.slide-up-modal-leave-active {
    background-color: transparent
}

.slide-up-modal-leave-active,
.slide-up-modal-leave-active .slide-up-modal__container--with-background {
    transition: background-color .2s ease-in-out .2s
}

.slide-up-modal-leave-active .slide-up-modal__main {
    transition: transform .2s ease-in-out
}

.slide-up-modal-enter,
.slide-up-modal-enter .slide-up-modal__container--with-background {
    background-color: transparent !important
}

.slide-up-modal-enter .slide-up-modal__main {
    transform: translate3d(0, 100%, 0) !important
}

.slide-up-modal-enter-to {
    background-color: transparent !important
}

.slide-up-modal-enter-to .slide-up-modal__container--with-background {
    background-color: rgba(0, 0, 0, .7) !important
}

.slide-up-modal-enter-to .slide-up-modal__main {
    transform: translateZ(0) !important
}

.slide-up-modal-leave {
    background-color: transparent !important
}

.slide-up-modal-leave .slide-up-modal__container--with-background {
    background-color: rgba(0, 0, 0, .7) !important
}

.slide-up-modal-leave .slide-up-modal__main {
    transform: translateZ(0) !important
}

.slide-up-modal-leave-to .slide-up-modal__container--with-background {
    background-color: transparent !important
}

.slide-up-modal-leave-to .slide-up-modal__main {
    transform: translate3d(0, 100%, 0) !important
}

.overlay {
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    background-color: rgba(0, 0, 0, .5);
    z-index: 100
}

.overlay-enter-active,
.overlay-leave-active {
    transition: background-color .2s ease-in-out 0s
}

.overlay-enter {
    background-color: transparent !important
}

.overlay-enter-to,
.overlay-leave {
    background-color: rgba(0, 0, 0, .5) !important
}

.slide-up-modal-leave-to {
    background-color: transparent !important
}

.asd__fade-enter-active,
.asd__fade-leave-active {
    transition: all .2s ease
}

.asd__fade-enter,
.asd__fade-leave-active {
    opacity: 0
}

.asd__list-complete-enter,
.asd__list-complete-leave-to {
    opacity: 0;
    transform: translateY(30px)
}

.asd__list-complete-leave-active {
    position: absolute;
    visibility: hidden
}

*,
:after,
:before {
    box-sizing: border-box
}

.datepicker-trigger {
    position: relative;
    overflow: visible
}

.asd__wrapper {
    border: 1px solid rgba(0, 0, 0, .2);
    white-space: nowrap;
    text-align: center;
    overflow: hidden;
    background-color: #fff
}

.asd__wrapper--full-screen {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: none;
    z-index: 100
}

.asd__inner-wrapper {
    transition: all .3s ease;
    position: relative
}

.asd__datepicker-header,
.asd__keyboard-shortcuts-trigger-wrapper {
    position: relative
}

.asd__keyboard-shortcuts-trigger {
    background-color: transparent;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    right: 0;
    font: inherit;
    border-width: 26px 33px 0 0;
    border-top: 26px solid transparent;
    border-right: 33px solid #00a699
}

.asd__keyboard-shortcuts-trigger span {
    color: #fff;
    position: absolute;
    bottom: 0;
    right: -28px
}

.asd__keyboard-shortcuts-show {
    display: block !important
}

.asd__keyboard-shortcuts-close {
    background-color: transparent;
    border: none;
    position: absolute;
    top: 7px;
    right: 5px;
    padding: 5px;
    z-index: 100;
    cursor: pointer
}

.asd__keyboard-shortcuts-menu {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    overflow: auto;
    background: #fff;
    border: 1px solid #dbdbdb;
    -o-border-image: initial;
    border-image: initial;
    border-radius: 2px;
    padding: 22px;
    margin: 33px;
    text-align: left
}

.asd__keyboard-shortcuts-title {
    font-size: 16px;
    font-weight: 700;
    margin: 0
}

.asd__keyboard-shortcuts-list {
    list-style: none;
    margin: 6px 0;
    padding: 0;
    white-space: normal
}

.asd__keyboard-shortcuts-symbol {
    font-family: monospace;
    font-size: 12px;
    text-transform: uppercase;
    background: #f2f2f2;
    padding: 2px 6px;
    margin-right: 4px
}

.asd__change-month-button {
    position: absolute;
    top: 12px;
    z-index: 10;
    background: #fff
}

.asd__change-month-button--previous {
    left: 0;
    padding-left: 15px
}

.asd__change-month-button--next {
    right: 0;
    padding-right: 15px
}

.asd__change-month-button>button {
    background-color: #fff;
    border: 1px solid #e4e7e7;
    border-radius: 3px;
    padding: 4px 8px;
    cursor: pointer
}

.asd__change-month-button>button:hover {
    border: 1px solid #c4c4c4
}

.asd__change-month-button>button>svg {
    height: 19px;
    width: 19px;
    fill: #82888a
}

.asd__days-legend {
    position: absolute;
    top: 50px;
    left: 10px;
    padding: 0 10px
}

.asd__day-title {
    display: inline-block;
    width: 14.28571%;
    text-align: center;
    margin-bottom: 4px;
    color: rgba(0, 0, 0, .7);
    font-size: .8em;
    margin-left: -1px
}

.asd__month-table {
    border-collapse: collapse;
    border-spacing: 0;
    background: #fff;
    width: 100%;
    max-width: 100%
}

.asd__month {
    transition: all .3s ease;
    display: inline-block;
    padding: 15px
}

.asd__month--hidden {
    height: 275px;
    visibility: hidden
}

.asd__month-name {
    font-size: 1.3em;
    text-align: center;
    margin: 0 0 30px;
    line-height: 1.4em;
    font-weight: 700
}

.asd__day {
    line-height: 38px;
    height: 38px;
    padding: 0;
    overflow: hidden
}

.asd__day--enabled {
    border: 1px solid #e4e7e7
}

.asd__day--enabled:hover {
    background-color: #e4e7e7
}

.asd__day--enabled:focus {
    outline: 5px auto Highlight;
    outline: 5px auto -webkit-focus-ring-color
}

.asd__day--disabled,
.asd__day--empty {
    opacity: .5
}

.asd__day--disabled button,
.asd__day--empty button {
    cursor: default
}

.asd__day--empty {
    border: none
}

.asd__day--disabled:hover {
    background-color: transparent
}

.asd__day-button {
    background: transparent;
    width: 100%;
    height: 100%;
    border: none;
    cursor: pointer;
    color: inherit;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 15px;
    font-weight: inherit;
    padding: 0
}

.asd__action-buttons {
    min-height: 50px;
    padding-top: 10px;
    margin-bottom: 12px
}

.asd__action-buttons button {
    display: block;
    position: relative;
    background: transparent;
    border: none;
    font-weight: 700;
    font-size: 15px;
    cursor: pointer
}

.asd__action-buttons button:hover {
    text-decoration: underline
}

.asd__action-buttons button:first-child {
    float: left;
    left: 15px
}

.asd__action-buttons button:nth-child(2) {
    float: right;
    right: 15px
}

.asd__mobile-header {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    position: relative;
    padding: 15px !important;
    text-align: center;
    height: 50px
}

.asd__mobile-header h3 {
    font-size: 20px;
    margin: 0
}

.asd__mobile-only {
    display: none
}

@media (max-width:600px) {
    .asd__mobile-only {
        display: block
    }
}

.asd__mobile-close {
    border: none;
    position: absolute;
    top: 7px;
    right: 5px;
    padding: 5px;
    z-index: 100;
    cursor: pointer
}

.asd__mobile-close__icon {
    position: relative;
    font-size: 1.6em;
    font-weight: 700;
    padding: 0
}

.tns-outer {
    padding: 0 !important
}

.tns-outer [hidden] {
    display: none !important
}

.tns-outer [aria-controls],
.tns-outer [data-action] {
    cursor: pointer
}

.tns-slider {
    transition: all 0s
}

.tns-slider>.tns-item {
    box-sizing: border-box
}

.tns-horizontal.tns-subpixel {
    white-space: nowrap
}

.tns-horizontal.tns-subpixel>.tns-item {
    display: inline-block;
    vertical-align: top;
    white-space: normal
}

.tns-horizontal.tns-no-subpixel:after {
    content: "";
    display: table;
    clear: both
}

.tns-horizontal.tns-no-subpixel>.tns-item {
    float: left
}

.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
    margin-right: -100%
}

.tns-gallery,
.tns-no-calc {
    position: relative;
    left: 0
}

.tns-gallery {
    min-height: 1px
}

.tns-gallery>.tns-item {
    position: absolute;
    left: -100%;
    transition: transform 0s, opacity 0s
}

.tns-gallery>.tns-slide-active {
    position: relative;
    left: auto !important
}

.tns-gallery>.tns-moving {
    transition: all .25s
}

.tns-autowidth {
    display: inline-block
}

.tns-lazy-img {
    transition: opacity .6s;
    opacity: .6
}

.tns-lazy-img.tns-complete {
    opacity: 1
}

.tns-ah {
    transition: height 0s
}

.tns-ovh {
    overflow: hidden
}

.tns-visually-hidden {
    position: absolute;
    left: -10000em
}

.tns-transparent {
    opacity: 0;
    visibility: hidden
}

.tns-fadeIn {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 0
}

.tns-fadeOut,
.tns-normal {
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1
}

.tns-vpfix {
    white-space: nowrap
}

.tns-vpfix>div,
.tns-vpfix>li {
    display: inline-block
}

.tns-t-subp2 {
    margin: 0 auto;
    width: 310px;
    position: relative;
    height: 10px;
    overflow: hidden
}

.tns-t-ct {
    width: 2333.33333%;
    position: absolute;
    right: 0
}

.tns-t-ct:after {
    content: "";
    display: table;
    clear: both
}

.tns-t-ct>div {
    width: 1.42857%;
    height: 10px;
    float: left
}