*,
:after,
:before {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

.container {
    width: 320px;
    margin: 0 auto;
    position: relative;
    padding: 0 10px 0 10px
}

.wrapper {
    overflow: hidden;
    position: relative
}

body {
    font-family: Oswald;
    color: #000
}

section {
    position: relative
}

img {
    max-width: 100%;
    margin: 0 auto;
    display: block
}

a {
    text-decoration: none
}

ul {
    list-style: none
}

.logo {
    text-align: center
}

.logo h2 {
    font-family: Nunito;
    font-style: normal;
    font-weight: 900;
    font-size: 30px;
    line-height: 1;
    text-transform: uppercase;
    color: #fff
}

.logo h3 {
    font-family: Caveat;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: .8;
    color: #fff
}

.logo--ob h2 {
    color: #ff8a29
}

.logo--ob h3 {
    color: #000
}

.logo--wb h2 {
    color: #fff
}

.logo--wb h3 {
    color: #000
}

.button {
    cursor: pointer;
    width: 290px;
    height: 60px;
    font-size: 32px;
    font-family: Oswald;
    text-align: center;
    outline: 0;
    display: inline-block;
    margin: 0 auto;
    box-shadow: none;
    outline: 0;
    border: none;
    color: #fff;
    padding: 16px 18px;
    line-height: .8;
    font-weight: 700;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .4);
    border-radius: 10px;
    background: linear-gradient(90deg, #ffbb43 0, #ff3d00 103.07%);
    text-decoration: none;
    text-transform: uppercase
}

.tx16 {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.38
}

.tx16l {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5
}

.tx18 {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.22
}

.tx18l {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.5
}

.h24 {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.25;
    text-align: center
}

.txn {
    font-family: Caveat;
    font-weight: 700;
    font-size: 22px;
    line-height: 1
}

#spriteSvg {
    position: absolute;
    top: -10px;
    left: -10px;
    width: 0;
    height: 0;
    opacity: 0
}

.arrow {
    position: relative
}

.arrow::before {
    position: absolute;
    content: "";
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 24 24' fill='none' stroke='%23FF8A29' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") center/cover no-repeat;
    width: 32px;
    height: 31px;
    left: 0;
    top: -2px
}

@keyframes blockanimate {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0 50%
    }
}

.promo .container {
    position: relative;
    padding-top: 10px
}

.no-webp .promo .container::before {
    background: url(../img/promo-bg.jpg) no-repeat 17% 10%/cover
}

.promo .container::before {
    content: "";
    position: absolute;
    width: 100vw;
    max-width: 1920px;
    height: 48%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1
}

.promo h1 {
    margin-top: 16px;
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.5;
    text-align: center;
    text-transform: uppercase
}

.promo__prod {
    display: flex;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 6px
}

.promo__prod .promo__img img {
    max-width: 169px;
    margin-left: -10px
}

