html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

.cf:before, .clearfix:before, .cf:after, .clearfix:after {
    content: "";
    display: table
}

.cf:after, .clearfix:after {
    clear: both
}

@font-face {
    font-family: "TT Commons";
    src: url(/assets/fonts/TTCommons-Thin.woff2) format("woff2"), url(/assets/fonts/TTCommons-Thin.woff) format("woff"), url(/assets/fonts/TTCommons-Thin.ttf) format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "TT Commons";
    src: url(/assets/fonts/TTCommons-Regular.woff2) format("woff2"), url(/assets/fonts/TTCommons-Regular.woff) format("woff"), url(/assets/fonts/TTCommons-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "TT Commons";
    src: url(/assets/fonts/TTCommons-Medium.woff2) format("woff2"), url(/assets/fonts/TTCommons-Medium.woff) format("woff"), url(/assets/fonts/TTCommons-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "TT Commons";
    src: url(/assets/fonts/TTCommons-MediumItalic.woff2) format("woff2"), url(/assets/fonts/TTCommons-MediumItalic.woff) format("woff"), url(/assets/fonts/TTCommons-MediumItalic.ttf) format("truetype");
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "TT Commons";
    src: url(/assets/fonts/TTCommons-DemiBold.woff2) format("woff2"), url(/assets/fonts/TTCommons-DemiBold.woff) format("woff"), url(/assets/fonts/TTCommons-DemiBold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "TT Commons";
    src: url(/assets/fonts/TTCommons-Bold.woff2) format("woff2"), url(/assets/fonts/TTCommons-Bold.woff) format("woff"), url(/assets/fonts/TTCommons-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "TT Commons";
    src: url(/assets/fonts/TTCommons-BoldItalic.woff2) format("woff2"), url(/assets/fonts/TTCommons-BoldItalic.woff) format("woff"), url(/assets/fonts/TTCommons-BoldItalic.ttf) format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Roboto";
    src: url(/assets/fonts/Roboto-Regular.ttf) format("ttf");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Roboto";
    src: url(/assets/fonts/Roboto-Medium.ttf) format("ttf");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Gilroy";
    src: url(/assets/fonts/Gilroy-Regular.woff2) format("woff2"), url(/assets/fonts/Gilroy-Regular.woff) format("woff"), url(/assets/fonts/Gilroy-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Gilroy";
    src: url(/assets/fonts/Gilroy-Bold.woff2) format("woff2"), url(/assets/fonts/Gilroy-Bold.woff) format("woff"), url(/assets/fonts/Gilroy-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "YandexSans";
    src: url(/assets/fonts/YandexSansText-Bold.woff2) format("woff2"), url(/assets/fonts/YandexSansText-Bold.woff) format("woff"), url(/assets/fonts/YandexSansText-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

body, html {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box
}

*, ::after, ::before {
    box-sizing: inherit
}

body.is-hover-disabled {
    pointer-events: none
}

body.is-popup-opened {
    overflow: hidden
}

.l-wrapper {
    overflow: auto;
    min-height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

.l-wrapper.is-abs {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.l-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.l-header, .l-footer {
    display: block;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.l-footer {
    overflow: visible
}

.l-container {
    margin: auto;
    max-width: 100%;
    position: relative;
    width: 90vw
}

@media only screen and (min-width: 768px) {
    .l-container {
        width: 84.375vw
    }
}

@media only screen and (min-width: 1280px) {
    .l-container {
        width: 76.3889vw;
        max-width: 1467px
    }
}

.l-footer-container {
    position: relative;
    max-width: 100%;
    margin: auto;
    width: container-footer-mobile
}

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

.l-text-container {
    width: 80%;
    margin: auto;
    padding: 1.5em 0
}

.g-hidden {
    display: none !important
}

.g-hidden--soft {
    display: none
}

.g-vam {
    display: inline-block;
    vertical-align: middle
}

.g-tac {
    text-align: center
}

.g-relative {
    position: relative
}

.g-nobr {
    white-space: nowrap
}

hr {
    margin: 2rem 0;
    border: 0;
    height: 1px;
    background-color: #ccc
}

.g-preparing {
    position: relative
}

.g-preparing.is-preparing > :not(.g-show-preparing) {
    opacity: 0;
    visibility: hidden
}

.g-preparing.is-preparing:after {
    content: ""
}

figure {
    margin: 1em 0;
    text-align: center
}

figcaption {
    margin-top: 1em;
    font-size: .9em
}

img {
    max-width: 100%;
    height: auto
}

.visually-hidden {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden
}

#svg-container {
    position: absolute;
    z-index: -1;
    visibility: hidden
}

.js-focus-visible :focus:not(.focus-visible) {
    outline: none
}

.swiper-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    height: auto
}

.swiper-wrapper .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0
}

@media only screen and (max-width: 1279px) {
    .js-padding {
        padding-top: 0 !important
    }
}

@media only screen and (min-width: 1280px) {
    .js-padding {
        padding-top: 13.2rem
    }
}

body, h1, .like-h1, h2, .like-h2, h3, .like-h3, h4, .like-h4, h5, .like-h5, h6, .like-h6 {
    font-family: "TT Commons", "Arial", sans-serif;
    font-weight: 400
}

body {
    line-height: 1.2
}

h1, .like-h1, h2, .like-h2, h3, .like-h3, h4, .like-h4, h5, .like-h5, h6, .like-h6 {
    line-height: 1
}

h1, .like-h1, h2, .like-h2, h3, .like-h3, h4, .like-h4, h5, .like-h5, h6, .like-h6 {
    font-weight: 700
}

@media only screen and (max-width: 575px) {
    html {
        font-size: 10px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    html {
        font-size: calc(10px + (100vw - 575px) * .010417)
    }
}

@media only screen and (min-width: 768px) {
    html {
        font-size: calc(12px + (100vw - 767px) * -.003906)
    }
}

@media only screen and (min-width: 1920px) {
    html {
        font-size: 12px !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 575px) {
    html {
        font-size: 10px
    }
}

@media only screen and (min-width: 768px) and (min-width: 576px) and (max-width: 767px) {
    html {
        font-size: calc(10px + (100vw - 575px) * 0)
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) {
    html {
        font-size: calc(10px + (100vw - 767px) * .003906)
    }
}

@media only screen and (min-width: 1280px) and (max-width: 575px) {
    html {
        font-size: 10px
    }
}

@media only screen and (min-width: 1280px) and (min-width: 576px) and (max-width: 1279px) {
    html {
        font-size: calc(10px + (100vw - 575px) * -.002841)
    }
}

@media only screen and (min-width: 1280px) and (min-width: 1280px) {
    html {
        font-size: calc(8px + (100vw - 1279px) * .0125)
    }
}

@media only screen and (min-width: 1440px) and (max-width: 575px) {
    html {
        font-size: 10px
    }
}

@media only screen and (min-width: 1440px) and (min-width: 576px) and (max-width: 1439px) {
    html {
        font-size: calc(10px + (100vw - 575px) * 0)
    }
}

@media only screen and (min-width: 1440px) and (min-width: 1440px) {
    html {
        font-size: calc(10px + (100vw - 1439px) * .004167)
    }
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    text-rendering: optimizeLegibility;
    font-size: 1.8rem;
    line-height: 1.222222222222222;
    color: #1d3770;
    font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 0, "lnum" 0, "dlig" 0
}

@media only screen and (min-width: 1280px) {
    body {
        font-size: 2.4rem;
        line-height: 1.208333333333333
    }
}

h1, .like-h1 {
    font-size: 2.4rem;
    line-height: 1.208333333333333
}

@media only screen and (min-width: 768px) {
    h1, .like-h1 {
        font-size: 3.2rem;
        line-height: 1.1875
    }
}

@media only screen and (min-width: 1280px) {
    h1, .like-h1 {
        font-size: 4rem;
        line-height: 1.2
    }
}

h2, .like-h2 {
    font-size: 2.8rem;
    line-height: 1.142857142857143;
    font-weight: 500
}

@media only screen and (min-width: 768px) {
    h2, .like-h2 {
        font-size: 4.4rem
    }
}

@media only screen and (min-width: 1280px) {
    h2, .like-h2 {
        font-size: 6rem;
        line-height: 1.1
    }
}

h3, .like-h3 {
    font-size: 2.2rem;
    line-height: 1.090909090909091;
    font-weight: 500
}

@media only screen and (min-width: 1280px) {
    h3, .like-h3 {
        margin-bottom: 2.9rem;
        font-size: 2.4rem;
        line-height: 1.083333333333333
    }
}

h4, .like-h4 {
    font-size: 2em;
    margin: 1.5em 0 .8em
}

h5, .like-h5 {
    font-size: 1.6em;
    margin: 1.5em 0 .8em
}

h6, .like-h6 {
    font-size: 1.4em;
    margin: 1.5em 0 .8em
}

a[href^="tel:"], #mocha a {
    text-decoration: none;
    border-image: none;
    border-bottom: none
}

a {
    color: inherit;
    text-decoration: none;
    transition: all .3s
}

a:not([class]) {
    text-decoration: none;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    border-bottom-width: 1px;
    border-image: linear-gradient(to bottom, rgba(50, 86, 166, 0) 0, rgba(50, 86, 166, .2) 500%) 1 round round
}

a:not([class]):hover {
    border-image: linear-gradient(to bottom, rgba(50, 86, 166, .6) 0, rgba(50, 86, 166, .6) 500%) 1 round round
}

@supports not (border-image-width:1) {
    a:not([class]) {
        border-bottom: .05em solid rgba(50, 86, 166, .2)
    }

    a:not([class]):hover {
        border-bottom: .05em solid rgba(50, 86, 166, .6)
    }
}

a[role=button] {
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

a[href^="tel:"] {
    text-decoration: none
}

a:not([class]):hover {
    color: #3256a6
}

p {
    margin-top: 2.4rem;
    margin-bottom: 2.4rem
}

p:not([class]):first-child {
    margin-top: 0
}

p:not([class]):last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 1280px) {
    p {
        line-height: 1.166666666666667;
        margin-top: 2.4rem;
        margin-bottom: 2.4rem
    }
}

ol {
    list-style-type: none;
    margin: 1em 0 2em;
    padding: 0
}

ol li {
    margin: .3em 0
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 3.9rem;
    margin-bottom: 4.7rem
}

@media only screen and (min-width: 768px) {
    ul {
        margin-top: 2.8rem;
        margin-bottom: 2.5rem
    }

    ul:not([class]):first-child {
        margin-top: 0
    }
}

ul li {
    position: relative;
    margin-bottom: 2.8rem;
    padding-left: 1.8rem
}

ul li:last-child {
    margin-bottom: 0
}

ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .65rem;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
    background-color: #3256a6
}

@media only screen and (min-width: 1280px) {
    ul li {
        margin-bottom: 3.4rem;
        padding-left: 2.6rem
    }

    ul li::before {
        top: 1rem
    }
}

ul ol li:before {
    display: inline;
    background: 0 0;
    -webkit-transform: none;
    transform: none
}

ol {
    counter-reset: ol-level-1;
    margin-top: 2.4rem;
    margin-bottom: 2.4rem
}

ol li {
    position: relative;
    margin-top: 2.4rem;
    margin-bottom: 2.4rem;
    margin-left: 1rem;
    padding-left: 1.6rem
}

ol li:before {
    position: absolute;
    top: 0;
    right: 100%;
    left: auto
}

ol > li {
    counter-increment: ol-level-1
}

ol > li:before {
    content: counter(ol-level-1) " "
}

ol > li > ol {
    counter-reset: ol-level-2
}

ol > li > ol > li {
    counter-increment: ol-level-2;
    margin-left: 1.8em
}

ol > li > ol > li:before {
    content: counter(ol-level-1) "." counter(ol-level-2) ". "
}

ol > li > ol > li > ol {
    counter-reset: ol-level-3
}

ol > li > ol > li > ol > li {
    counter-increment: ol-level-3;
    margin-left: 2.7em
}

ol > li > ol > li > ol > li:before {
    content: counter(ol-level-1) "." counter(ol-level-2) "." counter(ol-level-3) ". "
}

blockquote {
    margin: 1em 0;
    padding: .5em 0 .5em 2em;
    border-left: .2rem solid currentColor
}

dl {
    margin: 1em 0
}

dt {
    margin-bottom: .5em
}

dd {
    margin-bottom: 1.2em;
    font-style: italic
}

pre {
    overflow: auto;
    white-space: pre-wrap
}

.burger {
    cursor: pointer
}

.burger__line {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    transition: all .3s
}

.burger__line--1 {
    -webkit-transform: rotate(0) translate(0, 0);
    transform: rotate(0) translate(0, 0)
}

.burger__line--3 {
    -webkit-transform: rotate(0) translate(0, 0);
    transform: rotate(0) translate(0, 0)
}

@media only screen and (max-width: 766px) {
    .burger__line--1 {
        -webkit-transform: rotate(0) translate(0, 0);
        transform: rotate(0) translate(0, 0)
    }

    .burger__line--3 {
        -webkit-transform: rotate(0) translate(0, 0);
        transform: rotate(0) translate(0, 0)
    }
}

.burger.is-active .burger__line--1 {
    -webkit-transform: translate(-29%, 29%) rotate(45deg);
    transform: translate(-29%, 29%) rotate(45deg)
}

.burger.is-active .burger__line--2 {
    opacity: 0
}

.burger.is-active .burger__line--3 {
    -webkit-transform: translate(-30%, -30%) rotate(-45deg);
    transform: translate(-30%, -30%) rotate(-45deg)
}

.button, button, form:not([class]) button[type=submit]:not(.g-raw), form:not([class]) input[type=submit]:not(.g-raw), form:not([class]) input[type=button]:not(.g-raw), form:not([class]) input[type=reset]:not(.g-raw) {
    display: inline-block;
    background-color: transparent;
    transition: all .3s;
    box-sizing: border-box;
    position: relative
}

.button:hover, button:hover, form:not([class]) button[type=submit]:not(.g-raw):hover, form:not([class]) input[type=submit]:not(.g-raw):hover, form:not([class]) input[type=button]:not(.g-raw):hover, form:not([class]) input[type=reset]:not(.g-raw):hover {
    border-image: none
}

.button:focus, button:focus, form:not([class]) button[type=submit]:not(.g-raw):focus, form:not([class]) input[type=submit]:not(.g-raw):focus, form:not([class]) input[type=button]:not(.g-raw):focus, form:not([class]) input[type=reset]:not(.g-raw):focus {
    box-shadow: 0 0 .5em form-focus-color
}

.button {
    display: inline-block;
    font: inherit;
    background-color: transparent;
    border: 0;
    padding: 0;
    text-align: center;
    line-height: 1;
    transition: all .3s
}

.button--main, .button--main-icon {
    font-weight: 500;
    background-color: #21b4e8;
    color: #fff;
    border-radius: 5rem;
    font-weight: 700
}

.button--main .page__icon, .button--main-icon .page__icon {
    fill: #fff
}

.button--main:active, .button--main-icon:active {
    background-color: #4e86a7;
    color: #fff
}

@media only screen and (min-width: 1280px) {
    .button--main:hover, .button--main-icon:hover {
        background-color: #4e86a7;
        color: #fff
    }
}

.button--white {
    color: #21b4e8;
    background-color: #fff;
    font-weight: 700;
    border-radius: 5rem
}

.button--white:active {
    color: #4e86a7
}

.button--white:hover {
    color: #4e86a7
}

.button--stroke {
    color: #1d3770;
    border: 1px solid #1d3770;
    border-radius: 3rem
}

.button--stroke.js-tab-name--active {
    color: #fff;
    border-color: #fff;
    text-shadow: .5px 0 0, .5px 0 0, -.5px 0 0
}

.button--stroke.js-tab-name:not(.js-tab-name--active):active {
    text-shadow: .5px 0 0, .5px 0 0, -.5px 0 0
}

@media only screen and (min-width: 1280px) {
    .button--stroke.js-tab-name:not(.js-tab-name--active):hover {
        text-shadow: .5px 0 0, .5px 0 0, -.5px 0 0
    }
}

.button--link {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #21b4e8
}

.button--link .page__arrow-next {
    fill: #21b4e8;
    transition: fill .3s;
    margin-left: 1rem;
    margin-top: -.2rem
}

.button--link .page__icon-download {
    margin-right: .8rem
}

.button--link .page__download-arrow {
    fill: #21b4e8;
    transition: fill .3s
}

.button--link .page__download-stroke {
    stroke: #21b4e8;
    transition: stroke .3s
}

.button--link:active {
    color: #4e86a7;
    border-color: inherit
}

.button--link:active .page__arrow-next {
    fill: #4e86a7
}

.button--link:active .page__download-arrow {
    fill: #4e86a7
}

.button--link:active .page__download-stroke {
    stroke: #4e86a7
}

@media only screen and (min-width: 1280px) {
    .button--link:hover {
        color: #4e86a7;
        border-color: inherit
    }

    .button--link:hover .page__arrow-next {
        fill: #4e86a7
    }

    .button--link:hover .page__download-arrow {
        fill: #4e86a7
    }

    .button--link:hover .page__download-stroke {
        stroke: #4e86a7
    }
}

.button--white-link {
    color: #fff
}

.button--white-link .page__arrow-next {
    fill: #fff;
    transition: fill .3s
}

.button--white-link:active {
    color: #21b4e8
}

.button--white-link:active .page__arrow-next {
    fill: #21b4e8
}

@media only screen and (min-width: 1280px) {
    .button--white-link:hover {
        color: #21b4e8
    }

    .button--white-link:hover .page__arrow-next {
        fill: #21b4e8
    }
}

.button--prev .page__arrow-next, .button--next .page__arrow-next, .button--prev .page__arrow-prev, .button--next .page__arrow-prev {
    fill: #21b4e8;
    transition: fill .3s
}

.button--prev:active .page__arrow-next, .button--next:active .page__arrow-next, .button--prev:active .page__arrow-prev, .button--next:active .page__arrow-prev {
    fill: #4e86a7
}

@media only screen and (min-width: 1280px) {
    .button--prev:hover .page__arrow-next, .button--next:hover .page__arrow-next, .button--prev:hover .page__arrow-prev, .button--next:hover .page__arrow-prev {
        fill: #4e86a7
    }
}

.button--white-prev .page__arrow-next, .button--white-next .page__arrow-next, .button--white-prev .page__arrow-prev, .button--white-next .page__arrow-prev {
    fill: #fff
}

.button--white-prev:active .page__arrow-next, .button--white-next:active .page__arrow-next, .button--white-prev:active .page__arrow-prev, .button--white-next:active .page__arrow-prev {
    fill: #21b4e8
}

@media only screen and (min-width: 1280px) {
    .button--white-prev:hover .page__arrow-next, .button--white-next:hover .page__arrow-next, .button--white-prev:hover .page__arrow-prev, .button--white-next:hover .page__arrow-prev {
        fill: #21b4e8
    }
}

.button--main-prev .page__arrow-next, .button--main-next .page__arrow-next, .button--main-prev .page__arrow-prev, .button--main-next .page__arrow-prev {
    fill: #21b4e8
}

.button--main-prev:active .page__arrow-next, .button--main-next:active .page__arrow-next, .button--main-prev:active .page__arrow-prev, .button--main-next:active .page__arrow-prev {
    fill: #fff
}

.button--dark-prev .page__arrow-next, .button--dark-next .page__arrow-next, .button--dark-prev .page__arrow-prev, .button--dark-next .page__arrow-prev {
    fill: #1d3770
}

.button--dark-prev:active .page__arrow-next, .button--dark-next:active .page__arrow-next, .button--dark-prev:active .page__arrow-prev, .button--dark-next:active .page__arrow-prev {
    fill: #21b4e8
}

.button--arrow-prev, .button--arrow-next {
    background-color: #21b4e8;
    border-radius: 50%
}

.button--arrow-prev.swiper-button-disabled, .button--arrow-next.swiper-button-disabled {
    background-color: rgba(29, 55, 112, .2)
}

.button--arrow-prev:not(.swiper-button-disabled):active, .button--arrow-next:not(.swiper-button-disabled):active {
    background-color: #1d3770
}

@media (any-hover: hover) {
    .button--arrow-prev:not(.swiper-button-disabled):hover, .button--arrow-next:not(.swiper-button-disabled):hover {
        background-color: #1d3770
    }
}

.button--arrow-prev .page__arrow-next-mini, .button--arrow-next .page__arrow-next-mini, .button--arrow-prev .page__arrow-prev-mini, .button--arrow-next .page__arrow-prev-mini {
    fill: #fff
}

@media only screen and (min-width: 1280px) {
    .button--arrow-prev:not(.swiper-button-disabled):hover, .button--arrow-next:not(.swiper-button-disabled):hover {
        background-color: #1d3770
    }
}

.button--play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.button--play .button__play-icon {
    width: 100%;
    height: 100%
}

.button--play:active .button__play-triangle {
    fill: #4e86a7
}

@media only screen and (min-width: 1280px) {
    .button--play:hover .button__play-triangle {
        fill: #4e86a7
    }
}

.button__play-triangle {
    fill: #21b4e8;
    transition: fill .3s
}

.button__play-bg {
    fill: #fff
}

.button__play-border {
    fill: #3256a6
}

.button .swiper-pagination-current, .button .swiper-pagination-total {
    font-size: 1.6rem;
    line-height: 1.5
}

.button .swiper-container-horizontal > .swiper-pagination-bullets, .button .swiper-pagination-custom, .button .swiper-pagination-fraction {
    bottom: 0
}

form:not([class]) input:not(.g-raw):not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=button]):not([type=reset]):not([type=color]):not([type=file]), form:not([class]) select:not(.g-raw), form:not([class]) textarea:not(.g-raw) {
    display: block;
    width: 100%;
    padding: .85em 1.2em;
    box-sizing: border-box;
    border: 0;
    outline: 0;
    background-color: #fff;
    color: #000;
    border: .069492703266157vw solid #000
}

form:not([class]) input:not(.g-raw):not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=button]):not([type=reset]):not([type=color]):not([type=file]):focus, form:not([class]) select:not(.g-raw):focus, form:not([class]) textarea:not(.g-raw):focus {
    box-shadow: 0 0 .3em .05em form-focus-color;
    border-color: form-focus-color
}

form:not([class]) {
    position: relative
}

form:not([class]).is-sending > * {
    opacity: .5;
    pointer-events: none
}

form:not([class]).is-sending:after {
    content: ""
}

form:not([class]) textarea {
    resize: vertical;
    min-height: 13em
}

form:not([class]) input[type=image] {
    max-width: 100%
}

form:not([class]) label {
    cursor: pointer
}

.forms__error-msg {
    display: none;
    position: absolute;
    right: -.138985406532314vw;
    bottom: 100%;
    background-color: form-error-color;
    color: #fff;
    white-space: nowrap
}

.forms__error-msg--left {
    right: auto;
    left: -.138985406532314vw
}

.forms__input-wrapper {
    position: relative
}

.forms__input-wrapper.is-error {
    border-color: form-error-color
}

.forms__input-wrapper.is-error .form__error-msg {
    display: block
}

.forms__err {
    color: form-error-color
}

.forms__thanks {
    box-sizing: border-box;
    position: relative;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.popup {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    overflow-x: hidden;
    text-align: center;
    padding: 0;
    background-color: rgba(255, 255, 255, .4);
    will-change: opacity;
    opacity: 0;
    pointer-events: none;
    transition: all .3s;
    transition-delay: .3s;
    white-space: nowrap;
    font-size: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.popup::before {
    content: "";
    display: inline-block;
    height: 100%
}

.popup::before, .popup__content {
    vertical-align: middle
}

.popup.is-opened {
    z-index: 10000;
    opacity: 1;
    pointer-events: all;
    transition-delay: 0s
}

.popup.is-opened .popup__content {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    transition-delay: .3s;
    opacity: 1
}

.popup__content {
    font-size: 2.4rem;
    -webkit-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
    white-space: normal;
    vertical-align: middle;
    position: relative;
    outline: 0;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    box-sizing: border-box;
    margin: 2rem 0;
    padding: 3.2rem 2.2rem;
    -webkit-transform: translate(0, -150%);
    transform: translate(0, -150%);
    will-change: transform;
    opacity: 0;
    transition: all .3s;
    display: inline-block;
    text-align: left;
    width: 100%;
    border-radius: 2rem;
    overflow: hidden
}

.popup__content--default .popup__close svg {
    fill: #fff
}

@media only screen and (max-width: 767px) {
    .popup__content {
        margin: 0;
        min-height: 100%;
        border-radius: 0
    }
}

@media only screen and (min-width: 768px) {
    .popup__content--default {
        width: 81.59722%;
        min-width: 71.8rem;
        margin-left: auto;
        margin-right: auto;
        border-radius: 3.3rem
    }

    .popup__content--default .popup__content-wrapper {
        width: 63.829787%;
        min-width: 57.4rem;
        margin-left: auto;
        margin-right: auto
    }
}

.popup__close {
    position: absolute;
    z-index: 2;
    top: 2rem;
    right: 2rem;
    padding: 0;
    width: 2rem;
    height: 2rem;
    cursor: pointer;
    border: none
}

.popup__close svg {
    display: block;
    width: 2rem;
    height: 2rem;
    fill: #3256a6
}

.popup__close-icon {
    stroke: #000
}

.popup__title {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    font-size: 2.1rem;
    line-height: 1.095238095238095;
    margin-top: 0;
    margin-bottom: 2.5rem;
    font-weight: 500;
    color: black-text;
    text-align: center
}

@media only screen and (max-width: 1279px) {
    .popup__text-break {
        display: none
    }
}

.svg-icon, .noscript-bar svg {
    fill: currentColor;
    stroke: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: middle;
    overflow: visible !important;
    border: 0;
    outline: 0;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    position: relative;
    box-sizing: border-box
}

.svg-icon--stroke {
    fill: none;
    stroke: currentColor;
    stroke-width: 16
}

.svg-icon--contain {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.svg-icon--border {
    border: .083em solid currentColor;
    border-radius: 100%;
    padding: .6em;
    width: 2.366em;
    height: 2.366em
}

.svg-icon--fill {
    border-radius: 100%;
    padding: .683em;
    background-color: #000;
    color: #fff;
    width: 2.366em;
    height: 2.366em
}

.svg-icon--rotate-45 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.svg-icon--rotate-90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.svg-icon--rotate-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.svg-icon--rotate-270 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.svg-icon > svg {
    display: block
}

symbol {
    overflow: visible
}

table {
    table-layout: auto;
    width: 100%;
    border-collapse: collapse;
    margin: 1em 0 2em
}

table td, table th {
    padding: .8em 1.2em;
    border: 1px solid #b3b3b3;
    text-align: left
}

table th {
    font-weight: 700
}

table > tbody:first-child tr:first-child td {
    font-weight: 700
}

@media only screen and (max-width: 575px) {
    table thead {
        display: none
    }

    table > tbody:first-child tr:first-child {
        display: none
    }

    table tr {
        display: block;
        margin: 1em 0;
        border: 1px solid #000
    }

    table td {
        display: block;
        border: 0;
        border-bottom: 1px dotted #ccc;
        word-break: break-word
    }

    table td:last-child {
        border-bottom: none
    }

    table td:before {
        content: attr(data-label);
        font-weight: 700;
        display: block;
        margin-bottom: .7em
    }
}

.page {
    font-weight: 400
}

.page__outer {
    margin-bottom: 6.4rem
}

@media only screen and (min-width: 768px) {
    .page__outer {
        margin-bottom: 8.2rem
    }
}

@media only screen and (min-width: 1280px) {
    .page__outer {
        margin-bottom: 10rem
    }
}

.page__inner {
    padding-top: 4.6rem;
    padding-bottom: 7.7rem
}

@media only screen and (min-width: 768px) {
    .page__inner {
        padding-top: 7.2rem;
        padding-bottom: 11rem
    }
}

@media only screen and (min-width: 1280px) {
    .page__inner {
        padding-top: 9.9rem;
        padding-bottom: 14.4rem
    }
}

.page__title {
    margin-top: 0;
    font-size: 4.6rem;
    line-height: 1.152173913043478;
    font-weight: 700;
    letter-spacing: .04em
}

@media only screen and (min-width: 768px) {
    .page__title {
        margin-top: 7rem
    }
}

@media only screen and (min-width: 1280px) {
    .page__title {
        font-size: 9.6rem;
        line-height: 1.145833333333333
    }
}

.page__section-title {
    margin-top: 0;
    margin-bottom: 3.2rem;
    font-size: 2.8rem;
    line-height: 1.142857142857143;
    font-weight: 600;
    color: #3256a6
}

@media only screen and (min-width: 768px) {
    .page__section-title {
        margin-bottom: 4.4rem;
        font-size: 4.4rem
    }
}

@media only screen and (min-width: 1280px) {
    .page__section-title {
        margin-bottom: 5.6rem;
        font-size: 6rem;
        line-height: 1.1
    }

    .page__section-title--medium {
        font-size: 4.7rem
    }
}

.page__block-title {
    margin-top: 0;
    margin-bottom: 2.4rem;
    font-size: 2.8rem;
    line-height: 1.142857142857143;
    font-weight: 600;
    color: #1d3770
}

@media only screen and (min-width: 768px) {
    .page__block-title {
        margin-bottom: 4.4rem;
        font-size: 3.2rem
    }
}

@media only screen and (min-width: 1280px) {
    .page__block-title {
        margin-bottom: 5.6rem;
        font-size: 4rem;
        line-height: 1.15
    }

    .page__block-title--medium {
        font-size: 4.7rem
    }
}

.page__subtitle {
    margin-top: 0;
    margin-bottom: 1.6rem;
    font-size: 2.2rem;
    line-height: 1.090909090909091;
    font-weight: 500;
    color: #3256a6
}

@media only screen and (min-width: 768px) {
    .page__subtitle {
        margin-bottom: 2rem
    }
}

@media only screen and (min-width: 1280px) {
    .page__subtitle {
        margin-bottom: 2.4rem;
        font-size: 2.4rem;
        line-height: 1.083333333333333
    }
}

@media only screen and (min-width: 768px) {
    .page__columns {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.page__column {
    margin-bottom: 2.4rem
}

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

@media only screen and (min-width: 768px) {
    .page__column {
        width: 48%;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 1280px) {
    .page__column {
        width: 48.769371011850495%
    }
}

.page__list {
    margin-top: 0;
    margin-bottom: 2.4rem
}

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

.page__list li {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    padding-left: 1.5rem
}

.page__list li::before {
    top: .7rem;
    left: .3rem;
    width: .3rem;
    height: .3rem
}

@media only screen and (min-width: 1280px) {
    .page__list li {
        font-size: 2.4rem;
        line-height: calc(28 / 24)
    }

    .page__list li::before {
        top: 1rem;
        left: .4rem;
        width: .4rem;
        height: .4rem
    }
}

.page__ordered-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.page__ordered-list li {
    margin-top: 0;
    margin-left: 0;
    padding-left: 0;
    padding-top: 5.7rem
}

.page__ordered-list li::before {
    left: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 4rem;
    height: 4rem;
    padding-top: 1.1rem;
    padding-bottom: .7rem;
    font-size: 2rem;
    line-height: 1;
    background-color: #1d3770;
    border-radius: 50%;
    color: #fff
}

@media only screen and (min-width: 768px) {
    .page__ordered-list li {
        padding-top: 0;
        padding-left: 6.4rem
    }
}

.page__button-main {
    padding: 1.7rem 3.1rem 1.5rem;
    font-size: 1.8rem
}

.page__button-inner {
    padding: 1.7rem 2.1rem 1.5rem;
    font-size: 1.8rem
}

.page__button-stroke {
    font-size: 1.4rem;
    line-height: 1.214285714285714;
    padding: .4rem .8rem .2rem
}

@media only screen and (min-width: 1280px) {
    .page__button-stroke {
        font-size: 1.8rem;
        line-height: 1.222222222222222;
        padding: .4rem 1rem .3rem
    }
}

.page__button-icon {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.3rem 2.9rem
}

.page__button-play {
    width: 6.5rem;
    height: 6.5rem;
    box-shadow: 0 .4rem 1rem #fff, 0 .4rem 3rem #fff;
    border-radius: 50%
}

.page__button-arrow {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 4rem;
    height: 4rem
}

@media only screen and (max-width: 1279px) {
    .page__section-link {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 2.4rem
    }
}

@media only screen and (min-width: 1280px) {
    .page__section-link {
        max-width: 20%;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

.page__button-link-default {
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 600
}

.page__button-link {
    font-size: 1.8rem;
    line-height: 1.222222222222222
}

.page__link {
    font-size: 1.8rem;
    line-height: 1.222222222222222;
    font-weight: 700;
    color: #21b4e8;
    border-bottom: 1px solid currentColor
}

.page__link:active {
    border-color: transparent
}

@media only screen and (min-width: 1280px) {
    .page__link:hover {
        border-color: transparent
    }
}

.page__arrow-prev, .page__arrow-next {
    display: block;
    width: 2.8rem;
    height: 1.6rem
}

.page__arrow-prev--short, .page__arrow-next--short {
    width: 2.1rem;
    height: 1.6rem
}

.page__arrow-prev-mini, .page__arrow-next-mini {
    margin-left: auto;
    margin-right: auto;
    width: 1.6rem;
    height: 1.5rem
}

.page__icon-download {
    display: block;
    width: 1.8rem;
    height: 1.9rem
}

.page__arrow-down {
    display: block;
    width: 1.2rem;
    height: .7rem
}

.page__arrow-filled {
    display: block;
    width: .9rem;
    height: .6rem;
    fill: #21b4e8;
    margin-left: .8rem
}

.page__pin-wrapper {
    position: relative;
    width: 2.3rem;
    height: 3rem
}

.page__icon-pin {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%
}

.page__icon-close {
    display: block;
    width: 2.1rem;
    height: 2.1rem;
    fill: #fff
}

.page__product-name {
    text-transform: uppercase
}

.page__main {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.page__main--expert {
    background-image: linear-gradient(-270deg, #aad8f6 0%, #f9fdff 100%), linear-gradient(-325.23deg, #eff9ff 0%, #f8f8f8 101.39%);
    background-repeat: no-repeat;
    background-size: 100%
}

.page__main--expert.lazyloaded {
    background-image: url(/media/images/expert/bg-expert-mobile.png), linear-gradient(-270deg, #aad8f6 0%, #f9fdff 100%), linear-gradient(-325.23deg, #eff9ff 0%, #f8f8f8 101.39%)
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi),(min-resolution: 1.5dppx) {
    .page__main--expert.lazyloaded {
        background-image: url(/media/images/expert/bg-expert-mobile@2x.png), linear-gradient(-270deg, #aad8f6 0%, #f9fdff 100%), linear-gradient(-325.23deg, #eff9ff 0%, #f8f8f8 101.39%)
    }
}

@media only screen and (min-width: 1280px) {
    .page__main--expert.lazyloaded {
        background-image: url(/media/images/expert/bg-expert.png), linear-gradient(-270deg, #aad8f6 0%, #f9fdff 100%), linear-gradient(-325.23deg, #eff9ff 0%, #f8f8f8 101.39%)
    }
}

@media only screen and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1280px) and (min-resolution: 144dpi), only screen and (min-width: 1280px) and (min-resolution: 1.5dppx) {
    .page__main--expert.lazyloaded {
        background-image: url(/media/images/expert/bg-expert@2x.png), linear-gradient(-270deg, #aad8f6 0%, #f9fdff 100%), linear-gradient(-325.23deg, #eff9ff 0%, #f8f8f8 101.39%)
    }
}

.page__main--faq {
    background-image: url(/media/images/faq/bg-faq-mobile.png), linear-gradient(235.06deg, #98d3f2 17.58%, rgba(53, 151, 211, 0) 73.39%), linear-gradient(0deg, #3597d3, #3597d3);
    background-repeat: no-repeat;
    background-size: 100%
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi),(min-resolution: 1.5dppx) {
    .page__main--faq {
        background-image: url(/media/images/faq/bg-faq-mobile@2x.png), linear-gradient(235.06deg, #98d3f2 17.58%, rgba(53, 151, 211, 0) 73.39%), linear-gradient(0deg, #3597d3, #3597d3)
    }
}

@media only screen and (min-width: 768px) {
    .page__main--faq {
        background-image: url(/media/images/faq/bg-faq.png), linear-gradient(235.06deg, #98d3f2 17.58%, rgba(53, 151, 211, 0) 73.39%), linear-gradient(0deg, #3597d3, #3597d3)
    }
}

@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min-resolution: 144dpi), only screen and (min-width: 768px) and (min-resolution: 1.5dppx) {
    .page__main--faq {
        background-image: url(/media/images/faq/bg-faq@2x.png), linear-gradient(235.06deg, #98d3f2 17.58%, rgba(53, 151, 211, 0) 73.39%), linear-gradient(0deg, #3597d3, #3597d3)
    }
}

.page__accordion-content {
    display: none;
    transition: height .5s ease;
    overflow: hidden
}

.page__accordion-icon {
    transition: all .3s
}

.page__accordion-icon--minus {
    opacity: 0
}

.page .js-accordion-item--active .page__accordion-content:not(.js-accordion-content--child), .page .js-accordion-parent--active + .page__accordion-content, .page__accordion-head.js-accordion-head--active + .page__accordion-content {
    display: block
}

.page .js-accordion-parent--active .js-accordion-head--active .page__accordion-icon, .page__accordion-head.js-accordion-head--active .page__accordion-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.page .js-accordion-parent--active .js-accordion-head--active .page__accordion-icon--minus, .page__accordion-head.js-accordion-head--active .page__accordion-icon--minus {
    opacity: 1
}

.page .js-accordion-parent--active .js-accordion-head--active .page__accordion-icon--plus, .page__accordion-head.js-accordion-head--active .page__accordion-icon--plus {
    opacity: 0
}

.page .js-accordion-head--ready + .page__accordion-content {
    height: auto
}

.page .js-accordion-open .js-accordion-head--ready + .article__text .page__accordion-content {
    height: auto
}

.page .js-accordion-open .js-accordion-head:not(.js-accordion-head--ready) + .article__text .page__accordion-content {
    height: auto !important
}

.page__tabs .swiper-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.page__tabs .swiper-wrapper .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.page .js-tab-content:not(.js-tab-content--active) {
    transition: all .5s;
    display: none
}

.page .js-tab-content:not(.js-tab-content--active).js-tab-content--active.js-content-show, .page .js-tab-content:not(.js-tab-content--active).js-tab-content--active {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.page .js-tab-content:not(.js-tab-content--active).js-content-hide {
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.page .js-tab-content:not(.js-tab-content--active).js-content-show {
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.page .simplebar-track.simplebar-vertical {
    width: 2px;
    background-color: rgba(29, 55, 112, .2)
}

.page .simplebar-scrollbar {
    width: 100%;
    background-color: #1d3770
}

.page .simplebar-scrollbar::before {
    background-color: red;
    border-radius: .4rem
}

.page sup {
    top: -.8em;
    font-size: 50%
}

.article-card {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    max-width: 34.8rem;
    margin-left: auto;
    margin-right: auto;
    background-color: #f1f9fe;
    border-radius: .8rem;
    overflow: hidden
}

@media only screen and (min-width: 768px) {
    .article-card {
        width: 40.15645371577575vw;
        margin-left: 0;
        margin-right: 0;
        max-width: none
    }
}

@media only screen and (min-width: 1280px) {
    .article-card {
        width: 24.113968033356496vw
    }

    .article-card:hover .article-card__link-text {
        opacity: 1
    }
}

@media only screen and (min-width: 1920px) {
    .article-card {
        width: 463px
    }
}

.article-card__top {
    height: 23.8rem;
    width: 100%
}

.article-card__top:empty.lazyloaded::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/media/images/articles/bg-article-preview-mobile.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi),(min-resolution: 1.5dppx) {
    .article-card__top:empty.lazyloaded::before {
        background-image: url(/media/images/articles/bg-article-preview-mobile@2x.png)
    }
}

@media only screen and (min-width: 577px) {
    .article-card__top:empty.lazyloaded::before {
        top: -10%
    }
}

@media only screen and (min-width: 768px) {
    .article-card__top:empty.lazyloaded::before {
        background-image: url(/media/images/articles/bg-article-preview.png)
    }
}

@media only screen and (min-width: 1280px) {
    .article-card__top:empty.lazyloaded::before {
        top: 0
    }
}

@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min-resolution: 144dpi), only screen and (min-width: 768px) and (min-resolution: 1.5dppx) {
    .article-card__top::before {
        background-image: url(/media/images/articles/bg-article-preview@2x.png)
    }
}

.article-card__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media only screen and (min-width: 1280px) {
    .article-card__image {
        width: 100%
    }
}

.article-card__bottom {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 2.4rem 1.5rem 2rem 1.6rem
}

@media only screen and (min-width: 1280px) {
    .article-card__bottom {
        padding: 4.8rem 3.9rem 1.4rem 2.4rem
    }
}

.article-card__title {
    margin-top: 0;
    margin-bottom: 1.6rem;
    font-size: 1.8rem;
    line-height: 1.222222222222222;
    font-weight: 700;
    color: #3256a6
}

@media only screen and (min-width: 1280px) {
    .article-card__title {
        margin-bottom: 1.8rem;
        font-size: 2.2rem;
        line-height: 1.090909090909091;
        font-weight: 600
    }
}

.article-card__description {
    margin-top: 0;
    margin-bottom: 0;
    color: #4f4f4f
}

@media only screen and (min-width: 1280px) {
    .article-card__description {
        margin-bottom: 1.6rem;
        font-size: 1.8rem;
        line-height: 1.277777777777778
    }
}

.article-card__link-text {
    display: inline-block;
    margin-top: auto;
    margin-bottom: 0;
    display: none
}

@media only screen and (min-width: 1280px) {
    .article-card__link-text {
        display: block;
        opacity: 0;
        transition: opacity .3s
    }
}

.articles {
    padding-bottom: 2.2rem
}

@media only screen and (min-width: 1280px) {
    .articles {
        padding-bottom: 5.9rem
    }
}

.articles__title {
    color: #1d3770;
    margin-bottom: 4rem
}

@media only screen and (min-width: 1280px) {
    .articles__title {
        margin-bottom: 4.8rem
    }
}

.articles__list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: -3.2rem
}

@media only screen and (min-width: 768px) {
    .articles__list {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        margin-left: -3.780964797913951vw
    }
}

@media only screen and (min-width: 1280px) {
    .articles__list {
        margin-left: -2.015288394718555vw
    }
}

@media only screen and (min-width: 1920px) {
    .articles__list {
        margin-left: -38px
    }
}

.articles__item {
    margin-top: 3.2rem
}

@media only screen and (min-width: 768px) {
    .articles__item {
        margin-left: 3.780964797913951vw
    }
}

@media only screen and (min-width: 1280px) {
    .articles__item {
        margin-left: 2.015288394718555vw
    }
}

@media only screen and (min-width: 1920px) {
    .articles__item {
        margin-left: 38px
    }
}

.articles__button-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    algin-items: flex-start;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 3.2rem
}

@media only screen and (min-width: 768px) {
    .articles__button-wrapper {
        margin-top: 1.6rem
    }
}

.banner-market {
    position: fixed;
    bottom: 0;
    z-index: 10;
    width: 100%;
    max-width: 300px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-family: "YandexSans", sans-serif;
    font-weight: 700
}

@media (min-width: 426px) {
    .banner-market {
        right: 0;
        left: auto;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.banner-market._hide {
    display: none
}

.banner-market._fly .banner-market__wrapper {
    margin: 0 0 10px 0
}

@media (min-width: 426px) {
    .banner-market._fly .banner-market__wrapper {
        margin: 0
    }
}

.banner-market__wrapper {
    background-color: #41afec
}

.banner-market__body {
    position: relative;
    padding: 13px 18px 18px;
    line-height: 1
}

.banner-market__close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 20px;
    height: 20px;
    z-index: 3;
    display: block;
    fill: #000;
    padding: 0;
    border: none
}

.banner-market__close img {
    width: 100%;
    height: 100%;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s
}

.banner-market__close:hover img {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.banner-market__title {
    font-size: 16px;
    max-width: 162px;
    color: #fff;
    position: relative;
    z-index: 2;
    line-height: 1;
    font-family: "YandexSans", sans-serif;
    margin: 10px 0 14px 0
}

@media only screen and (min-width: 768px) {
    .banner-market__title {
        margin: 10px 0 8px 0
    }
}

.banner-market__link {
    font-size: 12px;
    max-width: 84px;
    width: 100%;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 24px;
    color: #212121;
    border-radius: 4px;
    background-color: #fff;
    position: relative;
    z-index: 2;
    font-weight: 700
}

.banner-market__link:hover {
    background-color: #fc5230;
    color: #fff
}

.banner-market__images {
    position: absolute;
    left: 145px;
    top: 10px;
    width: 30.666666666666664%;
    z-index: 1
}

.banner-market__images > div {
    position: absolute
}

.banner-market__images > div img {
    width: 100%
}

.banner-market__image {
    width: 100%;
    z-index: 2;
    top: 0;
    left: 0
}

.banner-market__berries {
    width: 148.91304347826087%;
    z-index: 1;
    top: 0;
    left: -20px
}

.banner-market__sale {
    width: 100%;
    z-index: 3;
    top: 35px;
    right: -53px
}

.banner-market__promocode {
    font-size: 9px;
    color: #fff;
    right: -50px;
    top: 85px;
    z-index: 4
}

.banner-market__promocode p {
    margin: 0;
    line-height: 1.1
}

.banner-market__note {
    padding: 5px 5px 0;
    text-align: center;
    line-height: 1
}

@media only screen and (min-width: 576px) {
    .banner-market__note {
        line-height: .6
    }
}

.banner-market__note p {
    font-size: 8px;
    margin: 0;
    color: #fff;
    opacity: .5;
    line-height: 1
}

.banner-market__note svg {
    max-width: 100%;
    width: 100%
}

.banner-popup.is-opened .banner-popup__product-name {
    font-style: italic
}

.banner-popup__close {
    position: absolute;
    z-index: 4;
    top: .8rem;
    right: .8rem
}

@media only screen and (min-width: 1024px) {
    .banner-popup__close {
        top: 2.5rem;
        right: 2rem
    }
}

@media only screen and (min-width: 768px) {
    .banner-popup__close svg {
        fill: #87a4d2
    }
}

.banner-popup__content {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    border-radius: 0;
    max-width: 100rem
}

@media only screen and (max-width: 1023px) {
    .banner-popup__content {
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        min-height: 100%
    }
}

@media only screen and (min-width: 1024px) {
    .banner-popup__content {
        padding: .5rem
    }
}

@media only screen and (min-width: 1280px) {
    .banner-popup__content {
        margin: 0
    }
}

.banner-popup__section {
    width: 100%
}

@media only screen and (max-width: 1023px) {
    .banner-popup__container {
        height: 100%
    }
}

.banner-popup__wrapper {
    height: 100%
}

@media only screen and (min-width: 1024px) {
    .banner-popup__wrapper {
        min-height: 41.9rem
    }
}

@media only screen and (min-width: 1280px) {
    .banner-popup__wrapper {
        min-height: 50.3rem
    }
}

.banner-popup__slide {
    width: 100%
}

@media only screen and (max-width: 1023px) {
    .banner-popup__slide--sunlight .banner-popup__title {
        width: 21rem
    }
}

.banner-popup__item {
    position: relative
}

.banner-popup__item--perekrestok {
    background: linear-gradient(264.68deg, #daf0fb 1.46%, #6bc1e9 84.85%, #40a2cd 129.42%, #1a9ed9 173.64%);
    background-repeat: no-repeat;
    color: #fff;
    font-family: "Gilroy", sans-serif
}

@media only screen and (max-width: 1023px) {
    .banner-popup__item {
        height: 100%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (min-width: 1024px) {
    .banner-popup__item {
        overflow: hidden;
        border-radius: 3rem
    }
}

.banner-popup__decor {
    position: absolute
}

.banner-popup__decor img, .banner-popup__decor svg {
    width: 100%;
    height: 100%
}

.banner-popup__decor--1 {
    width: 74.3%;
    top: 0;
    left: 0;
    z-index: 2
}

@media only screen and (min-width: 1024px) {
    .banner-popup__decor--1 {
        width: auto;
        height: 88%
    }
}

.banner-popup__decor--1 img, .banner-popup__decor--1 svg {
    object-fit: cover
}

.banner-popup__decor--2 {
    width: 28.499999999999996%;
    top: 6%;
    right: -7%;
    z-index: 0
}

@media only screen and (max-width: 767px) {
    .banner-popup__decor--2 {
        top: auto;
        bottom: .8rem
    }
}

.banner-popup__decor--3 {
    width: 23.599999999999998%;
    top: 25.5%;
    right: -13%;
    z-index: 1
}

@media only screen and (max-width: 767px) {
    .banner-popup__decor--3 {
        top: auto;
        bottom: -2.5rem;
        right: -16%
    }
}

.banner-popup__row {
    position: relative;
    z-index: 3
}

@media only screen and (max-width: 1023px) {
    .banner-popup__row {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

@media only screen and (min-width: 1024px) {
    .banner-popup__row {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.banner-popup__head {
    display: inline-block;
    background: #0c592e
}

@media only screen and (max-width: 1023px) {
    .banner-popup__head {
        display: none
    }
}

@media only screen and (min-width: 1024px) {
    .banner-popup__head {
        border-radius: 0 0 5.3rem 0;
        padding: 2rem 3.75rem 1.75rem 3.1rem;
        margin: 0 0 1.4rem 0
    }
}

@media only screen and (min-width: 1280px) {
    .banner-popup__head {
        border-radius: 0 0 6.4rem 0;
        padding: 2.5rem 4.5rem 2.1rem 3.8rem;
        margin: 0 0 1.7rem 0
    }
}

.banner-popup__head picture {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width: 1024px) {
    .banner-popup__head img, .banner-popup__head svg {
        width: 38.6rem
    }
}

@media only screen and (min-width: 1280px) {
    .banner-popup__head img, .banner-popup__head svg {
        width: 46.4rem
    }
}

.banner-popup__body {
    position: relative;
    z-index: 1
}

@media only screen and (max-width: 1023px) {
    .banner-popup__body {
        padding: 3.2rem 0 0 0;
        max-width: 50rem
    }
}

@media only screen and (max-width: 767px) {
    .banner-popup__body {
        max-width: 100%
    }

    .banner-popup__body:before {
        content: '';
        position: absolute;
        z-index: -1;
        left: 50%;
        bottom: -10rem;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        width: 268.125%;
        padding-bottom: 268.125%;
        background-image: url(/media/images/banners/perekrestok/decor-1-mobile.svg);
        background-size: 100% 100%;
        background-position: 0 0;
        background-repeat: no-repeat
    }
}

@media only screen and (max-width: 575px) {
    .banner-popup__body:before {
        bottom: -5rem
    }
}

@media only screen and (min-width: 1024px) {
    .banner-popup__body {
        padding: 0 0 1rem 0
    }
}

.banner-popup__outer {
    padding: 0 2.3rem
}

@media only screen and (min-width: 1024px) {
    .banner-popup__outer {
        padding: 0 0 0 3.8rem
    }
}

.banner-popup__title {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 1.2;
    margin: 0 0 1.6rem 0
}

@media only screen and (min-width: 1024px) {
    .banner-popup__title {
        font-size: 2.2rem
    }
}

@media only screen and (min-width: 1280px) {
    .banner-popup__title {
        margin: 0 0 2rem 0
    }
}

.banner-popup__title h3 {
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;
    margin: 0
}

@media only screen and (min-width: 1024px) {
    .banner-popup__title b {
        display: none
    }
}

.banner-popup__list {
    margin: 0 0 1.2rem 0
}

@media only screen and (min-width: 1024px) {
    .banner-popup__list {
        margin: 0 0 2rem 0
    }
}

@media only screen and (min-width: 1280px) {
    .banner-popup__list {
        margin: 0 0 2.4rem 0
    }
}

.banner-popup__list li {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    font-size: 1.4rem;
    margin: 0 0 1.5rem 0;
    line-height: 1.2;
    padding: 0 0 0 3.6rem
}

.banner-popup__list li:last-child {
    margin: 0
}

@media only screen and (max-width: 767px) {
    .banner-popup__list li br {
        display: none
    }
}

@media only screen and (min-width: 1024px) {
    .banner-popup__list li {
        font-size: 1.5rem;
        max-width: 44.1rem;
        padding: 0 0 0 4.9rem
    }
}

@media only screen and (min-width: 1280px) {
    .banner-popup__list li {
        font-size: 1.8rem;
        max-width: 53rem
    }
}

.banner-popup__list li:before {
    border-radius: 50%;
    background-color: #0c592e;
    font-weight: 700;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    right: auto;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2.4rem;
    height: 2.4rem;
    font-size: 1.4rem
}

@media only screen and (min-width: 1024px) {
    .banner-popup__list li:before {
        width: 3.6rem;
        height: 3.6rem;
        font-size: 2rem
    }
}

.banner-popup__btn {
    font-size: 1.4rem;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: .15em;
    margin: 0 0 0 3.6rem
}

@media only screen and (min-width: 1024px) {
    .banner-popup__btn {
        margin: 0 0 0 4.9rem;
        font-size: 2rem
    }
}

.banner-popup__btn:hover {
    color: #1d3770
}

.banner-popup__btn:active {
    color: #1d3770
}

.banner-popup__images-wrapper {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    max-width: 60rem;
    margin: 0 auto;
    pointer-events: none
}

@media only screen and (max-width: 1023px) {
    .banner-popup__images-wrapper {
        -webkit-transform: translateY(-10rem);
        transform: translateY(-10rem)
    }
}

@media only screen and (max-width: 767px) {
    .banner-popup__images-wrapper {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media only screen and (max-width: 575px) {
    .banner-popup__images-wrapper {
        -webkit-transform: translateY(-3.5rem);
        transform: translateY(-3.5rem)
    }
}

@media only screen and (min-width: 1024px) {
    .banner-popup__images-wrapper {
        width: 39%;
        display: block;
        margin: 5.4rem 0 0 0;
        -webkit-transform: translateX(-5.1rem);
        transform: translateX(-5.1rem)
    }
}

@media only screen and (min-width: 1280px) {
    .banner-popup__images-wrapper {
        margin: 6.5rem 0 0 0;
        -webkit-transform: translateX(-6.2rem);
        transform: translateX(-6.2rem)
    }
}

.banner-popup__images {
    position: relative
}

@media only screen and (max-width: 767px) {
    .banner-popup__images {
        -webkit-transform: translateX(-2.7rem);
        transform: translateX(-2.7rem);
        z-index: 2
    }
}

@media only screen and (max-width: 1023px) {
    .banner-popup__images {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        width: 51.87500000000001%
    }
}

.banner-popup__pack {
    width: 100%;
    padding: 0 0 100% 0;
    position: relative;
    z-index: 1
}

.banner-popup__pack img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.banner-popup__card {
    position: absolute;
    z-index: 2;
    width: 64.1025641025641%;
    padding-bottom: 48.717948717948715%;
    right: -1.5rem;
    bottom: -.7rem
}

@media only screen and (min-width: 768px) {
    .banner-popup__card {
        right: -6rem;
        bottom: -2.7rem
    }
}

.banner-popup__card img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.banner-popup__note {
    font-size: 1.1rem;
    line-height: 1.2;
    position: relative;
    min-height: 1.6rem;
    padding: 9rem 0 0 0
}

.banner-popup__note p {
    margin: 0 0 0 1rem
}

@media only screen and (min-width: 768px) {
    .banner-popup__note p {
        margin: 0
    }
}

@media only screen and (min-width: 1024px) {
    .banner-popup__note p {
        position: absolute;
        right: 0;
        bottom: 0
    }
}

@media only screen and (max-width: 1023px) {
    .banner-popup__note {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (min-width: 768px) {
    .banner-popup__note {
        font-size: 1.2rem;
        margin: 0 0 2rem 0
    }
}

@media only screen and (min-width: 1024px) {
    .banner-popup__note {
        margin: 2.8rem 0 0 0;
        text-align: right;
        white-space: nowrap;
        padding: 0
    }
}

@media only screen and (min-width: 1280px) {
    .banner-popup__note {
        margin: 3.4rem 0 0 0;
        font-size: 1.4rem;
        -webkit-transform: translateX(2.5rem);
        transform: translateX(2.5rem)
    }
}

.banner-popup__disclaimer {
    text-align: center;
    position: relative;
    z-index: 2;
    line-height: 1.2;
    font-size: 1.8rem;
    padding: 0 1rem;
    margin: .3rem 0 1rem 0
}

@media only screen and (min-width: 768px) {
    .banner-popup__disclaimer {
        font-size: 3rem
    }
}

@media only screen and (min-width: 1024px) {
    .banner-popup__disclaimer {
        font-size: 3.2rem
    }
}

@media only screen and (min-width: 1280px) {
    .banner-popup__disclaimer {
        font-size: 3.9rem
    }
}

@media only screen and (max-width: 767px) {
    .banner-popup__pagination-container {
        display: none
    }
}

.banner-popup__pagination {
    font-weight: 700
}

.banner-popup__picture {
    position: absolute;
    right: 0;
    bottom: 1.4rem;
    width: 11rem
}

@media only screen and (min-width: 1024px) {
    .banner-popup__picture {
        width: 29.03575%
    }
}

.banner-popup__slider-nav {
    position: absolute
}

@media only screen and (min-width: 1024px) {
    .banner-popup__slider-nav {
        width: 86.527777%
    }
}

.banner-popup__link:active {
    color: #1d3770
}

.banner-popup__link:active .banner-popup__arrow-next {
    fill: #1d3770
}

@media only screen and (max-width: 1279px) {
    .banner-popup__link {
        font-size: 1.8rem;
        line-height: 1.222222222222222
    }
}

@media only screen and (min-width: 1280px) {
    .banner-popup__link:hover {
        color: #1d3770
    }

    .banner-popup__link:hover .banner-popup__arrow-next {
        fill: #1d3770
    }
}

@media only screen and (max-width: 1279px) {
    .banner-popup__arrow-next {
        width: 2.1rem;
        height: 1.6rem
    }
}

.banner-popup__icon-close {
    transition: fill .3s
}

@media only screen and (min-width: 1280px) {
    .banner-popup__close:hover .banner-popup__icon-close {
        fill: #1d3770
    }
}

.banner-popup__warning {
    background-color: red;
    z-index: 3;
    position: relative;
    text-transform: uppercase;
    font-weight: 700;
    padding: 1rem .5rem 1rem 1rem;
    margin: 0 0 1rem 0;
    font-size: .8rem
}

@media (min-width: 365px) {
    .banner-popup__warning {
        font-size: 1rem
    }
}

@media only screen and (min-width: 768px) {
    .banner-popup__warning {
        margin: 1rem 0 0 0;
        padding: 1.5rem 1rem;
        text-align: center
    }
}

@media only screen and (min-width: 1024px) {
    .banner-popup__warning {
        font-size: 1.2rem
    }
}

@media only screen and (min-width: 1280px) {
    .banner-popup__warning {
        font-size: 1.3rem
    }
}

@media only screen and (max-width: 767px) {
    .banner-popup__warning--desk {
        display: none
    }
}

@media only screen and (min-width: 768px) {
    .banner-popup__warning--mobile {
        display: none
    }
}

.banner {
    color: #fff;
    min-height: 4.4rem;
    background-color: #0c592e;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: "Gilroy", sans-serif;
    overflow: hidden
}

@media only screen and (min-width: 1024px) {
    .banner {
        min-height: 4.16rem
    }
}

@media only screen and (min-width: 1280px) {
    .banner {
        min-height: 5rem
    }
}

.banner img, .banner svg {
    display: block
}

.banner__container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.banner__note {
    position: absolute;
    line-height: 1;
    font-weight: 300;
    right: 100%;
    font-size: 1.2rem;
    margin: 0 2.4rem 0 0;
    white-space: nowrap;
    display: none
}

@media only screen and (min-width: 1280px) {
    .banner__note {
        display: block
    }
}

.banner__picture-wrapper {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media only screen and (max-width: 1023px) {
    .banner__picture-wrapper {
        display: none
    }
}

@media only screen and (min-width: 1024px) {
    .banner__picture {
        width: 23rem
    }
}

@media only screen and (min-width: 1280px) {
    .banner__picture {
        width: 34.5rem
    }
}

.banner__text-block {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%
}

.banner__text-wrapper {
    position: relative;
    background: #62bb46;
    display: none
}

@media only screen and (min-width: 1024px) {
    .banner__text-wrapper {
        border-radius: 2rem;
        padding: 0 3.3rem 0 1.6rem;
        margin: 0 4.1rem 0 1.75rem;
        height: 4.16rem;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (min-width: 1280px) {
    .banner__text-wrapper {
        border-radius: 2.4rem;
        padding: 0 4rem 0 2rem;
        margin: 0 5rem 0 2.1rem;
        height: 5rem
    }
}

.banner__text-wrapper p {
    margin: 0;
    font-weight: 700
}

@media only screen and (min-width: 1024px) {
    .banner__text-wrapper p {
        font-size: 1.4rem
    }
}

@media only screen and (min-width: 1280px) {
    .banner__text-wrapper p {
        font-size: 2rem
    }
}

.banner__text-wrapper span {
    color: #0c592e;
    font-weight: 400
}

.banner__text-icon {
    width: 7.85rem;
    position: absolute;
    top: 1.5rem
}

@media only screen and (min-width: 1024px) {
    .banner__text-icon {
        width: 6.5rem;
        right: -3.75rem;
        top: -.1rem
    }
}

@media only screen and (min-width: 1280px) {
    .banner__text-icon {
        width: 7.85rem;
        right: -4.5rem;
        top: -.2rem
    }
}

.banner__name {
    display: none;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 700;
    font-size: 2rem;
    text-transform: uppercase;
    line-height: .9
}

@media only screen and (min-width: 1024px) {
    .banner__name {
        display: block;
        font-size: 2rem;
        margin-right: 2rem;
        color: #62bb46;
        text-transform: uppercase
    }
}

@media only screen and (min-width: 1280px) {
    .banner__name {
        font-size: 2.4rem;
        margin-right: 2.4rem
    }
}

.banner__name-more {
    font-weight: 400
}

.banner__link {
    font-family: "TT Commons", "Arial", sans-serif
}

@media only screen and (min-width: 1024px) {
    .banner__link {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }
}

.banner__link-text {
    font-size: 1.8rem;
    line-height: 1.222222222222222
}

@media only screen and (min-width: 768px) {
    .banner__link-text {
        padding-top: .4rem
    }
}

@media only screen and (min-width: 1024px) {
    .banner__link-text {
        font-size: 1.5rem
    }
}

@media only screen and (min-width: 1280px) {
    .banner__link-text {
        padding-top: 0;
        font-size: 1.8rem
    }
}

.banner__link-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-weight: 700
}

.banner__link-wrapper--desktop {
    display: none
}

@media only screen and (max-width: 1023px) {
    .banner__link-wrapper {
        text-transform: uppercase
    }
}

@media only screen and (min-width: 1024px) {
    .banner__link-wrapper {
        margin: .5rem 0 0 0;
        font-weight: 600
    }

    .banner__link-wrapper--mobile {
        display: none
    }

    .banner__link-wrapper--desktop {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.banner__arrow-next {
    display: none;
    width: 2.1rem;
    height: 1.6rem;
    margin-left: .5rem
}

@media only screen and (min-width: 1024px) {
    .banner__arrow-next {
        display: block;
        width: 1.75rem;
        height: 1.3rem
    }

    .banner__arrow-next.page__arrow-next {
        margin-top: -.1rem;
        margin-left: .6rem
    }
}

@media only screen and (min-width: 1280px) {
    .banner__arrow-next {
        width: 2.1rem;
        height: 1.6rem
    }
}

.banner__arrow-down {
    margin-left: 1.5rem;
    fill: #fff
}

@media only screen and (min-width: 1024px) {
    .banner__arrow-down {
        display: none
    }
}

.banner__close {
    position: absolute;
    right: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    width: 2.5rem;
    height: 2.5rem;
    fill: #fff;
    margin-left: auto
}

.banner__close:hover {
    opacity: .5
}

@media only screen and (min-width: 768px) {
    .banner__close {
        margin-top: -.3rem
    }
}

@media only screen and (min-width: 1024px) {
    .banner__close {
        margin: 0 -5.2rem 0 0
    }
}

.benchmark {
    position: fixed;
    right: 0;
    bottom: 0;
    background: #000;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    font-size: .8em;
    padding: .4em .8em;
    max-width: 30rem;
    z-index: 100
}

.benchmark__close {
    color: #000;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    padding: 0 .4em;
    display: inline-block;
    outline: 0;
    border: 0
}

.box-new {
    display: none
}

.box {
    width: 100%;
    height: 100vh;
    background: #ffd7d7;
    transition: all 1s;
    position: relative
}

.box.is-new {
    transition: none
}

.is-change .box, .box.is-new {
    -webkit-transform: translateX(-120%);
    transform: translateX(-120%)
}

.is-change .box--right, .box--right.is-new {
    -webkit-transform: translateX(120%);
    transform: translateX(120%)
}

.is-change .box--top, .box--top.is-new {
    -webkit-transform: translateY(-120%);
    transform: translateY(-120%)
}

.is-change .box--bottom, .box--bottom.is-new {
    -webkit-transform: translateY(120%);
    transform: translateY(120%)
}

.box--about {
    background: #79ccc4;
    height: 200vh
}

.box--work {
    background: #afd483
}

.disclaimer {
    position: fixed;
    z-index: 3;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    transition: all .3s
}

.disclaimer__close-icon {
    fill: rgba(0, 0, 0, .5)
}

.disclaimer.js-ready {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.disclaimer.js-inactive {
    position: relative;
    border-top: 1px solid #b5e6fd
}

.disclaimer.js-inactive .disclaimer__close-button {
    display: none
}

.disclaimer__container {
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
    max-width: none
}

@media only screen and (max-width: 767px) {
    .disclaimer__container {
        width: 90vw
    }
}

@media only screen and (min-width: 768px) {
    .disclaimer__container {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 2rem;
        padding-bottom: 2rem;
        width: 95vw
    }
}

@media only screen and (min-width: 1280px) {
    .disclaimer__container {
        width: 98vw;
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }
}

.disclaimer__close-button {
    position: absolute;
    top: 1.5rem;
    right: -3.134796238244514vw;
    width: 1.1rem;
    height: 1.1rem;
    padding: 0
}

.disclaimer__close-button.js-close-hide {
    display: none
}

.disclaimer__close-button svg {
    width: 100%;
    height: 100%
}

@media only screen and (min-width: 768px) {
    .disclaimer__close-button {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: -.6rem;
        width: 1.8rem;
        height: 1.8rem
    }
}

@media only screen and (min-width: 1280px) {
    .disclaimer__close-button {
        position: static;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        width: 2.6rem;
        height: 2.6rem;
        margin-left: 1.6rem
    }
}

.disclaimer__text {
    margin-top: 0;
    margin-bottom: 0;
    font-family: "Roboto", sans-serif;
    text-align: center;
    line-height: 1;
    text-transform: uppercase;
    color: rgba(141, 145, 152, .8);
    font-size: 1.6rem;
    font-weight: 500;
    text-align: center;
    letter-spacing: .04em
}

@media only screen and (min-width: 768px) {
    .disclaimer__text {
        font-size: 3rem;
        font-weight: 400;
        letter-spacing: 0;
        -webkit-transform: scaleY(1.5);
        transform: scaleY(1.5)
    }
}

@media only screen and (min-width: 1280px) {
    .disclaimer__text {
        font-size: 2.36275191104934vw
    }
}

@media (min-width: 1440px) {
    .disclaimer__text {
        font-size: 3.4rem
    }
}

.disclaimer__desktop-icon {
    display: none
}

@media only screen and (min-width: 1280px) {
    .disclaimer__desktop-icon {
        display: block
    }
}

.disclaimer__mobile-icon {
    display: block
}

@media only screen and (min-width: 1280px) {
    .disclaimer__mobile-icon {
        display: none
    }
}

.disclaimer__confirm {
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .2rem 1rem;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    background-color: #21b4e8;
    height: 100%;
    transition: all .3s
}

@media only screen and (min-width: 768px) {
    .disclaimer__confirm {
        padding-top: 1.1rem;
        padding-bottom: .8rem;
        padding-right: 1rem;
        padding-left: 1rem
    }
}

.disclaimer.js-hover .disclaimer__confirm {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.disclaimer__confirm-text {
    margin-top: 0;
    margin-bottom: 0;
    color: #fff
}

.feedback-form {
    color: #fff
}

.feedback-form__content {
    padding-top: 3.2rem;
    padding-right: 5.015673981191222vw;
    padding-left: 5.015673981191222vw;
    padding-bottom: 3.2rem;
    background-image: linear-gradient(235.06deg, #98d3f2 17.58%, rgba(53, 151, 211, 0) 73.39%);
    background-size: cover;
    background-repeat: no-repeat
}

.feedback-form__content.lazyloaded {
    background-image: url(/media/images/bg-feedback-mobile.jpg), linear-gradient(235.06deg, #98d3f2 17.58%, rgba(53, 151, 211, 0) 73.39%)
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 1.5dppx),(min-resolution: 144dpi) {
    .feedback-form__content.lazyloaded {
        background-image: url(/media/images/bg-feedback-mobile@2x.jpg), linear-gradient(235.06deg, #98d3f2 17.58%, rgba(53, 151, 211, 0) 73.39%)
    }
}

@media only screen and (min-width: 768px) {
    .feedback-form__content {
        padding-top: 6.8rem;
        padding-bottom: 6.8rem;
        padding-right: 0;
        padding-left: 0
    }
}

@media only screen and (min-width: 1280px) {
    .feedback-form__content {
        padding-top: 10.4rem
    }

    .feedback-form__content.lazyloaded {
        background-image: url(/media/images/bg-feedback.jpg), linear-gradient(235.06deg, #98d3f2 17.58%, rgba(53, 151, 211, 0) 73.39%)
    }
}

@media only screen and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1280px) and (min-resolution: 144dpi), only screen and (min-width: 1280px) and (min-resolution: 1.5dppx) {
    .feedback-form__content.lazyloaded {
        background-image: url(/media/images/bg-feedback@2x.jpg), linear-gradient(235.06deg, #98d3f2 17.58%, rgba(53, 151, 211, 0) 73.39%)
    }
}

.feedback-form__call {
    margin-top: 0;
    margin-bottom: 1.6rem;
    font-size: 2.8rem;
    line-height: 1.142857142857143;
    font-weight: 600
}

@media only screen and (min-width: 768px) {
    .feedback-form__call {
        margin-bottom: 3.8rem;
        text-align: center
    }
}

.feedback-form__button-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width: 1280px) {
    .feedback-form__button-wrapper {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.footnotes {
    margin-top: 4.1rem;
    margin-bottom: 2.2rem;
    color: #21b4e8
}

@media only screen and (min-width: 768px) {
    .footnotes {
        margin-bottom: 4.5rem
    }
}

@media only screen and (min-width: 1280px) {
    .footnotes {
        margin-top: 7.2rem;
        margin-bottom: 6.7rem;
        font-size: 1.8rem;
        line-height: 1.222222222222222
    }
}

.footnotes__content-text {
    margin-top: 1rem
}

.footnotes__list {
    list-style: none;
    margin: 0;
    padding: 0;
    counter-reset: count
}

.footnotes__item {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 1rem;
    counter-increment: count;
    color: #3256a6
}

.footnotes__item::before {
    content: none
}

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

.footnotes__item::before {
    content: none
}

.footnotes__item-text {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 700
}

ol.footnotes__list small::before {
    content: counter(count) ". ";
    display: inline
}

.form__input-wrapper {
    position: relative;
    margin-bottom: .8rem
}

.form__input-wrapper:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 1280px) {
    .form__input-wrapper {
        margin-bottom: 1.6rem
    }
}

.form__label {
    position: relative;
    font-size: 1.8rem;
    line-height: 1.222222222222222;
    cursor: text
}

.form__label--shifting {
    position: absolute;
    top: 1.6rem;
    left: 1.6rem
}

.form__label--box::before {
    content: "";
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    width: 2rem;
    height: 2rem;
    margin-right: .8rem;
    background-color: #dde5ed;
    border-radius: .3rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.4rem .8rem
}

.form__label--option {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    cursor: pointer
}

@media only screen and (min-width: 1280px) {
    .form__label--shifting {
        left: 2.4rem
    }
}

.form__checkbox:checked ~ .form__label::before {
    background-image: url(/media/images/icon-check-black.svg)
}

.form__input-wrapper {
    color: #1d3770
}

.form__input {
    width: 100%;
    padding: 1.5rem 1.6rem 1.6rem;
    font-size: 1.8rem;
    line-height: 1.222222222222222;
    background-color: #fff;
    border: 1px solid transparent;
    box-sizing: border-box;
    border-radius: 2rem
}

.form__input--textarea {
    min-height: 15.7rem;
    max-height: 20rem;
    padding-top: 1.6rem
}

.form__input--filled-bind ~ .form__label--shifting, .form__input--filled ~ .form__label--shifting, .form__input:focus ~ .form__label--shifting {
    top: -1rem;
    opacity: 0
}

.form__input.js-error {
    border-color: red
}

.form__input:focus {
    outline: none
}

@media only screen and (min-width: 1280px) {
    .form__input {
        padding: 1.5rem 2.4rem 1.6rem;
        border: 1px solid #ecf0f3;
        border-radius: 2.9rem
    }

    .form__input--textarea {
        min-height: 13.7rem
    }
}

.form__text-item {
    margin-top: 0;
    margin-bottom: 1.6rem;
    font-size: 1.8rem;
    line-height: 1.222222222222222
}

.form__text-item:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 1280px) {
    .form__text-item {
        margin-bottom: 2.4rem
    }
}

.form__note {
    position: relative;
    padding-top: .3rem;
    padding-left: 2.8rem
}

.form__note::before {
    content: "!";
    position: absolute;
    top: .2rem;
    left: 0;
    width: 2rem;
    height: 2rem;
    padding-top: .3rem;
    padding-bottom: .3rem;
    font-size: 1.2rem;
    line-height: 1.166666666666667;
    text-align: center;
    color: #0d0d0d;
    border-radius: 50%;
    background-color: #dde5ed
}

@media only screen and (max-width: 1023px) {
    .main-menu {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        padding-top: 4.4rem;
        padding-bottom: 4rem;
        overflow-y: auto
    }
}

@media only screen and (min-width: 1024px) {
    .main-menu {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.main-menu__list {
    list-style: none;
    margin: 0;
    padding: 0
}

@media only screen and (max-width: 1023px) {
    .main-menu__list {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media only screen and (min-width: 1024px) {
    .main-menu__list {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: -1rem;
        margin-left: -1.6rem
    }
}

@media only screen and (min-width: 1280px) {
    .main-menu__list {
        margin-left: -1.6rem
    }
}

@media only screen and (min-width: 1440px) {
    .main-menu__list {
        margin-left: -2.4rem
    }
}

.main-menu__item {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0
}

.main-menu__item::before {
    content: none
}

@media only screen and (min-width: 1024px) {
    .main-menu__item {
        margin-top: 1rem;
        margin-left: 1.6rem
    }
}

@media only screen and (min-width: 1280px) {
    .main-menu__item {
        margin-left: 1.6rem
    }
}

@media only screen and (min-width: 1440px) {
    .main-menu__item {
        margin-left: 2.4rem
    }
}

.main-menu__item--current > .main-menu__link {
    color: #3256a6
}

.main-menu__link {
    display: block;
    color: #1d3770;
    font-size: 2.4rem
}

@media only screen and (min-width: 1024px) {
    .main-menu__link {
        font-size: 1.8rem
    }

    .main-menu__link:hover {
        text-shadow: .5px 0 0, .5px 0 0, -.5px 0 0
    }
}

@media only screen and (min-width: 1440px) {
    .main-menu__link {
        font-size: 2rem
    }
}

.noscript-bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    font-size: .7em
}

.noscript-bar__content {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #000;
    color: #fff;
    z-index: 100;
    padding: 1em 0
}

.noscript-bar__checkbox {
    display: none
}

.noscript-bar__checkbox:checked + .noscript-bar__content {
    display: none
}

.noscript-bar__cols {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.noscript-bar label {
    cursor: pointer
}

.page-404 {
    min-height: 503px;
    height: 100vh;
    max-height: 600px;
    color: #fff;
    background-color: #e1f5fe;
    background-image: url(/media/images/bg-page-404-mobile.jpg);
    background-size: cover;
    background-repeat: no-repeat
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi),(min-resolution: 1.5dppx) {
    .page-404 {
        background-image: url(/media/images/bg-page-404-mobile@2x.jpg)
    }
}

@media only screen and (min-width: 768px) {
    .page-404 {
        min-height: 567px;
        max-height: 768px;
        background-image: url(/media/images/bg-page-404.jpg)
    }
}

@media only screen and (min-width: 1280px) {
    .page-404 {
        max-height: 900px
    }
}

.page-404__container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.page-404__image {
    display: block;
    width: 30.6rem;
    margin-left: 3rem;
    max-width: none
}

@media only screen and (min-width: 768px) {
    .page-404__image {
        width: 41.6rem;
        margin-left: 3.5rem
    }
}

@media only screen and (min-width: 1280px) {
    .page-404__image {
        width: 51.63636363636363%;
        margin-left: 5.909090909090909%
    }
}

.page-404__description {
    position: relative;
    margin-top: 0;
    margin-bottom: 3.2rem;
    font-size: 2.4rem;
    line-height: 1.166666666666667;
    font-weight: 600
}

.page-404__description::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    text-fill-color: radial-gradient(66.61% 120.65% at 50% 48.35%, rgba(94, 218, 255, .3) 10.94%, rgba(62, 110, 251, .3) 100%)
}

@media only screen and (min-width: 1280px) {
    .page-404__description {
        margin-bottom: 4.5rem
    }
}

@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min-resolution: 144dpi), only screen and (min-width: 768px) and (min-resolution: 1.5dppx) {
    .page-404 {
        background-image: url(/media/images/bg-page-404@2x.jpg)
    }
}

.buying-intro {
    color: #fff;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: linear-gradient(235.06deg, #98d3f2 17.58%, rgba(53, 151, 211, 0) 73.39%), linear-gradient(0deg, #3597d3, #3597d3);
    background-image: url(/media/images/buying/bg-buying-intro-mobile.jpg)
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi),(min-resolution: 1.5dppx) {
    .buying-intro {
        background-image: url(/media/images/buying/bg-buying-intro-mobile@2x.jpg)
    }
}

@media only screen and (min-width: 768px) {
    .buying-intro {
        background-image: url(/media/images/buying/bg-buying-intro.jpg)
    }
}

@media only screen and (min-width: 1280px) {
    .buying-intro__container {
        padding-top: 10.7rem
    }
}

.buying-intro__slogan {
    margin-bottom: 2.1rem;
    color: #fff
}

@media only screen and (min-width: 1280px) {
    .buying-intro__slogan {
        margin-bottom: 1.7rem;
        letter-spacing: .64px
    }
}

.buying-intro__title {
    margin-bottom: 4rem;
    color: #fff
}

@media only screen and (min-width: 1280px) {
    .buying-intro__title {
        margin-bottom: 7.2rem;
        margin-right: -4rem;
        letter-spacing: .64px
    }
}

.buying-intro__description {
    margin-top: 0;
    margin-bottom: 2.8rem;
    letter-spacing: .64px
}

@media only screen and (min-width: 1280px) {
    .buying-intro__description {
        margin-bottom: 8.6rem;
        font-size: 2.5rem;
        line-height: 1.12
    }
}

.buying-intro__packs {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media only screen and (max-width: 1279px) {
    .buying-intro__packs {
        margin-bottom: 8rem
    }
}

@media only screen and (min-width: 1280px) {
    .buying-intro__packs {
        width: 52.7272%;
        margin-top: 1.1rem;
        margin-right: 3.818%
    }
}

.buying-intro__packs-image {
    display: block;
    width: 100%
}

@media only screen and (min-width: 1280px) {
    .buying-intro__self-pickup {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.buying-intro__link {
    display: block;
    background-color: #fff
}

.buying-intro__link:active {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

@media only screen and (min-width: 1280px) {
    .buying-intro__link:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

.buying-intro__logo {
    display: block
}

@media only screen and (min-width: 1280px) {
    .buying-intro__list-wrapper {
        width: 43.54545%
    }
}

@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min-resolution: 144dpi), only screen and (min-width: 768px) and (min-resolution: 1.5dppx) {
    .buying-intro {
        background-image: url(/media/images/buying/bg-buying-intro@2x.jpg)
    }
}

.offer {
    padding-top: 6.3rem;
    padding-bottom: 3.7rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.offer.lazyloaded {
    background-image: url(/media/images/buying/bg-offer-mobile.jpg)
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi),(min-resolution: 1.5dppx) {
    .offer.lazyloaded {
        background-image: url(/media/images/buying/bg-offer-mobile@2x.jpg)
    }
}

@media only screen and (min-width: 768px) {
    .offer.lazyloaded {
        background-image: url(/media/images/buying/bg-offer.jpg)
    }
}

@media only screen and (min-width: 1280px) {
    .offer {
        margin-bottom: 12.1rem;
        padding-top: 4.2rem;
        padding-bottom: 2.8rem
    }
}

@media only screen and (min-width: 768px) {
    .offer__wrapper {
        margin-left: auto;
        margin-right: auto;
        min-width: 64rem;
        width: 66%
    }
}

.offer__title {
    margin-bottom: 3.3rem
}

@media only screen and (min-width: 1280px) {
    .offer__title {
        margin-bottom: 1.8rem
    }
}

.offer__description {
    margin-top: 0;
    margin-bottom: 0
}

@media only screen and (min-width: 1280px) {
    .offer__description {
        font-size: 1.8rem;
        line-height: 1.222222222222222;
        letter-spacing: .64px
    }
}

.offer__button-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 3.1rem
}

@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min-resolution: 144dpi), only screen and (min-width: 768px) and (min-resolution: 1.5dppx) {
    .offer.lazyloaded {
        background-image: url(/media/images/buying/bg-offer@2x.jpg)
    }
}

@media only screen and (max-width: 767px) {
    .expert {
        margin-bottom: 5.6rem
    }
}

.expert__container {
    padding-bottom: 0
}

@media only screen and (min-width: 1280px) {
    .expert__container {
        padding-top: 8.2rem;
        padding-bottom: 1.3rem
    }
}

.expert__title {
    margin-bottom: 1.1rem;
    color: #1d3770
}

@media only screen and (min-width: 1280px) {
    .expert__title {
        margin-bottom: 1.8rem
    }
}

.expert__description {
    margin-top: 0;
    margin-bottom: 3.2rem
}

@media only screen and (min-width: 1280px) {
    .expert__description {
        width: 56.99999999999999%;
        margin-bottom: 4.4rem;
        line-height: 1.166666666666667
    }
}

.expert__slider-nav {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 2.4rem
}

@media only screen and (min-width: 768px) {
    .expert__slider-nav {
        margin-top: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
}

@media only screen and (min-width: 1280px) {
    .expert__slider-nav {
        margin-bottom: -.6rem
    }
}

.expert__slider-buttons {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 9.4rem;
    margin-left: auto;
    margin-right: auto
}

.expert__slider-buttons .page__button-prev {
    margin-right: auto
}

.expert__slider-buttons .page__button-next {
    margin-left: auto
}

@media only screen and (min-width: 768px) {
    .expert__slider-buttons {
        margin-right: 0
    }
}

.expert__pagination {
    position: static;
    margin-left: .2rem;
    margin-right: .2rem;
    font-size: 1.8rem;
    line-height: 1.222222222222222
}

.expert__slider-wrapper {
    width: 100vw;
    margin-left: -5.015673981191222vw
}

@media only screen and (min-width: 768px) {
    .expert__slider-wrapper {
        width: 100%;
        margin-left: 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.expert__video-slider {
    width: 100%;
    padding-top: .6rem
}

.expert__video-section {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media only screen and (min-width: 768px) {
    .expert__video-section {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.expert__video-wrapper {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 5%
}

.expert__video-wrapper:last-child {
    margin-right: 0
}

@media only screen and (min-width: 768px) {
    .expert__video-wrapper {
        width: 48.63636363636364%;
        margin-right: 2.727272727272727%
    }
}

.expert__video-name {
    margin-top: 0;
    margin-bottom: 2.4rem;
    margin-left: 5.015673981191222vw;
    font-size: 1.8rem;
    line-height: 1.222222222222222;
    font-weight: 700
}

@media only screen and (min-width: 768px) {
    .expert__video-name {
        margin-left: 0
    }
}

@media only screen and (min-width: 1280px) {
    .expert__video-name {
        margin-bottom: 1.5rem;
        font-size: 2.4rem;
        line-height: 1.166666666666667
    }
}

.faq {
    margin-bottom: 0;
    padding-bottom: 6.4rem
}

@media only screen and (min-width: 768px) {
    .faq {
        margin-bottom: 0;
        padding-bottom: 7.7rem
    }
}

.faq__tabs-wrapper {
    margin-bottom: 2.4rem;
    padding-top: 2.4rem
}

@media only screen and (max-width: 1279px) {
    .faq__tabs-wrapper {
        width: 100vw;
        margin-left: -7.822685788787484vw
    }
}

@media only screen and (max-width: 767px) {
    .faq__tabs-wrapper {
        margin-left: -5.015673981191222vw
    }
}

@media only screen and (min-width: 1280px) {
    .faq__tabs-wrapper {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 6.6rem;
        padding-top: 2.1rem
    }
}

.faq__tabs {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-left: -.8rem
}

@media only screen and (max-width: 1279px) {
    .faq__tabs {
        margin-left: 0
    }
}

@media only screen and (max-width: 767px) {
    .faq__tabs {
        margin-left: 0
    }
}

@media only screen and (min-width: 1280px) {
    .faq__tabs {
        margin-left: -2.3rem;
        width: auto
    }
}

.faq__tab {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    margin-left: .8rem;
    width: auto
}

.faq__tab::before {
    content: none
}

@media only screen and (max-width: 1279px) {
    .faq__tab:first-child {
        margin-left: 7.822685788787484vw
    }
}

@media only screen and (max-width: 767px) {
    .faq__tab:first-child {
        margin-left: 5.015673981191222vw
    }
}

@media only screen and (min-width: 1280px) {
    .faq__tab {
        margin-left: 2.3rem
    }

    .faq__tab:last-child {
        margin-right: 0
    }
}

.faq__tab-link {
    display: block;
    line-height: 1;
    transition: text-shadow .3s
}

.faq__tab-link.js-tab-name--active {
    color: #fff;
    text-shadow: .5px 0 0, .5px 0 0, -.5px 0 0
}

@media only screen and (max-width: 767px) {
    .faq__tab-link .page__product-name {
        text-transform: none
    }
}

@media only screen and (max-width: 1279px) {
    .faq__tab-link {
        padding: .8rem 1rem .3rem;
        border: 1px solid currentColor;
        border-radius: 2.7rem
    }
}

@media only screen and (min-width: 1280px) {
    .faq__tab-link {
        font-size: 2rem
    }
}

.faq__title {
    margin-bottom: .9rem;
    letter-spacing: .64px;
    color: #fff
}

@media only screen and (min-width: 768px) {
    .faq__title {
        color: #f8f8f8
    }
}

@media only screen and (min-width: 1280px) {
    .faq__title {
        margin-bottom: 1.5rem;
        font-size: 4.7rem;
        font-weight: 700
    }
}

.faq__description {
    margin-top: 0;
    margin-bottom: 3.9rem;
    color: #fff;
    letter-spacing: .64px
}

@media only screen and (min-width: 768px) {
    .faq__description {
        color: #f8f8f8
    }
}

@media only screen and (min-width: 1280px) {
    .faq__description {
        margin-bottom: 4.1rem;
        letter-spacing: .64px;
        font-size: 2.5rem;
        line-height: 1.12
    }
}

.faq__feedback-button {
    margin-bottom: 2.4rem;
    padding-right: 2.3rem;
    padding-left: 2.3rem
}

@media only screen and (min-width: 1280px) {
    .faq__feedback-button {
        margin-bottom: 5.6rem
    }
}

.faq__list {
    list-style: none;
    margin: 0;
    padding: 0
}

.faq__item {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 1.6rem;
    border-radius: 2rem;
    transition: all .5s;
    background-color: #fff
}

.faq__item::before {
    content: none
}

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

@media only screen and (min-width: 1280px) {
    .faq__item {
        border-radius: 5.8rem;
        font-size: 1.8rem;
        line-height: 1.222222222222222
    }

    .faq__item.js-accordion-item--active {
        border-radius: 3rem
    }
}

.faq__head {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 7.6rem;
    width: 100%;
    padding: 1.6rem
}

@media only screen and (min-width: 768px) {
    .faq__head {
        padding: 2.4rem 2.4rem 2rem 3.2rem
    }
}

@media only screen and (min-width: 1280px) {
    .faq__head {
        min-height: 8.8rem
    }
}

.faq__head-text {
    margin-top: 0;
    margin-bottom: 0
}

.faq__icon-wrapper {
    display: none
}

@media only screen and (min-width: 768px) {
    .faq__icon-wrapper {
        position: relative;
        display: block;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 4rem;
        height: 4rem;
        margin-left: 3rem
    }
}

.faq__icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block
}

.faq__content-container {
    padding-bottom: 1.6rem;
    padding-right: 1.6rem;
    padding-left: 1.6rem
}

@media only screen and (min-width: 768px) {
    .faq__content-container {
        padding: 0 2.4rem 2.4rem 3.2rem
    }
}

.faq__content-wrapper {
    padding: 1.6rem .4rem 1.6rem 1.6rem;
    background-color: #3256a6;
    border-radius: 2rem;
    color: #fff
}

.faq__content-wrapper p {
    margin-top: 0;
    margin-bottom: 0
}

@media only screen and (min-width: 1280px) {
    .faq__content-wrapper {
        border-radius: 3rem;
        padding: 2.4rem 4rem 2.4rem 3rem;
        font-size: 1.8rem;
        line-height: 1.222222222222222
    }
}

.page-footer.js-visible .page-footer__link-wrapper, .page-footer.js-visible .page-footer__link:not(.page-footer__link--social) {
    font-weight: 100
}

.page-footer__wrapper {
    background-color: #3256a6;
    color: #fff
}

@media only screen and (min-width: 1024px) {
    .page-footer__wrapper {
        padding: 7rem 0
    }
}

.page-footer__top-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 3.2rem;
    padding-bottom: 3.7rem;
    font-size: 1.2rem
}

@media only screen and (min-width: 768px) {
    .page-footer__top-container {
        padding-top: 2.3rem;
        padding-bottom: 1.8rem
    }
}

@media only screen and (min-width: 1280px) {
    .page-footer__top-container {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.page-footer__link-item {
    display: inline-block;
    text-align: left;
    font-weight: 700
}

.page-footer__link-item:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 1280px) {
    .page-footer__link-item {
        margin-bottom: 1.9rem
    }
}

.page-footer__link-wrapper {
    margin-bottom: 3.5rem
}

.page-footer__link-wrapper:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 1280px) {
    .page-footer__link-wrapper {
        margin-bottom: 0
    }

    .page-footer__link-wrapper:nth-child(3n) {
        margin-right: 0
    }
}

@media only screen and (min-width: 1280px) {
    .page-footer__top-left {
        width: 31.2%;
        margin-right: 3.2%
    }
}

@media only screen and (min-width: 1280px) {
    .page-footer__top-center {
        width: 30.9%;
        margin-right: 3%
    }
}

@media only screen and (min-width: 1280px) {
    .page-footer__top-right {
        margin-left: auto
    }
}

.page-footer__link--social {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700
}

.page-footer__link:active {
    opacity: .7
}

@media only screen and (min-width: 1280px) {
    .page-footer__link:hover {
        opacity: .7
    }
}

.page-footer__logo-wrapper {
    width: 7.3rem;
    height: 2.7rem;
    margin-right: 2.6rem
}

@media only screen and (min-width: 768px) {
    .page-footer__logo-wrapper {
        margin-bottom: .3rem;
        margin-right: 1.6rem
    }
}

@media only screen and (min-width: 1280px) {
    .page-footer__logo-wrapper {
        width: 14.1rem;
        height: 5.1rem;
        margin-right: 2.4rem;
        margin-bottom: 0
    }
}

.page-footer__logo {
    display: block;
    width: 100%;
    height: 100%
}

.page-footer__bottom-container {
    padding-top: 5rem;
    padding-bottom: 3.7rem;
    font-size: 1.1rem;
    line-height: 1.181818181818182;
    border-top: 1px solid rgba(255, 255, 255, .2)
}

@media only screen and (max-width: 767px) {
    .page-footer__bottom-container > * {
        margin-bottom: 2.4rem
    }

    .page-footer__bottom-container > :last-child {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 768px) {
    .page-footer__bottom-container {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-top: 2.2rem;
        padding-bottom: 3.2rem
    }
}

@media only screen and (min-width: 1280px) {
    .page-footer__bottom-container {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        font-size: 1.4rem;
        line-height: 1.285714285714286
    }

    .page-footer__bottom-container > :nth-child(3n) {
        margin-right: 0
    }
}

.page-footer__contacts {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.4rem;
    line-height: 1.285714285714286
}

.page-footer__service {
    margin-top: .8rem;
    margin-bottom: 0;
    font-size: 1.4rem;
    line-height: 1.285714285714286
}

@media only screen and (min-width: 768px) {
    .page-footer__service {
        margin-top: 0
    }
}

.page-footer__left {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media only screen and (min-width: 1280px) {
    .page-footer__left {
        width: 31.2%;
        margin-right: 3.2%
    }
}

@media only screen and (min-width: 768px) {
    .page-footer__center {
        width: 28%
    }
}

@media only screen and (min-width: 1280px) {
    .page-footer__center {
        width: 30.9%;
        margin-top: 1.6rem;
        margin-right: 3%
    }
}

.page-footer__right {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media only screen and (min-width: 768px) {
    .page-footer__right {
        width: 37%
    }
}

@media only screen and (min-width: 1280px) {
    .page-footer__right {
        width: 30.9%;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-left: auto
    }
}

@media only screen and (max-width: 767px) {
    .page-footer__social-icon {
        display: none
    }
}

@media only screen and (min-width: 768px) {
    .page-footer__social-icon {
        display: block;
        width: 3rem;
        height: 3rem;
        margin-bottom: .5rem;
        margin-left: 2.4rem
    }
}

.page-footer__creator {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.page-footer__creator-wrapper {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 2.6rem
}

@media only screen and (min-width: 768px) {
    .page-footer__creator-wrapper {
        margin-right: 1.5rem
    }
}

.page-footer__creator-logo {
    display: block;
    width: 7.2rem;
    height: 3.2rem
}

@media only screen and (min-width: 1280px) {
    .page-footer__creator-logo {
        width: 8.9rem;
        height: 3.9rem
    }
}

.page-footer__creator-text {
    margin-top: 0;
    margin-bottom: 0
}

.page-footer__creator-text a:active {
    opacity: .7;
    color: #fff
}

@media only screen and (min-width: 768px) {
    .page-footer__creator-text {
        margin-top: .4rem;
        font-size: 1.4rem
    }
}

@media only screen and (min-width: 1280px) {
    .page-footer__creator-text {
        margin-top: 1.1rem
    }

    .page-footer__creator-text a:hover {
        opacity: .7;
        color: #fff
    }
}

.page-footer__copyright {
    margin-top: 0;
    margin-bottom: 0
}

@media only screen and (min-width: 768px) {
    .page-footer__copyright {
        font-size: 1.4rem;
        line-height: 1.285714285714286
    }
}

@media only screen and (min-width: 1280px) {
    .page-footer__copyright {
        margin-top: 1.6rem
    }
}

.page-header {
    position: static;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 10;
    width: 100%
}

@media only screen and (max-width: 1023px) {
    .page-header.is-opened .page-header__nav {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .page-header.is-opened .page-header__burger-icon {
        display: none
    }

    .page-header.is-opened .page-header__close-icon {
        position: relative;
        display: block;
        width: 2.1rem;
        height: 2.1rem;
        fill: #3256a6
    }
}

@media only screen and (min-width: 1280px) {
    .page-header {
        position: fixed
    }
}

@media only screen and (max-width: 1023px) {
    .page-header__container {
        position: static
    }
}

.page-header__burger {
    position: relative;
    z-index: 3;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.8rem;
    height: 2.8rem
}

@media only screen and (min-width: 1024px) {
    .page-header__burger {
        display: none
    }
}

.page-header__burger-icon {
    display: block;
    width: 2.8rem;
    height: 1.9rem
}

.page-header__close-icon {
    display: none
}

.page-header__content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: .7rem;
    padding-bottom: .7rem
}

@media only screen and (min-width: 1024px) {
    .page-header__content {
        min-height: 8.2rem;
        padding-top: 1.3rem;
        padding-bottom: 1.3rem
    }
}

.page-header__left {
    position: relative;
    z-index: 3;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media only screen and (min-width: 1024px) {
    .page-header__left {
        margin-right: 2%;
        width: 15.4rem
    }
}

@media only screen and (min-width: 1440px) {
    .page-header__left {
        width: 19.9rem
    }
}

.page-header__logo-wrapper {
    display: block
}

.page-header__logo {
    display: block;
    width: 10.8rem
}

@media only screen and (min-width: 1024px) {
    .page-header__logo {
        width: 19.9rem
    }
}

@media only screen and (min-width: 1024px) {
    .page-header__center {
        padding-top: .2rem
    }
}

.page-header__nav {
    padding-right: 5.015673981191222vw;
    padding-left: 5.015673981191222vw
}

@media only screen and (max-width: 1023px) {
    .page-header__nav {
        position: fixed;
        z-index: 2;
        left: 0;
        top: 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100vw;
        right: 0;
        bottom: 0;
        margin-top: 0;
        padding-top: 5.5rem;
        padding-bottom: 1.5rem;
        pointer-events: none;
        box-sizing: border-box;
        transition: all .3s;
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
        overflow: hidden;
        background-color: #fff
    }
}

@media only screen and (min-width: 768px) {
    .page-header__nav {
        padding-right: 7.822685788787484vw;
        padding-left: 7.822685788787484vw
    }
}

@media only screen and (min-width: 1024px) {
    .page-header__nav {
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0
    }
}

.page-header__right {
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width: 1024px) {
    .page-header__right {
        position: relative;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        margin-left: 2%
    }
}

.page-header__button {
    font-size: 1.8rem;
    padding: .7rem 1.2rem .5rem;
    margin-right: 1.6rem
}

@media only screen and (max-width: 767px) {
    .page-header__button {
        background-color: transparent;
        border: 2px solid #21b4e8;
        color: #21b4e8
    }

    .page-header__button .page__pin-wrapper {
        display: none
    }

    .page-header__button:active {
        background-color: #21b4e8;
        color: #fff
    }
}

@media only screen and (min-width: 768px) {
    .page-header__button {
        padding: 1.2rem 2rem .9rem 2.9rem
    }

    .page-header__button .page__pin-wrapper {
        margin-left: .6rem
    }
}

@media only screen and (min-width: 1024px) {
    .page-header__button {
        margin-right: 0
    }
}

@media only screen and (min-width: 1280px) {
    .page-header__button {
        font-size: 2rem
    }
}

.page-header__social-link {
    display: none
}

@media only screen and (min-width: 577px) {
    .page-header__social-link {
        display: block;
        margin-right: 1.6rem
    }

    .page-header__social-link:active {
        opacity: .5
    }
}

@media only screen and (min-width: 1024px) {
    .page-header__social-link {
        position: absolute;
        right: 0;
        margin-right: -5.4rem
    }
}

@media only screen and (min-width: 1280px) {
    .page-header__social-link:hover {
        opacity: .5
    }
}

@media only screen and (min-width: 577px) {
    .page-header__social-icon {
        display: block;
        width: 3rem;
        height: 3rem
    }
}

.buying--page {
    padding-bottom: 3.2rem
}

.buying--page .buying__item-link:avtive {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

@media only screen and (min-width: 1280px) {
    .buying--page {
        padding-bottom: 4.4rem
    }

    .buying--page .buying__item-link:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

.buying__section-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (min-width: 1280px) {
    .buying__section-container {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }
}

@media only screen and (min-width: 1280px) {
    .buying__left {
        width: 44.7272%
    }
}

@media only screen and (min-width: 1280px) {
    .buying__title {
        width: 76%;
        margin-right: auto
    }
}

.buying__description {
    margin-top: 0;
    margin-bottom: 2.4rem
}

@media only screen and (min-width: 1280px) {
    .buying__description {
        margin-bottom: 3.2rem
    }
}

.buying__wrapper {
    width: 100%
}

@media only screen and (min-width: 1280px) {
    .buying__wrapper {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.buying__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .buying__list--home .buying__item {
        width: 100%;
        max-width: 420px;
        margin-bottom: 1.6rem
    }

    .buying__list--home .buying__item:last-child {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 768px) {
    .buying__list {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        margin-top: -2.4rem
    }

    .buying__list--short .buying__item {
        margin-top: 2.4rem;
        margin-right: 4.041720990873533vw
    }

    .buying__list--short .buying__item:nth-child(2n) {
        margin-right: 0
    }

    .buying__list--intro .buying__item {
        margin-right: 1.955671447196871vw
    }
}

@media only screen and (min-width: 1280px) {
    .buying__list {
        margin-top: -4rem
    }

    .buying__list--short {
        margin-top: -3.2rem
    }

    .buying__list--short .buying__item {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-top: 3.2rem;
        margin-right: 2.154273801250869vw
    }

    .buying__list--intro .buying__item {
        margin-right: 1.042390548992356vw
    }

    .buying__list--effects .buying__logo {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        opacity: .4;
        max-height: 50px;
    }

    .buying__list--effects .buying__item-link:hover .buying__logo {
        -webkit-filter: none;
        filter: none;
        opacity: 1
    }
}

@media only screen and (min-width: 1920px) {
    .buying__list--short .buying__item {
        margin-right: 3.1rem
    }

    .buying__list--intro .buying__item {
        margin-right: 1.5rem
    }
}

.buying__item {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    width: 72.10031347962382vw;
    margin-bottom: 2rem
}

.buying__item::before {
    content: none
}

.buying__item--ozon .buying__logo {
    width: 14.1rem;
    height: 1.9rem
}

.buying__item--zdravcity .buying__logo {
    width: 16.4rem;
    height: 2.7rem
}

.buying__item--apteka-ru .buying__logo {
    width: 12.6rem;
    height: 3rem
}

.buying__item--eapteka .buying__logo {
    width: 13.9rem;
    height: 3.7rem
}

.buying__item--europharma .buying__logo {
    width: 20rem;
    height: 3rem
}

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

@media only screen and (min-width: 768px) {
    .buying__item {
        width: 29.986962190352024vw;
        margin-top: 2.4rem;
        margin-right: 3.911342894393742vw;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .buying__item {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .buying__item:nth-child(2n) {
        margin-right: 0
    }
}

@media only screen and (min-width: 1280px) {
    .buying__item {
        width: 15.983321751216122vw;
        margin-top: 4rem;
        margin-right: 3.613620569840167vw
    }

    .buying__item--ozon .buying__logo {
        width: 12.1rem;
        height: 1.6rem
    }

    .buying__item--zdravcity .buying__logo {
        width: 15.4rem;
        height: 2.5rem
    }

    .buying__item--apteka-ru .buying__logo {
        width: 11.3rem;
        height: 2.7rem
    }

    .buying__item--eapteka .buying__logo {
        width: 14.7rem;
        height: 4.1rem
    }

    .buying__item:nth-child(4n) {
        margin-right: 0
    }
}

@media only screen and (min-width: 1920px) {
    .buying__item {
        width: 306px;
        margin-right: 69px
    }
}

@media only screen and (max-width: 1279px) {
    .buying__link-wrapper {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (min-width: 1280px) {
    .buying__link-wrapper {
        max-width: 18%;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

.buying__item-link {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    min-height: 6rem;
    border-radius: 5rem
}

.buying__item-link:not(.buying-intro__link) {
    border: 2px solid #21b4e8
}

.buying__item-link:active {
    border-color: #4e86a7
}

@media only screen and (min-width: 1280px) {
    .buying__item-link:hover {
        border-color: #21b4e8
    }
}

.buying__logo {
    display: block;
    max-height: 50px
}

@media only screen and (min-width: 1280px) {
    .buying__logo {
        max-width: 15.5rem;
        transition: all .3s;
        max-height: 50px;
    }
}

@media only screen and (min-width: 1280px) {
    .buying__right {
        width: 48.7272%;
        margin-top: -1.4rem
    }
}

@media only screen and (min-width: 1280px) {
    .buying__map-image {
        width: 100%
    }
}

@media only screen and (max-width: 1279px) {
    .buying__map-image {
        display: none
    }
}

.buying__button-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 4rem
}

@media only screen and (min-width: 1280px) {
    .buying__button-wrapper {
        margin-top: 4.8rem
    }
}

.feature {
    margin-bottom: 3.9rem
}

@media only screen and (min-width: 768px) {
    .feature {
        margin-bottom: 6rem
    }
}

@media only screen and (min-width: 1280px) {
    .feature {
        margin-bottom: 0
    }

    .feature--express .feature__description {
        width: 33.75%
    }

    .feature--express .feature__pack-wrapper {
        width: 25.639%
    }

    .feature--baby-drops {
        margin-bottom: 10rem
    }

    .feature--baby-drops .feature__description {
        margin-top: 7.6rem;
        margin-left: 7%
    }

    .feature--express .feature__description {
        margin-left: 3.1%
    }
}

.feature__number {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 700;
    font-size: 32.6rem;
    color: #b7dbf1;
    text-shadow: 0 -.8rem .8rem #d2eeff, 0 .8rem .8rem #97bbd1, 0 .4rem 1rem #b5cbdc;
    -webkit-filter: drop-shadow(0 8px 8px #d2eeff);
    filter: drop-shadow(0 8px 8px #d2eeff)
}

@media only screen and (min-width: 768px) {
    .feature__number {
        font-size: 42.503259452411996vw
    }
}

@media only screen and (min-width: 1280px) {
    .feature__number {
        font-size: 41.695621959694236vw
    }
}

@media only screen and (min-width: 1920px) {
    .feature__number {
        font-size: 60rem
    }
}

@media only screen and (min-width: 1280px) {
    .feature__container {
        width: auto;
        max-width: 1920px
    }
}

@media only screen and (min-width: 768px) {
    .feature__wrapper {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (min-width: 1280px) {
    .feature__wrapper {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media only screen and (min-width: 1440px) {
    .feature__wrapper {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.feature__number-icon {
    display: block;
    width: 100%;
    height: auto
}

.feature__number-icon--desktop {
    display: none
}

@media only screen and (min-width: 768px) {
    .feature__number-icon--desktop {
        display: block
    }

    .feature__number-icon--mobile {
        display: none
    }
}

.feature__number-wrapper {
    position: relative;
    margin-bottom: 3.6rem
}

@media only screen and (min-width: 768px) {
    .feature__number-wrapper {
        margin-top: 4rem;
        margin-bottom: 4rem;
        margin-right: 2%
    }
}

@media only screen and (min-width: 1280px) {
    .feature__number-wrapper {
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 0
    }
}

.feature__nine-wrapper {
    width: 16.5rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3.7rem
}

@media only screen and (min-width: 768px) {
    .feature__nine-wrapper {
        width: 21.51238591916558vw
    }
}

@media only screen and (min-width: 1280px) {
    .feature__nine-wrapper {
        width: 20.98679638637943vw;
        margin-left: 2.5%;
        margin-right: 0;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 1920px) {
    .feature__nine-wrapper {
        width: 30.2rem
    }
}

.feature__one-wrapper {
    left: -8%;
    width: 10.3rem;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 768px) {
    .feature__one-wrapper {
        left: 0;
        width: 13.428943937418513vw
    }
}

@media only screen and (min-width: 1280px) {
    .feature__one-wrapper {
        margin-left: 0;
        margin-right: 0;
        width: 13.064628214037526vw;
        margin-left: 4.7%
    }
}

@media only screen and (min-width: 1920px) {
    .feature__one-wrapper {
        width: 18.8rem
    }
}

.feature__ten-wrapper {
    width: 30.9rem
}

@media only screen and (min-width: 768px) {
    .feature__ten-wrapper {
        width: 40.28683181225554vw
    }
}

@media only screen and (min-width: 1280px) {
    .feature__ten-wrapper {
        width: 34.120917303683115vw;
        margin-left: .8%
    }
}

@media only screen and (min-width: 1920px) {
    .feature__ten-wrapper {
        width: 49.1rem
    }
}

.feature__description {
    margin-bottom: 1.6rem
}

@media only screen and (min-width: 768px) {
    .feature__description {
        width: 48%;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 60%;
        margin-top: 4rem;
        margin-bottom: 4rem
    }
}

@media only screen and (min-width: 1280px) {
    .feature__description {
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: none;
        width: 37.431%;
        margin-top: 3.8rem;
        margin-bottom: 0;
        margin-left: 1.3%
    }
}

.feature__text {
    margin-top: 0;
    margin-bottom: 1.6rem
}

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

@media only screen and (min-width: 1280px) {
    .feature__text {
        margin-bottom: 3.2rem
    }
}

@media only screen and (min-width: 768px) {
    .feature__pack-wrapper {
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width: 1280px) {
    .feature__pack-wrapper {
        width: 27.6388%;
        margin-left: 0;
        margin-right: 0
    }
}

.feature__pack {
    display: block;
    width: 96%;
    margin-left: 1%;
    max-width: none
}

.feature__pack--baby {
    margin-left: 5%
}

@media only screen and (min-width: 768px) {
    .feature__pack {
        width: 100%;
        margin-left: 0
    }
}

@media only screen and (min-width: 1280px) {
    .feature__pack {
        margin-top: -.3rem;
        margin-left: -4.4%
    }

    .feature__pack--baby {
        width: 107%;
        margin-top: -2.6rem;
        margin-left: 14.5%
    }

    .feature__pack--baby-drops {
        width: 129.39698492462313%;
        margin-top: -1.9rem;
        margin-left: 6.1%
    }

    .feature__pack--express {
        width: 97.744%;
        margin-top: 13.7%;
        margin-left: 3.8%
    }
}

@media (min-width: 1280px) {
    .feature__ten-wrapper ~ .feature__pack-wrapper {
        width: 25.6388%
    }
}

.features img, .features svg {
    display: block
}

@media only screen and (max-width: 767px) {
    .features {
        margin-bottom: 7.1rem
    }
}

.features__container {
    padding-top: 4.7rem
}

@media only screen and (min-width: 768px) {
    .features__container {
        padding-top: 8rem
    }
}

@media only screen and (min-width: 1280px) {
    .features__container {
        padding-top: 19.5rem
    }
}

.features__icon-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 3.9rem;
    height: 3.9rem;
    margin-right: 1.6rem;
    border-radius: 50%;
    background-color: #3256a6
}

@media only screen and (max-width: 767px) {
    .features__icon-wrapper {
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media only screen and (min-width: 768px) {
    .features__icon-wrapper {
        width: 7rem;
        height: 7rem;
        margin-bottom: 1.8rem;
        margin-right: 0
    }
}

@media only screen and (min-width: 1280px) {
    .features__icon-wrapper {
        width: 10rem;
        height: 10rem
    }
}

.features__icon {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    fill: transparent
}

.features__list {
    list-style: none;
    margin: 0;
    padding: 0
}

@media only screen and (min-width: 768px) {
    .features__list {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: -4rem
    }
}

@media only screen and (min-width: 1280px) {
    .features__list {
        margin-left: -8.617095205003475vw
    }
}

@media only screen and (min-width: 1920px) {
    .features__list {
        margin-left: -12.4rem
    }
}

.features__item {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.features__item::before {
    content: none
}

@media only screen and (max-width: 767px) {
    .features__item {
        width: 71%;
        padding-left: 5.4rem;
        margin-bottom: 2.6rem
    }

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

@media only screen and (min-width: 768px) {
    .features__item {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 4rem;
        width: 46%;
        margin-right: 8%
    }

    .features__item:last-child, .features__item:nth-child(2n) {
        margin-right: 0
    }
}

@media only screen and (min-width: 1280px) {
    .features__item {
        width: 21.09%;
        margin-left: 8.617095205003475vw;
        margin-right: 0
    }
}

@media only screen and (min-width: 1920px) {
    .features__item {
        margin-left: 12.4rem
    }
}

.features__item-text {
    margin-top: 0;
    margin-bottom: 0
}

@media only screen and (min-width: 768px) {
    .features__item-text {
        font-size: 2.4rem;
        text-align: center
    }
}

@media only screen and (min-width: 1280px) {
    .features__item-text {
        font-size: 2.8rem;
        line-height: 3.4rem;
        font-weight: 500
    }
}

.helpful__name {
    margin-top: 0;
    margin-bottom: 6.4rem;
    font-size: 8.77742946708464vw;
    line-height: 1.392857142857143;
    font-weight: 600;
    color: #3256a6;
    text-align: center
}

.helpful__name b {
    font-weight: 600
}

@media only screen and (max-width: 767px) {
    .helpful__name {
        width: 100vw;
        margin-left: -5.015673981191222vw
    }
}

@media only screen and (min-width: 768px) {
    .helpful__name {
        margin-bottom: 8.2rem;
        font-size: 8.083441981747066vw
    }
}

@media only screen and (min-width: 1280px) {
    .helpful__name {
        margin-bottom: 10rem;
        font-size: 7.227241139680333vw;
        line-height: 1.317307692307692
    }
}

@media only screen and (min-width: 1920px) {
    .helpful__name {
        font-size: 10.4rem
    }
}

.helpful__prefix {
    color: #fff;
    background-color: #cc0034;
    padding: 0 .3rem;
    border-radius: .626959247648903vw
}

@media only screen and (min-width: 768px) {
    .helpful__prefix {
        border-radius: .8rem
    }
}

@media only screen and (min-width: 1280px) {
    .helpful__prefix {
        padding: 0 .903405142460042vw
    }
}

@media only screen and (min-width: 1920px) {
    .helpful__prefix {
        padding: 0 1.3rem
    }
}

@media only screen and (min-width: 768px) {
    .helpful__blocks {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: -2.4rem
    }
}

@media only screen and (min-width: 1280px) {
    .helpful__blocks {
        margin-top: -3.2rem
    }
}

.helpful__block {
    min-height: 30rem;
    margin-bottom: 1.6rem;
    border-radius: .8rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

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

.helpful__block--article {
    padding: 4rem 5.015673981191222vw 2.5rem
}

.helpful__block--article.lazyloaded {
    background-image: url(/media/images/bg-helpful-block-mobile.png), linear-gradient(237.23deg, #bcebff -27.96%, #e1f6ff 1.88%, #b0dcf9 37.07%, #6bb0de 64.53%)
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi),(min-resolution: 1.5dppx) {
    .helpful__block--article.lazyloaded {
        background-image: url(/media/images/bg-helpful-block-mobile@2x.png), linear-gradient(237.23deg, #bcebff -27.96%, #e1f6ff 1.88%, #b0dcf9 37.07%, #6bb0de 64.53%)
    }
}

.helpful__block--video .lazyloaded {
    background-image: url(/media/images/helpful-video-preview.jpg)
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi),(min-resolution: 1.5dppx) {
    .helpful__block--video .lazyloaded {
        background-image: url(/media/images/helpful-video-preview@2x.jpg)
    }
}

@media only screen and (max-width: 767px) {
    .helpful__block {
        margin-left: -5.015673981191222vw;
        margin-right: -5.015673981191222vw
    }
}

@media only screen and (min-width: 768px) {
    .helpful__block {
        width: 48.727%;
        margin-bottom: 0;
        margin-top: 2.4rem;
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }

    .helpful__block--video {
        padding: 0
    }
}

@media only screen and (min-width: 1280px) {
    .helpful__block {
        margin-top: 3.2rem
    }

    .helpful__block--article {
        padding: 2.7rem 2.4rem
    }

    .helpful__block--article.lazyloaded {
        background-image: url(/media/images/bg-helpful-block.png), linear-gradient(237.23deg, #bcebff -27.96%, #e1f6ff 1.88%, #b0dcf9 37.07%, #6bb0de 64.53%);
        background-position: left center;
        background-size: contain
    }
}

@media only screen and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1280px) and (min-resolution: 144dpi), only screen and (min-width: 1280px) and (min-resolution: 1.5dppx) {
    .helpful__block--article.lazyloaded {
        background-image: url(/media/images/bg-helpful-block@2x.png), linear-gradient(237.23deg, #bcebff -27.96%, #e1f6ff 1.88%, #b0dcf9 37.07%, #6bb0de 64.53%)
    }
}

.helpful__block-content {
    margin-bottom: 2.4rem
}

.helpful__block-text {
    margin-top: 0;
    margin-bottom: 0
}

.helpful__button-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 3.4rem
}

@media only screen and (min-width: 768px) {
    .helpful__button-wrapper {
        margin-top: 2.4rem
    }
}

.info {
    background-image: linear-gradient(to right, #f9fdff 40.61%, #e7f9ff 65.01%, #8fe2ff 103.91%)
}

.info img, .info svg {
    display: block
}

.info.js-visible .info__slogan {
    font-style: italic
}

@media only screen and (min-width: 1280px) {
    .info {
        margin-bottom: 11.7rem
    }
}

@media only screen and (min-width: 1280px) {
    .info__container {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        min-height: 71.4rem
    }
}

.info__left {
    position: relative;
    z-index: 1;
    margin-bottom: 3.5rem;
    padding-top: 2.8rem
}

@media only screen and (min-width: 768px) {
    .info__left {
        margin-bottom: 4rem;
        padding: 4.5rem 2.4rem
    }
}

@media only screen and (min-width: 1280px) {
    .info__left {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 54%;
        margin-bottom: 0;
        padding-top: 6.3rem;
        padding-bottom: 6.3rem;
        padding-left: 0;
        padding-right: 3.4rem
    }
}

@media only screen and (min-width: 1280px) {
    .info__right {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 46%
    }
}

.info__slogan {
    margin-top: 0;
    margin-bottom: 2.4rem;
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 1.208333333333333;
    letter-spacing: .02em;
    color: #21b4e8;
    text-transform: uppercase
}

@media only screen and (min-width: 768px) {
    .info__slogan {
        margin-bottom: 6.6rem
    }
}

@media only screen and (min-width: 1280px) {
    .info__slogan {
        margin-bottom: 10.9rem
    }
}

.info__name {
    margin-top: 0;
    margin-bottom: 1.2rem;
    letter-spacing: .013em
}

@media only screen and (min-width: 768px) {
    .info__name {
        margin-bottom: 5.1rem
    }
}

@media only screen and (min-width: 1280px) {
    .info__name {
        margin-bottom: 2.4rem;
        font-size: 8rem;
        line-height: .9
    }
}

.info__description {
    margin-top: 0;
    margin-bottom: 2.4rem
}

@media only screen and (min-width: 1280px) {
    .info__description {
        width: 56rem;
        margin-bottom: 3.5rem
    }
}

.info__images-wrapper {
    position: relative;
    width: 28.8rem;
    height: 22.3rem;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 768px) {
    .info__images-wrapper {
        width: 64.8rem
    }
}

@media only screen and (min-width: 1280px) {
    .info__images-wrapper {
        width: 152.37%;
        height: 100%;
        margin-right: 0;
        margin-left: 0;
        max-width: 800px
    }
}

.info__family-image {
    position: absolute;
    left: 8.8%;
    bottom: 0
}

@media only screen and (min-width: 768px) {
    .info__family-image {
        width: 53%;
        left: 24.8%
    }
}

@media only screen and (min-width: 1280px) {
    .info__family-image {
        left: -7.6%;
        width: 100%
    }
}

.info__bear-image {
    position: absolute;
    width: 28rem;
    bottom: -10.2rem;
    left: 8%
}

@media only screen and (min-width: 768px) {
    .info__bear-image {
        width: 35.636%;
        bottom: -8.3rem;
        left: 29.4%
    }
}

@media only screen and (min-width: 1280px) {
    .info__bear-image {
        left: -4.78%;
        bottom: -15.7rem;
        width: 67.05577%
    }
}

.intro {
    position: relative;
    color: #fff
}

@media only screen and (max-width: 1279px) {
    .intro {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (min-width: 768px) {
    .intro {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        background-image: linear-gradient(258.78deg, #1c7fc2 .45%, #247cc2 32.57%, #3675c1 70.45%, #1f6abb 100%);
        background-image: url(/media/images/intro-bg-colored.jpg)
    }
}

@media only screen and (min-width: 1280px) {
    .intro {
        max-height: 54rem;
        padding-bottom: 1.7rem;
        background-image: none
    }

    .intro .intro__more-info {
        background-image: url(/media/images/intro-bg-colored.jpg)
    }
}

.intro__main-wrapper {
    position: relative;
    padding-top: 5.1rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: linear-gradient(258.78deg, #1c7fc2 .45%, #247cc2 32.57%, #3675c1 70.45%, #1f6abb 100%)
}

.intro__main-wrapper::after {
    content: "";
    position: absolute;
    bottom: -7.836990595611286vw;
    left: 0;
    width: 100%;
    height: 18.9rem;
    padding-top: 6.7rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 767px
}

.intro__main-wrapper.lazyloaded::after {
    background-image: url(/media/images/bg-ellipse-intro-mobile.svg)
}

.intro__main-wrapper.lazyloaded {
    background-image: url(/media/images/intro-bg-colored-mobile.jpg)
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi),(min-resolution: 1.5dppx) {
    .intro__main-wrapper.lazyloaded {
        background-image: url(/media/images/intro-bg-colored-mobile@2x.jpg)
    }
}

@media only screen and (max-width: 767px) {
    .intro__main-wrapper {
        margin-bottom: 4.8rem
    }
}

@media only screen and (min-width: 768px) {
    .intro__main-wrapper {
        padding-top: 3rem
    }

    .intro__main-wrapper::after {
        bottom: -3.564537vw;
        height: 14.5rem;
        background-image: url(/media/images/bg-ellipse-intro.svg);
        background-size: 1440px 100%
    }

    .intro__main-wrapper.lazyloaded {
        background-image: none
    }
}

@media only screen and (min-width: 1280px) {
    .intro__main-wrapper {
        padding-top: 4rem
    }

    .intro__main-wrapper::after {
        bottom: 0;
        background-size: 100% 100%
    }
}

.intro__more-container {
    margin: 0 auto;
    width: 90vw
}

@media only screen and (min-width: 768px) {
    .intro__more-container {
        width: 84.375vw
    }
}

@media only screen and (min-width: 1280px) {
    .intro__more-container {
        margin: 0;
        width: 100%;
        height: 100%
    }
}

.intro__more-info {
    background-color: #fff;
    color: #203a72
}

@media only screen and (min-width: 768px) {
    .intro__more-info {
        padding-top: 4.8rem;
        padding-bottom: 2.4rem
    }
}

@media only screen and (min-width: 1280px) {
    .intro__more-info {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-color: #3256a6;
        color: #fff
    }
}

@media only screen and (max-width: 1279px) {
    .intro__more-info {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (min-width: 1280px) {
    .intro__standards {
        position: absolute;
        left: 1.737%;
        bottom: 1.7rem;
        width: 16.32%
    }
}

.intro__text-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 1.8rem
}

@media only screen and (min-width: 768px) {
    .intro__text-wrapper {
        margin-bottom: 1.6rem
    }
}

@media only screen and (min-width: 1280px) {
    .intro__text-wrapper {
        margin-bottom: 1.3rem
    }
}

.intro__slogan {
    display: inline-block;
    width: 26.2rem;
    height: 6rem;
    font-size: 2.4rem;
    line-height: 1;
    letter-spacing: .04em
}

.intro__slogan--desktop {
    display: none
}

@media only screen and (min-width: 768px) {
    .intro__slogan {
        font-size: 3.4rem
    }
}

@media only screen and (min-width: 1280px) {
    .intro__slogan {
        width: 54.8rem;
        height: 10.3rem
    }

    .intro__slogan--mobile {
        display: none
    }

    .intro__slogan--desktop {
        display: inline-block
    }
}

.intro__image-wrapper {
    margin-bottom: 1.6rem
}

.intro__pack {
    display: block;
    width: 25rem;
    max-width: none
}

@media only screen and (min-width: 1280px) {
    .intro__pack {
        width: 44rem
    }
}

.intro__link-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: auto
}

@media only screen and (min-width: 768px) {
    .intro__link-wrapper {
        display: none
    }
}

.intro__slider-container {
    padding-top: 1.2rem
}

.intro__slider-block {
    position: relative
}

@media only screen and (max-width: 767px) {
    .intro__slider-block {
        width: 100vw;
        margin-left: -5.015673981191222vw
    }
}

.intro__slide {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    min-height: 25rem;
    height: auto;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.intro__slide.swiper-slide-active {
    z-index: 1
}

.intro__slide:not(.swiper-slide-active) {
    -webkit-transform: scale(.73);
    transform: scale(.73)
}

.intro__slide.swiper-slide-active .intro__slide-link, .intro__slide.swiper-slide-active .intro__label {
    opacity: 1
}

@media only screen and (min-width: 768px) {
    .intro__slide {
        width: auto
    }

    .intro__slide:not(.swiper-slide-active) {
        -webkit-transform: scale(.73);
        transform: scale(.73)
    }

    .intro__slide:not(.swiper-slide-active).swiper-slide-prev {
        -webkit-transform: translate(13%, -6%) scale(.73);
        transform: translate(13%, -6%) scale(.73)
    }

    .intro__slide:not(.swiper-slide-active).swiper-slide-next {
        -webkit-transform: translate(-17%, -6%) scale(.73);
        transform: translate(-17%, -6%) scale(.73)
    }
}

@media only screen and (min-width: 1280px) {
    .intro__slide {
        min-height: 44rem
    }
}

.intro__slide-wrapper {
    position: relative
}

.intro__slide-text {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 5rem
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .intro__slide-text {
        position: absolute !important;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px, 1px, 1px, 1px);
        padding: 0 !important;
        border: 0 !important;
        height: 1px !important;
        width: 1px !important;
        overflow: hidden
    }
}

.intro__label {
    margin-top: -.8rem;
    margin-bottom: 0;
    font-size: 2.4rem;
    line-height: 1.208333333333333;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    opacity: 0;
    transition: opacity .3s
}

@media only screen and (min-width: 768px) {
    .intro__label {
        font-size: 2.8rem
    }
}

@media only screen and (min-width: 1280px) {
    .intro__label {
        margin-top: -2.2rem;
        font-size: 4.8rem;
        line-height: 1.208333333333333
    }
}

.intro__pack-label {
    position: absolute;
    top: -.5rem;
    left: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 3.4rem;
    height: 3.4rem;
    border-radius: 50%;
    background-color: #003b7e;
    color: #fff
}

@media only screen and (min-width: 768px) {
    .intro__pack-label {
        width: 4.432855280312908vw;
        height: 4.432855280312908vw
    }
}

@media only screen and (min-width: 1280px) {
    .intro__pack-label {
        top: -1rem;
        width: 3.891591382904795vw;
        height: 3.891591382904795vw
    }
}

.intro__label-text {
    margin-top: 0;
    margin-bottom: 0;
    font-size: .8rem;
    line-height: 1.125
}

@media only screen and (min-width: 1280px) {
    .intro__label-text {
        font-size: 1.2rem;
        line-height: 1.166666666666667
    }
}

.intro__slide-link {
    opacity: 0
}

@media only screen and (max-width: 1279px) {
    .intro__slide-link {
        color: #fff
    }
}

.intro__slider-nav {
    position: relative;
    z-index: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 28.8rem
}

@media only screen and (max-width: 767px) {
    .intro__slider-nav {
        top: -3.1rem
    }
}

@media only screen and (max-width: 1279px) {
    .intro__slider-nav .page__arrow-prev, .intro__slider-nav .page__arrow-next {
        fill: #fff
    }
}

@media only screen and (min-width: 768px) {
    .intro__slider-nav {
        position: absolute;
        width: 88.5%;
        top: 43%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@media only screen and (min-width: 1280px) {
    .intro__slider-nav {
        top: 41.5%
    }
}

@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min-resolution: 144dpi), only screen and (min-width: 768px) and (min-resolution: 1.5dppx) {
    .intro {
        background-image: url(/media/images/intro-bg-colored@2x.jpg)
    }
}

@media only screen and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1280px) and (min-resolution: 144dpi), only screen and (min-width: 1280px) and (min-resolution: 1.5dppx) {
    .intro .intro__more-info {
        background-image: url(/media/images/intro-bg-colored@2x.jpg)
    }
}

.product-card {
    position: relative
}

@media only screen and (min-width: 768px) {
    .product-card {
        width: 48.636%
    }
}

.product-card img, .product-card svg {
    display: block
}

.product-card__mark {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 74%;
    max-width: 91%;
    margin-top: 0;
    margin-bottom: 0;
    padding: .8rem 1.2rem;
    color: #fff;
    line-height: 1;
    font-size: 1.6rem;
    background-color: #cf2d59;
    border-radius: .8rem 0
}

.product-card__mark--yellow {
    background-color: #e4b040
}

@media only screen and (min-width: 768px) {
    .product-card__mark {
        max-width: none;
        min-width: 1px
    }
}

@media only screen and (min-width: 1280px) {
    .product-card__mark {
        font-size: 1.8rem
    }
}

.product-card__item-wrapper {
    display: block;
    width: 100%;
    height: 100%;
    padding: 4.8rem 1.6rem .6rem;
    box-shadow: 0 1rem 4rem rgba(50, 86, 166, .15);
    border-radius: .8rem;
    background-color: #f1f9fe
}

@media only screen and (min-width: 768px) {
    .product-card__item-wrapper {
        padding: 3.5rem 2.4rem
    }
}

@media only screen and (min-width: 1280px) {
    .product-card__item-wrapper {
        padding: 5.1rem 3rem 4.8rem;
        box-shadow: none
    }

    .product-card__item-wrapper:hover {
        box-shadow: 0 1rem 4rem rgba(27, 41, 72, .15)
    }

    .product-card__item-wrapper:hover .product-card__more {
        opacity: 1
    }
}

.product-card__title {
    position: relative;
    z-index: 2;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.6rem;
    line-height: 1.125;
    font-weight: 500;
    color: #3256a6
}

@media only screen and (min-width: 768px) {
    .product-card__title {
        margin-bottom: 1rem;
        font-size: 2.6rem
    }
}

@media only screen and (min-width: 1280px) {
    .product-card__title {
        font-size: 3.6rem;
        line-height: 1.138888888888889;
        font-weight: 600
    }
}

.product-card__image-wrapper {
    position: relative
}

@media only screen and (min-width: 768px) {
    .product-card__image-wrapper {
        width: 58.10526315789474%;
        margin-left: auto;
        margin-right: auto
    }
}

.product-card__image-container {
    position: relative;
    padding-top: 100%
}

@media only screen and (min-width: 768px) {
    .product-card__image-container {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: left top
    }
}

.product-card__image {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.product-card__description {
    position: relative;
    z-index: 2;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.4rem;
    line-height: 1.285714285714286;
    color: #4f4f4f
}

@media only screen and (max-width: 767px) {
    .product-card__description {
        display: none
    }
}

@media only screen and (min-width: 1280px) {
    .product-card__description {
        width: 98%;
        font-size: 1.8rem;
        line-height: 1.277777777777778
    }
}

.product-card__more {
    margin-top: 0;
    margin-bottom: 0;
    display: none
}

@media only screen and (min-width: 1280px) {
    .product-card__more {
        display: inline-block;
        margin-top: 1.7rem;
        opacity: 0;
        transition: opacity .3s
    }
}

.products--others .products__list {
    margin-left: 0;
    margin-right: 0
}

.products--others .product-card__title {
    font-size: 2.2rem;
    line-height: 1.090909090909091
}

.products--others .product-card__description {
    display: block
}

@media only screen and (max-width: 767px) {
    .products--others .products__item {
        width: 100%
    }

    .products .product-card__item-wrapper {
        padding-bottom: 1.3rem
    }

    .products:not(.products--others) .product-card__image-wrapper {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        left: -.8rem;
        width: 14rem
    }
}

@media only screen and (min-width: 768px) {
    .products {
        padding-top: 8rem
    }

    .products--others .product-card__image-wrapper {
        width: 100%
    }

    .products--others .product-card__image-container {
        padding-top: 100%
    }

    .products--others .product-card__image-container::before {
        content: none
    }

    .products--others .product-card__image {
        width: 100%
    }
}

@media only screen and (min-width: 1280px) {
    .products {
        padding-top: 16.7rem
    }

    .products--others {
        padding-top: 0
    }

    .products--others .products__item {
        width: 31.45454%
    }

    .products:not(.products--others) .product-card__image-wrapper {
        margin-bottom: 1.2rem
    }
}

.products__container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (min-width: 1280px) {
    .products__container {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }
}

@media only screen and (min-width: 1280px) {
    .products__title {
        width: 76%;
        margin-right: auto
    }
}

@media only screen and (max-width: 1279px) {
    .products__link-wrapper {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (min-width: 1280px) {
    .products__link-wrapper {
        max-width: 18%;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

.products__block {
    width: 100%
}

.products__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: -5.015673981191222vw;
    margin-right: -5.015673981191222vw;
    margin-top: -2.4rem
}

@media only screen and (min-width: 768px) {
    .products__list {
        margin-left: 0;
        margin-right: 0
    }
}

@media only screen and (min-width: 1280px) {
    .products__list {
        margin-top: -3.2rem
    }
}

.products__item {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    width: 46.875%;
    margin-top: 2.4rem
}

.products__item::before {
    content: none
}

@media only screen and (min-width: 768px) {
    .products__item {
        width: 48.6363%
    }
}

@media only screen and (min-width: 1280px) {
    .products__item {
        margin-top: 3.2rem
    }
}

.use-block img, .use-block svg {
    display: block
}

.use-block__container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (min-width: 1280px) {
    .use-block__container {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }
}

@media only screen and (min-width: 1280px) {
    .use-block__title {
        width: 76%;
        margin-right: auto
    }
}

.use-block__slider-block {
    width: 100vw;
    margin-left: -5.015673981191222vw
}

@media only screen and (min-width: 768px) {
    .use-block__slider-block {
        width: 100%;
        margin-left: 0
    }
}

@media only screen and (min-width: 768px) {
    .use-block__slider-wrapper {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        margin-top: -2.4rem;
        width: auto
    }
}

@media only screen and (min-width: 1280px) {
    .use-block__slider-wrapper {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-left: -2.223766504517026vw;
        margin-top: -3.2rem
    }
}

@media only screen and (min-width: 1920px) {
    .use-block__slider-wrapper {
        margin-left: -41px
    }
}

.use-block__slide {
    min-height: 32rem;
    height: auto
}

@media only screen and (max-width: 767px) {
    .use-block__slide {
        margin-right: 1.6rem
    }

    .use-block__slide:last-child {
        margin-right: 0
    }
}

@media only screen and (min-width: 768px) {
    .use-block__slide {
        min-height: 29.7rem;
        width: 48%;
        margin-top: 2.4rem
    }
}

@media only screen and (min-width: 1280px) {
    .use-block__slide {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 17.373175816539263vw;
        margin-top: 3.2rem;
        margin-left: 2.223766504517026vw
    }

    .use-block__slide--wide {
        width: 37.039610840861705vw
    }

    .use-block__slide .use-block__item {
        height: auto
    }
}

@media only screen and (min-width: 1920px) {
    .use-block__slide {
        width: 333px;
        margin-left: 41px
    }

    .use-block__slide--wide {
        width: 711px
    }
}

.use-block__item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 2.4rem 5.015673981191222vw 5.6rem;
    background-image: linear-gradient(270deg, #aad8f6 0%, #f9fdff 100%), linear-gradient(325.23deg, #eff9ff 0%, #f8f8f8 101.39%);
    background-size: cover;
    background-position: left, center;
    border-radius: .8rem;
    min-height: 32rem;
    max-width: 430px;
    margin-left: auto;
    margin-right: auto
}

.use-block__item:not(.use-block__item--wide) .use-block__icon {
    margin-left: auto;
    margin-right: auto
}

.use-block__item:not(.use-block__item--big) .use-block__icon {
    width: 9.2rem;
    height: 9.2rem;
    margin-top: auto
}

.use-block__item--tablets.lazyloaded {
    background-image: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, .78) 50.52%, rgba(255, 255, 255, 0) 100%), url(/media/images/bg-help.jpg)
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi),(min-resolution: 1.5dppx) {
    .use-block__item--tablets.lazyloaded {
        background-image: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, .78) 50.52%, rgba(255, 255, 255, 0) 100%), url(/media/images/bg-help@2x.jpg)
    }
}

.use-block__item--immunity.lazyloaded {
    background-image: linear-gradient(90.1deg, #fff .09%, rgba(255, 255, 255, .92) 15.75%, rgba(255, 255, 255, 0) 58.57%), url(/media/images/bg-support.jpg)
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi),(min-resolution: 1.5dppx) {
    .use-block__item--immunity.lazyloaded {
        background-image: linear-gradient(90.1deg, #fff .09%, rgba(255, 255, 255, .92) 15.75%, rgba(255, 255, 255, 0) 58.57%), url(/media/images/bg-support@2x.jpg)
    }
}

@media only screen and (min-width: 768px) {
    .use-block__item {
        min-height: 29.7rem;
        padding-bottom: 5.3rem;
        padding-right: 1.6rem;
        padding-left: 1.6rem;
        margin-left: 0;
        margin-right: 0;
        max-width: none
    }
}

@media only screen and (min-width: 1280px) {
    .use-block__item {
        padding: 4.9rem 2.6rem 1.6rem
    }

    .use-block__item:not(.use-block__item--big) {
        padding-bottom: 5.3rem
    }

    .use-block__item:hover .use-block__item-text {
        opacity: 1
    }

    .use-block__item:hover .use-block__icon {
        -webkit-transform: scale(1.223);
        transform: scale(1.223)
    }
}

.use-block__name {
    margin-top: 0;
    font-weight: 600;
    margin-right: -.6rem
}

.use-block__description {
    margin-top: 0;
    margin-bottom: 1.6rem
}

@media only screen and (min-width: 768px) {
    .use-block__description {
        margin-bottom: 2rem
    }
}

@media only screen and (min-width: 1280px) {
    .use-block__description {
        width: 66.5%;
        margin-bottom: 2.8rem;
        font-size: 1.8rem;
        line-height: 1.222222222222222
    }
}

.use-block__item-text {
    margin-top: 0;
    margin-bottom: 5.6rem;
    font-size: 1.8rem;
    line-height: 1.222222222222222;
    color: #21b4e8
}

@media only screen and (min-width: 768px) {
    .use-block__item-text {
        margin-bottom: 0;
        margin-top: 3.1rem
    }
}

@media only screen and (min-width: 1280px) {
    .use-block__item-text {
        opacity: 0;
        transition: opacity .3s
    }
}

.use-block__icon {
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    fill: transparent;
    width: 6rem;
    height: 6rem
}

@media only screen and (max-width: 767px) {
    .use-block__icon {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

.use-block__nav-elements {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 1.6rem;
    margin-bottom: 1.6rem
}

@media only screen and (min-width: 768px) {
    .use-block__nav-elements {
        display: none
    }
}

.use-block__slider-nav {
    position: relative;
    z-index: 10;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 9.4rem
}

.use-block__pagination {
    bottom: auto !important;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #21b4e8
}

.application__wrapper {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 4rem 5.015673981191222vw;
    background-color: #eef5fa
}

@media only screen and (max-width: 767px) {
    .application__wrapper {
        margin-left: -5.015673981191222vw;
        width: 100vw
    }
}

@media only screen and (min-width: 768px) {
    .application__wrapper {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        margin-left: 0;
        padding: 6rem 5.454545454545454% 3.8rem;
        border-radius: 2rem;
        box-shadow: 0 .4rem 3rem rgba(0, 84, 157, .2)
    }
}

@media only screen and (min-width: 1280px) {
    .application__wrapper {
        min-height: 53.5rem;
        padding: 19.6rem 5.454545454545454% 3.8rem
    }
}

.application__item {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    margin-bottom: 3.6rem;
    text-align: center
}

.application__item::before {
    content: none
}

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

@media only screen and (min-width: 768px) {
    .application__item {
        width: 48%;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 1280px) {
    .application__item {
        width: 26.53061224489796%
    }
}

.application__icon-wrapper {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #3256a6;
    border-radius: 50%;
    width: 9.3rem;
    height: 9.3rem;
    margin-bottom: 1.2rem
}

.application__icon {
    display: block;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    fill: transparent
}

.application__item-text {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.8rem;
    line-height: 1.222222222222222
}

.application__item-name {
    margin-top: 0;
    margin-bottom: .6rem;
    font-size: 2.2rem;
    line-height: 1;
    font-weight: 700
}

.application__item-description {
    margin-top: 0;
    margin-bottom: 0
}

.application__main-item {
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    text-align: center;
    max-width: 40.3rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5rem
}

@media only screen and (max-width: 1279px) {
    .application__main-item {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
}

@media only screen and (min-width: 1280px) {
    .application__main-item {
        width: 41.12244897959184%;
        margin-bottom: 0
    }

    .application__main-item::after, .application__main-item::before {
        content: "";
        position: absolute;
        top: 7.5rem;
        width: 9.1rem;
        height: 2.9rem;
        background-image: url(/media/images/maxilac/structure-horizontal-arrows.svg);
        background-size: contain
    }

    .application__main-item::before {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        left: -.744416873449132%
    }

    .application__main-item::after {
        right: -.744416873449132%
    }

    .application__main-item--stick::before {
        left: -13.647642679900745%
    }

    .application__main-item--stick::after {
        right: -6.947890818858562%
    }

    .application__main-item--sachet::before {
        left: 3.225806451612903%
    }

    .application__main-item--sachet::after {
        right: -2.729528535980149%
    }
}

.application__picture-wrapper {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3rem
}

.application__picture-wrapper--capsule {
    width: 12.847222222222221%
}

.application__picture-wrapper--capsule .application__picture {
    left: 0
}

.application__picture-wrapper--sachet {
    width: 31.59722222222222%
}

.application__picture-wrapper--stick {
    width: 53.81944444444444%
}

.application__picture-wrapper--stick .application__picture {
    left: 14%
}

.application__picture-wrapper--drops {
    width: 18.75%
}

@media only screen and (min-width: 1280px) {
    .application__picture-wrapper {
        margin-bottom: 3rem
    }

    .application__picture-wrapper--capsule {
        width: 19.106699751861044%;
        margin-top: -5.4rem
    }

    .application__picture-wrapper--sachet {
        width: 46.40198511166253%;
        margin-top: -15.5rem;
        margin-bottom: 2.1rem
    }

    .application__picture-wrapper--sachet .application__picture {
        left: 17%
    }

    .application__picture-wrapper--stick {
        width: 78.90818858560795%;
        margin-top: -13.5rem;
        margin-bottom: 4.4rem
    }

    .application__picture-wrapper--stick .application__picture {
        left: 15%
    }

    .application__picture-wrapper--drops {
        width: 27.791563275434246%;
        margin-top: -12.5rem;
        margin-bottom: 3.8rem
    }

    .application__picture-wrapper--drops .application__picture {
        left: 1.5%
    }
}

.application__picture {
    position: relative;
    display: block;
    width: 100%
}

.application__picture-text {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 2.2rem;
    line-height: 1;
    color: #3256a6
}

.application__picture-text .page__link {
    font-size: inherit;
    line-height: inherit;
    font-weight: 600
}

@media only screen and (min-width: 1280px) {
    .application__picture-text {
        width: 94.29280397022333%
    }
}

.application__important {
    color: #21b4e8
}

.application__count-wrapper {
    width: 100%;
    margin-bottom: 6rem
}

@media only screen and (max-width: 1279px) {
    .application__count-wrapper {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
}

@media only screen and (max-width: 767px) {
    .application__count-wrapper {
        margin-left: -5.015673981191222vw;
        width: 100vw
    }
}

@media only screen and (min-width: 768px) {
    .application__count-wrapper {
        width: 100%;
        margin-left: 0
    }
}

@media only screen and (min-width: 1280px) {
    .application__count-wrapper {
        position: absolute;
        top: 4.8rem;
        left: 5.454545454545454%;
        width: auto
    }
}

.application__count {
    width: 100%;
    max-width: 41.4rem;
    padding-top: 2.2rem;
    padding-bottom: 2rem;
    padding-left: 2.4rem;
    padding-right: 2.4rem;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    background-color: #3256a6;
    box-shadow: 0 0 2rem rgba(29, 75, 108, .2);
    font-size: 2.2rem;
    line-height: 1;
    font-weight: 700
}

@media only screen and (min-width: 768px) {
    .application__count {
        border-radius: 2rem
    }
}

@media only screen and (min-width: 1280px) {
    .application__count {
        max-width: none;
        margin: 0
    }
}

.components {
    position: relative;
    margin-bottom: 2.6rem;
    padding-top: 4.7rem
}

.components::after {
    content: "";
    position: absolute;
    bottom: -5.7rem;
    left: 50%;
    width: 126%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    height: 17.6rem;
    background-image: linear-gradient(178.42deg, rgba(255, 255, 255, 0) 1.34%, #fff 60.92%);
    -webkit-filter: blur(20px);
    filter: blur(20px)
}

.components.lazyloaded {
    background-image: url(/media/images/maxilac/bg-components-mobile.jpg), linear-gradient(-265.78deg, #f9fdff 40.61%, #e7f9ff 65.01%, #8fe2ff 103.91%);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: left top
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi),(min-resolution: 1.5dppx) {
    .components.lazyloaded {
        background-image: url(/media/images/maxilac/bg-components-mobile@2x.jpg), linear-gradient(-265.78deg, #f9fdff 40.61%, #e7f9ff 65.01%, #8fe2ff 103.91%)
    }
}

@media only screen and (min-width: 768px) {
    .components {
        margin-bottom: 6rem
    }

    .components::after {
        width: 104%;
        bottom: -8.213%;
        height: 19rem
    }

    .components.lazyloaded {
        background-image: url(/media/images/maxilac/bg-components.jpg), linear-gradient(-265.72deg, #f9fdff 40.57%, #e7f9ff 60.07%, #8fe2ff 91.16%)
    }
}

@media only screen and (min-width: 1280px) {
    .components {
        margin-bottom: 10.2rem;
        padding-top: 11.9rem;
        padding-bottom: 4rem;
        font-size: 1.8rem;
        line-height: 1.222222222222222
    }

    .components--wide {
        margin-bottom: 8.8rem;
        padding-bottom: 0
    }
}

@media only screen and (min-width: 1280px) {
    .components__columns {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.components__left {
    width: 100vw;
    margin-left: -5.015673981191222vw
}

@media only screen and (min-width: 768px) {
    .components__left {
        margin-left: -7.822685788787484vw
    }
}

@media only screen and (min-width: 1280px) {
    .components__left {
        margin-left: 0;
        width: auto;
        overflow: visible
    }
}

@media only screen and (min-width: 1280px) {
    .components__left-wrapper {
        width: 15.8%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-top: 3.2rem
    }
}

.components__image {
    display: block
}

.components__custom-pagination {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (min-width: 768px) {
    .components__custom-pagination {
        margin-left: 0
    }
}

@media only screen and (min-width: 1280px) {
    .components__custom-pagination {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 100%;
        height: 39.6rem;
        margin-top: -3rem
    }
}

.components__pagination-item {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: -1.5rem;
    width: 9.8rem !important;
    height: 10rem;
    transition: all .3s
}

.components__pagination-item::before {
    content: none
}

.components__pagination-item:first-child {
    margin-left: 4.38871473354232vw
}

.components__pagination-item:last-child {
    margin-right: 0
}

.components__pagination-item[data-color="#9965F4"] .components__pagination-button {
    border: 1px solid currentColor;
    border-color: #9965f4
}

.components__pagination-item[data-color="#369CD6"] .components__pagination-button {
    border: 1px solid currentColor;
    border-color: #369cd6
}

.components__pagination-item[data-color="#39B54A"] .components__pagination-button {
    border: 1px solid currentColor;
    border-color: #39b54a
}

.components__pagination-item[data-color="#E6A922"] .components__pagination-button {
    border: 1px solid currentColor;
    border-color: #e6a922
}

.components__pagination-item[data-color="#FDB034"] .components__pagination-button {
    border: 1px solid currentColor;
    border-color: #fdb034
}

.components__pagination-item[data-color="#3CBA84"] .components__pagination-button {
    border: 1px solid currentColor;
    border-color: #3cba84
}

.components__pagination-item[data-color="#01BAC6"] .components__pagination-button {
    border: 1px solid currentColor;
    border-color: #01bac6
}

.components__pagination-item[data-color="#F06793"] .components__pagination-button {
    border: 1px solid currentColor;
    border-color: #f06793
}

.components__pagination-item[data-color="#FEC232"] .components__pagination-button {
    border: 1px solid currentColor;
    border-color: #fec232
}

.components__pagination-item[data-color="#F36F2B"] .components__pagination-button {
    border: 1px solid currentColor;
    border-color: #f36f2b
}

.components__pagination-item.js-active {
    margin-right: .5rem;
    margin-left: 2rem
}

.components__pagination-item.js-active .components__pagination-button {
    background-color: #fff
}

.components__pagination-item.js-active .components__pagination-button::after {
    border-width: 1.35px;
    border-color: inherit;
    -webkit-transform: translate(-50%, -50%) scale(1.53125);
    transform: translate(-50%, -50%) scale(1.53125)
}

@media only screen and (min-width: 768px) {
    .components__pagination-item:first-child {
        margin-left: 7.822685788787484vw
    }
}

@media only screen and (min-width: 1280px) {
    .components__pagination-item {
        display: block;
        width: auto !important;
        height: auto;
        margin-right: 3rem;
        margin-left: 0;
        margin-top: 3rem
    }

    .components__pagination-item.js-active {
        margin-right: 3rem;
        margin-left: 0
    }

    .components__pagination-item:not(.js-active):hover {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    .components__pagination-item:first-child {
        margin-left: 0
    }

    .components__pagination-item:nth-child(2n) {
        margin-right: 0
    }
}

.components__pagination-button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 6.4rem;
    height: 6.4rem;
    border-radius: 50%
}

.components__pagination-button::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    padding-top: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 1px solid currentColor;
    border-color: transparent;
    border-radius: 50%;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

@media only screen and (min-width: 1280px) {
    .components__right {
        width: 75.5454%
    }

    .components__right--wide {
        width: 100%;
        margin-top: 6rem
    }

    .components__right--wide .components__sub-title {
        margin-bottom: 3.8rem
    }

    .components__right--wide .components__left-text {
        width: 48.6%
    }

    .components__right--wide .components__right-text {
        width: 43.9%;
        margin-right: 4.4%
    }

    .components__right--wide .components__title-wrapper {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .components__right--wide .components__image-wrapper {
        width: 15.6rem;
        height: 15.6rem;
        margin-right: 3.1rem
    }

    .components__right--wide .components__description {
        margin-left: 18.8rem
    }

    .components__right--wide .components__description-wrapper {
        margin-top: -6.9rem
    }
}

.components__text-block {
    margin-right: 1%
}

.components__sub-right {
    position: relative
}

.components__sub-right .simplebar-offset {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .components__sub-right {
        height: 23rem;
        overflow-x: hidden
    }
}

.components__slider-nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media only screen and (min-width: 1280px) {
    .components__slider-nav {
        margin-right: 5%
    }
}

.components__pagination {
    position: static;
    width: auto;
    margin-top: 1.4rem;
    margin-bottom: .2rem;
    font-size: 1.8rem;
    line-height: 1
}

@media only screen and (min-width: 1280px) {
    .components__pagination {
        margin-right: .8rem;
        margin-top: 0;
        margin-bottom: .8rem
    }
}

.components__slider-buttons {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 9.4rem;
    margin-bottom: 6rem
}

@media only screen and (min-width: 1280px) {
    .components__slider-buttons {
        margin-bottom: 4.4rem
    }
}

.components__slide[data-color="#9965F4"] .components__image-wrapper {
    border: 1px solid currentColor;
    border-color: #9965f4
}

.components__slide[data-color="#369CD6"] .components__image-wrapper {
    border: 1px solid currentColor;
    border-color: #369cd6
}

.components__slide[data-color="#39B54A"] .components__image-wrapper {
    border: 1px solid currentColor;
    border-color: #39b54a
}

.components__slide[data-color="#E6A922"] .components__image-wrapper {
    border: 1px solid currentColor;
    border-color: #e6a922
}

.components__slide[data-color="#FDB034"] .components__image-wrapper {
    border: 1px solid currentColor;
    border-color: #fdb034
}

.components__slide[data-color="#3CBA84"] .components__image-wrapper {
    border: 1px solid currentColor;
    border-color: #3cba84
}

.components__slide[data-color="#01BAC6"] .components__image-wrapper {
    border: 1px solid currentColor;
    border-color: #01bac6
}

.components__slide[data-color="#F06793"] .components__image-wrapper {
    border: 1px solid currentColor;
    border-color: #f06793
}

.components__slide[data-color="#FEC232"] .components__image-wrapper {
    border: 1px solid currentColor;
    border-color: #fec232
}

.components__slide[data-color="#F36F2B"] .components__image-wrapper {
    border: 1px solid currentColor;
    border-color: #f36f2b
}

@media only screen and (min-width: 768px) {
    .components__slide {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.components__left-text {
    margin-bottom: 3.3rem
}

@media only screen and (min-width: 768px) {
    .components__left-text {
        width: 46.45%;
        margin-bottom: 0
    }
}

.components__title {
    margin-bottom: 2.7rem
}

@media only screen and (min-width: 1280px) {
    .components__title {
        margin-bottom: 3.2rem
    }
}

.components__title-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 3.5rem
}

@media only screen and (min-width: 1280px) {
    .components__title-wrapper {
        margin-bottom: 3.6rem
    }
}

.components__sub-title {
    margin-bottom: 0;
    font-size: 2.8rem;
    line-height: 1.142857142857143
}

@media only screen and (min-width: 1280px) {
    .components__sub-title {
        font-size: 4rem;
        line-height: 1.15
    }
}

.components__image-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 9.2rem;
    height: 9.2rem;
    margin-right: .8rem;
    background-color: #fff;
    border-radius: 50%
}

@media only screen and (min-width: 1280px) {
    .components__image-wrapper {
        margin-right: 1.6rem
    }
}

.components__more-image {
    display: block;
    width: 100%
}

.components__description {
    margin-top: 0;
    margin-bottom: 0
}

@media only screen and (min-width: 1280px) {
    .components__description {
        margin-top: 3.8rem;
        margin-left: 10.8rem
    }
}

@media only screen and (min-width: 768px) {
    .components__right-text {
        width: 45.367%
    }
}

@media only screen and (min-width: 1280px) {
    .components__right-text {
        margin-top: .7rem
    }
}

.components__small-title {
    margin-top: 0;
    margin-bottom: 3.2rem;
    font-size: 1.8rem;
    line-height: 1.222222222222222;
    font-weight: 700
}

@media only screen and (min-width: 1280px) {
    .components__small-title {
        margin-bottom: 3.1rem
    }
}

.components__features-list {
    list-style: none;
    margin: 0;
    padding: 0
}

@media only screen and (min-width: 768px) {
    .components__features-list {
        padding-right: 10%
    }
}

.components__feature-item {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 2.5rem
}

.components__feature-item::before {
    position: static;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: .4rem;
    height: .4rem;
    margin-top: .6rem;
    margin-right: .4rem
}

.components__feature-item p {
    margin-top: 0;
    margin-bottom: 0
}

@media only screen and (min-width: 1280px) {
    .components__feature-item::before {
        width: .8rem;
        height: .8rem;
        margin-top: .5rem;
        margin-right: .8rem
    }
}

.components .simplebar-track {
    right: 8%
}

@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min-resolution: 144dpi), only screen and (min-width: 768px) and (min-resolution: 1.5dppx) {
    .components.lazyloaded {
        background-image: url(/media/images/maxilac/bg-components@2x.jpg), linear-gradient(-265.72deg, #f9fdff 40.57%, #e7f9ff 60.07%, #8fe2ff 91.16%)
    }
}

.product {
    padding-bottom: 3.5rem;
    color: #1d3770;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: left top;
    margin-bottom: 0
}

.product.lazyloaded {
    background-image: url(/media/images/maxilac/bg-products-mobile.jpg), linear-gradient(-270deg, #aad8f6 0%, #f9fdff 100%), linear-gradient(325.23deg, #eff9ff 0%, #f8f8f8 101.39%)
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi),(min-resolution: 1.5dppx) {
    .product.lazyloaded {
        background-image: url(/media/images/maxilac/bg-products-mobile@2x.jpg), linear-gradient(-270deg, #aad8f6 0%, #f9fdff 100%), linear-gradient(325.23deg, #eff9ff 0%, #f8f8f8 101.39%)
    }
}

@media only screen and (min-width: 768px) {
    .product.lazyloaded {
        background-image: url(/media/images/maxilac/bg-products.jpg), linear-gradient(-270deg, #aad8f6 0%, #f9fdff 100%), linear-gradient(325.23deg, #eff9ff 0%, #f8f8f8 101.39%)
    }
}

@media only screen and (max-width: 1279px) {
    .product--baby .product__description {
        margin-bottom: 2.4rem
    }
}

@media only screen and (max-width: 767px) {
    .product--more .product__left-wrapper {
        width: 28.3rem;
        padding-top: 28.3rem
    }

    .product--more .product__pack-wrapper {
        top: 2.4rem;
        left: 8.1rem
    }

    .product--baby .product__count-wrapper {
        bottom: -2rem;
        left: 8%;
        left: 6.3rem;
        max-width: 9.4rem
    }

    .product--baby .product__left-wrapper {
        width: 28.3rem;
        padding-top: 28.3rem;
        margin-left: -9.6rem
    }

    .product--baby .product__pack-wrapper {
        top: 1.3rem;
        left: -6.2rem
    }

    .product--baby-drops .product__advantage--sixth .product__advantage-text {
        width: 15.6rem
    }

    .product--baby-drops .product__count-wrapper {
        left: 6.3rem;
        max-width: 9.4rem
    }

    .product--baby-drops .product__left-wrapper {
        width: 28.3rem;
        padding-top: 28.3rem;
        margin-left: -9.6rem
    }

    .product--baby-drops .product__pack-wrapper {
        top: 1.5rem;
        left: -6.2rem
    }

    .product--express .product__count-wrapper {
        left: 6.3rem;
        max-width: 9.4rem
    }

    .product--express .product__left-wrapper {
        width: 28.3rem;
        padding-top: 28.3rem;
        margin-left: -9.6rem
    }

    .product--express .product__pack-wrapper {
        top: 2rem;
        left: -5.8rem
    }
}

@media only screen and (min-width: 768px) {
    .product {
        padding-bottom: 7.4rem
    }

    .product--baby {
        padding-bottom: 5.4rem
    }

    .product--baby .product__title {
        margin-bottom: 3.5rem
    }

    .product--baby .product__pack-wrapper {
        width: 42rem;
        margin-top: -.4%;
        margin-left: -10%
    }

    .product--baby .product__count-wrapper {
        left: 14%;
        bottom: -6.6rem
    }

    .product--baby .product__right {
        margin-top: 7.6rem
    }

    .product--baby .product__description {
        margin-bottom: 2.7rem
    }

    .product--baby-drops .product__pack-wrapper {
        width: 42rem;
        margin-top: -.7%;
        margin-left: -15.5%
    }

    .product--baby-drops .product__count-wrapper {
        left: 23.2%;
        bottom: -10.2rem
    }

    .product--baby-drops .product__advantage--sixth .product__advantage-text {
        width: 17.23419041000695vw
    }

    .product--express .product__left-wrapper {
        margin-top: 2.4rem
    }

    .product--express .product__pack-wrapper {
        width: 42rem;
        margin-top: 0;
        margin-left: -12%
    }

    .product--express .product__count-wrapper {
        bottom: -6.2rem;
        left: 18.92%
    }
}

@media only screen and (min-width: 1280px) {
    .product--baby .product__pack-wrapper {
        width: 64.86111111111111%;
        margin-left: -15%
    }

    .product--baby-drops .product__pack-wrapper {
        width: 64.86111111111111%;
        margin-left: -20.5%
    }

    .product--express .product__pack-wrapper {
        width: 64.86111111111111%;
        margin-top: 3.5%;
        margin-left: -17.3%
    }
}

@media only screen and (min-width: 1920px) {
    .product--baby-drops .product__advantage--sixth .product__advantage-text {
        width: 24.8rem
    }
}

.product__tabs-wrapper {
    margin-bottom: 3.6rem;
    padding-top: 2.4rem
}

@media only screen and (max-width: 1279px) {
    .product__tabs-wrapper {
        width: 100vw;
        margin-left: -7.822685788787484vw
    }
}

@media only screen and (max-width: 767px) {
    .product__tabs-wrapper {
        margin-left: -5.015673981191222vw
    }
}

@media only screen and (min-width: 1280px) {
    .product__tabs-wrapper {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 7.2rem;
        padding-top: 2.1rem
    }
}

.product__tabs {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-left: -.8rem
}

@media only screen and (max-width: 1279px) {
    .product__tabs {
        margin-left: 0
    }
}

@media only screen and (max-width: 767px) {
    .product__tabs {
        margin-left: 0
    }
}

@media only screen and (min-width: 1280px) {
    .product__tabs {
        margin-left: -2.3rem;
        width: auto
    }
}

.product__tab {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    margin-left: .8rem;
    width: auto
}

.product__tab::before {
    content: none
}

.product__tab--active .product__tab-link {
    text-shadow: .5px 0 0, .5px 0 0, -.5px 0 0
}

@media only screen and (max-width: 1279px) {
    .product__tab:first-child {
        margin-left: 7.822685788787484vw
    }

    .product__tab--active .product__tab-link {
        border: 1px solid currentColor
    }
}

@media only screen and (max-width: 767px) {
    .product__tab:first-child {
        margin-left: 5.015673981191222vw
    }
}

@media only screen and (min-width: 1280px) {
    .product__tab {
        margin-left: 2.3rem
    }

    .product__tab:last-child {
        margin-right: 0
    }
}

.product__tab-link {
    display: block;
    line-height: 1;
    transition: text-shadow .3s
}

.product__tab-link:active {
    text-shadow: .5px 0 0, .5px 0 0, -.5px 0 0
}

@media only screen and (max-width: 767px) {
    .product__tab-link .page__product-name {
        text-transform: none
    }
}

@media only screen and (max-width: 1279px) {
    .product__tab-link {
        padding: .8rem 1rem .3rem;
        border: 1px solid #21b4e8;
        border-radius: 2.7rem
    }
}

@media only screen and (min-width: 1280px) {
    .product__tab-link {
        font-size: 2rem
    }

    .product__tab-link:hover {
        text-shadow: .5px 0 0, .5px 0 0, -.5px 0 0
    }
}

@media only screen and (min-width: 1280px) {
    .product__title-wrapper {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.product__title {
    font-size: 2.8rem;
    line-height: 1.142857142857143;
    color: #1d3770;
    margin-bottom: 1.1rem
}

@media only screen and (max-width: 767px) {
    .product__title {
        margin-right: -.4rem
    }
}

@media only screen and (min-width: 1280px) {
    .product__title {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 3rem
    }
}

.product__slogan {
    margin-top: 0;
    margin-bottom: 3.2rem;
    font-size: 2.2rem;
    line-height: 1.090909090909091;
    font-weight: 600
}

@media only screen and (min-width: 768px) {
    .product__slogan {
        font-size: 3.2rem
    }
}

@media only screen and (min-width: 1280px) {
    .product__slogan {
        width: 73%;
        margin-bottom: 2.2rem;
        font-size: 4rem;
        line-height: 1.15
    }
}

@media only screen and (min-width: 1280px) {
    .product__wrapper {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.product__left {
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-bottom: 11.7rem
}

@media only screen and (max-width: 767px) {
    .product__left {
        margin-left: -1.6rem
    }
}

@media only screen and (min-width: 1280px) {
    .product__left {
        width: 65.454545%;
        margin-bottom: 0
    }
}

.product__left-wrapper {
    position: relative;
    width: 20.5rem;
    padding-top: 20.5rem
}

@media only screen and (min-width: 768px) {
    .product__left-wrapper {
        width: 46.5rem;
        margin-left: 2.36111%;
        padding-top: 46.5rem
    }
}

@media only screen and (min-width: 1280px) {
    .product__left-wrapper {
        width: 71.6666%;
        padding-top: 71.6666%
    }
}

.product__pack-wrapper {
    position: absolute;
    top: .7rem;
    left: -1.7rem
}

@media only screen and (max-width: 767px) {
    .product__pack-wrapper {
        top: -.6rem;
        left: -3.9rem;
        width: 22rem
    }
}

@media only screen and (min-width: 768px) {
    .product__pack-wrapper {
        top: 0;
        left: 0;
        width: 42rem;
        margin-left: -10%
    }
}

@media only screen and (min-width: 1280px) {
    .product__pack-wrapper {
        width: 66.94444444444444%;
        margin-top: 1%;
        margin-left: -13.5%
    }
}

.product__pack {
    display: block;
    width: 100%
}

.product__advantages {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid rgba(33, 180, 232, .2)
}

.product__advantages--seven .product__advantage--first {
    -webkit-transform: translateY(-50%) rotate(-73deg);
    transform: translateY(-50%) rotate(-73deg)
}

.product__advantages--seven .product__advantage--first .product__advantage-wrapper {
    -webkit-transform: translateX(50%) rotate(73deg);
    transform: translateX(50%) rotate(73deg)
}

.product__advantages--seven .product__advantage--second {
    -webkit-transform: translateY(-50%) rotate(-50deg);
    transform: translateY(-50%) rotate(-50deg)
}

.product__advantages--seven .product__advantage--second .product__advantage-wrapper {
    -webkit-transform: translateX(50%) rotate(50deg);
    transform: translateX(50%) rotate(50deg)
}

.product__advantages--seven .product__advantage--third {
    -webkit-transform: translateY(-50%) rotate(-25deg);
    transform: translateY(-50%) rotate(-25deg)
}

.product__advantages--seven .product__advantage--third .product__advantage-wrapper {
    -webkit-transform: translateX(50%) rotate(25deg);
    transform: translateX(50%) rotate(25deg)
}

.product__advantages--seven .product__advantage--fourth {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.product__advantages--seven .product__advantage--fourth .product__advantage-wrapper {
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

.product__advantages--seven .product__advantage--fifth {
    -webkit-transform: translateY(-50%) rotate(25deg);
    transform: translateY(-50%) rotate(25deg)
}

.product__advantages--seven .product__advantage--fifth .product__advantage-wrapper {
    -webkit-transform: translateX(50%) rotate(-25deg);
    transform: translateX(50%) rotate(-25deg)
}

.product__advantages--seven .product__advantage--sixth {
    -webkit-transform: translateY(-50%) rotate(50deg);
    transform: translateY(-50%) rotate(50deg)
}

.product__advantages--seven .product__advantage--sixth .product__advantage-wrapper {
    -webkit-transform: translateX(50%) rotate(-50deg);
    transform: translateX(50%) rotate(-50deg)
}

.product__advantages--seven .product__advantage--seventh {
    -webkit-transform: translateY(-50%) rotate(73deg);
    transform: translateY(-50%) rotate(73deg)
}

.product__advantages--seven .product__advantage--seventh .product__advantage-wrapper {
    -webkit-transform: translateX(50%) rotate(-73deg);
    transform: translateX(50%) rotate(-73deg)
}

.product__advantages--long .product__advantage-text--long {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    width: 14.7rem
}

.product__advantages--more {
    width: 28.3rem;
    height: 28.3rem
}

@media only screen and (min-width: 768px) {
    .product__advantages--seven .product__advantage--first {
        -webkit-transform: translateY(-50%) rotate(-84deg);
        transform: translateY(-50%) rotate(-84deg)
    }

    .product__advantages--seven .product__advantage--first .product__advantage-wrapper {
        -webkit-transform: translateX(50%) rotate(84deg);
        transform: translateX(50%) rotate(84deg)
    }

    .product__advantages--seven .product__advantage--seventh {
        -webkit-transform: translateY(-50%) rotate(84deg);
        transform: translateY(-50%) rotate(84deg)
    }

    .product__advantages--seven .product__advantage--seventh .product__advantage-wrapper {
        -webkit-transform: translateX(50%) rotate(-84deg);
        transform: translateX(50%) rotate(-84deg)
    }

    .product__advantages--more {
        width: 100%;
        height: 100%
    }

    .product__advantages--more .product__advantage-wrapper, .product__advantages--more .product__icon-wrapper {
        width: 5rem;
        height: 5rem
    }

    .product__advantages--long .product__advantage-text {
        width: 13.20361362056984vw
    }

    .product__advantages--long .product__advantage-text--long {
        width: 19.17998610145935vw
    }
}

@media only screen and (min-width: 1920px) {
    .product__advantages--long .product__advantage-text {
        width: 19rem
    }

    .product__advantages--long .product__advantage-text--long {
        width: 27.6rem
    }
}

.product__advantage {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    position: absolute;
    top: 50%;
    right: 0;
    width: 50%;
    margin-left: auto;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.product__advantage::before {
    content: none
}

.product__advantage--second {
    -webkit-transform: translateY(-50%) rotate(-65deg);
    transform: translateY(-50%) rotate(-65deg)
}

.product__advantage--second .product__advantage-wrapper {
    -webkit-transform: translateX(50%) rotate(65deg);
    transform: translateX(50%) rotate(65deg)
}

.product__advantage--third {
    -webkit-transform: translateY(-50%) rotate(-33deg);
    transform: translateY(-50%) rotate(-33deg)
}

.product__advantage--third .product__advantage-wrapper {
    -webkit-transform: translateX(50%) rotate(33deg);
    transform: translateX(50%) rotate(33deg)
}

.product__advantage--fourth {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.product__advantage--fourth .product__advantage-wrapper {
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

.product__advantage--fifth {
    -webkit-transform: translateY(-50%) rotate(33deg);
    transform: translateY(-50%) rotate(33deg)
}

.product__advantage--fifth .product__advantage-wrapper {
    -webkit-transform: translateX(50%) rotate(-33deg);
    transform: translateX(50%) rotate(-33deg)
}

.product__advantage--sixth {
    -webkit-transform: translateY(-50%) rotate(65deg);
    transform: translateY(-50%) rotate(65deg)
}

.product__advantage--sixth .product__advantage-wrapper {
    -webkit-transform: translateX(50%) rotate(-65deg);
    transform: translateX(50%) rotate(-65deg)
}

.product__advantage-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-left: auto;
    width: 2.5rem;
    height: 2.5rem
}

@media only screen and (min-width: 768px) {
    .product__advantage-wrapper {
        width: 5rem;
        height: 5rem
    }
}

@media only screen and (min-width: 1280px) {
    .product__advantage-wrapper {
        width: 6.4rem;
        height: 6.4rem
    }
}

.product__icon-wrapper {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #3256a6;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 1px
}

@media only screen and (min-width: 768px) {
    .product__icon-wrapper {
        width: 5rem;
        height: 5rem;
        margin-right: 1.6rem
    }
}

@media only screen and (min-width: 1280px) {
    .product__icon-wrapper {
        width: 6.4rem;
        height: 6.4rem
    }
}

.product__icon {
    display: block;
    width: 100%;
    height: 100%;
    fill: transparent
}

.product__advantage-text {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 11.5rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 2.5rem;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.4rem;
    line-height: 1.214285714285714
}

@media only screen and (min-width: 768px) {
    .product__advantage-text {
        min-height: 5rem
    }
}

@media only screen and (min-width: 1280px) {
    .product__advantage-text {
        width: 11.118832522585128vw;
        min-height: 6.4rem;
        font-size: 1.8rem;
        line-height: 1.222222222222222
    }
}

@media only screen and (min-width: 1920px) {
    .product__advantage-text {
        width: 16rem;
        min-height: 6.4rem
    }
}

.product__text-item {
    margin-top: 0;
    margin-bottom: 0
}

.product__count-wrapper {
    position: absolute;
    bottom: -5.7rem;
    min-width: 6.3rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 19.92%;
    padding: 1rem .9rem .8rem;
    background-color: #eef5fa;
    box-shadow: 0 .4rem 3rem rgba(0, 84, 157, .2);
    border-radius: 1rem
}

@media only screen and (min-width: 1280px) {
    .product__count-wrapper {
        min-width: 11.8rem;
        max-width: 18.7rem;
        bottom: -6.7rem;
        padding: 2.1rem 1.6rem 1.7rem;
        border-radius: 2rem
    }
}

.product__count {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.4rem;
    line-height: 1.214285714285714
}

@media only screen and (min-width: 1280px) {
    .product__count {
        font-size: 1.8rem;
        line-height: 1.222222222222222
    }
}

.product__buttons-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width: 1280px) {
    .product__buttons-wrapper {
        display: block
    }
}

.product__download-link {
    font-weight: 700;
    margin-top: 1.3rem
}

.product__download-link span {
    padding-top: .5rem
}

@media only screen and (min-width: 1280px) {
    .product__right {
        width: 31.81818%;
        margin-top: 9.6rem
    }
}

.product__description {
    margin-top: 0;
    margin-bottom: 1.6rem
}

@media only screen and (max-width: 767px) {
    .product__description {
        margin-right: -.4rem
    }
}

@media only screen and (min-width: 1280px) {
    .product__description {
        margin-right: -7.142857%;
        margin-bottom: 7.2rem;
        font-size: 1.8rem;
        line-height: 1.222222222222222
    }
}

.product__more {
    width: 23.5rem;
    margin-bottom: 2.4rem;
    margin-left: auto;
    margin-right: auto;
    padding: 1.1rem 1.6rem;
    background-color: #eef5fa;
    box-shadow: 0 .4rem 3rem rgba(0, 84, 157, .2);
    border-radius: 1rem
}

@media only screen and (min-width: 1280px) {
    .product__more {
        max-width: 32rem;
        width: auto;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 5.7rem;
        padding: 2rem 2.4rem;
        border-radius: 2rem
    }
}

.product__more-text {
    margin-top: 0;
    margin-bottom: 0
}

@media only screen and (min-width: 1280px) {
    .product__more-text {
        font-size: 1.8rem;
        line-height: 1.222222222222222
    }
}

@media only screen and (max-width: 767px) {
    .product__more-link {
        font-size: 1.4rem;
        line-height: 1.214285714285714
    }
}

@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min-resolution: 144dpi), only screen and (min-width: 768px) and (min-resolution: 1.5dppx) {
    .product.lazyloaded {
        background-image: url(/media/images/maxilac/bg-products@2x.jpg), linear-gradient(-270deg, #aad8f6 0%, #f9fdff 100%), linear-gradient(325.23deg, #eff9ff 0%, #f8f8f8 101.39%)
    }
}

.protection {
    position: relative;
    margin-bottom: 8.2rem
}

.protection::before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 173.5rem;
    background: linear-gradient(180deg, rgba(81, 195, 255, 0) 0%, rgba(81, 195, 255, .5) 52.6%, rgba(81, 195, 255, 0) 100%)
}

@media only screen and (min-width: 768px) {
    .protection::before {
        height: 144rem
    }
}

@media only screen and (min-width: 1280px) {
    .protection {
        margin-bottom: 19.2rem;
        padding-top: 18rem
    }
}

.protection__wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (min-width: 1280px) {
    .protection__wrapper {
        display: block;
        max-width: 1920px;
        margin-left: auto;
        margin-right: auto
    }
}

.protection__title-container {
    z-index: 1
}

.protection__title {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (min-width: 1280px) {
    .protection__title {
        margin-bottom: 7.6rem
    }

    .protection__title--other {
        margin-bottom: -.9rem
    }
}

.protection__sub-text {
    position: relative;
    top: 17px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.8rem;
    line-height: 1.222222222222222;
    font-weight: 400;
    color: #1d3770;
    text-transform: uppercase
}

@media only screen and (min-width: 768px) {
    .protection__sub-text {
        top: 0
    }
}

@media only screen and (min-width: 1280px) {
    .protection__sub-text {
        line-height: 1.5
    }
}

.protection__structure-container {
    z-index: 1
}

@media only screen and (min-width: 1280px) {
    .protection__structure-container {
        margin-bottom: 18.4rem;
        width: auto;
        max-width: none
    }
}

.protection__structure-title {
    margin-top: 0;
    margin-bottom: 0
}

@media only screen and (max-width: 767px) {
    .protection__structure-title {
        margin-bottom: 1.6rem
    }
}

@media only screen and (min-width: 768px) {
    .protection__structure-title {
        margin-bottom: 3.2rem
    }
}

.protection__default-text {
    font-size: 1.8rem;
    line-height: 1.222222222222222
}

@media only screen and (min-width: 1280px) {
    .protection__default-text {
        width: 68.454545%;
        font-size: 2rem;
        line-height: 1.2
    }
}

.protection__technology-description {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.8rem;
    line-height: 1.222222222222222
}

@media only screen and (min-width: 768px) {
    .protection__technology-description {
        margin-bottom: 8.5rem
    }
}

@media only screen and (min-width: 1280px) {
    .protection__technology-description {
        width: 82.7272%;
        margin-bottom: 17rem;
        font-size: 2rem;
        line-height: 1.2
    }
}

.protection__right-text {
    margin-bottom: .9rem;
    border-radius: 1rem
}

.protection__right-text b {
    color: #3256a6
}

@media only screen and (min-width: 768px) {
    .protection__right-text {
        width: 68.45454545454545%
    }
}

@media only screen and (min-width: 1280px) {
    .protection__right-text {
        width: 35.7361%;
        margin-left: auto;
        margin-right: -2%;
        margin-bottom: 11.8rem;
        font-size: 2rem;
        line-height: 1.2
    }
}

.protection__top-description {
    margin-top: 0;
    margin-bottom: 0
}

.protection__structure-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width: 1280px) {
    .protection__structure-wrapper {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media only screen and (min-width: 1441px) {
    .protection__structure-wrapper {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.protection__structure-description {
    margin-top: 0;
    margin-bottom: 0
}

@media only screen and (min-width: 1280px) {
    .protection__structure-description {
        font-size: 1.8rem;
        line-height: 1.222222222222222
    }
}

.protection__up {
    text-transform: uppercase
}

.protection__description-block {
    position: relative;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    padding: 6.6rem 2rem 1.6rem 1.9rem;
    background-color: #fff;
    box-shadow: 0 0 2rem rgba(29, 75, 108, .2);
    border-radius: 2rem
}

.protection__description-block::before {
    content: "";
    position: absolute;
    top: 1.6rem;
    left: 1.6rem;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background-color: #1d3770;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.1rem 1.6rem
}

.protection__description-block.lazyloaded::before {
    background-image: url(/media/images/icon-check.svg)
}

@media only screen and (min-width: 768px) {
    .protection__description-block {
        margin-left: 4.1%;
        padding: 6.6rem 3.2rem 2.9rem 8rem
    }

    .protection__description-block::before {
        top: 2.4rem;
        left: 2.4rem
    }
}

@media only screen and (min-width: 1280px) {
    .protection__description-block {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        width: 33.8888%;
        margin-left: 4.1%
    }
}

.protection__structure-scheme {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 3.9rem;
    padding-bottom: 6.6rem;
    font-size: 1.4rem;
    line-height: 1.214285714285714
}

.protection__structure-scheme.lazyloaded .protection__name::before {
    background-image: url(/media/images/maxilac/vertical-dashed-line.svg)
}

.protection__structure-scheme.lazyloaded .protection__name--water-2::before {
    background-image: url(/media/images/maxilac/horizontal-dashed-line.svg)
}

@media only screen and (min-width: 768px) {
    .protection__structure-scheme {
        width: 71.3rem;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-left: 0;
        font-size: 1.8rem;
        line-height: 1.222222222222222;
        margin-bottom: 0;
        padding-bottom: 166px
    }
}

@media only screen and (min-width: 1280px) {
    .protection__structure-scheme {
        width: 52.5%;
        margin-left: 3.4%;
        padding-bottom: 10.3rem
    }
}

.protection__structure-scheme-1 {
    position: relative;
    width: 20.7rem;
    margin-right: 1.4rem;
    margin-bottom: 6.5rem
}

@media only screen and (min-width: 768px) {
    .protection__structure-scheme-1 {
        width: 34.52%;
        margin-top: 11.6%;
        margin-bottom: 0;
        margin-right: .5%;
        padding-top: 34.52%
    }
}

.protection__structure-scheme-2 {
    position: relative;
    width: 19.6rem;
    margin-right: 1.2rem
}

@media only screen and (min-width: 768px) {
    .protection__structure-scheme-2 {
        width: 37.83%;
        margin-top: 5.5%;
        margin-left: .6%;
        margin-right: 0;
        padding-top: 37.83%
    }
}

.protection__structure-image {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .protection__structure-image {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        height: auto;
        max-width: none
    }

    .protection__structure-image--first {
        width: 115.73%
    }
}

.protection__name {
    position: absolute;
    margin-top: 0;
    margin-bottom: 0
}

.protection__name::before {
    content: "";
    position: absolute;
    bottom: 136%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding-top: 12rem;
    width: 2px;
    background-position: left bottom;
    background-repeat: repeat-y;
    background-size: 2px 68px
}

.protection__name--water-1 {
    top: 107.4%;
    left: 14%
}

.protection__name--water-1::before {
    padding-top: 6rem
}

.protection__name--cell-1 {
    top: 107.5%;
    left: 39%
}

.protection__name--cell-1::before {
    bottom: 107%;
    left: 20%;
    padding-top: 9rem
}

.protection__name--sugar {
    top: 112.2%;
    left: 10%
}

.protection__name--sugar::before {
    left: 44%;
    padding-top: 7.8rem
}

.protection__name--cell-2 {
    top: 112.2%;
    left: 33%
}

.protection__name--cell-2::before {
    bottom: 112%;
    left: 22%;
    padding-top: 8.3rem
}

.protection__name--shell {
    top: 112.2%;
    left: 75%
}

.protection__name--shell::before {
    bottom: 118%;
    left: 6%;
    padding-top: 5.6rem
}

.protection__name--water-2 {
    top: 8.6%;
    left: 100%
}

.protection__name--water-2::before {
    left: auto;
    right: 100%;
    top: 50%;
    width: auto;
    height: 2px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-top: 0;
    padding-left: 5.7rem;
    background-position: left bottom;
    background-repeat: repeat-x;
    background-size: 68px 2px
}

@media only screen and (min-width: 768px) {
    .protection__name--cell-1 {
        top: 125%;
        left: 39.4%
    }

    .protection__name--cell-1::before {
        bottom: 136%;
        left: 29%;
        padding-top: 12rem
    }

    .protection__name--water-1 {
        top: 124.7%;
        left: 12%
    }

    .protection__name--water-1::before {
        padding-top: 10rem
    }

    .protection__name--sugar {
        top: 129.8%;
        left: 16%
    }

    .protection__name--sugar::before {
        left: 37%;
        bottom: 171%;
        padding-top: 10rem
    }

    .protection__name--cell-2 {
        top: 130%;
        left: 41.2%
    }

    .protection__name--cell-2::before {
        left: 12%;
        bottom: 136%;
        padding-top: 12rem
    }

    .protection__name--shell {
        top: 130%;
        left: 77%
    }

    .protection__name--shell::before {
        padding-top: 8rem;
        bottom: 130%;
        left: 14%
    }

    .protection__name--water-2 {
        top: .5%;
        left: 109%
    }

    .protection__name--water-2::before {
        right: 130%;
        padding-left: 6.7rem
    }
}

@media only screen and (min-width: 1280px) {
    .protection__name--cell-1::before {
        padding-top: 8.339124391938846vw
    }

    .protection__name--water-1::before {
        padding-top: 6.949270326615705vw
    }

    .protection__name--sugar::before {
        left: 37%;
        bottom: 171%;
        padding-top: 6.949270326615705vw
    }

    .protection__name--cell-2::before {
        padding-top: 8.339124391938846vw
    }

    .protection__name--shell::before {
        padding-top: 5.559416261292564vw
    }

    .protection__name--water-2::before {
        padding-left: 4.656011118832523vw
    }
}

.protection__arrows-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 12rem;
    margin-bottom: 1.9rem
}

@media only screen and (min-width: 768px) {
    .protection__arrows-wrapper {
        display: block;
        width: 18.12%;
        margin-top: 18%;
        margin-left: 0;
        margin-bottom: 0
    }
}

.protection__arrows-text {
    margin-top: .6rem;
    padding: 1.1rem .4rem .8rem;
    background-color: #e5f6ff;
    border-radius: 1rem;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    text-align: center
}

.protection__arrows-text p {
    margin-top: 0;
    margin-bottom: 0
}

@media only screen and (min-width: 768px) {
    .protection__arrows-text {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        width: 100%;
        margin-top: 0;
        margin-bottom: 1.8rem
    }
}

@media only screen and (min-width: 1280px) {
    .protection__arrows-text {
        padding: 1.2rem 1rem .8rem
    }
}

.protection__arrows-picture {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 2rem;
    margin-right: 2.5rem
}

@media only screen and (min-width: 768px) {
    .protection__arrows-picture {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
        width: 67.15%
    }
}

.protection__arrows {
    display: block
}

.protection__scheme-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 2.1rem
}

.protection__scheme-item--first .protection__scheme-image {
    width: 16.1rem;
    height: 13.8rem
}

.protection__scheme-item--second {
    margin-bottom: -4.5rem
}

.protection__scheme-item--second .protection__scheme-image {
    width: 28.8rem;
    height: 28.8rem
}

.protection__scheme-item--third {
    margin-bottom: 3.5rem
}

.protection__scheme-item--third .protection__scheme-image {
    width: 16.8rem;
    height: 14.6rem
}

@media only screen and (min-width: 768px) {
    .protection__scheme-item {
        height: 19.426336375488916vw;
        margin-bottom: .6rem;
        display: block
    }

    .protection__scheme-item--first .protection__scheme-image {
        margin-left: -4%;
        width: 81.427746%;
        height: auto
    }

    .protection__scheme-item--second .protection__scheme-image {
        width: 136.23188405797103%;
        height: auto;
        margin-top: -38%;
        margin-left: -34%
    }

    .protection__scheme-item--third .protection__scheme-image {
        margin-top: -5%;
        margin-left: -1%;
        width: 83.33333333333334%;
        height: auto
    }
}

@media only screen and (min-width: 1280px) {
    .protection__scheme-item {
        height: 12.925642807505211vw
    }

    .protection__scheme-item--first .protection__scheme-image {
        width: 62.42774566473989%
    }
}

@media only screen and (min-width: 1920px) {
    .protection__scheme-item {
        height: 24.8rem
    }
}

.protection__scheme-container {
    z-index: 1;
    margin-top: 6rem;
    margin-bottom: 4.7rem
}

@media only screen and (min-width: 768px) {
    .protection__scheme-container {
        margin-bottom: 8rem
    }
}

@media only screen and (min-width: 1280px) {
    .protection__scheme-container {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 2rem;
        line-height: 1.2
    }
}

.protection__scheme-description {
    margin-top: 0;
    margin-bottom: 5.4rem
}

@media only screen and (min-width: 1280px) {
    .protection__scheme-description {
        width: 69.364%;
        margin-bottom: 5.2rem
    }
}

.protection__ordered-list {
    list-style: none;
    margin: 0;
    padding: 0;
    counter-reset: count
}

@media only screen and (min-width: 768px) {
    .protection__ordered-list {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.protection__ordered-item {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    counter-increment: count;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: -.6rem;
    margin-bottom: 11.1rem
}

.protection__ordered-item::before {
    content: none
}

.protection__ordered-item:last-child {
    margin-bottom: 0
}

.protection__ordered-item:last-child::after {
    content: none
}

.protection__ordered-item::after {
    content: "";
    position: absolute;
    top: 117.6%;
    left: 48%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    width: 2.9rem;
    height: 9.2rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url(/media/images/maxilac/structure-vertical-arrows.svg)
}

@media only screen and (max-width: 767px) {
    .protection__ordered-item:nth-child(2):not(:last-child) {
        margin-bottom: 17.1rem
    }

    .protection__ordered-item:nth-child(2):not(:last-child)::after {
        top: 121.6%
    }
}

@media only screen and (min-width: 768px) {
    .protection__ordered-item {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 32.09%;
        margin-right: 2.2727%;
        margin-bottom: 0
    }

    .protection__ordered-item:last-child {
        margin-right: 0
    }

    .protection__ordered-item::after {
        top: 5.867014341590613vw;
        left: 69.8%;
        -webkit-transform: translate(0);
        transform: translate(0);
        width: 6.6rem;
        height: 2.1rem;
        background-image: url(/media/images/maxilac/structure-horizontal-arrows.svg)
    }

    .protection__ordered-item:nth-child(2)::after {
        left: 75.8%
    }
}

@media only screen and (min-width: 1280px) {
    .protection__ordered-item {
        width: 25.09%;
        margin-right: 10.2727%
    }

    .protection__ordered-item::after {
        top: 4.794996525364837vw;
        left: 76.8%;
        width: 9.2rem;
        height: 2.9rem
    }

    .protection__ordered-item:nth-child(1) {
        width: 31.454545%;
        margin-right: 8%
    }

    .protection__ordered-item:nth-child(2)::after {
        left: 98.8%
    }
}

@media only screen and (min-width: 1920px) {
    .protection__ordered-item::after {
        top: 92px
    }
}

.protection__scheme-image {
    display: block;
    max-width: none
}

.protection__scheme-text {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2rem;
    line-height: 1.2
}

.protection__scheme-text::before {
    content: counter(count);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 4rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 1rem 0 .6rem;
    color: #fff;
    font-size: 2rem;
    line-height: 1.2;
    margin-right: .8rem;
    background-color: #1d3770;
    border-radius: 50%
}

@media only screen and (min-width: 768px) {
    .protection__scheme-text {
        font-size: 1.6rem
    }
}

@media only screen and (min-width: 1280px) {
    .protection__scheme-text {
        font-size: 2rem
    }
}

.protection__technology {
    margin-bottom: 6rem;
    font-size: 2rem;
    line-height: 1.2
}

@media only screen and (min-width: 768px) {
    .protection__technology {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: -.5rem;
        margin-bottom: 7rem
    }
}

.protection__technology-left {
    position: relative;
    z-index: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 25.8rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -3.4rem
}

@media only screen and (min-width: 768px) {
    .protection__technology-left {
        width: 35%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
        padding-top: 35%
    }
}

@media only screen and (min-width: 1280px) {
    .protection__technology-left {
        width: 30%
    }
}

.protection__technology-picture {
    width: 41.3rem;
    margin-left: -36%;
    margin-top: -.5rem
}

@media only screen and (min-width: 768px) {
    .protection__technology-picture {
        position: absolute;
        left: 0;
        top: 0;
        width: 160.6060606060606%;
        max-width: 53rem;
        margin-top: 0;
        margin-left: 0
    }
}

.protection__technology-image {
    display: block;
    width: 100%;
    max-width: none
}

@media only screen and (min-width: 768px) {
    .protection__technology-image {
        margin-left: -19%
    }
}

.protection__technology-right {
    width: 93%
}

@media only screen and (min-width: 768px) {
    .protection__technology-right {
        width: 62.272727%;
        margin-left: 7%;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-top: 11%
    }
}

@media only screen and (min-width: 1280px) {
    .protection__technology-right {
        width: 67.27272727272727%;
        margin-left: 10%
    }
}

.protection__technology-list {
    margin-top: 0;
    margin-bottom: 0
}

.protection__term-wrapper {
    position: relative;
    margin-bottom: 1.5rem;
    padding: 1.7rem 1rem 1.7rem 1.6rem;
    box-shadow: 0 0 2rem rgba(29, 75, 108, .2);
    background-color: rgba(255, 255, 255, .4);
    border-radius: 2rem
}

.protection__term-wrapper::before {
    content: "";
    position: absolute;
    bottom: 90%;
    right: 0;
    width: 60%;
    border: 2px dashed #fff;
    border-left: none
}

.protection__term-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #d1efff;
    border-radius: 2rem
}

.protection__term-wrapper:first-child::before {
    height: 22.7rem
}

.protection__term-wrapper:nth-child(2)::before {
    bottom: 84%;
    height: 30.9rem;
    -webkit-transform: translateX(3.345724907063197%);
    transform: translateX(3.345724907063197%)
}

.protection__term-wrapper:nth-child(3)::before {
    bottom: 80%;
    height: 320%;
    -webkit-transform: translateX(7.806691449814126%);
    transform: translateX(7.806691449814126%)
}

.protection__term-wrapper:last-child {
    margin-bottom: 0
}

@media only screen and (max-width: 767px) {
    .protection__term-wrapper {
        margin-bottom: 1.6rem
    }

    .protection__term-wrapper:nth-child(2n):not(:last-child) {
        margin-bottom: 1.2rem
    }
}

@media only screen and (min-width: 577px) {
    .protection__term-wrapper:nth-child(2)::before {
        bottom: 78%
    }
}

@media only screen and (min-width: 768px) {
    .protection__term-wrapper::before {
        bottom: auto;
        top: 1.8rem;
        right: auto;
        left: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        width: 18.252933507170795vw;
        height: .2rem;
        border-top: 2px dashed #fff;
        border-left: 2px dashed #fff;
        border-bottom: none;
        border-right: none
    }

    .protection__term-wrapper::after {
        content: none
    }

    .protection__term-wrapper:first-child::before {
        bottom: auto;
        top: 70%;
        height: .2rem;
        width: 18.252933507170795vw
    }

    .protection__term-wrapper:nth-child(2)::before {
        bottom: auto;
        height: 1rem;
        width: 18.252933507170795vw;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    .protection__term-wrapper:nth-child(3)::before {
        top: auto;
        height: 10rem;
        width: 18.252933507170795vw;
        border-top: none;
        border-left: 2px dashed #fff;
        border-bottom: 2px dashed #fff;
        bottom: 80%;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@media only screen and (min-width: 901px) {
    .protection__term-wrapper:nth-child(2)::before {
        top: 2.8rem
    }
}

@media only screen and (min-width: 1280px) {
    .protection__term-wrapper {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 1.7rem
    }

    .protection__term-wrapper::before {
        top: 3rem;
        width: 14.384989576094508vw;
        height: 10rem;
        border-top: 2px dashed #fff;
        border-left: 2px dashed #fff
    }

    .protection__term-wrapper:first-child::before {
        top: 2rem;
        height: 10rem
    }

    .protection__term-wrapper:nth-child(2)::before {
        top: 3rem;
        height: 10rem
    }

    .protection__term-wrapper:nth-child(3)::before {
        bottom: 62%
    }
}

.protection__term {
    position: relative;
    z-index: 1;
    margin-bottom: 0;
    font-weight: 700;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 27.2rem
}

@media only screen and (min-width: 577px) {
    .protection__term {
        max-width: none
    }
}

@media only screen and (min-width: 1280px) {
    .protection__term {
        width: 34.432432%
    }
}

.protection__definition {
    position: relative;
    z-index: 1;
    max-width: 27.2rem;
    margin-bottom: 0;
    margin-top: 1.6rem;
    margin-left: 0;
    font-style: normal
}

.protection__definition:empty {
    margin-top: 0
}

@media only screen and (min-width: 577px) {
    .protection__definition {
        max-width: none
    }
}

@media only screen and (min-width: 768px) {
    .protection__definition {
        margin-top: 0
    }
}

@media only screen and (min-width: 1280px) {
    .protection__definition {
        width: 59.9%
    }
}

.protection__dashed-line-1, .protection__dashed-line-2, .protection__dashed-line-3 {
    display: none
}

.synbiotic {
    background-image: url(/media/images/synbiotic/bg-synbiotic-mobile.png), linear-gradient(180deg, #c0daef 8.75%, rgba(192, 218, 239, .79) 28.24%, rgba(255, 255, 255, 0) 100%);
    background-size: 100%, 100% 857px;
    background-repeat: no-repeat;
    background-position: 0 0, 0 -4.8rem
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi),(min-resolution: 1.5dppx) {
    .synbiotic {
        background-image: url(/media/images/synbiotic/bg-synbiotic-mobile@2x.png), linear-gradient(180deg, #c0daef 8.75%, rgba(192, 218, 239, .79) 28.24%, rgba(255, 255, 255, 0) 100%)
    }
}

.synbiotic .l-container {
    z-index: 1
}

@media only screen and (max-width: 767px) {
    .synbiotic .page__outer {
        margin-bottom: 4.8rem
    }
}

@media only screen and (min-width: 768px) {
    .synbiotic {
        background-image: url(/media/images/synbiotic/bg-synbiotic.png), linear-gradient(180deg, #c0daef 8.75%, rgba(192, 218, 239, .79) 28.24%, rgba(255, 255, 255, 0) 100%);
        background-position: 0 0, 0 -8.2rem
    }
}

@media only screen and (min-width: 1280px) {
    .synbiotic {
        background-size: 100%, 100% 41.7rem
    }
}

.synbiotic__intro-container {
    padding-bottom: 0
}

.synbiotic__ten-icon {
    display: block
}

@media only screen and (min-width: 768px) {
    .synbiotic__ten-icon {
        width: 100%
    }
}

.synbiotic__probiotics {
    position: relative
}

.synbiotic__probiotics::before {
    content: "";
    position: absolute;
    top: 460px;
    left: 0;
    width: 100%;
    height: 1714px;
    background-image: linear-gradient(180deg, rgba(81, 195, 255, 0) 0%, rgba(81, 195, 255, .5) 52.6%, rgba(81, 195, 255, 0) 100%);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.synbiotic__probiotics.lazyloaded::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -20.8rem;
    width: 7.5rem;
    height: 36.3rem;
    background-size: contain;
    background-position: right center;
    background-repeat: no-repeat;
    background-image: url(/media/images/synbiotic/bg-circle-mobile.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi),(min-resolution: 1.5dppx) {
    .synbiotic__probiotics.lazyloaded::after {
        background-image: url(/media/images/synbiotic/bg-circle-mobile@2x.png)
    }
}

@media only screen and (min-width: 768px) {
    .synbiotic__probiotics::before {
        top: 18.8rem
    }
}

@media only screen and (min-width: 1280px) {
    .synbiotic__probiotics::before {
        height: 144rem
    }

    .synbiotic__probiotics.lazyloaded::after {
        bottom: -32.9rem;
        width: 31.3rem;
        height: 69.7rem;
        background-image: url(/media/images/synbiotic/bg-circle.png)
    }
}

@media only screen and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1280px) and (min-resolution: 144dpi), only screen and (min-width: 1280px) and (min-resolution: 1.5dppx) {
    .synbiotic__probiotics::after {
        background-image: url(/media/images/synbiotic/bg-circle@2x.png)
    }
}

.synbiotic__use {
    position: relative
}

.synbiotic__use::before {
    content: "";
    position: absolute;
    top: 872px;
    left: 0;
    width: 100%;
    height: 1714px;
    background-image: linear-gradient(0deg, #c0daef 8.75%, rgba(192, 218, 239, .79) 28.24%, rgba(255, 255, 255, 0) 100%), linear-gradient(180deg, #c0daef 8.75%, rgba(192, 218, 239, .79) 28.24%, rgba(255, 255, 255, 0) 100%);
    background-repeat: no-repeat;
    background-size: 100% 857px;
    background-position: 0 0, 0 857px
}

@media only screen and (min-width: 768px) {
    .synbiotic__use::before {
        top: 49.8rem
    }

    .synbiotic__use.lazyloaded::after {
        content: "";
        position: absolute;
        top: 4.2rem;
        left: 0;
        width: 19.6rem;
        height: 62rem;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(/media/images/synbiotic/bg-circles.png);
        background-position: left center
    }
}

@media only screen and (min-width: 1280px) {
    .synbiotic__use::before {
        height: 171.4rem;
        background-size: 100% 85.7rem;
        background-position: 0 0, 0 85.7rem
    }
}

@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min-resolution: 144dpi), only screen and (min-width: 768px) and (min-resolution: 1.5dppx) {
    .synbiotic__use::after {
        background-image: url(/media/images/synbiotic/bg-circles@2x.png)
    }
}

.synbiotic__description {
    margin-top: 0;
    margin-bottom: 2.4rem
}

@media only screen and (min-width: 1280px) {
    .synbiotic__description {
        margin-bottom: 5.6rem;
        font-size: 2.6rem;
        line-height: 1.192307692307692
    }
}

@media only screen and (min-width: 768px) {
    .synbiotic__order-column {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
}

.synbiotic__ten-wrapper {
    position: relative;
    width: 27.6rem;
    padding-top: 19.7rem;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 768px) {
    .synbiotic__ten-wrapper {
        width: 95.88785046728971%;
        padding-top: 68.03738317757009%
    }
}

.synbiotic__ten-icon {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%
}

.synbiotic__maxilac-wrapper {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 19.9rem;
    margin-top: -10.3rem;
    padding-top: 21.5rem;
    left: -.8rem
}

@media only screen and (min-width: 768px) {
    .synbiotic__maxilac-wrapper {
        left: -3%;
        width: 68.97196261682244%;
        margin-top: -11rem;
        margin-bottom: -2rem;
        padding-top: 72.52336448598132%
    }
}

@media only screen and (min-width: 1280px) {
    .synbiotic__maxilac-wrapper {
        margin-top: -18.8rem
    }
}

@media only screen and (max-width: 767px) {
    .synbiotic__probiotics-column {
        margin-bottom: 3.9rem
    }
}

.synbiotic__express-column {
    position: relative
}

@media only screen and (max-width: 767px) {
    .synbiotic__express-column.lazyloaded::before {
        content: "";
        position: absolute;
        left: -5.642633228840126vw;
        width: 8.7rem;
        height: 31.1rem;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(/media/images/synbiotic/bg-circles-mobile.png);
        background-position: left center
    }
}

@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 767px) and (min-resolution: 144dpi), only screen and (max-width: 767px) and (min-resolution: 1.5dppx) {
    .synbiotic__express-column::before {
        background-image: url(/media/images/synbiotic/bg-circles-mobile@2x.png)
    }
}

.synbiotic__express-wrapper {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 22.9rem;
    padding-top: 24rem
}

@media only screen and (min-width: 768px) {
    .synbiotic__express-wrapper {
        left: -2.5%;
        width: 79.06542056074767%;
        padding-top: 81.12149532710279%
    }
}

.synbiotic__pack {
    display: block;
    width: 100%
}

.synbiotic__pack--default {
    margin-top: -21.5rem
}

.synbiotic__pack--express {
    margin-top: -24rem
}

@media only screen and (min-width: 768px) {
    .synbiotic__pack--default {
        margin-top: -105.14905149051489%
    }

    .synbiotic__pack--express {
        margin-top: -102.60047281323877%
    }
}

.synbiotic__text {
    margin-top: 0;
    margin-bottom: 2.4rem
}

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

@media only screen and (min-width: 1280px) {
    .synbiotic__text {
        font-size: 2.6rem;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1280px) {
    .synbiotic__image-wrapper {
        margin-bottom: 5.6rem
    }

    .synbiotic__image-wrapper:last-child {
        margin-bottom: 0
    }
}

.synbiotic__important-wrapper {
    position: relative;
    padding: 1.6rem;
    background-color: #eef5fa;
    box-shadow: 0 .4rem 3rem rgba(0, 60, 113, .2);
    border-radius: 2rem
}

@media only screen and (min-width: 1280px) {
    .synbiotic__important-wrapper {
        padding: 2.4rem
    }
}

.synbiotic__important-text {
    margin-top: 0;
    margin-bottom: 2.4rem
}

.synbiotic__important-text:last-child {
    margin-bottom: 0
}

.synbiotic__mechanisms-img-wrapper {
    position: relative;
    margin-top: -3.4rem;
    left: -.6rem;
    margin-left: auto;
    margin-right: auto;
    width: 27.6rem;
    padding-top: 44rem
}

@media only screen and (min-width: 768px) {
    .synbiotic__mechanisms-img-wrapper {
        margin-top: -3.7rem;
        left: 0;
        width: 83.17757009345794%;
        padding-top: 132.71028037383178%
    }
}

.synbiotic__mechanisms {
    position: relative
}

.synbiotic__mechanisms.lazyloaded::before {
    content: "";
    position: absolute;
    bottom: -1rem;
    right: 0;
    width: 10.3rem;
    height: 39.9rem;
    background-image: url(/media/images/synbiotic/bg-circle-2-mobile.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi),(min-resolution: 1.5dppx) {
    .synbiotic__mechanisms.lazyloaded::before {
        background-image: url(/media/images/synbiotic/bg-circle-2-mobile@2x.png)
    }
}

@media only screen and (min-width: 1280px) {
    .synbiotic__mechanisms.lazyloaded::before {
        bottom: -48.7rem;
        width: 30.1rem;
        height: 81.8rem;
        background-image: url(/media/images/synbiotic/bg-circle-2.png)
    }
}

@media only screen and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1280px) and (min-resolution: 144dpi), only screen and (min-width: 1280px) and (min-resolution: 1.5dppx) {
    .synbiotic__mechanisms::before {
        background-image: url(/media/images/synbiotic/bg-circle-2@2x.png)
    }
}

.synbiotic__mechanism {
    display: block;
    width: 100%;
    margin-top: -44rem
}

@media only screen and (min-width: 768px) {
    .synbiotic__mechanism {
        margin-top: -159.5505617977528%
    }
}

.synbiotic__ordered-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.synbiotic__ordered-list li {
    margin-bottom: 2.4rem
}

.synbiotic__ordered-list li:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 1280px) {
    .synbiotic__ordered-list {
        margin-top: 6.3rem
    }

    .synbiotic__ordered-list li {
        font-size: 2rem;
        line-height: 1.2;
        margin-bottom: 12.8rem
    }
}

.synbiotic__ordered-item {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0
}

.synbiotic__button-prev {
    position: absolute;
    z-index: 3;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: .6rem
}

.synbiotic__button-next {
    position: absolute;
    z-index: 3;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: .6rem
}

.synbiotic__timeline-outer {
    position: relative
}

.synbiotic__timeline-outer::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    height: 100%;
    background-image: linear-gradient(to right, #fff 55%, rgba(255, 255, 255, 0));
    border-top-left-radius: 3rem;
    border-bottom-left-radius: 3rem
}

.synbiotic__timeline-outer::after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    height: 100%;
    background-image: linear-gradient(to left, #fff 55%, rgba(255, 255, 255, 0));
    border-top-right-radius: 3rem;
    border-bottom-right-radius: 3rem
}

@media only screen and (min-width: 1280px) {
    .synbiotic__timeline-outer::before {
        width: 8.545454545454545%
    }

    .synbiotic__timeline-outer::after {
        width: 9.636363636363637%
    }
}

.synbiotic__timeline-block::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    height: 100%;
    background-image: linear-gradient(to right, #fff 55%, rgba(255, 255, 255, 0));
    border-top-left-radius: 3rem;
    border-bottom-left-radius: 3rem
}

.synbiotic__timeline-block::after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    height: 100%;
    background-image: linear-gradient(to left, #fff 55%, rgba(255, 255, 255, 0));
    border-top-right-radius: 3rem;
    border-bottom-right-radius: 3rem
}

@media only screen and (min-width: 768px) {
    .synbiotic__timeline-block {
        padding-left: 4.545454545454546%;
        padding-right: 4.545454545454546%
    }

    .synbiotic__timeline-block::before {
        width: 8.545454545454545%
    }

    .synbiotic__timeline-block::after {
        width: 9.636363636363637%
    }
}

.synbiotic__timeline-container {
    position: relative;
    padding-top: 1rem;
    padding-bottom: .2rem
}

@media only screen and (min-width: 768px) {
    .synbiotic__timeline-container {
        width: 100%;
        padding-left: 4.399999999999999%;
        padding-right: 5.600000000000001%
    }
}

.synbiotic__timeline-wrapper {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.synbiotic__timeline {
    margin-bottom: 3.2rem;
    background-color: #fff;
    box-shadow: 0 .4rem 2rem rgba(0, 60, 113, .3);
    border-radius: 3rem
}

@media only screen and (min-width: 1280px) {
    .synbiotic__timeline {
        margin-bottom: 5.7rem
    }
}

.synbiotic__timeline-item {
    line-height: 1;
    color: #21b4e8;
    font-weight: 600;
    font-size: 4rem;
    text-align: center;
    cursor: pointer;
    transition: color .3s
}

.synbiotic__timeline-item:last-child {
    margin-right: 0
}

.synbiotic__timeline-item.swiper-slide-thumb-active, .synbiotic__timeline-item.swiper-slide-active {
    color: #1d3770
}

@media (any-hover: hover) {
    .synbiotic__timeline-item:hover {
        color: #1d3770
    }
}

@media only screen and (min-width: 768px) {
    .synbiotic__timeline-item {
        width: 10rem;
        text-align: left;
        margin-right: 6rem
    }

    .synbiotic__timeline-item.swiper-slide-active {
        color: #21b4e8
    }

    .synbiotic__timeline-item.swiper-slide-active.swiper-slide-thumb-active {
        color: #1d3770
    }
}

@media only screen and (min-width: 1280px) {
    .synbiotic__timeline-item:hover {
        color: #1d3770
    }
}

@media only screen and (min-width: 1280px) {
    .synbiotic__event-wrapper {
        width: 82.9090909090909%;
        margin-left: auto;
        margin-right: auto
    }
}

.synbiotic__events-text {
    margin-top: 0;
    margin-bottom: 2.4rem
}

.synbiotic__events-text b {
    font-weight: 600
}

.synbiotic__events-text:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min-resolution: 144dpi), only screen and (min-width: 768px) and (min-resolution: 1.5dppx) {
    .synbiotic {
        background-image: url(/media/images/synbiotic/bg-synbiotic@2x.png), linear-gradient(180deg, #c0daef 8.75%, rgba(192, 218, 239, .79) 28.24%, rgba(255, 255, 255, 0) 100%)
    }
}

.use__head {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.use__head.lazyloaded {
    background-image: url(/media/images/use/bg-use-head.jpg), linear-gradient(255.75deg, #e1f5fe 47.83%, #6bc1e9 61.41%, #40a2cd 77.43%, #1a9ed9 89.92%)
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi),(min-resolution: 1.5dppx) {
    .use__head.lazyloaded {
        background-image: url(/media/images/use/bg-use-head@2x.jpg), linear-gradient(255.75deg, #e1f5fe 47.83%, #6bc1e9 61.41%, #40a2cd 77.43%, #1a9ed9 89.92%)
    }
}

@media only screen and (min-width: 1280px) {
    .use__head.lazyloaded {
        background-image: url(/media/images/use/bg-use-head.jpg), linear-gradient(255.75deg, #e1f5fe 47.83%, #6bc1e9 61.41%, #40a2cd 77.43%, #1a9ed9 89.92%)
    }
}

@media only screen and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1280px) and (min-resolution: 144dpi), only screen and (min-width: 1280px) and (min-resolution: 1.5dppx) {
    .use__head.lazyloaded {
        background-image: url(/media/images/use/bg-use-head@2x.jpg), linear-gradient(255.75deg, #e1f5fe 47.83%, #6bc1e9 61.41%, #40a2cd 77.43%, #1a9ed9 89.92%)
    }
}

.use__head-container {
    padding-bottom: 8.8rem
}

@media only screen and (min-width: 1280px) {
    .use__head-container {
        min-height: 30rem;
        padding-top: 8.2rem;
        padding-bottom: 3.9rem
    }
}

.use__tabs {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -1rem;
    margin-right: -1.4rem
}

@media only screen and (min-width: 577px) {
    .use__tabs {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-left: -1.6rem;
        margin-right: 0
    }
}

@media only screen and (min-width: 768px) {
    .use__tabs {
        margin-top: -1.2rem
    }
}

.use__tab {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    margin-top: 1rem
}

.use__tab::before {
    content: none
}

@media only screen and (min-width: 577px) {
    .use__tab {
        margin-left: 1.6rem
    }
}

@media only screen and (min-width: 768px) {
    .use__tab {
        margin-top: 1.2rem
    }
}

.use__tab-link {
    display: block
}

.use__title {
    margin-bottom: 2.1rem;
    color: #fff
}

@media only screen and (min-width: 1280px) {
    .use__title {
        margin-bottom: 4.1rem
    }
}

.use__content {
    font-size: 2.4rem;
    line-height: 1.166666666666667;
    margin-bottom: 8rem
}

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

.use__content--antibiotics .use__image {
    width: 20.6rem
}

.use__content--immunity .use__image {
    width: 24.8rem
}

.use__content--allergy .use__image {
    width: 26rem
}

.use__content--stress .use__image {
    width: 17.1rem
}

.use__content--improper-nutrition .use__image {
    width: 19rem
}

.use__content--change-of-food .use__image {
    width: 10.7rem
}

.use__content--poisoning .use__image {
    width: 17.6rem
}

.use__content--constipation .use__image {
    width: 36.9rem
}

.use__content--risk-group .use__image {
    width: 19.8rem
}

.use__content--colic .use__image {
    width: 23.7rem
}

.use__content--change-of-food-baby .use__image {
    width: 27.2rem
}

.use__content--kindergarten .use__image {
    width: 24.2rem
}

.use__content--antibiotics-baby .use__image {
    width: 20.6rem
}

@media only screen and (min-width: 768px) {
    .use__content {
        margin-bottom: 12rem
    }

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

@media only screen and (min-width: 1280px) {
    .use__content--antibiotics .use__image-wrapper {
        margin-top: 3.3rem
    }

    .use__content--antibiotics .use__image {
        width: 85.26077097505669%;
        margin-left: 1.7%
    }

    .use__content--immunity .use__image-wrapper {
        margin-top: 3.7rem
    }

    .use__content--immunity .use__image {
        width: 102.72108843537416%;
        margin-left: -6.7%
    }

    .use__content--allergy .use__image-wrapper {
        margin-top: 1.8rem
    }

    .use__content--allergy .use__image {
        width: 116.3265306122449%;
        margin-left: -.4%
    }

    .use__content--allergy .use__text-right {
        width: 48.72727272727273%
    }

    .use__content--stress .use__image-wrapper {
        margin-top: -2.9rem
    }

    .use__content--stress .use__image {
        width: 58.730158730158735%;
        margin-left: 10.5%
    }

    .use__content--stress .use__text-left {
        width: 31.545454545454543%
    }

    .use__content--improper-nutrition .use__image-wrapper {
        margin-top: .8rem
    }

    .use__content--improper-nutrition .use__image {
        width: 77.55102040816327%;
        margin-left: 1.1%
    }

    .use__content--improper-nutrition .use__text-right {
        width: 53.45454545454545%;
        margin-right: 3.8%
    }

    .use__content--change-of-food .use__image-wrapper {
        margin-top: 12.5rem
    }

    .use__content--change-of-food .use__image {
        width: 51.70068027210885%;
        margin-left: 14%
    }

    .use__content--poisoning .use__image {
        width: 75.96371882086169%;
        margin-left: 4%
    }

    .use__content--constipation .use__image-wrapper {
        margin-top: -1rem;
        margin-bottom: 3.5rem
    }

    .use__content--constipation .use__image {
        width: 138.54875283446714%;
        margin-left: -38.7%
    }

    .use__content--risk-group .use__image-wrapper {
        margin-bottom: 3.8rem
    }

    .use__content--risk-group .use__image {
        margin-top: -1%;
        margin-left: -2.6%;
        width: 83.6734693877551%
    }

    .use__content--colic .use__image {
        width: 96.82539682539682%;
        margin-top: 4.5rem
    }

    .use__content--change-of-food-baby .use__image {
        width: 104.08163265306123%;
        margin-top: 8.4rem;
        margin-left: -8%
    }

    .use__content--kindergarten .use__image {
        width: 73.92290249433107%;
        margin-left: auto;
        margin-right: auto
    }

    .use__content--antibiotics-baby .use__image {
        width: 79.36507936507937%
    }
}

.use__content-wrapper {
    padding-top: 2.3rem;
    padding-bottom: 2.9rem;
    background-image: linear-gradient(180deg, #feffff 41.71%, #bfd9ef 100%), linear-gradient(180deg, #feffff 68.67%, #bfd9ef 100%);
    background-position: 59rem
}

@media only screen and (min-width: 768px) {
    .use__content-wrapper {
        padding-top: 5rem;
        padding-bottom: 5.5rem
    }
}

@media only screen and (min-width: 1280px) {
    .use__content-wrapper {
        padding-top: 8rem
    }
}

.use__content-columns:before, .use__content-columns:after {
    content: "";
    display: table
}

.use__content-columns:after {
    clear: both
}

.use__content-title {
    margin-top: 0;
    margin-bottom: 1.3rem;
    font-size: 2.8rem;
    line-height: 1.142857142857143;
    font-weight: 600;
    color: #3256a6
}

@media only screen and (min-width: 768px) {
    .use__content-title {
        margin-bottom: 3.2rem
    }
}

@media only screen and (min-width: 1280px) {
    .use__content-title {
        margin-bottom: 4.9rem;
        font-size: 4rem;
        line-height: 1.15
    }
}

@media only screen and (max-width: 1279px) {
    .use__image-wrapper {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 3.2rem
    }
}

@media only screen and (min-width: 1280px) {
    .use__image-wrapper {
        float: left;
        width: 40.090909090909086%;
        margin-bottom: 6.9rem
    }
}

.use__image {
    display: block;
    width: 100%;
    max-width: none
}

.use__text-wrapper {
    margin-bottom: 2.4rem
}

.use__text-wrapper:last-child {
    margin-bottom: 0
}

.use h3 {
    font-weight: 700
}

@media only screen and (min-width: 1280px) {
    .use h3 {
        margin-bottom: 2.9rem
    }
}

.use p {
    clear: both
}

@media only screen and (min-width: 1280px) {
    .use p + h3 {
        margin-top: 2.8rem
    }
}

@media only screen and (min-width: 1280px) {
    .use__text-left {
        width: 40.090909090909086%;
        float: left;
        clear: left
    }

    .use__text-left p {
        clear: none
    }
}

@media only screen and (min-width: 1280px) {
    .use__text-right {
        float: right;
        width: 57.18181818181818%
    }
}

.use__text-right + .use__text-left .use__text-important {
    margin-top: 0
}

.use__text-important {
    margin-top: 2.2rem;
    margin-bottom: 2.2rem;
    padding: 1.8rem 1.6rem 1.6rem;
    background-color: #eef5fa;
    box-shadow: 0 .4rem 3rem rgba(0, 60, 113, .2);
    border-radius: 2rem
}

.use__text-important:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 1280px) {
    .use__text-important {
        margin-top: 3rem;
        margin-bottom: 3rem;
        padding: 2.6rem 1.3rem 2.4rem 2.4rem
    }
}

.pg-list {
    position: fixed;
    left: 5.902775vw;
    bottom: 3rem;
    z-index: 2;
    width: 4rem;
    height: 4rem;
    line-height: 3.8rem;
    border-radius: 100%;
    border: 1px solid #ccc;
    background-color: #fff;
    text-align: center
}

.pg-list img {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    height: auto
}

.pg-list--2 {
    bottom: 8rem
}

.pg-list--3 {
    bottom: 13rem
}

.result-popup {
    color: #fff
}

.result-popup__content {
    padding-top: 4rem;
    padding-bottom: 4rem;
    background-image: linear-gradient(235.06deg, #98d3f2 17.58%, rgba(53, 151, 211, 0) 73.39%);
    background-size: 100%;
    background-repeat: no-repeat
}

.result-popup__content.lazyloaded {
    background-image: url(/media/images/bg-feedback-mobile.jpg), linear-gradient(235.06deg, #98d3f2 17.58%, rgba(53, 151, 211, 0) 73.39%)
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 1.5dppx),(min-resolution: 144dpi) {
    .result-popup__content.lazyloaded {
        background-image: url(/media/images//bg-feedback-mobile@2x.jpg)
    }
}

@media only screen and (min-width: 768px) {
    .result-popup__content {
        min-height: 40rem;
        padding-top: 6rem;
        padding-bottom: 6rem
    }
}

@media only screen and (min-width: 1280px) {
    .result-popup__content {
        padding-top: 8rem;
        padding-bottom: 8rem
    }

    .result-popup__content.lazyloaded {
        background-image: url(/media/images/bg-feedback.jpg), linear-gradient(235.06deg, #98d3f2 17.58%, rgba(53, 151, 211, 0) 73.39%)
    }
}

@media only screen and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1280px) and (min-resolution: 144dpi), only screen and (min-width: 1280px) and (min-resolution: 1.5dppx) {
    .result-popup__content.lazyloaded {
        background-image: url(/media/images/bg-feedback@2x.jpg), linear-gradient(235.06deg, #98d3f2 17.58%, rgba(53, 151, 211, 0) 73.39%)
    }
}

.result-popup__text {
    text-align: center;
    font-size: 2.8rem;
    line-height: 1.142857142857143
}

@media only screen and (min-width: 768px) {
    .result-popup__text {
        font-size: 4.4rem
    }
}

@media only screen and (min-width: 1280px) {
    .result-popup__text {
        font-size: 6rem;
        line-height: 1.1
    }
}

.result-popup__close-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.slogan__name {
    margin-top: 0;
    margin-bottom: 4.8rem;
    font-size: 8.463949843260188vw;
    line-height: 1.333333333333333;
    font-weight: 600;
    color: #3256a6;
    text-align: center
}

.slogan__name b {
    font-weight: 600
}

@media only screen and (max-width: 767px) {
    .slogan__name {
        width: 100vw;
        margin-left: -5.015673981191222vw
    }
}

@media only screen and (min-width: 768px) {
    .slogan__name {
        margin-bottom: 8.2rem;
        font-size: 8.083441981747066vw
    }
}

@media only screen and (min-width: 1280px) {
    .slogan__name {
        margin-bottom: 10rem;
        font-size: 5.976372480889506vw;
        line-height: 1.313953488372093
    }
}

@media only screen and (min-width: 1920px) {
    .slogan__name {
        font-size: 10.4rem
    }
}

.slogan__prefix {
    color: #fff;
    background-color: #cc0034;
    padding: 0 .3rem;
    border-radius: .626959247648903vw
}

@media only screen and (min-width: 768px) {
    .slogan__prefix {
        border-radius: .8rem
    }
}

@media only screen and (min-width: 1280px) {
    .slogan__prefix {
        padding: 0 .903405142460042vw
    }
}

@media only screen and (min-width: 1920px) {
    .slogan__prefix {
        padding: 0 1.3rem
    }
}

.standards {
    z-index: 2;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.standards img, .standards svg {
    display: block
}

.standards__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: .2rem
}

@media only screen and (min-width: 768px) {
    .standards__list {
        margin-right: .4rem
    }
}

.standards__item {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    margin-right: .7rem
}

.standards__item::before {
    content: none
}

.standards__item:last-child {
    margin-right: 0
}

@media only screen and (min-width: 768px) {
    .standards__item {
        margin-right: .6rem
    }
}

.standards__description {
    margin-top: .5rem;
    margin-bottom: 0;
    font-size: .6rem;
    line-height: 1;
    width: 10.3rem
}

@media only screen and (min-width: 768px) {
    .standards__description {
        margin-top: 0
    }
}

.video-block {
    position: relative;
    cursor: pointer
}

.video-block .button__play-icon {
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

@media only screen and (min-width: 1280px) {
    .video-block:hover .button__play-icon {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.video-block.lazyloaded {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: .7rem;
    background-color: #95c9e6
}

.video-block__name {
    margin-top: 0
}

.video-block__content {
    position: relative;
    min-width: 100%;
    min-height: 30rem;
    padding-top: 56.074766355140184%;
    border-radius: .7rem;
    overflow: hidden
}

.video-block__preview {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover
}

.video-block__container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.warning-popup {
    background-color: rgba(0, 9, 35, .91)
}

.warning-popup__content {
    max-width: 102rem;
    padding: 4.8rem 1.6rem
}

@media only screen and (min-width: 768px) {
    .warning-popup__content {
        padding: 1rem
    }
}

.warning-popup__wrapper {
    background: linear-gradient(219.93deg, #e1f5fe 1.13%, #6bc1e9 101.85%, #40a2cd 122.36%, #1a9ed9 164.26%);
    padding: 0 0 2.1rem;
    position: relative;
    overflow: hidden;
    border-radius: 0 0 3rem 3rem
}

@media only screen and (min-width: 768px) {
    .warning-popup__wrapper {
        border-radius: 3rem;
        background: linear-gradient(264.88deg, #c2ecff -12.18%, #d2effb 45.7%, #6bc1e9 101.93%, #40a2cd 147.05%, #1a9ed9 173.71%)
    }
}

.warning-popup__close {
    left: auto;
    right: .5rem;
    top: .5rem;
    position: absolute;
    z-index: 5
}

@media only screen and (min-width: 768px) {
    .warning-popup__close {
        right: 2rem;
        top: 1.5rem
    }
}

.warning-popup__decor {
    position: absolute;
    z-index: 0
}

.warning-popup__decor--1 {
    display: none
}

@media only screen and (min-width: 768px) {
    .warning-popup__decor--1 {
        display: block;
        width: 46.9%;
        left: -32%;
        top: 10%;
        z-index: 0
    }
}

.warning-popup__decor--2 {
    top: 37%;
    right: -17%;
    z-index: 0;
    width: 52.083333333333336%
}

@media only screen and (min-width: 576px) {
    .warning-popup__decor--2 {
        top: 17%;
        width: 28.499999999999996%
    }
}

.warning-popup__decor--3 {
    top: 51%;
    right: -16%;
    z-index: 1;
    width: 31.25%
}

@media only screen and (min-width: 576px) {
    .warning-popup__decor--3 {
        top: 48%;
        width: 23.599999999999998%
    }
}

.warning-popup__body {
    position: relative;
    z-index: 2
}

.warning-popup__head {
    position: relative;
    padding: 3.2rem 0 1.2rem 0;
    margin: 0 0 2.3rem 0
}

@media only screen and (min-width: 768px) {
    .warning-popup__head {
        padding: 2.7rem 0
    }
}

.warning-popup__head:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 115%;
    height: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: linear-gradient(269.51deg, #08adde -1.88%, #1d3770 89.98%);
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    z-index: 0
}

.warning-popup__head-body {
    position: relative;
    z-index: 1;
    max-width: 76.8rem;
    margin: 0 auto;
    text-align: center;
    line-height: 1.16;
    color: #fff;
    padding: 0 1rem
}

@media only screen and (min-width: 768px) {
    .warning-popup__head-body {
        padding: 0 6rem
    }
}

.warning-popup__head-title {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.6rem
}

@media only screen and (max-width: 767px) {
    .warning-popup__head-title br {
        display: none
    }
}

@media only screen and (min-width: 768px) {
    .warning-popup__head-title {
        font-size: 2rem
    }
}

@media only screen and (min-width: 1024px) {
    .warning-popup__head-title {
        font-size: 2.4rem
    }
}

.warning-popup__head-note {
    font-weight: 500;
    font-size: 1.2rem
}

@media only screen and (min-width: 768px) {
    .warning-popup__head-note {
        font-size: 1.4rem
    }
}

.warning-popup__row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (min-width: 768px) {
    .warning-popup__row {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.warning-popup__column {
    position: relative;
    z-index: 2;
    margin: 0 0 1rem 0;
    padding: 0 1rem
}

@media only screen and (max-width: 767px) {
    .warning-popup__column {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (min-width: 768px) {
    .warning-popup__column {
        padding: 0 2.5rem 0 .5rem
    }
}

@media only screen and (min-width: 1024px) {
    .warning-popup__column {
        padding: 0 3rem 0 0
    }
}

.warning-popup__title {
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 .5rem 0;
    text-transform: uppercase;
    font-size: 1.8rem
}

@media only screen and (min-width: 768px) {
    .warning-popup__title {
        font-size: 2.6rem
    }
}

@media only screen and (min-width: 1024px) {
    .warning-popup__title {
        font-size: 3.2rem
    }
}

.warning-popup__list {
    list-style: none;
    margin: 0;
    padding: 0;
    font-weight: 500;
    line-height: 1.3;
    font-size: 1.8rem;
    margin: 0 0 .8rem 0
}

@media only screen and (min-width: 768px) {
    .warning-popup__list {
        margin: 0 0 2rem 0
    }
}

@media only screen and (min-width: 1024px) {
    .warning-popup__list {
        margin: 0 0 2.5rem 0;
        font-size: 2.2rem
    }
}

.warning-popup__list li {
    margin: 0 0 .8rem 0
}

.warning-popup__list li:last-child {
    margin: 0
}

.warning-popup__list li:before {
    background-color: #e13b50;
    top: .65rem
}

@media only screen and (max-width: 767px) {
    .warning-popup__list li:before {
        width: .6rem;
        height: .6rem
    }
}

.warning-popup__text {
    line-height: 1.3;
    font-size: 1.8rem
}

@media only screen and (max-width: 767px) {
    .warning-popup__text br {
        display: none
    }
}

@media only screen and (min-width: 768px) {
    .warning-popup__text {
        font-size: 1.6rem
    }
}

@media only screen and (min-width: 1024px) {
    .warning-popup__text {
        font-size: 2rem
    }
}

.warning-popup__image {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    z-index: 1;
    max-width: 25rem;
    width: 100%;
    margin: 0 auto
}

@media only screen and (max-width: 767px) {
    .warning-popup__image {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
}

@media only screen and (min-width: 768px) {
    .warning-popup__image {
        max-width: 100%;
        width: 40%;
        margin: -9rem 0 0 -7rem;
        -webkit-transform: translateX(3.5rem);
        transform: translateX(3.5rem)
    }
}

.warning-popup__image img {
    width: 100%;
    height: 100%
}

.warning-popup__note {
    color: #fff;
    font-weight: 300;
    line-height: 1.16;
    padding: 0 2rem;
    font-size: 1rem;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .warning-popup__note {
        text-align: left;
        font-size: 1.2rem
    }
}

.warning-popup__note p {
    margin: 0
}

.warning-popup__disclaimer {
    margin: 1rem 0 0 0;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 4vw;
    -webkit-transform: scaleY(3);
    transform: scaleY(3);
    line-height: 2
}

@media only screen and (min-width: 768px) {
    .warning-popup__disclaimer {
        line-height: .75;
        font-size: 4.301vw;
        padding: 0 1.5rem;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@media only screen and (min-width: 1024px) {
    .warning-popup__disclaimer {
        font-size: 4.08rem
    }
}

@media only screen and (min-width: 1280px) {
    .warning-popup__disclaimer {
        font-size: 4.48rem
    }
}

@media print {
    *, :before, :after {
        background: 0 0 !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after, a[href^="javascript:"]:after {
        content: ""
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr, img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }
}

#mocha {
    margin: 0 !important;
    padding: 1em;
    border-top: .1em solid #000;
    line-height: 1;
    color: #000;
    background: #fff;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

#mocha a {
    text-decoration: none
}