.promo__prod .promo__txt {
    padding: 10px 8px 15px 25px;
    text-align: left;
    margin-left: -20px;
    background: linear-gradient(90deg, #ffbb43 0, #ff3d00 103.07%);
    color: #fff;
    position: relative;
    z-index: -1;
    border-radius: 10px
}

.promo__imgs {
    margin: 40px auto 0;
    display: flex;
    justify-content: space-between;
    max-width: 350px
}

.promo figure img {
    width: 148px;
    border-radius: 10px
}

.promo figure figcaption {
    position: relative;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    top: -10px;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    text-transform: uppercase;
    padding: 3px;
    min-width: 78px;
    max-width: 100%
}

.promo__before figcaption {
    background: #e61616
}

.promo__after figcaption {
    background: #ff8a29
}

.promo__list {
    margin: 24px auto 0;
    width: 90%
}

.promo__list h3 {
    text-align: center;
    margin-bottom: 20px
}

.promo__list li {
    position: relative;
    padding-left: 39px
}

.promo .button {
    margin: 0 auto -30px;
    display: block
}

.promo__box {
    margin: 30px auto 0
}

.cause {
    margin-top: 24px
}

.cause h2 span {
    display: block
}

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

.cause__cup figcaption {
    background: linear-gradient(270deg, #ffbb43 0, #ff3d00 103.07%);
    border-radius: 10px;
    color: #fff;
    padding: 8px 68px 14px 40px;
    margin-left: -50px;
    z-index: -1;
    margin-right: -20px
}

.cause__cup figcaption span {
    font-family: Nunito;
    font-weight: 900
}

.cause__cup img {
    max-width: 169px;
    margin-left: -45px
}

.cause__list {
    margin-top: -20px
}

.cause__list li {
    padding-left: 54px;
    margin-top: 20px
}

.cause__list li h4 {
    margin-bottom: 10px
}

.cause__list li .arrow::before {
    width: 42px;
    height: 40px;
    left: -54px
}

.fit {
    margin-top: 28px;
    background: #d0f4ff;
    padding: 48px 0 54px
}

.fit__note {
    background-color: #fff;
    border-radius: 10px;
    width: 256px;
    margin: 0 auto;
    text-align: center;
    padding: 13px 9px;
    position: relative;
    z-index: 5
}

.fit__decor {
    position: relative;
    margin: 0 auto 130px;
    max-width: 380px
}

.no-webp .fit__decor::before {
    background: url(../img/roulette.png) no-repeat center/cover
}

.fit__decor::before {
    position: absolute;
    content: "";
    width: 1181px;
    height: 296px;
    bottom: -289px;
    left: -58%;
    transform: translateX(-50%)
}

.fit__decor .fit__leaf,
.fit__decor .fit__spice {
    position: absolute
}

.fit__decor .fit__leaf {
    width: 177px;
    height: 74px;
    top: -37px;
    right: -50px
}

.fit__decor .fit__spice {
    width: 120px;
    top: -80px;
    left: -55px;
    transform: rotate(-24deg)
}

.fit__decor span {
    color: #ff8a29
}

.fit__cards {
    margin: 0 auto;
    max-width: 763px
}

.fit__cards figure {
    max-width: 350px;
    margin-top: 20px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden
}

.fit__cards figure figcaption {
    margin: 0 auto;
    width: 230px;
    padding-left: 40px;
    padding-bottom: 30px
}

.fit__cards figure figcaption h5 {
    margin: 18px 0 10px -20px
}

.fit__cards figure figcaption li:last-child {
    margin-top: 10px
}

.fit__cards figure figcaption li::before {
    left: -40px
}

.fit__cards figure:last-child figcaption .arrow::before {
    width: 31px;
    height: 31px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 24 24' fill='none' stroke='%23E61616' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E") center/cover
}

.fit__pruf {
    width: 303px;
    margin: 32px auto -80px;
    position: relative;
    font-weight: 400;
    font-size: 28px;
    line-height: 1.96;
    color: #0779b9;
    transform: rotate(3.59deg);
    background: rgba(255, 255, 255, .4);
    border: 3px solid #0779b9;
    padding-left: 58px
}

.fit__pruf::before {
    position: absolute;
    content: "";
    left: 14px;
    top: 10px;
    width: 32px;
    height: 35px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='40' fill='none'%3E%3Cpath fill='%230779B9' d='M35.12 24.87c.7-.82.57-2.04-.3-2.72a2.08 2.08 0 0 0-1.87-.35l-.72-.83c4.07-3.49 6.03-7.03 4.77-9.45-1.25-2.42-5.38-3.06-10.75-2.07C25.12 4.3 22.9.9 20.1.71c-2.8-.17-5.43 2.94-7.2 7.9-.86-.27-1.7-.51-2.52-.69-4.16-.92-7.14-.42-8.4 1.4-1 1.47-.77 3.57.67 6.09-.7.82-.57 2.04.3 2.72.52.4 1.23.54 1.87.35l.72.82C1.46 22.8-.5 26.33.77 28.75c.78 1.5 2.67 2.33 5.29 2.5 1.83.07 3.66-.07 5.45-.43 1.13 5.15 3.35 8.56 6.15 8.74 2.8.17 5.44-2.94 7.2-7.9.86.27 1.72.51 2.53.7.94.2 1.9.35 2.86.41 2.66.17 4.58-.45 5.52-1.83 1.02-1.46.78-3.56-.65-6.07Zm-1.54-1.86c.38.02.66.33.64.69a.66.66 0 0 1-.72.6.66.66 0 0 1-.63-.69.66.66 0 0 1 .71-.6Zm-7.93-7.78a50.88 50.88 0 0 0-4.7-3c1.39-.5 2.8-.91 4.24-1.25.24 1.41.4 2.83.46 4.25ZM20.02 2.01c2 .12 3.9 3 4.93 7.7-1.88.44-3.73 1-5.53 1.68a43.3 43.3 0 0 0-5.26-2.34c1.6-4.55 3.86-7.17 5.86-7.04Zm-6.26 8.28a40.6 40.6 0 0 1 4.05 1.74 55.67 55.67 0 0 0-5.03 2.39c.24-1.4.57-2.78.98-4.13ZM4.6 17.15a.68.68 0 0 1-.43.11.66.66 0 0 1-.63-.69c0-.2.12-.38.3-.5h.02c.11-.08.25-.11.39-.1.37.02.65.33.63.7a.64.64 0 0 1-.28.48ZM5.35 15a2.09 2.09 0 0 0-1.57-.3c-1.13-2-1.37-3.65-.67-4.66.91-1.33 3.45-1.64 6.97-.87.78.18 1.59.4 2.42.68a38.85 38.85 0 0 0-1.23 5.4 41.82 41.82 0 0 0-4.7 3.2l-.67-.75a1.9 1.9 0 0 0-.55-2.7Zm5.35 7.31a39.84 39.84 0 0 1-3.23-2.9 39 39 0 0 1 3.57-2.48 46.85 46.85 0 0 0-.34 5.38Zm-8.73 5.86c-.9-1.73.74-4.74 4.47-7.93a42.59 42.59 0 0 0 4.28 3.76c.05 1.86.23 3.71.55 5.55-4.9.92-8.4.34-9.3-1.38Zm10.14-3.14a53.37 53.37 0 0 0 4.7 3c-1.38.5-2.8.91-4.24 1.25a36.5 36.5 0 0 1-.46-4.25Zm5.64 13.22c-2-.12-3.91-3-4.93-7.7a43 43 0 0 0 5.52-1.68c1.7.9 3.45 1.68 5.26 2.34-1.6 4.55-3.86 7.17-5.85 7.04ZM24 29.98a40.6 40.6 0 0 1-4.05-1.73 55.68 55.68 0 0 0 5.03-2.4c-.25 1.4-.58 2.78-.98 4.13Zm1.24-5.77a51.62 51.62 0 0 1-6.83 3.25 51.15 51.15 0 0 1-6.37-4.09 47.65 47.65 0 0 1 .46-7.3 51.65 51.65 0 0 1 6.83-3.25 51.1 51.1 0 0 1 6.37 4.08 47.74 47.74 0 0 1-.46 7.3ZM35.8 12.1c.9 1.72-.74 4.73-4.46 7.92a42.58 42.58 0 0 0-4.29-3.76 38.89 38.89 0 0 0-.54-5.55c4.9-.92 8.4-.34 9.29 1.39Zm-8.73 5.85c1.13.91 2.21 1.88 3.24 2.9a39.02 39.02 0 0 1-3.58 2.48 46.88 46.88 0 0 0 .34-5.38Zm7.59 12.27c-.91 1.33-3.45 1.64-6.96.87-.78-.17-1.6-.4-2.42-.67.53-1.78.94-3.59 1.22-5.42a41.78 41.78 0 0 0 4.71-3.19l.66.76c-.2.29-.31.62-.34.96a1.99 1.99 0 0 0 2.45 2.02c1.13 2 1.38 3.66.68 4.67Z'/%3E%3Cpath fill='%230779B9' d='M19.04 17.55c-1.48-.1-2.76.99-2.85 2.42a2.65 2.65 0 0 0 2.53 2.76c1.49.09 2.77-1 2.86-2.43a2.65 2.65 0 0 0-2.54-2.75Zm-.24 3.88a1.32 1.32 0 0 1-1.27-1.38c.05-.71.69-1.26 1.43-1.2.75.04 1.31.65 1.27 1.37a1.32 1.32 0 0 1-1.43 1.21Z'/%3E%3C/svg%3E") center/contain no-repeat
}

.spec p {
    margin: 15px 0 20px
}

.spec__ico {
    margin: 65px auto 0;
    width: 61px;
    height: 61px;
    border-radius: 50%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='84' fill='none'%3E%3Cpath fill='%23fff' d='M82.1.4c-.3 0-.6 0-.9.2-2.4 1.3-5 2-7.8 2h-4.7a34 34 0 0 0-12.4 2.3c-4.9 2-8 6.6-8 12v2.7c0 1.8-.8 3.5-2 4.9V22a1.2 1.2 0 1 0-2.4 0v21.7l-1.9.6-1.9-.6V13.1a6.7 6.7 0 0 0 3.8 0v3.3a1.2 1.2 0 1 0 2.4 0v-4.7a6.7 6.7 0 1 0-8.6 0v12.8a7.1 7.1 0 0 1-2-4.9v-2.8c0-5.3-3.1-10-8-11.9a34 34 0 0 0-11-2.3c-.6 0-1.2.5-1.3 1.2 0 .7.5 1.3 1.2 1.3a31.4 31.4 0 0 1 10.2 2.1c4 1.6 6.5 5.4 6.5 9.6v2.8c0 3 1.3 5.7 3.6 7.5l.8.6v2.5h-2.1l-.4-.6a6.5 6.5 0 0 0-8.8-2.4 7.9 7.9 0 0 0-3 3H23a6.5 6.5 0 0 1-6.6-6.2h8.9a1.2 1.2 0 0 0 0-2.4H16a6.5 6.5 0 0 1-6.6-6.3h8.8a1.2 1.2 0 0 0 0-2.4h-7.5a8.1 8.1 0 0 1-8.2-8.2V3.2C5 4.5 8 5.2 10.9 5.1a1.2 1.2 0 1 0 0-2.5c-2.8 0-5.6-.6-8.1-2A1.9 1.9 0 0 0 0 2.3v2.4a10.6 10.6 0 0 0 7 10 9 9 0 0 0 6.8 9 9 9 0 0 0 8.8 9l-.1.8c0 .7-.2 1.2-.4 1.7-.3 1-.5 2.2-.5 3.4 0 4.6 3 8.6 7.4 10A8.6 8.6 0 0 0 27.2 63a1.2 1.2 0 0 0 1.5-1.9 6.2 6.2 0 0 1 2.1-10.7l22.6-7a5 5 0 0 0 3.6-5c0-1-.6-2-1.4-2.4l-4.2-2.4a1.9 1.9 0 0 1-.7-2.6l.2-.3a4 4 0 0 1 5.5-1.5 5.4 5.4 0 0 1 2.7 4.4c0 .9.2 1.6.4 2.3.3.8.5 1.7.5 2.5a8 8 0 0 1-5.7 7.7l-22.6 7.1c-1.1.4-2 1.3-2.2 2.5-.3 1.6.6 3.2 2 3.7l9 3.1c5.2 1.9 8.7 6.8 8.7 12.4 0 .8-.6 1.5-1.4 1.5-.8 0-1.5-.6-1.5-1.4 0-4.4-2.8-8.2-6.9-9.7l-5.8-2a1.2 1.2 0 0 0-.8 2.3l2.1.7a15.7 15.7 0 0 0-2.6 8.6 4 4 0 0 0 3.8 4c.6 0 1 0 1.6-.3v.9c0 2.4 2 4.4 4.3 4.4 2.4 0 4.3-2 4.3-4.4v-.9c.5.2 1 .3 1.6.3a4 4 0 0 0 3.8-4c0-3.1-1-6-2.6-8.6l5.1-1.8a8.7 8.7 0 0 0 .8-16A10.5 10.5 0 0 0 62 35.2l-.4-1.7v-.9a9 9 0 0 0 8.7-8.8 9 9 0 0 0 6.9-9 10.9 10.9 0 0 0 3.2-2 1.2 1.2 0 0 0-1.6-1.8 8.2 8.2 0 0 1-5.4 2h-7.5a1.2 1.2 0 0 0 0 2.4h7.5l1.3-.1a6.6 6.6 0 0 1-6.6 6.3h-9.2a1.2 1.2 0 0 0 0 2.4h8.9a6.6 6.6 0 0 1-6.6 6.2h-.5a7.8 7.8 0 0 0-3-3c-3-1.8-7-.7-8.8 2.4l-.4.6h-2v-2.5l.7-.6a9.6 9.6 0 0 0 3.6-7.5v-2.8c0-4.2 2.6-8 6.5-9.6a31.5 31.5 0 0 1 11.5-2.1h4.7c2.8 0 5.6-.7 8.1-1.9v1.5c0 .7 0 1.4-.2 2a1.2 1.2 0 1 0 2.4.6c.2-.8.3-1.7.3-2.6V2.3c0-1-.8-2-1.9-2ZM42 2.4a4.2 4.2 0 1 1 0 8.5 4.2 4.2 0 0 1 0-8.4Zm-5.8 74.1c-.8 0-1.4-.7-1.4-1.5 0-2.8.9-5.5 2.5-7.7l1.3.4c.6.2 1 .5 1.5.8a10.3 10.3 0 0 0-2.4 6.6 1.5 1.5 0 0 1-1.5 1.4Zm5.8 5a2 2 0 0 1-1.9-2V76l.1-.8c0-1.9.7-3.6 1.8-5a7.8 7.8 0 0 1 1.8 5v4.5c0 1-.8 2-1.8 2Zm9.5-25.8c.3 0 .5.3.6.6 0 .4-.1.7-.5.9L46.3 59v-5l5.2 1.7Zm-19.6.6c0-.3.3-.5.6-.6l5.2-1.7v5l-5.3-1.8a.8.8 0 0 1-.5-1Zm8.2 3.6v-6.6l1.9-.6 1.9.6v6.6l-1.2.4-.7.3-.7-.3-1.2-.4Zm11-10 2 .6c2.7.8 4.4 3.2 4.4 6 0 2.6-1.6 5-4.1 5.8l-6 2c-.7-.7-1.6-1.5-2.5-2.1l7.5-2.7a3.3 3.3 0 0 0 2.1-3.7c-.2-1.2-1-2.1-2.2-2.5l-6.2-2 5-1.5ZM37.6 43l-6.4-2a2.6 2.6 0 0 1-1.8-2.5c0-.2 0-.3.2-.4l4.1-2.4c1.2-.7 2-1.9 2.1-3.2h1.8v10.5ZM24 38.6c0-1 .2-1.8.5-2.6l.4-2.3a5.4 5.4 0 0 1 2.7-4.4c2-1 4.2-.5 5.5 1.5.5.8.5 2.3-.5 2.9L28.4 36c-.8.5-1.4 1.4-1.4 2.5a5 5 0 0 0 3.6 4.8l7.3 2.3-5 1.6-3.2-1a8 8 0 0 1-5.7-7.7Zm24-6c.2 1.3 1 2.5 2.2 3.2l4.1 2.4c.2 0 .2.2.2.3 0 1.2-.7 2.2-1.8 2.6l-6.4 2V32.6h1.8Z'/%3E%3C/svg%3E") 50% 60%/37px 37px no-repeat, #0779b9
}

.spec h2 {
    margin-top: 8px;
    color: #0779b9;
    text-align: left
}

.spec__blue {
    margin-top: 20px;
    background: #0779b9;
    border-radius: 0 10px 10px 0;
    color: #fff;
    position: relative;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    padding: 8px
}

.spec__blue h4 {
    width: 287px;
    position: relative;
    padding-left: 41px;
    margin: 0 auto
}

.spec__blue h4::before {
    position: absolute;
    content: "";
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='52' fill='none'%3E%3Cpath fill='%23fff' d='M2 40H.5v1.5H2V40Zm26.8 1c.6-.5.6-1.5 0-2l-9.5-9.6a1.5 1.5 0 1 0-2.2 2.1l8.5 8.5-8.5 8.5a1.5 1.5 0 1 0 2.2 2.1l9.5-9.5ZM.5 0v40h3V0h-3ZM2 41.5h25.7v-3H2v3Z'/%3E%3C/svg%3E") center/contain no-repeat;
    width: 36px;
    height: 50px;
    left: 2px;
    top: -26px
}

.spec__imgs {
    margin-top: 17px
}

.spec__imgs .doc {
    border-radius: 50%;
    overflow: hidden;
    width: 112px;
    border: 3px solid #fff;
    margin: 0 auto -53px;
    position: relative;
    z-index: 5
}

.no-webp .spec__imgs .spec__fat {
    background: url(../img/fat.jpg) no-repeat center/contain
}

.spec__imgs .spec__fat {
    margin: 0 auto;
    overflow: hidden;
    height: 348px;
    border-radius: 10px;
    position: relative
}

.spec__imgs .spec__fat .fat {
    position: absolute;
    left: 0;
    top: 0
}

.spec__imgs .spec__fat .fat img {
    margin: 0
}

.spec p {
    margin: 15px 0 20px
}

.spec .button {
    margin: 0 auto;
    display: block
}

.esc {
    margin-top: 48px;
    position: relative;
    padding-bottom: 40px
}

.esc .logo h2 {
    padding: 0;
    font-size: 24px;
    line-height: 1.5
}

.esc .logo h3 {
    display: none
}

.no-webp .esc::before {
    background: url(../img/escape-bg.jpg) no-repeat 10%/cover
}

.esc::before {
    content: "";
    position: absolute;
    width: 100vw;
    max-width: 1920px;
    height: 78%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1
}

.esc h2 {
    padding: 30px 0 50px;
    position: relative;
    color: #fff
}

.esc h2 span {
    font-family: Nunito;
    text-transform: uppercase
}

.esc h2::before {
    position: absolute;
    content: "";
    background: #ff8a29;
    width: 100vw;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1
}

.esc__note {
    background: #fff;
    border-radius: 10px;
    width: 249px;
    margin: -30px auto 0;
    padding: 31px 13px 31px 10px
}

.esc__note h3 {
    text-align: center;
    padding: 0 10px
}

.esc__note ul {
    margin-top: 10px
}

.esc__note ul li {
    padding-left: 41px
}

.weeks {
    position: relative;
    padding-bottom: 560px
}

.weeks h2 {
    margin-top: 40px
}

.weeks .subtitle {
    position: relative;
    padding: 11px;
    text-align: center;
    color: #fff;
    font-family: Caveat;
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 1.15;
    margin-top: 30px
}

.weeks .subtitle::before {
    position: absolute;
    content: "";
    background: #ff8a29;
    width: 100vw;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1
}

.no-webp .weeks .container::before {
    background: url(../img/tea.png) no-repeat center/contain
}

.weeks .container::before {
    content: "";
    position: absolute;
    bottom: -360px;
    left: -92px;
    width: 556px;
    height: 332px;
    z-index: 2
}

.no-webp .weeks .container::after {
    background: url(../img/prod.png) no-repeat center/contain
}

.weeks .container::after {
    content: "";
    position: absolute;
    bottom: -510px;
    left: 50%;
    transform: translateX(-50%);
    width: 230px;
    height: 317px;
    z-index: 2
}

.weeks ul li {
    margin-top: 28px
}

.weeks ul li h2 {
    padding: 3px 29px 8px 23px;
    color: #fff;
    display: inline-block;
    -webkit-clip-path: polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%);
    clip-path: polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%)
}

.weeks ul li:nth-child(1) h2 {
    background: #e61616
}

.weeks ul li:nth-child(2) h2 {
    background: #ff8a29
}

.weeks ul li:nth-child(3) h2 {
    background: #e5c416
}

.weeks ul li:nth-child(4) h2 {
    background: #92be33
}

.weeks ul li h3 {
    margin: 14px 0 2px
}

.weeks__imgs {
    position: relative;
    margin-top: 30px;
    max-width: 635px
}

.weeks__imgs .girl-1,
.weeks__imgs .girl-2 {
    margin-top: 6px;
    display: flex;
    justify-content: space-between;
    max-width: 635px
}

.weeks__imgs .girl-1 .after,
.weeks__imgs .girl-1 .before,
.weeks__imgs .girl-2 .after,
.weeks__imgs .girl-2 .before {
    max-width: 312px;
    width: 49%;
    border-radius: 10px;
    overflow: hidden
}

.weeks__imgs .logo {
    width: 88px;
    height: 88px;
    position: absolute;
    background: #fff;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.weeks__imgs .logo h2 {
    font-size: 16px;
    color: #ff8a29;
    margin-top: 26px
}

.weeks__imgs .logo h3 {
    margin: 2px auto 0;
    width: 66px;
    font-size: 16px;
    color: #000
}

.exam .container {
    padding: 40px 0 131px
}

.no-webp .exam .container::before {
    background: url(../img/exam-bg-mob.jpg) no-repeat center/cover
}

.exam .container::before {
    content: "";
    position: absolute;
    width: 320px;
    max-width: 1920px;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1
}

.no-webp .exam .container::after {
    background: url(../img/exam-decor.png) no-repeat center/contain
}

.exam .container::after {
    content: "";
    position: absolute;
    width: 320px;
    height: 188px;
    z-index: -1;
    bottom: 0;
    left: 0
}

.exam__card {
    margin: 0 auto 30px;
    display: flex;
    width: 93%;
    max-width: 325px;
    justify-content: space-between
}

.exam__card figure {
    max-width: 49%
}

.exam__card figure .girl {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: -16px
}

.exam__card figure .girl--after~figcaption {
    background: #ff8a29
}

.exam__card figure .girl--before~figcaption {
    background: #e61616
}

.exam__card figure figcaption {
    display: inline-block;
    min-width: 97px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 24px;
    line-height: 1;
    padding: 3px 0 5px;
    color: #fff;
    text-align: center;
    margin-left: 10px;
    border-radius: 10px
}

.better {
    margin-top: 32px
}

.better__txt p {
    margin-top: 20px
}

.better__imgs {
    margin-top: 29px;
    position: relative;
    margin-bottom: 31px;
    max-width: 300px;
    margin: 29px auto 31px
}

.better__imgs .better__prod {
    width: 180px;
    margin: 0 auto;
    position: relative;
    z-index: 10
}

.better__imgs .better__spice {
    position: absolute;
    z-index: 9;
    transform: matrix(-.76, .65, .65, .76, 0, 0);
    top: 70px;
    width: 230px;
    right: -65px
}

.better__imgs .better__mushroom {
    width: 239px;
    position: absolute;
    left: -28px;
    top: 48px;
    transform: scaleX(-1) rotate(11deg)
}

.better__imgs .better__spoon {
    position: absolute;
    bottom: -60px;
    left: 0;
    width: 245px;
    z-index: 10
}

.better__result {
    position: relative;
    padding-top: 40px;
    text-align: center
}

.better__result .logo {
    display: flex;
    margin: 5px auto;
    align-items: center;
    justify-content: center
}

.better__result .logo h3 {
    margin-left: 18px;
    text-align: left;
    color: #000;
    width: 80px
}

.better__result::before {
    z-index: -1;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    content: "";
    height: 229px;
    width: 100vw;
    background: linear-gradient(90deg, #ffbb43 0, #ff3d00 103.07%)
}

.better__card {
    display: flex;
    justify-content: space-between;
    max-width: 325px;
    margin: 25px auto
}

.better__card figure {
    width: 49%
}

.better__card figure figcaption {
    min-width: 97px;
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 10px
}

.better__card .girl {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: -16px
}

.better__card .girl--before~figcaption {
    background: #e61616
}

.better__card .girl--after~figcaption {
    background: #ff8a29
}

.extra {
    margin-top: 36px
}

.extra h2 {
    text-align: center
}

.extra h2 span {
    color: #ff8a29;
    display: block
}

.extra__card {
    display: flex;
    margin-top: 20px
}

.extra__card img {
    margin-right: 20px;
    max-width: 65px;
    border-radius: 50%;
    overflow: hidden
}

.extra__card h3 {
    margin-bottom: 10px
}

.extra__card ul li {
    padding-left: 20px;
    position: relative
}

.extra__card ul li::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 11px;
    border-radius: 50%;
    width: 3px;
    height: 3px;
    background: #000
}

.extra .logo {
    margin-top: 28px
}

.extra .logo h2 {
    font-size: 60px;
    color: #ff8a29
}

.extra .logo h3 {
    font-size: 46px;
    color: #000;
    letter-spacing: -.4px
}

.extra__cup {
    margin: 40px auto;
    transform: rotate(60deg)
}

.step {
    margin-top: 55px
}

.step .container {
    position: relative
}

.no-webp .step .container::before {
    background: url(../img/step-bg.jpg) no-repeat center/cover
}

.step .container::before {
    content: "";
    position: absolute;
    top: 104px;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 200px;
    z-index: -1
}

.step h2 {
    text-align: center
}

.step__prod {
    width: 150px;
    margin-top: 23px
}

.step__subtitle {
    margin-top: 15px;
    font-family: Caveat;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 1;
    text-align: center;
    color: #000
}

.step h4 {
    position: relative;
    text-align: center;
    padding: 13px;
    margin-top: 20px
}

.step h4::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(90deg, #ffbb43 0, #ff3d00 103.07%);
    width: 100vw;
    z-index: -1
}

.step ul {
    padding-top: 7px;
    position: relative;
    padding-bottom: 70px
}

.no-webp .step ul::before {
    background: url(../img/roulette-2.png) no-repeat center/cover
}

.step ul::before {
    position: absolute;
    content: "";
    width: 320px;
    height: 82px;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1
}

.step ul li {
    display: flex;
    margin-top: 13px
}

.step ul li img {
    border-radius: 10px;
    max-width: 130px;
    overflow: hidden;
    margin-right: 14px
}

.step ul li p {
    width: calc(100% - 44px);
    display: flex;
    align-items: start
}

.step ul li p span {
    display: block;
    line-height: 1.52;
    margin-right: 5px
}

.users {
    margin-top: 20px
}

.users h2 {
    text-align: center
}

.users__slider {
    border: 1px solid #ff8a29;
    border-radius: 10px;
    overflow: hidden;
    padding: 0 9px 20px 9px;
    max-width: 380px
}

.users__title {
    font-family: Caveat;
    font-weight: 700;
    font-size: 22px;
    line-height: 22px;
    color: #fff;
    background: linear-gradient(90deg, #ffbb43 0, #ff3d00 103.07%);
    padding: 10px 0 8px;
    margin: 0 -9px
}

.users__cards {
    margin-top: 20px;
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between;
    max-width: 350px
}

.users__cards~p {
    margin-top: 10px;
    text-align: left
}

.users__cards figure {
    width: 49%
}

.users__cards figure figcaption {
    min-width: 77px;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.6;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 10px
}

.users__cards .girl {
    margin-bottom: -16px
}

.users__cards .girl--before~figcaption {
    background: #e61616
}

.users__cards .girl--after~figcaption {
    background: #ff8a29
}

.users .swiper-horizontal>.swiper-pagination-bullets,
.users .swiper-pagination-bullets.swiper-pagination-horizontal,
.users .swiper-pagination-custom,
.users .swiper-pagination-fraction {
    bottom: -50px
}

.users .swiper-pagination-bullet {
    width: 23px;
    height: 23px
}

.users .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.users .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 7px)
}

.users .swiper-pagination-bullet-active {
    background: #ff8a29
}

.final {
    margin-top: 92px
}

.final .container {
    position: relative;
    padding-bottom: 28px
}

.no-webp .final .container::before {
    background: url(../img/footer-bg.jpg) no-repeat 19%/cover
}

.final .container::before {
    content: "";
    position: absolute;
    width: 100vw;
    max-width: 1920px;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1
}

.final h2 {
    text-align: center;
    color: #fff;
    padding: 37px 0 32px
}

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

.final__imgs .girl {
    width: 138px;
    margin-bottom: -5px
}

.final__imgs .prod {
    width: 168px
}

.final .form {
    padding: 0 23px 23px;
    max-width: 380px;
    position: relative;
    z-index: 1;
    background: #fff;
    border-radius: 10px;
    overflow: hidden
}

.final .form .priceBox {
    display: flex;
    padding: 25px 0 20px;
    justify-content: center;
    position: relative;
    align-items: center
}

.final .form .priceBox::before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    right: -23px;
    left: -23px;
    background: linear-gradient(90deg, #ffbb43 0, #ff3d00 103.07%);
    z-index: -1
}

.final .form .priceBox .old-price {
    font-weight: 700;
    font-size: 40px;
    line-height: .75;
    color: #000;
    margin-right: 30px
}

.final .form .priceBox .new-price {
    font-weight: 400;
    font-size: 30px;
    line-height: 1;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    color: #6b6b6b
}

.final .form__note {
    text-align: center;
    display: block;
    margin-bottom: 34px;
    padding-top: 16px
}

.final .form__note span {
    display: inline-block;
    position: relative;
    color: #fff;
    margin: 5px auto
}

.final .form__note span::before {
    position: absolute;
    content: "";
    top: 0;
    bottom: -3px;
    right: -7px;
    left: -7px;
    background: #e61616;
    z-index: -1;
    border-radius: 5px
}

.final .form #country_code_selector,
.final .form input {
    width: 100%;
    font-family: Oswald;
    background: rgba(255, 255, 255, .1);
    border: 1px solid #ff8a29;
    padding-left: 18px;
    border-radius: 10px;
    height: 40px;
    display: block;
    margin: 0 auto 11px;
    outline: 0;
    font-size: 18px;
    line-height: 122%;
    color: #000
}

.final .form #country_code_selector::-moz-placeholder,
.final .form input::-moz-placeholder {
    font-size: 18px;
    line-height: 122%;
    color: #000
}

.final .form #country_code_selector:-ms-input-placeholder,
.final .form input:-ms-input-placeholder {
    font-size: 18px;
    line-height: 122%;
    color: #000
}

.final .form #country_code_selector::placeholder,
.final .form input::placeholder {
    font-size: 18px;
    line-height: 122%;
    color: #000
}

.final .form .button {
    width: 100%;
    margin-bottom: 10px;
}

.final .form #country_code_selector {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23D9D9D9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E%0A") no-repeat 95% 50%, rgba(255, 255, 255, .1)
}

.final .form #country_code_selector option {
    font-size: 18px;
    line-height: 122%;
    color: #000
}

.swiper-button-next,
.swiper-button-prev,
.web {
    display: none
}

@keyframes pulse {
    from {
        transform: translate(-50%, -50%) scale(.9)
    }

    50% {
        transform: translate(-50%, -50%) scale(1)
    }

    to {
        transform: translate(-50%, -50%) scale(.9)
    }
}

@media screen and (min-width:425px) {
    .container {
        width: 400px
    }

    .exam .container::before {
        width: 400px
    }

    .final__imgs .prod {
        margin-left: 30px
    }
}

@media screen and (min-width:768px) {
    .container {
        width: 744px
    }

    .promo .container::before {
        height: 100%
    }

    .promo__prod {
        flex-direction: column
    }

    .promo__prod .promo__txt {
        max-width: 791px;
        order: 1;
        background: #fff;
        color: #000;
        margin: 0
    }

    .promo__prod .promo__img {
        order: 2;
        margin-top: 10px
    }

    .promo__imgs {
        max-width: 100%
    }

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

    .promo__list {
        width: 210px;
        margin: -30px 0 30px 0;
        background: #fff;
        padding: 20px 5px 0;
        border-radius: 0 0 10px 10px
    }

    .promo figure img {
        width: 210px;
        border-radius: 10px 10px 0 0
    }

    .promo figure figcaption {
        top: -16px
    }

    .promo__card {
        margin-top: -350px;
        z-index: -1
    }

    .cause__cup {
        margin-top: -50px
    }

    .cause__cup img {
        max-width: 430px
    }

    .cause__cup figcaption {
        padding: 8px 78px 14px 190px;
        margin-left: -190px;
        margin-top: -140px;
        font-size: 22px
    }

    .cause h2,
    .cause__list {
        max-width: 50%;
        margin-left: auto;
        text-align: left
    }

    .cause__list {
        margin-top: -210px;
        max-width: 55%
    }

    .fit__cards {
        display: flex;
        justify-content: space-around
    }

    .fit__cards figure {
        max-width: 260px;
        position: relative;
        z-index: 10
    }

    .fit__decor::before {
        bottom: -530px;
        left: 50%
    }

    .fit__decor {
        margin-bottom: 50px
    }

    .fit__pruf {
        margin: -30px auto 0;
        z-index: 10
    }

    .spec__ico {
        margin-bottom: -30px;
        z-index: 10;
        position: relative
    }

    .spec__box {
        max-width: 1110px;
        background: #fff;
        box-shadow: 2px 4px 15px rgba(0, 0, 0, .25);
        border-radius: 10px;
        padding: 40px 20px 20px 20px;
        overflow: hidden;
        position: relative
    }

    .spec__line {
        display: flex;
        position: relative;
        align-items: center;
        flex-direction: row-reverse
    }

    .spec__blue {
        left: 30%;
        position: relative;
        z-index: 1
    }

    .spec__imgs {
        z-index: 5;
        margin-right: -50px
    }

    .spec__fat {
        width: 309px
    }

    .weeks {
        padding-bottom: 400px
    }

    .weeks figure figcaption ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
    }

    .weeks figure figcaption ul li {
        width: 50%
    }

    .weeks .container::after {
        left: 70%;
        bottom: -370px
    }

    .exam .container {
        display: flex;
        padding: 70px 0 30px
    }

    .no-webp .exam .container::before {
        background: url(../img/exam-bg.jpg) no-repeat center/cover
    }

    .exam .container::before {
        width: 100vw;
        max-width: 1920px
    }

    .exam .container::after {
        display: none
    }

    .exam__card:not(:last-child) {
        margin-right: 10px
    }

    .better__result {
        margin-top: -80px;
        padding: 0 5px;
        width: 444px;
        margin-left: auto;
        display: flex;
        border-radius: 10px;
        align-items: center;
        overflow: hidden
    }

    .better__result::before {
        width: 100%;
        height: 100%
    }

    .better__result .logo h3 {
        margin-left: 5px
    }

    .better__card {
        margin: 5px auto
    }

    .better__txt {
        width: 444px;
        margin-left: auto
    }

    .better__imgs .better__prod {
        width: 240px;
        margin: -330px 0 0 -200px
    }

    .better__imgs .better__spoon {
        position: absolute;
        bottom: -80px;
        left: -310px;
        width: 295px;
        z-index: 10
    }

    .better__imgs .better__mushroom {
        left: -318px
    }

    .better__imgs .better__spice {
        transform: none;
        top: 170px;
        right: 405px
    }

    .better .button {
        margin-top: 44px
    }

    .step ul {
        display: flex
    }

    .step ul li {
        width: 50%
    }

    .step .container::before {
        height: 250px;
        top: 50px
    }

    .final__box {
        width: 380px;
        margin: 0 auto
    }
}

@media screen and (min-width:990px) {
    .tx16 {
        font-size: 18px
    }

    .tx16l {
        font-size: 18px
    }

    .tx18 {
        font-size: 20px
    }

    .tx18l {
        font-size: 20px
    }

    .h24 {
        font-size: 26px
    }

    .txn {
        font-size: 26px
    }

    .container {
        width: 960px
    }

    .logo {
        text-align: center
    }

    .logo h2 {
        font-size: 60px;
        line-height: 1
    }

    .logo h3 {
        font-size: 46px
    }

    .cause__cup img {
        max-width: 500px
    }

    .cause h2,
    .cause__list {
        max-width: 540px
    }

    .cause__list {
        margin-top: -230px
    }

    .fit {
        padding: 100px 0
    }

    .fit__note {
        width: 100%
    }

    .fit__note span {
        display: block
    }

    .fit__decor {
        max-width: 765px
    }

    .fit__decor .fit__spice {
        width: 220px;
        top: -120px;
        left: -185px;
        transform: none
    }

    .fit__decor .fit__leaf {
        width: 412px;
        top: -67px;
        right: -250px
    }

    .fit__cards figure {
        max-width: 350px
    }

    .spec h2,
    .spec p {
        margin-left: 340px
    }

    .spec h2 {
        margin-top: 60px
    }

    .spec__box {
        overflow: visible
    }

    .spec__ico {
        width: 136px;
        height: 136px;
        background-size: 84px 84px;
        margin-bottom: -73px
    }

    .spec__blue {
        left: -280px;
        padding: 11px 29px 20px 370px;
        transform: none;
        margin-right: -270px
    }

    .spec__blue h4 {
        width: auto
    }

    .spec__line {
        margin: -160px auto -150px
    }

    .spec .button {
        margin: 50px 0 -45px 340px;
    }

    .esc {
        margin-top: 100px;
        padding: 60px 0
    }

    .no-webp .esc::after {
        background: url(../img/escape-woman.png) no-repeat center/contain
    }

    .esc::after {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-100%);
        height: 100%;
        width: 341px
    }

    .esc .logo {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .esc .logo h2 {
        font-size: 28px
    }

    .esc .logo h3 {
        display: block;
        color: #000;
        font-size: 36px;
        width: 150px
    }

    .esc::before {
        height: 100%
    }

    .esc__box {
        background: #fff;
        border-radius: 10px;
        width: 45%;
        max-width: 635px;
        margin-left: auto
    }

    .esc__box h2 {
        color: #ff8a29;
        font-weight: 400
    }

    .esc h2::before {
        display: none
    }

    .esc__note {
        width: auto;
        margin: -60px auto 0
    }

    .weeks figure {
        display: flex;
        align-items: flex-end
    }

    .weeks figure figcaption {
        order: 2
    }

    .weeks figure figcaption ul {
        display: block
    }

    .weeks figure figcaption ul li {
        width: 415px
    }

    .weeks figure .weeks__imgs {
        order: 1;
        margin-right: 40px
    }

    .better__result,
    .better__txt {
        width: 660px
    }

    .better__imgs {
        margin: 80px 0 0 230px
    }

    .better__result-title h3 {
        font-size: 26px
    }

    .better__result-title .logo {
        margin: 7px auto
    }

    .better__result-title .logo h2 {
        font-size: 44px
    }

    .better__result-title .logo h3 {
        font-size: 30px;
        width: 110px
    }

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

    .extra__box .left {
        order: 1
    }

    .extra__box .right {
        order: 3
    }

    .extra__box .web {
        display: block;
        order: 2
    }

    .extra__box .web .button {
        width: 250px
    }

    .extra__card figcaption {
        width: 253px
    }

    .extra .logo h2 {
        font-size: 30px
    }

    .extra .logo h3 {
        font-size: 26px
    }

    .extra__cup {
        width: 250px
    }

    .step {
        margin-top: 147px
    }

    .step h4::before {
        display: none
    }

    .step .container::before {
        height: auto;
        top: -94px;
        bottom: -85px
    }

    .step__box {
        margin: 94px auto 85px 0;
        background: #fff;
        border-radius: 10px;
        width: 670px;
        padding: 61px 18px
    }

    .step__prod {
        display: none
    }

    .step__subtitle {
        font-size: 24px
    }

    .step ul {
        padding-bottom: 0;
        justify-content: space-between
    }

    .no-webp .step ul::before {
        background: url(../img/roulette-2-web.png) no-repeat center/cover
    }

    .step ul::before {
        bottom: -400px;
        left: 190%;
        width: 586px;
        height: 160px
    }

    .step ul li {
        width: auto
    }

    .step ul li p {
        width: 183px
    }

    .users h2 {
        margin-top: 134px
    }

    .users__title {
        margin-top: 59px;
        max-width: 448px;
        border-radius: 10px 10px 0 0
    }

    .users__item {
        display: flex;
        flex-direction: row-reverse;
        border: 1px solid #ff8a29;
        border-radius: 10px;
        padding: 30px
    }

    .users__slider {
        max-width: 980px;
        border: none
    }

    .users__txt {
        max-width: 540px;
        margin-right: 30px;
        text-align: left
    }

    .users__txt p {
        margin-top: 16px
    }

    .final__box {
        display: flex;
        width: 100%;
        justify-content: space-around
    }

    .final__imgs .girl {
        width: 216px;
        margin-bottom: -28px
    }

    .final__imgs .prod {
        width: 200px
    }
}

@media screen and (min-width:1170px) {
    .button {
        width: 319px;
        height: 76px;
        font-size: 40px;
        line-height: 1;
        position: relative;
        transition: box-shadow .6s, text-shadow .6s
    }

    .button:hover {
        box-shadow: none;
        text-shadow: -1px -1px 1px rgba(255, 255, 255, .2), 1px 1px 1px rgba(0, 0, 0, .6)
    }

    .h24 {
        font-weight: 400
    }

    .down {
        position: relative;
        z-index: 10;
        color: #fff
    }

    .down::before {
        position: absolute;
        content: "";
        top: 18px;
        bottom: 4px;
        left: -5px;
        right: 2px;
        border-radius: 10px;
        z-index: -1
    }

    .down::after {
        position: absolute;
        z-index: -1;
        content: "";
        width: 23px;
        height: 58px;
        bottom: -54px
    }

    .down:first-child::before {
        background: #ff8a29
    }

    .down:first-child:after {
        left: 50%;
        transform: translateX(-50%);
        background: url("data:image/svg+xml,%3Csvg width='23' height='58' viewBox='0 0 23 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.2465 57.0604C10.8323 57.6462 11.782 57.6462 12.3678 57.0604L21.9137 47.5145C22.4995 46.9287 22.4995 45.9789 21.9137 45.3932C21.3279 44.8074 20.3782 44.8074 19.7924 45.3932L11.3071 53.8784L2.82185 45.3932C2.23606 44.8074 1.28631 44.8074 0.700525 45.3932C0.114738 45.9789 0.114738 46.9287 0.700525 47.5145L10.2465 57.0604ZM9.80713 -0.000244205L9.80713 55.9998L12.8071 55.9998L12.8071 -0.000244076L9.80713 -0.000244205Z' fill='%23FF8A29'/%3E%3C/svg%3E%0A")
    }

    .down:last-child::before {
        background: #e61616
    }

    .down:last-child::after {
        left: 25%;
        background: url("data:image/svg+xml,%3Csvg width='23' height='58' viewBox='0 0 23 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.2465 57.0604C10.8323 57.6462 11.782 57.6462 12.3678 57.0604L21.9137 47.5145C22.4995 46.9287 22.4995 45.9789 21.9137 45.3932C21.3279 44.8074 20.3782 44.8074 19.7924 45.3932L11.3071 53.8784L2.82185 45.3932C2.23606 44.8074 1.28631 44.8074 0.700525 45.3932C0.114738 45.9789 0.114738 46.9287 0.700525 47.5145L10.2465 57.0604ZM9.80713 -0.000244205L9.80713 55.9998L12.8071 55.9998L12.8071 -0.000244076L9.80713 -0.000244205Z' fill='%23E61616'/%3E%3C/svg%3E%0A")
    }

    .wrapper {
        width: 1920px;
        max-width: 100%;
        margin: 0 auto
    }

    .container {
        width: 1110px;
        padding: 0
    }

    .promo {
        position: relative
    }

    .promo .container {
        padding: 40px 0 64px
    }

    .promo h1 {
        font-size: 60px;
        margin-top: 13px
    }

    .promo__prod {
        margin-bottom: -170px
    }

    .promo__prod .promo__txt {
        padding: 10px 20px 20px;
        font-size: 30px;
        line-height: 1.13;
        font-weight: 300;
        text-align: center
    }

    .promo__prod .promo__txt span {
        display: block
    }

    .promo__prod .promo__img {
        margin-top: 24px
    }

    .promo__prod .promo__img img {
        max-width: 278px
    }

    .promo figure img {
        width: 285px
    }

    .promo figure figcaption {
        min-width: 109px;
        font-weight: 700;
        font-size: 24px;
        top: -19px
    }

    .promo__list {
        width: 285px;
        padding: 23px 10px
    }

    .promo__list h3 {
        margin-top: 10px
    }

    .promo__list li {
        font-size: 22px
    }

    .promo__card {
        margin-top: -370px
    }

    .promo__imgs {
        margin-bottom: -7px
    }

    .promo .button {
        margin: 175px auto -540px
    }

    .cause__cup {
        margin-top: -220px
    }

    .cause__cup img {
        max-width: 1134px;
        transform: rotate(-8deg);
        margin-left: -570px
    }

    .cause__cup figcaption {
        font-size: 50px;
        margin-left: -300px;
        margin-top: -280px;
        padding-right: 28px
    }

    .cause__cup figcaption span {
        text-transform: uppercase
    }

    .cause h2 {
        font-size: 40px;
        margin-top: 150px
    }

    .cause__list {
        margin-top: -530px;
        max-width: 600px;
        margin-bottom: 141px
    }

    .cause__list li {
        padding-left: 65px
    }

    .cause__list li h4 {
        font-size: 30px;
        margin-bottom: 15px
    }

    .cause__list li .arrow::before {
        left: -65px
    }

    .fit {
        background: #ebca9b;
        padding: 150px 0
    }

    .fit h2 {
        font-size: 42px;
        margin-top: 100px
    }

    .fit__note {
        font-size: 36px;
        padding: 18px 34px
    }

    .fit__cards {
        max-width: 770px;
        margin-top: 45px
    }

    .fit__cards figure {
        max-width: 343px
    }

    .fit__cards figure figcaption {
        width: 100%;
        padding: 0 14px
    }

    .fit__cards figure figcaption h5 {
        font-size: 30px;
        margin: 21px 0 0 0
    }

    .fit__cards figure figcaption ul {
        padding: 26px 0 27px 60px
    }

    .fit__pruf {
        margin-top: -15px;
        font-size: 32px;
        padding-left: 65px;
        width: 317px
    }

    .fit__pruf::before {
        width: 36px;
        height: 39px
    }

    .fit__decor::before {
        width: 1920px;
        height: 726px;
        bottom: -800px
    }

    .spec__ico {
        margin-top: 88px
    }

    .spec__box {
        padding: 45px 55px 44px 50px;
        margin-bottom: 186px
    }

    .spec h2 {
        font-size: 30px
    }

    .spec .spec__blue {
        margin-top: 41px;
        font-size: 30px;
        font-weight: 400;
        left: -310px;
        padding: 11px 29px 20px 390px;
        margin-right: -310px
    }

    .spec p {
        font-size: 18px;
        margin-top: 22px
    }

    .spec__imgs {
        margin-top: 0
    }

    .spec__imgs .spec__fat {
        height: 358px
    }

    .spec .button {
        margin: 90px auto -83px
    }

    .esc {
        padding: 88px 0 72px
    }

    .esc::after {
        transform: translateX(-140%)
    }

    .esc__box {
        padding: 0 46px;
        width: auto
    }

    .esc__box h2 {
        font-size: 48px;
        padding: 40px 0 0
    }

    .esc__box .logo h2 {
        font-size: 60px
    }

    .esc__box .logo h3 {
        margin: 0;
        font-size: 46px;
        margin-left: 20px;
        line-height: .6
    }

    .esc h3 {
        margin: 23px 0 0;
        padding: 0;
        font-size: 30px;
        letter-spacing: -0.3px;
    }

    .esc__note ul {
        width: 380px;
        margin: 30px auto 50px
    }

    .esc__note ul li {
        font-size: 28px;
        padding-left: 51px;
        margin-top: -7px
    }

    .esc__note ul .arrow::before {
        top: 8px
    }

    .weeks {
        padding: 110px 0 154px 0
    }

    .weeks figure {
        justify-content: space-between
    }

    .weeks figure .weeks__imgs {
        margin-right: 0
    }

    .weeks h2 {
        max-width: 635px;
        font-size: 30px;
        text-align: right;
        padding-left: 20%
    }

    .weeks .subtitle {
        max-width: 635px;
        font-size: 36px;
        text-align: right
    }

    .weeks .subtitle::before {
        width: auto;
        left: 0;
        right: -254px;
        transform: none;
        background: linear-gradient(90deg, #ffbb43 0, #ff3d00 103.07%);
        border-radius: 10px
    }

    .weeks .container::before {
        bottom: auto;
        top: -50px;
        left: 785px;
        width: 610px;
        height: 436px
    }

    .weeks .container::after {
        bottom: auto;
        top: -20px;
        left: 71%;
        width: 254px;
        height: 317px
    }

    .weeks__imgs {
        margin-top: 57px
    }

    .weeks__imgs .logo {
        width: 179px;
        height: 179px
    }

    .weeks__imgs .logo h2 {
        font-size: 30px;
        padding-left: 0;
        text-align: center;
        margin-top: 56px
    }

    .weeks__imgs .logo h3 {
        font-size: 30px;
        width: 106px
    }

    .weeks ul li {
        margin-top: 40px
    }

    .weeks ul li h2 {
        margin-top: 0
    }

    .weeks ul li h3 {
        font-size: 30px
    }

    .weeks ul li p {
        font-size: 18px
    }

    .weeks__imgs .girl-1 .after,
    .weeks__imgs .girl-1 .before,
    .weeks__imgs .girl-2 .after,
    .weeks__imgs .girl-2 .before {
        width: auto
    }

    .weeks__imgs .girl-1,
    .weeks__imgs .girl-2 {
        width: 635px
    }

    .weeks__imgs .girl-2 {
        margin-top: 11px
    }

    .exam .container {
        padding: 88px 0 40px
    }

    .no-webp .exam::after {
        background: url(../img/spices.png) no-repeat center/contain
    }

    .exam::after {
        content: "";
        position: absolute;
        right: -180px;
        top: 95px;
        width: 586px;
        height: 470px
    }

    .better__box {
        margin-top: 100px
    }

    .better__imgs {
        max-width: 420px;
        margin: 0 auto 0 0
    }

    .better__imgs .better__prod {
        width: 419px;
        margin: -290px 0 0 -40px
    }

    .better__imgs .better__spoon {
        width: 606px;
        bottom: -220px
    }

    .better__imgs .better__spice {
        width: 452px;
        top: 200px;
        right: 205px
    }

    .better__imgs .better__mushroom {
        width: 557px;
        transform: none;
        left: -265px
    }

    .better__txt h2 {
        font-size: 50px;
        text-align: left;
        line-height: 1.1
    }

    .better__txt h2 span {
        display: block
    }

    .better__txt p {
        margin-top: 30px
    }

    .better__result,
    .better__txt {
        width: 732px
    }

    .better__result {
        margin-top: -110px;
        padding-left: 28px;
        overflow: visible
    }

    .better__result::before {
        border-radius: 10px
    }

    .better__card {
        margin-top: 5px;
        margin-right: 0;
        margin-bottom: -12px;
        margin-left: auto
    }

    .better__card figure {
        width: 162px
    }

    .better .button {
        margin-left: -30px
    }

    .extra {
        padding: 91px 0 105px
    }

    .extra__box {
        margin-top: 77px
    }

    .extra__box .left,
    .extra__box .right {
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .extra__box .web .button {
        width: 319px
    }

    .extra h2 {
        font-size: 50px
    }

    .extra h2 span {
        display: inline
    }

    .extra__card h3 {
        font-size: 30px
    }

    .extra__card img {
        max-width: 75px
    }

    .extra .logo {
        margin-top: 48px
    }

    .extra .logo h2 {
        font-size: 60px
    }

    .extra .logo h3 {
        font-size: 46px
    }

    .extra__cup {
        margin: 50px auto;
        width: 287px;
        transform: rotate(0)
    }

    .step {
        position: relative;
        z-index: 10
    }

    .no-webp .step::after {
        background: url(../img/mushroom-big.png) no-repeat center/contain
    }

    .step::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -84px;
        width: 746px;
        height: 694px;
        z-index: 0
    }

    .step__box {
        width: 739px;
        padding: 61px 18px 65px 18px;
        position: relative;
        z-index: 10
    }

    .step h2 {
        font-size: 50px;
        padding: 0 10%
    }

    .step__subtitle {
        font-size: 36px
    }

    .step h4 {
        font-size: 30px
    }

    .step ul li img {
        max-width: 138px
    }

    .step ul::before {
        bottom: -510px;
        left: 176%
    }

    .no-webp .step ul::after {
        background: url(../img/roulette-2-2-web.png) no-repeat center/contain
    }

    .step ul::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -840px;
        left: -3%;
        transform: translateX(-50%);
        width: 785px;
        height: 216px;
        z-index: -5
    }

    .users {
        margin-top: 114px;
        position: relative;
        z-index: 20
    }

    .users .swiper-button-next,
    .users .swiper-button-prev {
        display: block;
        color: #ff8a29;
        top: 65%
    }

    .users__item {
        background: #fff
    }

    .users h2 {
        font-size: 50px
    }

    .users__title {
        font-size: 34px;
        padding: 31px 5px
    }

    .users__txt h5 {
        font-size: 22px
    }

    .users__cards {
        min-width: 345px
    }

    .users__cards figure {
        width: 171px
    }

    .final h2 {
        font-size: 60px;
        width: 731px;
        margin-left: auto;
        margin-top: 132px;
        padding-top: 130px;
        text-transform: uppercase
    }

    .final__imgs .prod {
        width: 367px;
        margin-top: 280px
    }

    .final__imgs .girl {
        width: 381px
    }

    .final__box {
        align-items: flex-end;
        margin-top: -230px
    }

    .final .form {
        margin-bottom: 30px
    }

    .final .form .priceBox .old-price {
        font-weight: 400;
        font-size: 54px
    }

    .final .form .priceBox .new-price {
        font-size: 30px
    }

    .final .form #country_code_selector,
    .final .form input {
        height: 64px
    }

    .final .form .form__note p {
        display: inline-block;
        line-height: 1.8
    }

    .final .form .form__note span {
        display: inline-block;
        margin: 0 6px
    }

    .final .form .button {
        margin: 20px auto 10px
    }
}

.webp .promo .container::before {
    background: url(../img/promo-bg.webp) no-repeat 17% 10%/cover
}

.webp .fit__decor::before {
    background: url(../img/roulette.webp) no-repeat center/cover
}

.webp .spec__imgs .spec__fat {
    background: url(../img/fat.webp) no-repeat center/contain
}

.webp .esc::before {
    background: url(../img/escape-bg.webp) no-repeat 10%/cover
}

.webp .weeks .container::before {
    background: url(../img/tea.webp) no-repeat center/contain
}

.webp .weeks .container::after {
    background: url(../img/prod.webp) no-repeat center/contain
}

.webp .exam .container::before {
    background: url(../img/exam-bg-mob.webp) no-repeat center/cover
}

.webp .exam .container::after {
    background: url(../img/exam-decor.webp) no-repeat center/contain
}

.webp .step .container::before {
    background: url(../img/step-bg.webp) no-repeat center/cover
}

.webp .step ul::before {
    background: url(../img/roulette-2.webp) no-repeat center/cover
}

.webp .final .container::before {
    background: url(../img/footer-bg.webp) no-repeat 19%/cover
}

@media screen and (min-width:768px) {
    .webp .exam .container::before {
        background: url(../img/exam-bg.webp) no-repeat center/cover
    }
}

@media screen and (min-width:990px) {
    .webp .esc::after {
        background: url(../img/escape-woman.webp) no-repeat center/contain
    }
}

@media screen and (min-width:990px) {
    .webp .step ul::before {
        background: url(../img/roulette-2-web.webp) no-repeat center/cover
    }
}

@media screen and (min-width:1170px) {
    .webp .exam::after {
        background: url(../img/spices.webp) no-repeat center/contain
    }
}

@media screen and (min-width:1170px) {
    .webp .step::after {
        background: url(../img/mushroom-big.webp) no-repeat center/contain
    }
}

@media screen and (min-width:1170px) {
    .webp .step ul::after {
        background: url(../img/roulette-2-2-web.webp) no-repeat center/contain
    }
}
.vat {
    font-size: 13px;
    line-height: 1.1;
  }
@media (max-width: 991px) {
  .webp .step ul::before {
  	display: none
  }
  .step ul {
    padding-bottom: 10px;
  }
}