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: 500
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

sub,
sup {
    font-size: 60%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    white-space: nowrap
}

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: "Attentica4F";
    src: url(/assets_old/fonts/Attentica4F-UltraLight.woff2) format("woff2"), url(/assets_old/fonts/Attentica4F-UltraLight.woff) format("woff"), url(/assets_old/fonts/Attentica4F-UltraLight.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Rubik";
    src: url(/assets_old/fonts/Rubik-Light.woff2) format("woff2"), url(/assets_old/fonts/Rubik-Light.woff) format("woff"), url(/assets_old/fonts/Rubik-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

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

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

@font-face {
    font-family: "Noto Sans Georgian";
    src: url(/assets_old/fonts/NotoSansGeorgian/NotoSansGeorgian-Light.woff2) format("woff2"), url(/assets_old/fonts/NotoSansGeorgian/NotoSansGeorgian-Light.woff) format("woff"), url(/assets_old/fonts/NotoSansGeorgian/NotoSansGeorgian-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

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

@font-face {
    font-family: "Noto Sans Georgian";
    src: url(/assets_old/fonts/NotoSansGeorgian/NotoSansGeorgian-Medium.woff2) format("woff2"), url(/assets_old/fonts/NotoSansGeorgian/NotoSansGeorgian-Medium.woff) format("woff"), url(/assets_old/fonts/NotoSansGeorgian/NotoSansGeorgian-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

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

@font-face {
    font-family: "Noto Sans Armenian";
    src: url(/assets_old/fonts/NotoSansArmenian/NotoSansArmenian-Light.woff2) format("woff2"), url(/assets_old/fonts/NotoSansArmenian/NotoSansArmenian-Light.woff) format("woff"), url(/assets_old/fonts/NotoSansArmenian/NotoSansArmenian-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

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

@font-face {
    font-family: "Noto Sans Armenian";
    src: url(/assets_old/fonts/NotoSansArmenian/NotoSansArmenian-Medium.woff2) format("woff2"), url(/assets_old/fonts/NotoSansArmenian/NotoSansArmenian-Medium.woff) format("woff"), url(/assets_old/fonts/NotoSansArmenian/NotoSansArmenian-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Noto Sans Armenian";
    src: url(/assets_old/fonts/NotoSansArmenian/NotoSansArmenian-Bold.woff2) format("woff2"), url(/assets_old/fonts/NotoSansArmenian/NotoSansArmenian-Bold.woff) format("woff"), url(/assets_old/fonts/NotoSansArmenian/NotoSansArmenian-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;
    background-color: #350b24
}

*,
::after,
::before,
input[type=search] {
    box-sizing: inherit
}

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

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

main {
    width: 100%
}

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

.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: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.l-content--100vh {
    min-height: 100vh
}

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

.l-footer {
    overflow: visible
}

.l-container {
    margin: 0 auto;
    max-width: 144rem;
    width: 100%;
    position: relative;
    padding: 0 .4rem
}

@media only screen and (min-width:576px) {
    .l-container {
        padding: 0 .8rem
    }
}

@media only screen and (min-width:1921px) {
    .l-container {
        max-width: 144rem
    }
}

.l-container--inner {
    padding: 0 2.4rem
}

@media only screen and (min-width:1024px) {
    .l-container--inner {
        padding: 0 6.3rem
    }
}

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

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

@media only screen and (min-width:1280px) {
    .l-inner-container {
        width: 98.89vw
    }
}

@media only screen and (min-width:1921px) {
    .l-inner-container {
        max-width: 1430px
    }
}

.l-outer-container {
    margin-left: auto;
    margin-right: auto;
    position: relative
}

@media only screen and (min-width:1921px) {
    .l-outer-container {
        max-width: 1920px
    }
}

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

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

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

.l-text-container {
    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;
    word-break: break-word
}

.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 {
    display: none;
    position: absolute;
    z-index: -1;
    visibility: hidden
}

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

.swiper-container:not(.swiper-container-initialized) {
    overflow: hidden
}

.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
}

.js-padding {
    padding-top: 5.8rem
}

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

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

.js-padding .page__section-wrapper {
    margin-top: .8rem
}

@media only screen and (min-width:1024px) {
    .js-padding .page__section-wrapper {
        margin-top: 1.6rem
    }
}

h1,
.like-h1,
h2,
.like-h2,
h3,
.like-h3,
h4,
.like-h4,
h5,
.like-h5,
h6,
.like-h6 {
    font-size: 2rem;
    line-height: 1.3
}

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: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:1024px) and (max-width:575px) {
    html {
        font-size: 10px
    }
}

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

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

@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)*.002079)
    }
}

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

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

@media only screen and (min-width:1921px) and (min-width:1921px) {
    html {
        font-size: calc(11px + (100vw - 1920px)*.005938)
    }
}

body {
    font-size: 1.6rem;
    line-height: 1.25;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    text-rendering: optimizeLegibility;
    color: #fff;
    font-family: "Rubik", "Arial", sans-serif;
    font-weight: 400;
    letter-spacing: -.04em;
    font-feature-settings: 'kern' 1, 'liga' 1, 'calt' 1, 'pnum' 1, 'tnum' 0, 'onum' 0, 'lnum' 0, 'dlig' 0
}

body.page--ge {
    font-family: "Noto Sans Georgian", "Arial", sans-serif
}

body.page--az,
body.page--am {
    font-family: "Noto Sans Armenian", "Arial", sans-serif
}

@media only screen and (min-width:1024px) {
    body {
        font-size: 2rem;
        line-height: 1.3
    }
}

h1,
.like-h1 {
    margin: 1.5em 0 .8em
}

h2,
.like-h2 {
    margin: 1.5em 0 .8em
}

h3,
.like-h3 {
    margin: 1.5em 0 .8em
}

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

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

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

#mocha a {
    text-decoration: none;
    border-image: none;
    border-bottom: none
}

a {
    color: inherit;
    text-decoration: none;
    transition-property: background-color, color, -webkit-transform;
    transition-property: background-color, transform, color;
    transition-property: background-color, transform, color, -webkit-transform;
    transition-duration: .7s;
    display: inline-block
}

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

a:not([class]),
a.page__link {
    color: #0b0b0b
}

p {
    margin: 0
}

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

ol li {
    margin: .3em 0
}

ul {
    list-style: none;
    margin: 0;
    padding-left: 0
}

ul li {
    position: relative;
    padding-left: 2rem;
    margin-bottom: 1.2rem
}

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

ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 1.3rem;
    width: .6rem;
    height: .6rem;
    font-size: 0;
    border-radius: 50%;
    background-color: #0b0b0b
}

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

ol {
    counter-reset: ol-level-1
}

ol li {
    position: relative
}

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

ol>li::before {
    content: counter(ol-level-1) '. ';
    display: inline
}

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: 2px 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
}

.text-red {
    color: #db3737
}

.text-red li:before {
    background-color: #db3737
}

.text-red--uppercase {
    text-transform: uppercase
}

img[src^='https://an.yandex.ru/mapuid/'],
img[src^='https://top-fwz1.mail.ru/'] {
    display: none
}

.back-to-top {
    width: 4rem;
    height: 4rem;
    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;
    border-radius: 1.6rem;
    background-color: #f4f4f4;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media only screen and (min-width:1024px) {
    .back-to-top {
        width: 5.8rem;
        height: 5.8rem;
        border-radius: 2rem
    }
}

.back-to-top:hover svg {
    -webkit-transform: translateY(-.5rem);
    transform: translateY(-.5rem)
}

.back-to-top svg {
    width: 1.6rem;
    height: 1.6rem;
    transition: -webkit-transform .7s;
    transition: transform .7s;
    transition: transform .7s, -webkit-transform .7s
}

@media only screen and (min-width:1024px) {
    .back-to-top svg {
        width: 2.3rem;
        height: 2.3rem
    }
}

.burger {
    cursor: pointer
}

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

.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 {
    display: inline-block;
    background-color: transparent;
    transition-property: background-color, color;
    transition-duration: .7s;
    box-sizing: border-box;
    position: relative
}

.button:hover,
button:hover {
    border-image: none
}

.button {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font: inherit;
    background-color: transparent;
    color: #fff;
    border: 0;
    padding: 0;
    text-align: center;
    line-height: 1;
    font-weight: 500;
    letter-spacing: normal;
    transition-property: background-color, color, -webkit-transform;
    transition-property: background-color, transform, color;
    transition-property: background-color, transform, color, -webkit-transform;
    transition-duration: .7s
}

.button--main {
    padding: 0 1.6rem;
    border-radius: 1.6rem;
    height: 4rem;
    font-size: 1.4rem
}

@media only screen and (min-width:1024px) {
    .button--main {
        padding: 0 2.4rem;
        border-radius: 2rem;
        height: 5.8rem;
        font-size: inherit
    }
}

.button--red {
    background-color: #db3737
}

.button--red:hover {
    background-color: #ff7e07
}

.button--gray {
    background-color: #8a8a8a;
    border: 2px solid #8a8a8a
}

.button--gray:hover {
    color: #000;
    background-color: transparent
}

.button--white {
    background-color: #fff;
    color: #0b0b0b
}

.button--white:hover {
    background-color: #89b727
}

.button--header {
    padding: 0 1.1rem;
    border-radius: 1.4rem;
    height: 3.7rem;
    color: #0b0b0b;
    background-color: #fff
}

@media only screen and (max-width:575px) {
    .button--header {
        font-size: 1.4rem
    }
}

@media only screen and (min-width:576px) {
    .button--header {
        color: #0b0b0b;
        height: 3.6rem;
        background-color: #fff
    }
}

@media only screen and (min-width:1024px) {
    .button--header {
        height: 4.2rem;
        min-width: 15.3rem;
        padding: 0 1.6rem;
        border-radius: 1.6rem
    }
}

.button--header:hover {
    background-color: #ff7e07
}

@media only screen and (min-width:576px) {
    .button--header:hover {
        background-color: #89b727
    }
}

.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
}

.swiper-navigation .swiper-button-lock {
    display: none
}

.swiper-navigation .swiper-button-disabled {
    opacity: .5
}

.swiper-pagination {
    position: static;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.swiper-pagination.swiper-pagination-lock {
    display: none
}

.swiper-pagination .swiper-pagination-bullet {
    width: 1.6rem;
    height: 1.6rem;
    margin-right: 1.5rem;
    background-color: #fff;
    opacity: 1
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #db3737
}

.swiper-pagination .swiper-pagination-bullet:last-child {
    margin-right: 0
}

.page--az .button--main {
    font-weight: 700
}

.card-article-wrapper {
    width: 100%;
    padding: .4rem
}

@media only screen and (max-width:767px) {
    .card-article-wrapper:nth-child(even) .card-article {
        background: #fff;
        color: #0b0b0b
    }
    .card-article-wrapper:nth-child(even) .card-article__hash {
        background-color: #f4f4f4
    }
    .card-article-wrapper:nth-child(even) .card-article .button--white:not(:hover) {
        background-color: #f4f4f4
    }
}

@media only screen and (min-width:768px) {
    .card-article-wrapper:nth-child(4n) .card-article,
    .card-article-wrapper:nth-child(4n+3) .card-article {
        background: #fff;
        color: #0b0b0b
    }
    .card-article-wrapper:nth-child(4n) .card-article__hash,
    .card-article-wrapper:nth-child(4n+3) .card-article__hash {
        background-color: #f4f4f4
    }
    .card-article-wrapper:nth-child(4n) .card-article .button--white:not(:hover),
    .card-article-wrapper:nth-child(4n+3) .card-article .button--white:not(:hover) {
        background-color: #f4f4f4
    }
}

@media only screen and (min-width:768px) {
    .card-article-wrapper {
        width: 50%
    }
}

.card-article {
    border-radius: 3.2rem;
    background: radial-gradient(81.41% 81.44% at 21.19% 18.56%, rgba(255, 255, 255, .24) 0%, rgba(255, 255, 255, 0) 100%);
    padding: 3.2rem 2rem;
    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) {
    .card-article {
        padding: 5.6rem 4.8rem;
        border-radius: 6.4rem;
        min-height: 39rem
    }
}

.card-article__hash {
    display: inline-block;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    color: #0b0b0b;
    margin-bottom: 2.4rem;
    font-weight: 500;
    border-radius: 1.6rem;
    background-color: #fff;
    line-height: 1.14;
    padding: 1.2rem 1.6rem
}

@media only screen and (min-width:1024px) {
    .card-article__hash {
        margin-bottom: 4.9rem
    }
}

.card-article__hash._white {
    color: #fff
}

.card-article__body {
    margin-bottom: 2.4rem;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

@media only screen and (min-width:1024px) {
    .card-article__body {
        margin-bottom: 6rem
    }
}

@media only screen and (min-width:1024px) {
    .card-article__body._small-outer {
        margin-bottom: 3.2rem
    }
}

.card-article__body p {
    margin-bottom: .8rem;
    letter-spacing: -.04em;
    font-size: 1.6rem
}

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

.card-article__body p:last-child {
    margin-bottom: unset
}

.card-article__title {
    font-weight: 500;
    letter-spacing: -.02em;
    margin: 0 0 .8rem 0;
    line-height: 1.17;
    font-size: 2rem
}

@media only screen and (min-width:1024px) {
    .card-article__title {
        font-size: 2.4rem
    }
}

@media only screen and (min-width:1024px) {
    .card-article__title._big {
        line-height: 1;
        font-size: 3.2rem
    }
}

.card-article__btns {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.card-article__btns .button {
    margin-right: .8rem
}

.card-article__btns .button:last-child {
    margin-right: unset
}

@media only screen and (max-width:575px) {
    .footnotes {
        font-size: 1.2rem;
        line-height: 1.1
    }
}

.footnotes__body {
    overflow: hidden;
    border-radius: 4rem;
    background: radial-gradient(81.41% 81.44% at 21.19% 18.56%, rgba(255, 255, 255, .24) 0%, rgba(255, 255, 255, 0) 100%);
    padding: 3.8rem 2rem 3.3rem
}

@media only screen and (max-width:575px) {
    .footnotes__body {
        margin: 0 -2rem
    }
}

@media only screen and (min-width:1024px) {
    .footnotes__body {
        padding: 5.8rem 4.8rem 9.5rem
    }
}

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

.footnotes__body li:last-child {
    margin: 0
}

.footnotes__body li a {
    color: inherit
}

.footnotes__list {
    list-style: none;
    margin: 0;
    padding-left: 0;
    margin: 0 0 1.5rem 0
}

.footnotes__bottom {
    list-style: none;
    margin: 0;
    padding-left: 0;
    letter-spacing: -.02em;
    margin: 3.3rem 0 0 0;
    padding: 0 0 0 2rem
}

@media only screen and (max-width:575px) {
    .footnotes__bottom {
        font-size: 1.2rem;
        line-height: 1.1;
        padding: 0
    }
}

@media only screen and (min-width:1024px) {
    .footnotes__bottom {
        margin: 3.7rem 0 0 0;
        padding: 0 0 0 4.8rem
    }
}

.footnotes__bottom li {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    margin: 0 0 1rem 0
}

.footnotes__bottom li::before {
    content: none
}

@media only screen and (min-width:576px) {
    .footnotes__bottom li {
        margin: 0 0 1.5rem 0
    }
}

.footnotes__bottom li:last-child {
    margin: 0
}

.accordion-footnotes__item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.accordion-footnotes__item.js-accordion-item--active .js-accordion-head,
.accordion-footnotes__item.js-accordion-item--open-ready .js-accordion-head {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    margin: 2rem 0 0 0
}

@media only screen and (min-width:1024px) {
    .accordion-footnotes__item.js-accordion-item--active .js-accordion-head,
    .accordion-footnotes__item.js-accordion-item--open-ready .js-accordion-head {
        margin: 5.3rem 0 0 0
    }
}

.accordion-footnotes__item.js-accordion-item--active .js-accordion-content,
.accordion-footnotes__item.js-accordion-item--open-ready .js-accordion-content {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.accordion-footnotes__item.js-accordion-item--active .accordion-footnotes__trigger-open,
.accordion-footnotes__item.js-accordion-item--open-ready .accordion-footnotes__trigger-open {
    display: none
}

.accordion-footnotes__item.js-accordion-item--active .accordion-footnotes__trigger-close,
.accordion-footnotes__item.js-accordion-item--open-ready .accordion-footnotes__trigger-close {
    display: block
}

.accordion-footnotes__item.js-accordion-item--active .accordion-footnotes__icon,
.accordion-footnotes__item.js-accordion-item--open-ready .accordion-footnotes__icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.accordion-footnotes__head {
    line-height: .75;
    font-weight: 500;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

@media only screen and (max-width:1023px) {
    .accordion-footnotes__head {
        font-size: 1.4rem
    }
}

@media only screen and (min-width:1024px) {
    .accordion-footnotes__head {
        margin: 2.5rem 0 0 0
    }
}

.accordion-footnotes__trigger {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    border: none;
    padding: 0
}

.accordion-footnotes__trigger-close {
    display: none
}

.accordion-footnotes__trigger:hover {
    text-decoration: underline
}

.accordion-footnotes__icon {
    width: 1.2rem;
    height: 1.2rem;
    display: inline-block;
    line-height: 0;
    margin: 0 0 0 .7rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.accordion-footnotes__list {
    list-style: none;
    margin: 0;
    padding-left: 0;
    padding: 0!important;
    position: relative
}

.icon-wrapper {
    position: relative
}

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

.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(0, 0, 0, .5);
    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: 1.6rem;
    -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;
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
    will-change: transform;
    opacity: 0;
    transition: all .3s;
    display: inline-block;
    text-align: left;
    width: 100%;
    border-radius: 2rem;
    overflow: hidden
}

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

@media only screen and (max-width:1279px) {
    .popup__content {
        margin: 0;
        border-radius: 0
    }
}

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

.popup__close svg {
    display: block;
    width: 2rem;
    height: 2rem;
    fill: #0b0b0b
}

.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;
    text-align: center
}

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

.slider__nav {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    line-height: 0
}

.slider__arrow {
    width: 3.2rem;
    height: 3.2rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 1.6rem 0 0;
    padding: 0;
    border: none
}

.slider__arrow:last-child {
    margin: 0
}

.slider__arrow.js-prev-btn:not(.swiper-button-disabled):active svg {
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px)
}

.slider__arrow.js-next-btn:not(.swiper-button-disabled):active svg {
    -webkit-transform: translateX(2px);
    transform: translateX(2px)
}

.slider__arrow:hover:not(.swiper-button-disabled) svg path {
    stroke: #db3737
}

.slider__arrow svg {
    fill: transparent;
    width: 100%;
    height: 100%
}

.slider__arrow svg path {
    transition: stroke .7s
}

.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: .2em solid currentColor;
    border-radius: 100%;
    padding: .6em;
    width: 2.6em;
    height: 2.6em
}

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

.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
    }
}

.fl {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.fl--auto {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.fl--wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.fl--center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.fl--center-vert {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.fl--center-hor {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.fl--end-vert {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.fl--start-vert {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.fl--between {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.fl--column {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.fl--inline {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.fl--not-mobile {
    display: block
}

@media only screen and (min-width:768px) {
    .fl--not-mobile {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.fl--mobile {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width:768px) {
    .fl--mobile {
        display: block
    }
}

@media only screen and (max-width:767px) {
    .mobile-hidden {
        display: none!important
    }
}

@media only screen and (min-width:768px) {
    .desktop-hidden {
        display: none!important
    }
}

.mt-8 {
    margin-top: .8rem
}

.mb-8 {
    margin-bottom: .8rem
}

.ml-20 {
    margin-left: 2rem
}

.bg-red {
    background-color: #db3737!important
}

.bg-green {
    background-color: #89b727!important
}

.bg-orange {
    background-color: #ff7e07!important
}

.bg-sea {
    background-color: #0b93a3!important
}

.bg-blue {
    background-color: #0052cd!important
}

.bg-coral {
    background-color: #ff6565!important
}

.bg-violet {
    background-color: #9227b7!important
}

.list-item-reset li:before {
    display: none
}

.js-toggle-list._show .accordion-footnotes__icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.js-toggle-list._show .accordion-footnotes__trigger-open {
    display: none
}

.js-toggle-list._show .accordion-footnotes__trigger-close {
    display: block
}

.js-toggle-list._show .footnotes__list li:nth-child(n+4) {
    display: block
}

.js-toggle-list .footnotes__list li:nth-child(n+4) {
    display: none
}

.page__main {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.page__inner {
    padding: 0 2rem
}

@media only screen and (min-width:1024px) {
    .page__inner {
        padding: 0 4.8rem
    }
}

.page__inner-left {
    padding: 0 2rem
}

@media only screen and (min-width:1024px) {
    .page__inner-left {
        padding: 0 0 0 4.8rem
    }
}

.page__section {
    margin: 0 0 6.4rem 0
}

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

.page__section-wrapper {
    position: relative;
    max-width: 144rem;
    width: 100%;
    margin: 0 auto
}

.page__section-head {
    margin: 0 0 1.7rem 0;
    position: relative;
    z-index: 1
}

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

@media only screen and (min-width:1024px) {
    .page__section-head {
        margin: 0 0 4rem 0
    }
}

.page__section-title {
    font-size: 2.8rem;
    font-weight: 500;
    letter-spacing: -.02em;
    margin: 0
}

@media only screen and (min-width:1024px) {
    .page__section-title {
        font-size: 5.6rem
    }
}

.page__subtitle {
    font-weight: 500;
    margin: 0;
    font-size: 2rem
}

@media only screen and (min-width:1024px) {
    .page__subtitle {
        font-size: 4.8rem
    }
}

.page__text {
    line-height: 1.25;
    letter-spacing: -.02em
}

@media only screen and (min-width:1024px) {
    .page__text {
        font-size: 2.4rem
    }
}

.page__text--medium {
    font-weight: 500
}

.page__text-big {
    line-height: 1;
    letter-spacing: -.02em;
    font-weight: 500;
    font-size: 2rem
}

@media only screen and (min-width:768px) {
    .page__text-big {
        font-size: 2.4rem
    }
}

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

.page__text-28 {
    font-size: 2rem;
    line-height: 1;
    letter-spacing: -.02em;
    font-weight: 500
}

@media only screen and (min-width:1024px) {
    .page__text-28 {
        font-size: 2.8rem
    }
}

.page__icon {
    width: 4.8rem;
    height: 4.8rem;
    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;
    background-color: #db3737;
    border-radius: 1.6rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media only screen and (min-width:1024px) {
    .page__icon {
        width: 10.4rem;
        height: 10.4rem;
        border-radius: 3.2rem
    }
}

.page__icon img,
.page__icon svg {
    width: 3.2rem;
    height: 3.2rem
}

@media only screen and (min-width:1024px) {
    .page__icon img,
    .page__icon svg {
        width: 7.4rem;
        height: 7.4rem
    }
}

.page__decor {
    position: absolute;
    pointer-events: none
}

.page__decor img {
    width: 100%;
    height: 100%;
    pointer-events: none
}

.page__pills {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -.2rem
}

@media only screen and (min-width:1024px) {
    .page__pills {
        margin: -.3rem
    }
}

.page__pill {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    background-color: #db3737;
    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;
    position: relative;
    margin: .2rem
}

@media only screen and (min-width:1024px) {
    .page__pill {
        width: 4.4rem;
        height: 4.4rem;
        margin: .3rem
    }
}

.page__pill:hover:before {
    -webkit-transform: rotate(405deg);
    transform: rotate(405deg)
}

.page__pill:before {
    content: '';
    position: absolute;
    width: 80%;
    height: 80%;
    border-radius: 50%;
    border: solid transparent;
    border-width: .2rem;
    border-top-color: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: -webkit-transform .7s;
    transition: transform .7s;
    transition: transform .7s, -webkit-transform .7s
}

@media only screen and (min-width:1024px) {
    .page__pill:before {
        border-width: .4rem
    }
}

.page__accordion-item {
    background: radial-gradient(81.41% 81.44% at 21.19% 18.56%, rgba(255, 255, 255, .24) 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 2.4rem
}

@media only screen and (min-width:1024px) {
    .page__accordion-item {
        border-radius: 4rem
    }
}

.page__accordion-head {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2.4rem 2rem;
    cursor: pointer
}

@media only screen and (min-width:1024px) {
    .page__accordion-head {
        padding: 3.4rem 3.7rem 3.4rem 4.8rem
    }
}

.page__accordion-head:hover .page__accordion-icon:before,
.page__accordion-head:hover .page__accordion-icon:after {
    background-color: #db3737
}

.page__accordion-title {
    margin: 0;
    max-width: 77rem
}

.page__accordion-icon {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    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: 1.8rem;
    height: 1.8rem;
    margin: 0 0 0 2.4rem
}

@media only screen and (min-width:1024px) {
    .page__accordion-icon {
        width: 2.2rem;
        height: 2.2rem
    }
}

.page__accordion-icon:before,
.page__accordion-icon:after {
    content: '';
    position: absolute;
    width: 100%;
    height: .4rem;
    background-color: #fff;
    transition-property: background-color, -webkit-transform;
    transition-property: transform, background-color;
    transition-property: transform, background-color, -webkit-transform;
    transition-duration: .7s
}

.page__accordion-icon:after {
    content: '';
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.page__accordion-trigger {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 4rem;
    pointer-events: none
}

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

.page__accordion-body {
    padding: 0 2rem 2.4rem
}

@media only screen and (min-width:1024px) {
    .page__accordion-body {
        padding: 0 3.7rem 3.4rem 4.8rem
    }
}

@media only screen and (min-width:1024px) {
    .page__accordion-body p {
        margin: 0 0 1.2rem 0
    }
}

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

.page .js-accordion-item--open-ready .page__accordion-content:not(.js-accordion-content--child),
.page .js-accordion-item--active .page__accordion-content:not(.js-accordion-content--child) {
    display: block
}

.page .js-accordion-item--open-ready .page__accordion-icon::after,
.page .js-accordion-item--active .page__accordion-icon::after {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.page .js-accordion-item--close-ready .page__accordion-icon::after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.page .js-accordion-item--open-ready .page__accordion-content,
.page .js-accordion-item--close-ready .page__accordion-content,
.page .js-accordion-item--active .page__accordion-content {
    height: auto
}

.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)
}

.bg-page {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 0;
    pointer-events: none
}

.bg-page img {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%
}

.item-response img,
.item-response svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.js-parallax-mouse {
    transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear, -webkit-transform .2s linear
}

@media only screen and (max-width:767px) {
    .js-parallax-mouse {
        -webkit-transform: translate3d(0, 0, 0)!important;
        transform: translate3d(0, 0, 0)!important
    }
}

.bg-mobile {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -.8rem;
    width: 101vw;
    z-index: 0
}

.bg-mobile img {
    width: 100%;
    height: 100%
}

@media only screen and (max-width:575px) {
    .bg-mobile img {
        object-fit: cover
    }
}

.fadeIn {
    opacity: 0
}

.fadeIn.fadeInShow {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.fadeIn--d-02 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.fadeIn--d-04 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.fadeIn--d-06 {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.fadeInUp {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.fadeInUp.fadeInShow {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.fadeInLeft {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.fadeInLeft.fadeInShow {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

.fadeInLeft--d-03 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.fadeInRight {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.fadeInRight.fadeInShow {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

.fadeInRight--d-03 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.fadeInScale {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.fadeInScale.fadeInShow {
    -webkit-animation-name: fadeInScale;
    animation-name: fadeInScale
}

.fadeInScale--05 {
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.fadeInScale--05.fadeInShow {
    -webkit-animation-name: fadeInScale--05;
    animation-name: fadeInScale--05
}

.fadeInShow {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.page--az .page__section-title {
    font-weight: 700
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes fadeInLeftCustom {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-30%, 0, 0);
        transform: translate3d(-30%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInLeftCustom {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-30%, 0, 0);
        transform: translate3d(-30%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes fadeInScale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes fadeInScale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes fadeInScale--05 {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes fadeInScale--05 {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.about.js-invisible {
    height: 1294px
}

.about-features.features:before {
    top: 36rem
}

.about-features .features__decor {
    top: auto;
    bottom: -15rem
}

.about-features .list-features {
    margin: 0 0 .8rem 0
}

.about-research .why__decor {
    top: -25rem
}

@media only screen and (min-width:1024px) {
    .about-research .why__decor {
        top: -75rem
    }
}

@media only screen and (min-width:768px) {
    .about-research .research__columns {
        width: 58.144%
    }
}

.about-research .research__column:first-child .research__icon {
    background-color: #237e8e
}

.about-research .research__column:last-child .research__icon {
    background-color: #ff7e07
}

.page-section-pills {
    position: relative
}

.page-section-pills:before {
    content: '';
    position: absolute;
    left: 0;
    top: -14rem;
    width: 100%;
    background: linear-gradient(180deg, rgba(206, 31, 58, 0) 0%, rgba(238, 105, 34, .7) 52.08%, rgba(238, 105, 34, 0) 100%);
    z-index: 0;
    pointer-events: none;
    height: 114rem
}

@media only screen and (min-width:768px) {
    .page-section-pills .page__section-head .page__section-title {
        max-width: 55rem;
        margin-right: 3rem
    }
}

.page-section-pills .desktop-hidden {
    margin-top: 3rem
}

.page-section-pills .why__decor {
    top: -60rem
}

@media only screen and (max-width:767px) {
    .page-section-pills .why__decor {
        display: none
    }
}

.about-use {
    position: relative
}

.about-use:before,
.about-use:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(206, 31, 58, 0) 0%, rgba(238, 105, 34, .7) 52.08%, rgba(238, 105, 34, 0) 100%);
    z-index: 0;
    pointer-events: none;
    height: 140rem
}

.about-use:before {
    top: -7rem
}

.about-use:after {
    bottom: -42rem
}

.about-use .features__decor {
    top: auto;
    bottom: 0
}

@media only screen and (max-width:767px) {
    .about-use .features__decor {
        display: none
    }
}

@media only screen and (min-width:768px) {
    .about-packs .packs:before {
        display: none
    }
}

.about-why .why__decor {
    display: none
}

@media only screen and (min-width:1024px) {
    .page--inter .about-features .list-features {
        margin-bottom: 10rem
    }
}

@media only screen and (min-width:1024px) {
    .page--inter .about-features {
        margin-bottom: .8rem
    }
}

@media only screen and (min-width:1024px) {
    .page--inter .about-use .use-note {
        margin-top: 0
    }
}

@media only screen and (min-width:1024px) {
    .page--inter .about-use::after,
    .page--inter .about-use::before {
        content: none
    }
}

@media only screen and (max-width:575px) {
    .about-banner .banner-page__image {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        border-radius: 1.2rem;
        overflow: hidden
    }
    .about-banner .banner-page__image img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }
}

@media only screen and (min-width:576px) {
    .about-banner .about__body {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
    .about-banner .about__content {
        overflow: hidden
    }
    .about-banner .banner-page__image {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 60.462%;
        height: 103.6%;
        margin-right: 0
    }
    .about-banner .banner-page__image img {
        height: 100%;
        object-fit: cover
    }
}

@media only screen and (min-width:1024px) {
    .adult-pills .why__decor {
        top: -10rem
    }
}

.adult-use {
    position: relative
}

.adult-use:before {
    content: '';
    position: absolute;
    left: 0;
    top: 10rem;
    width: 100%;
    background: linear-gradient(180deg, rgba(206, 31, 58, 0) 0%, rgba(238, 105, 34, .7) 52.08%, rgba(238, 105, 34, 0) 100%);
    z-index: 0;
    pointer-events: none;
    height: 105.5rem
}

.adult-use._top:before {
    top: -25rem;
    height: 135.5rem
}

.adult-why {
    position: relative
}

.adult-why:before {
    content: '';
    position: absolute;
    left: 0;
    top: 10rem;
    width: 100%;
    background: linear-gradient(180deg, rgba(206, 31, 58, 0) 0%, rgba(238, 105, 34, .7) 52.08%, rgba(238, 105, 34, 0) 100%);
    opacity: .3;
    z-index: 0;
    pointer-events: none;
    height: 105.5rem
}

.article-wrapper {
    position: relative
}

.article-wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(206, 31, 58, 0) 0%, rgba(238, 105, 34, .5) 52.08%, rgba(238, 105, 34, 0) 100%);
    z-index: 0;
    height: 100%;
    background-repeat: repeat;
    background-size: 100% 1055px;
    pointer-events: none;
    background-position: 0 8%
}

.article-wrapper:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -40rem;
    width: 100%;
    background: linear-gradient(180deg, rgba(206, 31, 58, 0) 0%, #ee6922 52.08%, rgba(238, 105, 34, 0) 100%);
    z-index: 0;
    pointer-events: none;
    height: 105rem
}

.article {
    color: #0b0b0b;
    z-index: 1;
    position: relative
}

.article__block {
    background-color: #fff;
    border-radius: 1.6rem;
    padding: 3.2rem 2rem;
    margin-bottom: 1.8rem
}

.article__block:last-child {
    margin-bottom: unset
}

@media only screen and (min-width:1024px) {
    .article__block {
        border-radius: 6.4rem;
        padding: 6.4rem 5.6rem;
        margin-bottom: 2.4rem
    }
}

.article__title {
    font-weight: 500;
    font-size: 2rem;
    letter-spacing: -.02em;
    line-height: 1.17;
    margin: 0 0 1rem 0
}

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

@media only screen and (max-width:1023px) {
    .article__table {
        margin-left: -2rem;
        margin-right: -2rem;
        padding-left: 2rem;
        overflow: auto
    }
    .article__table img {
        max-width: unset
    }
}

.article p,
.article ul,
.article ol {
    letter-spacing: -.04em
}

.article ul,
.article ol {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.article ul:last-child,
.article ol:last-child {
    margin-bottom: unset
}

.article li {
    margin-bottom: unset
}

.article li:before {
    top: .8rem
}

@media only screen and (min-width:1024px) {
    .article li:before {
        top: 1.1rem
    }
}

.article p {
    margin-bottom: 1rem
}

@media only screen and (min-width:1024px) {
    .article p {
        margin-bottom: 2rem
    }
}

.article p:last-child {
    margin-bottom: unset
}

.fw-500 {
    font-weight: 500
}

.slider-articles .slider__nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 2.4rem
}

@media only screen and (min-width:1024px) {
    .slider-articles .slider__nav {
        margin-top: 5.5rem
    }
}

.page__article .intro:before {
    background: linear-gradient(180deg, rgba(206, 31, 58, 0) 0%, rgba(238, 105, 34, .7) 52.08%, rgba(238, 105, 34, 0) 100%);
    top: -10rem;
    height: 105.5rem
}

@media only screen and (max-width:767px) {
    .page__article .intro:before {
        height: 70rem
    }
}

.page__article .footnotes,
.page__article .awards {
    z-index: 3
}

@media only screen and (max-width:575px) {
    .page__article .footnotes__body {
        margin: unset
    }
}

@media only screen and (max-width:767px) {
    .page__article .choose-instruction {
        background: radial-gradient(81.41% 81.44% at 21.19% 18.56%, rgba(255, 255, 255, .24) 0%, rgba(255, 255, 255, 0) 100%);
        border-radius: 1.6rem;
        padding-top: 3.7rem;
        padding-bottom: 6rem;
        margin: 0 0 2.4rem 0
    }
}

@media only screen and (max-width:767px) {
    .articles-about .about__body .button {
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-top: 1.2rem
    }
}

.away-block {
    width: 100%;
    height: 100%;
    max-width: 640px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    overflow-y: auto;
    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: 100%;
    margin: 0 auto
}

.away-block a {
    color: #fff;
    font-weight: 700
}

.away-block h1 {
    text-align: center;
    font-size: 1.2em;
    font-weight: 700;
    margin: 19px 0 17px;
    margin-top: 15px;
    line-height: 160%
}

.away-block__content {
    font-size: .75em;
    line-height: 160%
}

.away-block__browser-list {
    list-style: none;
    margin: 0;
    padding-left: 0;
    margin: 20px 0 0;
    padding: 0
}

.away-block__browser-list li {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    display: inline-block;
    border-radius: 10px;
    padding-bottom: 10px
}

.away-block__browser-list li::before {
    content: none
}

.away-block__good-browser {
    width: 110px;
    height: 120px;
    display: inline-block
}

.away-block__icon {
    background-image: url(/media/images/browsers.png);
    background-size: 80px;
    background-repeat: no-repeat;
    display: inline-block;
    margin-top: 20px;
    width: 80px;
    height: 80px
}

.away-block__icon--chrome {
    background-position: 0 -160px
}

.away-block__icon--yandex {
    background-position: 0 -320px
}

.away-block__icon--opera {
    background-position: 0 -240px
}

.away-block__icon--firefox {
    background-position: 0 -80px
}

.banner-page {
    position: relative;
    z-index: 1;
    overflow: hidden;
    height: 60.2rem;
    padding: 0 0 0 4.8rem;
    border-radius: 3.2rem
}

@media only screen and (min-width:576px) {
    .banner-page {
        border-radius: 2.4rem
    }
}

@media only screen and (min-width:768px) {
    .banner-page {
        border-radius: 3.2rem
    }
}

@media only screen and (max-width:1439px) {
    .banner-page {
        height: 41.83vw;
        padding: 0 0 0 3.33vw
    }
}

@media only screen and (max-width:575px) {
    .banner-page {
        height: auto;
        padding: 0
    }
}

@media only screen and (min-width:1024px) {
    .banner-page {
        border-radius: 6.4rem
    }
}

.banner-page:before,
.banner-page:after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%
}

.banner-page:before {
    background-color: #fff;
    left: 0;
    z-index: 2
}

@media only screen and (max-width:575px) {
    .banner-page:before {
        display: none
    }
}

.banner-page:after {
    right: 0;
    z-index: 0;
    background: linear-gradient(180deg, #f26822 0%, #350b24 100%);
    border-radius: 0 3.2rem 3.2rem 0
}

@media only screen and (max-width:575px) {
    .banner-page:after {
        right: auto;
        left: 0;
        width: 100%;
        bottom: 0;
        top: auto;
        height: 20rem;
        border-radius: 0 0 3.2rem 3.2rem
    }
}

@media only screen and (min-width:1024px) {
    .banner-page:after {
        border-radius: 0 6.4rem 6.4rem 0
    }
}

.banner-page._cold:after {
    background: radial-gradient(61.46% 61.46% at 50% 38.54%, #e65628 .01%, #9a1d1d 100%)
}

@media only screen and (max-width:767px) {
    .banner-page._cold .banner-page__body .button {
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-top: 1rem
    }
}

@media only screen and (max-width:575px) {
    .banner-page._cold .banner-page__image {
        background: radial-gradient(61.46% 61.46% at 50% 38.54%, #e65628 .01%, #9a1d1d 100%)
    }
}

@media only screen and (max-width:575px) {
    .banner-page._new {
        border-radius: unset
    }
}

.banner-page._new:after {
    display: none
}

@media only screen and (min-width:576px) {
    .banner-page._new:after {
        width: 60%;
        display: block
    }
}

@media only screen and (max-width:575px) {
    .banner-page._new .banner-page__row {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (max-width:767px) {
    .banner-page._new .banner-page__body {
        display: block
    }
}

@media only screen and (max-width:575px) {
    .banner-page._new .banner-page__body {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        border-radius: 1.2rem
    }
}

@media only screen and (max-width:767px) {
    .banner-page._new .banner-page__body .banner-page__text {
        font-size: 1.3rem
    }
}

@media only screen and (max-width:575px) {
    .banner-page._new .banner-page__body .banner-page__text {
        font-size: 1.4rem
    }
}

@media only screen and (max-width:575px) {
    .banner-page._new .banner-page__image {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (min-width:576px) {
    .banner-page._new.banner-use:before {
        width: 56%
    }
}

@media only screen and (min-width:768px) {
    .banner-page._new.banner-use:before {
        width: 55%
    }
}

@media only screen and (min-width:1024px) {
    .banner-page._new.banner-use:before {
        width: 42.5%
    }
}

.banner-page._new .banner-use__pack-wrapper {
    -webkit-transform: none;
    transform: none
}

.banner-page._new .banner-use__pack-wrapper:before {
    display: none
}

@media only screen and (max-width:575px) {
    .banner-page._new .banner-use__pack-wrapper {
        display: block;
        width: 14rem;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin-left: 2rem;
        margin-top: -5.3rem;
        margin-bottom: -5.3rem;
        z-index: 3
    }
}

@media only screen and (min-width:576px) {
    .banner-page._new .banner-use__pack-wrapper {
        margin-left: 1rem
    }
}

@media only screen and (min-width:1024px) {
    .banner-page._new .banner-use__pack-wrapper {
        margin-left: 3.7rem
    }
}

@media only screen and (min-width:576px) {
    .banner-page._new .banner-use__body {
        width: 55%
    }
}

@media only screen and (min-width:1024px) {
    .banner-page._new .banner-use__body {
        width: 39.393%
    }
}

@media only screen and (max-width:575px) {
    .banner-page._new .banner-use__image-wrapper {
        border-radius: 1.2rem;
        margin-top: unset;
        padding-bottom: 89%
    }
}

@media only screen and (min-width:576px) {
    .banner-page._new .banner-use__image-wrapper {
        width: 35.118%
    }
}

@media only screen and (min-width:1024px) {
    .banner-page._new .banner-use__image-wrapper {
        width: 49.864%
    }
}

.banner-page._new .banner-use__image img {
    object-fit: contain;
    object-position: right bottom;
    -webkit-transform: none;
    transform: none
}

@media only screen and (max-width:575px) {
    .banner-page._new .banner-use__image img {
        object-position: center bottom
    }
}

@media only screen and (min-width:576px) {
    .banner-page._new.banner-adult .banner-use__image img,
    .banner-page._new.banner-family .banner-use__image img,
    .banner-page._new.banner-children .banner-use__image img {
        object-fit: cover;
        object-position: center
    }
    .banner-page._new.banner-adult .banner-use__image-wrapper,
    .banner-page._new.banner-family .banner-use__image-wrapper,
    .banner-page._new.banner-children .banner-use__image-wrapper {
        width: 42.118%
    }
}

@media only screen and (min-width:1025px) {
    .banner-page._new.banner-adult .banner-use__image img,
    .banner-page._new.banner-family .banner-use__image img,
    .banner-page._new.banner-children .banner-use__image img {
        object-position: right bottom
    }
    .banner-page._new.banner-adult .banner-use__image-wrapper,
    .banner-page._new.banner-family .banner-use__image-wrapper,
    .banner-page._new.banner-children .banner-use__image-wrapper {
        width: 54.145%
    }
}

@media only screen and (max-width:575px) {
    .banner-page._new-intro .banner-use__body {
        padding: 7rem 2rem 3.5rem
    }
}

@media only screen and (min-width:576px) {
    .banner-page__row {
        padding: 1rem 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%
    }
}

.banner-page__triangle {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjU1IiBoZWlnaHQ9IjYwMiIgdmlld0JveD0iMCAwIDI1NSA2MDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDBIOThMMjU1IDMwMi41TDk4LjEgNjAySDBWMFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
    z-index: 2;
    height: 60.2rem;
    width: 25.5rem
}

@media only screen and (max-width:1439px) {
    .banner-page__triangle {
        width: 17.72vw;
        height: 41.93vw;
        right: 23%
    }
}

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

.banner-page__body {
    position: relative;
    z-index: 2;
    color: #0b0b0b
}

@media only screen and (max-width:575px) {
    .banner-page__body {
        border-radius: 3.2rem;
        background-color: #fff;
        margin: 0
    }
}

@media only screen and (min-width:576px) {
    .banner-page__body {
        z-index: 3;
        max-height: 100%;
        overflow: auto;
        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
    }
}

.banner-page__body .button {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media only screen and (max-width:767px) {
    .banner-page__body .button {
        height: 3rem
    }
}

@media only screen and (max-width:575px) {
    .banner-page__body .button {
        height: 4rem
    }
}

.banner-page__title {
    line-height: .85;
    margin: 0 0 .8rem 0
}

@media only screen and (max-width:1279px) {
    .banner-page__title {
        font-size: 5rem
    }
}

@media only screen and (max-width:1023px) {
    .banner-page__title {
        font-size: 3rem
    }
}

@media only screen and (max-width:767px) {
    .banner-page__title {
        font-size: 2rem
    }
}

@media only screen and (max-width:575px) {
    .banner-page__title {
        font-size: 2.8rem;
        max-width: 30.5rem
    }
}

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

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

@media only screen and (max-width:767px) {
    .banner-page__text {
        font-size: 1.4rem
    }
}

@media only screen and (max-width:575px) {
    .banner-page__text {
        font-size: 1.6rem;
        max-width: 28.5rem
    }
}

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

.banner-page__image {
    position: relative;
    z-index: 1;
    line-height: 0;
    width: 100%;
    text-align: center
}

@media only screen and (max-width:575px) {
    .banner-page__image {
        border-radius: 1.2rem;
        margin-bottom: .5rem
    }
}

@media only screen and (min-width:576px) {
    .banner-page__image {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
        width: 20rem;
        margin-bottom: -1rem;
        margin-right: unset;
        margin-left: auto;
        width: 39.684%
    }
}

@media only screen and (min-width:768px) {
    .banner-page__image {
        margin-right: 5rem
    }
}

.banner-page__image img {
    object-fit: contain;
    object-position: center bottom;
    width: 100%
}

@media only screen and (max-width:575px) {
    .banner-page__image img {
        width: 20rem
    }
}

@media only screen and (max-width:575px) {
    .banner-use.js-switch-container .banner-use__image-wrapper {
        margin-top: -7%
    }
}

.banner-adult:after {
    background: radial-gradient(60.38% 60.38% at 60.64% 39.62%, #f29555 0%, #d66213 100%)
}

@media only screen and (max-width:575px) {
    .banner-adult .banner-use__image-wrapper {
        background: radial-gradient(60.38% 60.38% at 60.64% 39.62%, #f29555 0%, #d66213 100%)
    }
}

.banner-children:after {
    background: radial-gradient(60.38% 60.38% at 60.64% 39.62%, #c0ea69 0%, #8ebc2d 100%)
}

@media only screen and (max-width:575px) {
    .banner-children .banner-use__image-wrapper {
        background: radial-gradient(60.38% 60.38% at 60.64% 39.62%, #c0ea69 0%, #8ebc2d 100%)
    }
}

.banner-family:after {
    background: radial-gradient(60.38% 60.38% at 60.64% 39.62%, #34bad3 0%, #09abca 100%)
}

@media only screen and (max-width:575px) {
    .banner-family .banner-use__image-wrapper {
        background: radial-gradient(60.38% 60.38% at 60.64% 39.62%, #34bad3 0%, #09abca 100%)
    }
}

@media only screen and (max-width:1023px) {
    .banner-family .banner-use__image img {
        margin-left: 2rem
    }
}

@media only screen and (max-width:575px) {
    .banner-family .banner-use__image img {
        margin-left: unset
    }
}

.page--az .banner-page__title {
    font-weight: 700;
    line-height: 1.071428571428571
}

@media only screen and (min-width:1024px) {
    .intro--main .banner-page__title {
        margin: 0 0 5.4rem 0
    }
}

.benchmark {
    display: none;
    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;
    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
}

@media only screen and (min-width:576px) {
    .buy .intro__content:before {
        width: 76%
    }
}

@media only screen and (min-width:768px) {
    .buy .intro__content:before {
        width: 70%
    }
}

@media only screen and (max-width:575px) {
    .buy .intro__content {
        padding: 0 0 3.1rem 0
    }
}

@media only screen and (max-width:575px) {
    .buy .intro__content:after {
        display: none
    }
}

@media only screen and (max-width:575px) {
    .buy .intro__pack-wrapper {
        padding: 0
    }
}

@media only screen and (min-width:576px) {
    .buy .intro__pack-wrapper {
        width: 55.145%
    }
}

@media only screen and (min-width:768px) {
    .buy .intro__pack-wrapper {
        width: 58.144%
    }
}

@media only screen and (max-width:575px) {
    .buy .intro__pack-wrapper:before {
        width: 52%
    }
}

.buy .intro__pack {
    -webkit-filter: none;
    filter: none;
    box-shadow: none
}

@media only screen and (max-width:575px) {
    .buy .intro__pack {
        width: 90vw;
        margin-left: 0
    }
}

@media only screen and (min-width:576px) {
    .buy .intro__pack {
        margin: -2.22vw 0 0 0;
        margin-left: -3.1%;
        padding-bottom: 48.25%
    }
}

@media only screen and (min-width:576px) {
    .buy .intro__body {
        margin: 0 -2.22vw 0 0;
        padding-right: 1.8%
    }
}

@media only screen and (max-width:767px) {
    .buy .intro__body {
        width: 50%;
        padding-right: 1%
    }
}

@media only screen and (max-width:575px) {
    .buy .intro__body {
        width: 100%
    }
}

@media only screen and (max-width:575px) {
    .buy .banner-page__triangle {
        margin-left: -13vw;
        width: 30vw;
        -webkit-transform: translateY(-50%) rotate(-3deg);
        transform: translateY(-50%) rotate(-3deg);
        height: 105.5%;
        left: 59.1%
    }
}

@media only screen and (min-width:576px) {
    .buy .banner-page__triangle {
        width: 17.85vw;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjU4IiBoZWlnaHQ9IjYwMiIgdmlld0JveD0iMCAwIDI1OCA2MDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDBIOTYuNUwyNTcuNSAzMDdMMTAzIDYwMkgwVjBaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
        right: 15.5%
    }
}

@media only screen and (min-width:1280px) {
    .buy .banner-page__triangle {
        width: 25.7rem
    }
}

.pharmacies-buy-wrapper {
    position: relative
}

.pharmacies-buy-wrapper::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%
}

@media only screen and (max-width:575px) {
    .pharmacies-buy-wrapper::before {
        top: -24%;
        height: 130%;
        background-image: linear-gradient(180deg, rgba(206, 31, 58, 0) 0%, rgba(238, 105, 34, .7) 15%, rgba(238, 105, 34, 0) 30%, rgba(206, 31, 58, 0) 40%, rgba(238, 105, 34, .7) 70%, rgba(238, 105, 34, 0) 100%)
    }
}

@media only screen and (min-width:576px) {
    .pharmacies-buy-wrapper::before {
        top: -40%;
        height: 130%;
        background-image: linear-gradient(180deg, rgba(206, 31, 58, 0) 0%, rgba(238, 105, 34, .7) 52.08%, rgba(238, 105, 34, 0) 100%)
    }
}

.pharmacies-buy {
    position: relative;
    z-index: 2
}

.pharmacies-buy--delivery {
    margin-bottom: .8rem
}

@media only screen and (min-width:1024px) {
    .pharmacies-buy--default .pharmacies-buy__item {
        min-height: 40.2rem
    }
}

@media only screen and (min-width:768px) {
    .pharmacies-buy__content {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.pharmacies-buy__body {
    margin: 0 0 .8rem 0
}

@media only screen and (min-width:768px) {
    .pharmacies-buy__body {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 32.3rem;
        margin: 0 .8rem 0 0
    }
}

@media only screen and (min-width:1024px) {
    .pharmacies-buy__body {
        width: 46.2rem
    }
}

.pharmacies-buy__item {
    background: radial-gradient(81.41% 81.44% at 21.19% 18.56%, rgba(255, 255, 255, .24) 0%, rgba(255, 255, 255, 0) 100%);
    padding: 3.2rem 2rem 5.2rem 2rem;
    border-radius: 3.2rem
}

@media only screen and (min-width:1024px) {
    .pharmacies-buy__item {
        padding: 5.6rem;
        border-radius: 6.4rem;
        max-height: 40rem;
        min-height: 100%
    }
}

.pharmacies-buy__icon {
    margin: 0 0 3.2rem 0
}

@media only screen and (min-width:1024px) {
    .pharmacies-buy__icon {
        margin: 0 0 4.8rem 0
    }
}

.pharmacies-buy__title {
    margin: 0
}

@media only screen and (max-width:575px) {
    .pharmacies-buy__title {
        max-width: 20rem
    }
}

@media only screen and (min-width:768px) {
    .pharmacies-buy__title {
        max-width: 21rem
    }
}

@media only screen and (min-width:1024px) {
    .pharmacies-buy__title {
        max-width: 30rem
    }
}

.list-pharmacies {
    list-style: none;
    margin: 0;
    padding-left: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin: -.4rem;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

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

.list-pharmacies li {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    padding: .4rem;
    width: 100%
}

.list-pharmacies li::before {
    content: none
}

@media only screen and (min-width:576px) {
    .list-pharmacies li {
        width: 33.333%
    }
}

@media only screen and (min-width:768px) {
    .list-pharmacies li {
        width: 50%
    }
}

@media only screen and (min-width:1024px) {
    .list-pharmacies li {
        width: 33.333%
    }
}

.list-pharmacies a {
    background-color: #fff;
    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;
    height: 10rem;
    padding: 2rem;
    border-radius: 3.2rem
}

@media only screen and (min-width:1024px) {
    .list-pharmacies a {
        height: 100%;
        border-radius: 4rem
    }
}

.list-pharmacies a:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.list-pharmacies a img {
    transition: -webkit-transform .7s;
    transition: transform .7s;
    transition: transform .7s, -webkit-transform .7s;
    height: 6rem;
    display: block;
    line-height: 0
}

@media only screen and (min-width:768px) {
    .list-pharmacies a img {
        height: 4.2rem
    }
}

@media only screen and (min-width:1024px) {
    .list-pharmacies a img {
        height: 6rem;
        object-fit: contain;
    }
}

.page--inter .pharmacies-buy--delivery {
    margin-bottom: 4rem
}

@media only screen and (min-width:1024px) {
    .page--inter .pharmacies-buy--delivery {
        margin-bottom: 10rem
    }
}

.page--inter .pharmacies-buy--delivery .list-pharmacies a {
    height: 10rem
}

.page--inter .pharmacies-buy--delivery .list-pharmacies a img {
    object-fit: contain
}

@media only screen and (min-width:1024px) {
    .page--inter .pharmacies-buy--delivery .list-pharmacies a {
        height: 16rem
    }
}

.page--inter .pharmacies-buy--delivery .pharmacies-buy__content {
    display: block
}

.page--inter .pharmacies-buy--delivery .pharmacies-buy__body {
    width: auto;
    margin-bottom: 4.2rem
}

.page--inter .pharmacies-buy--delivery .pharmacies-buy__title {
    max-width: none;
    margin-bottom: 3.2rem
}

.page--inter .pharmacies-buy__description {
    font-size: 1.6rem;
    line-height: 1.25;
    letter-spacing: -.02em
}

@media only screen and (min-width:1024px) {
    .page--inter .pharmacies-buy__description {
        font-size: 2.4rem
    }
}

@media only screen and (min-width:1024px) {
    .page--kz .list-pharmacies li,
    .page--md .list-pharmacies li,
    .page--az .list-pharmacies li,
    .page--am .list-pharmacies li {
        width: 24.5%
    }
}

@media only screen and (min-width:1024px) {
    .page--ge .list-pharmacies a img {
        height: 10.8rem
    }
}

@media only screen and (min-width:1024px) {
    .page--md .list-pharmacies a img {
        height: 8rem
    }
}

@media only screen and (min-width:1024px) {
    .page--az .list-pharmacies a img {
        height: 11rem
    }
}

@media only screen and (min-width:1024px) {
    .page--am .list-pharmacies a img {
        height: 7rem
    }
}

.children-intro.intro {
    position: relative
}

.children-intro.intro:before {
    content: '';
    position: absolute;
    left: 0;
    top: -20rem;
    width: 100%;
    background: linear-gradient(180deg, rgba(206, 31, 58, 0) 0%, rgba(238, 105, 34, .7) 52.08%, rgba(238, 105, 34, 0) 100%);
    z-index: 0;
    pointer-events: none;
    height: 105.5rem
}

@media only screen and (min-width:576px) {
    .about-covid .banner-page__body .button {
        margin: 2rem 0 0 0
    }
}

@media only screen and (min-width:1024px) {
    .about-covid .banner-page__body .button {
        margin: 4rem 0 0 0
    }
}

.about-covid .banner-page__title {
    line-height: 1;
    margin: 0
}

@media only screen and (max-width:575px) {
    .about-covid .scroll-about__title {
        font-size: 4.8rem
    }
}

@media only screen and (min-width:1024px) {
    .about-covid .scroll-about__title {
        font-size: 9.6rem
    }
}

@media only screen and (max-width:575px) {
    .about-covid .scroll-about__text {
        font-size: 2rem
    }
}

.covid .why__decor {
    display: none
}

@media only screen and (min-width:768px) {
    .covid .packs:before {
        display: none
    }
}

@media only screen and (min-width:1024px) {
    .intro-covid.intro::before {
        height: 150%
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .intro-covid .intro__body {
        margin: 0 2rem 0 0;
        width: 47.246%
    }
}

.recommendations-covid {
    position: relative
}

.recommendations-covid__decor {
    z-index: 0;
    display: none
}

@media only screen and (min-width:768px) {
    .recommendations-covid__decor {
        display: block;
        width: 72.221%;
        top: -28rem;
        right: -39.2rem
    }
}

@media only screen and (min-width:1024px) {
    .recommendations-covid__decor {
        top: -40rem;
        right: -56rem
    }
}

.recommendations-covid__head {
    position: relative;
    z-index: 2;
    margin: 0 0 6.4rem 0
}

@media only screen and (min-width:1024px) {
    .recommendations-covid__head {
        margin: 0 0 10rem 0
    }
}

@media only screen and (min-width:576px) {
    .recommendations-covid__title {
        max-width: 32.2rem
    }
}

@media only screen and (min-width:1024px) {
    .recommendations-covid__title {
        max-width: 46rem
    }
}

.recommendations-covid__info {
    margin: 1.6rem 0 0 0
}

@media only screen and (min-width:768px) {
    .recommendations-covid__info {
        max-width: 45.5rem;
        margin: 0 0 0 2rem
    }
}

@media only screen and (min-width:1024px) {
    .recommendations-covid__info {
        max-width: 65rem
    }
}

.recommendations-covid__info .button {
    margin: 2.4rem 0 0 0
}

@media only screen and (min-width:1024px) {
    .recommendations-covid__info .button {
        margin: 3.2rem 0 0 0
    }
}

.recommendations-covid__row {
    position: relative;
    z-index: 2;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -.4rem
}

.recommendations-covid__column {
    padding: .4rem;
    width: 100%
}

@media only screen and (min-width:576px) {
    .recommendations-covid__column {
        width: 50%
    }
}

.recommendations-covid__item {
    background: radial-gradient(81.41% 81.44% at 21.19% 18.56%, rgba(255, 255, 255, .24) 0%, rgba(255, 255, 255, 0) 100%);
    height: 100%;
    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: 3.2rem 2rem;
    border-radius: 3.2rem
}

@media only screen and (min-width:1024px) {
    .recommendations-covid__item {
        padding: 5.5rem;
        border-radius: 6.4rem
    }
}

.recommendations-covid__hash {
    height: 4rem;
    font-size: 1.4rem;
    border-radius: 1.6rem;
    margin: 0 0 3.2rem 0
}

@media only screen and (min-width:1024px) {
    .recommendations-covid__hash {
        margin: 0 0 4.8rem 0
    }
}

.recommendations-covid__text {
    font-weight: 500;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0 0 2.4rem 0
}

@media only screen and (min-width:1024px) {
    .recommendations-covid__text {
        margin: 0 0 4rem 0
    }
}

.recommendations-covid__double-bg {
    top: 69%
}

@media only screen and (min-width:576px) {
    .recommendations-covid__double-bg {
        display: none
    }
}

.scheme-covid {
    position: relative
}

.scheme-covid::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(206, 31, 58, 0) 0%, rgba(238, 105, 34, .7) 52.08%, rgba(238, 105, 34, 0) 100%);
    z-index: 0;
    height: 128%;
    pointer-events: none
}

.scheme-covid__banner {
    background: radial-gradient(81.41% 81.44% at 21.19% 18.56%, rgba(255, 255, 255, .24) 0%, rgba(255, 255, 255, 0) 100%);
    margin: 0 0 .8rem 0;
    border-radius: 3.2rem
}

@media only screen and (min-width:1024px) {
    .scheme-covid__banner {
        border-radius: 6.4rem
    }
}

.scheme-covid__row {
    padding: 3.2rem 0
}

@media only screen and (min-width:1024px) {
    .scheme-covid__row {
        padding: 5.6rem 0
    }
}

.scheme-covid__title {
    margin: 0 0 .8rem 0
}

@media only screen and (min-width:1024px) {
    .scheme-covid__title {
        margin: 0 0 2.4rem 0
    }
}

.scheme-covid__text {
    line-height: 1.25
}

.scheme-covid__gradient-bg {
    top: -118%;
    width: 150%;
    height: 100%
}

@media only screen and (max-width:1023px) {
    .scheme-covid__gradient-bg {
        display: none
    }
}

@media only screen and (min-width:1024px) {
    .scheme-covid__gradient-bg {
        z-index: -1;
        top: 0;
        left: -25%;
        width: 192rem;
        height: 108rem;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

.scheme-covid__features-decor.features__decor {
    z-index: -1
}

.table-scheme-covid {
    position: relative
}

@media only screen and (min-width:768px) {
    .table-scheme-covid {
        padding: .4rem 2rem 3rem
    }
}

@media only screen and (min-width:1024px) {
    .table-scheme-covid {
        padding: 3rem 4.6rem 5.6rem
    }
}

.table-scheme-covid:before,
.table-scheme-covid:after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 0;
    border-radius: 1.6rem
}

@media only screen and (max-width:767px) {
    .table-scheme-covid:before,
    .table-scheme-covid:after {
        display: none
    }
}

@media only screen and (min-width:1024px) {
    .table-scheme-covid:before,
    .table-scheme-covid:after {
        border-radius: 5.6rem
    }
}

.table-scheme-covid:before {
    left: 0;
    width: 33.333%;
    background-color: #db3737
}

.table-scheme-covid:after {
    width: 66%;
    left: 34%;
    background: radial-gradient(81.41% 81.44% at 21.19% 18.56%, rgba(255, 255, 255, .24) 0%, rgba(255, 255, 255, 0) 100%)
}

.table-scheme-covid__mobile {
    margin: 2.5rem 0 0 0
}

@media only screen and (min-width:768px) {
    .table-scheme-covid__mobile {
        display: none
    }
}

.table-scheme-covid__head {
    position: relative;
    z-index: 1
}

@media only screen and (min-width:768px) {
    .table-scheme-covid__head {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media only screen and (min-width:768px) {
    .table-scheme-covid__head .table-scheme-covid__item {
        color: #fff
    }
}

@media only screen and (min-width:768px) {
    .table-scheme-covid__head>.table-scheme-covid__item:first-child {
        padding: 2.3rem 5rem 2.3rem 0
    }
}

@media only screen and (max-width:767px) {
    .table-scheme-covid__head>.table-scheme-covid__item {
        margin: 0 0 .8rem 0;
        background-color: #fff;
        padding: 3rem 1.8rem 4rem;
        border-radius: 1.6rem
    }
    .table-scheme-covid__head>.table-scheme-covid__item:last-child {
        margin: 0
    }
    .table-scheme-covid__head>.table-scheme-covid__item:first-child {
        background-color: #db3737;
        color: #fff;
        padding: 1.6rem 1.8rem
    }
    .table-scheme-covid__head>.table-scheme-covid__item:first-child .table-scheme-covid__title {
        font-size: 1.6rem
    }
}

.table-scheme-covid__title {
    margin: 0
}

@media only screen and (min-width:768px) {
    .table-scheme-covid__title {
        max-width: 32.6rem
    }
}

@media only screen and (max-width:1023px) {
    .table-scheme-covid__title {
        font-size: 2rem
    }
}

.table-scheme-covid__title span {
    font-size: 1.4rem;
    display: block;
    font-weight: 400;
    margin: .8rem 0 0 0
}

@media only screen and (min-width:768px) {
    .table-scheme-covid__title span {
        margin: 0
    }
}

@media only screen and (min-width:1024px) {
    .table-scheme-covid__title span {
        font-size: 2rem
    }
}

.table-scheme-covid__item {
    color: #0b0b0b
}

@media only screen and (min-width:768px) {
    .table-scheme-covid__item {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        width: 33.333%;
        padding: 1.6rem 3.5rem
    }
    .table-scheme-covid__item--long {
        width: 66.666%
    }
}

@media only screen and (min-width:1024px) {
    .table-scheme-covid__item {
        padding: 2.3rem 5rem
    }
}

.table-scheme-covid__content {
    position: relative;
    z-index: 1
}

@media only screen and (max-width:767px) {
    .table-scheme-covid__content {
        display: none
    }
}

.table-scheme-covid__row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    margin: 0 0 1.5rem 0
}

@media only screen and (min-width:768px) {
    .table-scheme-covid__row {
        border-radius: 3.6rem
    }
}

@media only screen and (min-width:1024px) {
    .table-scheme-covid__row {
        border-radius: 5.6rem
    }
}

.table-scheme-covid__row:last-child {
    margin: 0
}

@media only screen and (max-width:767px) {
    .table-scheme-covid__row .table-scheme-covid__item {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (max-width:767px) {
    .table-scheme-covid__row .table-scheme-covid__item:first-child {
        min-width: 9.8rem;
        margin: 0 3.4rem 0 0
    }
}

@media only screen and (min-width:768px) {
    .table-scheme-covid__row .table-scheme-covid__item:first-child {
        padding: 1.6rem 3.5rem 1.6rem 5.8rem
    }
}

@media only screen and (min-width:1024px) {
    .table-scheme-covid__row .table-scheme-covid__item:first-child {
        padding: 2.3rem 5rem 2.3rem 8.3rem
    }
}

@media only screen and (max-width:767px) {
    .table-scheme-covid__row .table-scheme-covid__item .page__subtitle {
        font-size: 2.4rem
    }
}

.table-scheme-covid__count {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: .9
}

.table-scheme-covid__count--inline {
    display: inline-block
}

.table-scheme-covid__count b {
    width: 1.9rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    line-height: 1;
    margin: 0 .3rem 0 0
}

@media only screen and (max-width:1023px) {
    .table-scheme-covid__count b {
        font-size: 3rem
    }
}

@media only screen and (min-width:1024px) {
    .table-scheme-covid__count b {
        width: 3rem;
        font-size: 4.8rem;
        margin: 0 .7rem 0 0
    }
}

@media only screen and (min-width:1024px) {
    .table-scheme-covid__count--inline b {
        font-size: 4rem
    }
}

.table-scheme-covid__count span {
    min-width: 3.7rem
}

@media only screen and (max-width:767px) {
    .table-scheme-covid__count span {
        font-weight: 500
    }
}

@media only screen and (max-width:1023px) {
    .table-scheme-covid__count span {
        font-size: 1.2rem
    }
}

@media only screen and (min-width:1024px) {
    .table-scheme-covid__count span {
        min-width: 5.7rem
    }
}

.table-scheme-covid__tabs {
    margin: -.2rem -.2rem -.2rem 1.1rem
}

@media only screen and (min-width:1024px) {
    .table-scheme-covid__tabs {
        margin: -.4rem -.4rem -.4rem 2.4rem
    }
}

.table-scheme-covid__tab {
    margin: .2rem
}

@media only screen and (min-width:1024px) {
    .table-scheme-covid__tab {
        margin: .4rem
    }
}

.disclaimer {
    position: fixed;
    z-index: 3;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    color: #0b0b0b;
    border-radius: 1.6rem;
    left: 0
}

@media only screen and (min-width:768px) {
    .disclaimer {
        -webkit-animation: fadeInUp .7s both;
        animation: fadeInUp .7s both
    }
}

@media only screen and (min-width:1024px) {
    .disclaimer {
        border-radius: 2.4rem;
        left: .8rem;
        right: .8rem
    }
}

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

.disclaimer__close-icon {
    margin: 0;
    width: 1rem;
    height: 1rem
}

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

.disclaimer.js-inactive {
    position: relative;
    margin: 0 0 1rem 0;
    left: auto;
    right: auto;
    bottom: auto!important
}

@media only screen and (min-width:1024px) {
    .disclaimer.js-inactive {
        border-radius: 4.8rem
    }
}

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

.disclaimer.js-inactive .disclaimer__confirm {
    display: none
}

.disclaimer__container {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem
}

@media only screen and (max-width:1023px) {
    .disclaimer__container {
        padding-left: 1rem;
        padding-right: 3rem
    }
}

@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: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: none;
        padding-top: 2.2rem;
        padding-bottom: 2.2rem
    }
}

.disclaimer__text {
    -webkit-transform: scaleY(1.1);
    transform: scaleY(1.1)
}

@media only screen and (min-width:768px) {
    .disclaimer__text {
        -webkit-transform: scaleY(1.3);
        transform: scaleY(1.3)
    }
}

.disclaimer__close-button {
    position: absolute;
    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: 1.5rem;
    height: 1.5rem;
    padding: 0;
    top: 1rem;
    right: 1rem;
    z-index: 2
}

@media only screen and (min-width:1024px) {
    .disclaimer__close-button {
        top: 2.4rem;
        right: 3.9rem;
        width: 3.4rem;
        height: 3.4rem;
        background-color: rgba(11, 11, 11, .1);
        border-radius: .8rem
    }
}

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

.disclaimer__close-button:hover {
    background-color: rgba(255, 255, 255, .1)
}

.disclaimer__text {
    font-weight: 300;
    color: #8a8a8a;
    font-size: 3.4rem;
    line-height: 1.18;
    text-transform: uppercase;
    letter-spacing: -.04em;
    transition: opacity .7s
}

@media only screen and (max-width:1439px) {
    .disclaimer__text {
        font-size: 2.36vw
    }
}

@media only screen and (max-width:767px) {
    .disclaimer__text {
        font-size: 1.4rem;
        line-height: 1
    }
}

.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: .8rem 1rem .2rem;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    background-color: #471424;
    height: 100%;
    font-size: 2.8rem;
    transition: all .7s
}

@media only screen and (min-width:768px) {
    .disclaimer__confirm {
        font-size: 3.26vw
    }
}

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

@media only screen and (min-width:768px) {
    .disclaimer__confirm {
        padding-top: .8rem;
        padding-bottom: .3rem;
        padding-right: 6vw;
        padding-left: 3.4rem;
        border-radius: 2.4rem
    }
}

@media only screen and (max-width:1023px) {
    .disclaimer__confirm {
        border-radius: 1.6rem
    }
}

.page:not(.page--inter):not(.page--404) .disclaimer,
.page.page--404.page--ru .disclaimer {
    font-family: "Attentica4F", "Rubik", "Arial", sans-serif
}

@media only screen and (min-width:768px) {
    .page:not(.page--inter) .disclaimer.js-hover .disclaimer__text {
        opacity: .1
    }
    .page:not(.page--inter) .disclaimer.js-hover .disclaimer__confirm {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    .page:not(.page--inter) .disclaimer.js-hover .disclaimer__close-button {
        background-color: rgba(255, 255, 255, .1)
    }
}

@media only screen and (min-width:375px) {
    .page:not(.page--inter) .disclaimer__container {
        padding-top: 2.4rem;
        padding-bottom: 1.6rem
    }
}

@media only screen and (min-width:768px) {
    .page:not(.page--inter) .disclaimer__container {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 1.2rem;
        padding-left: 1.81vw;
        padding-right: .625vw;
        padding-bottom: .8rem
    }
}

@media only screen and (min-width:1024px) {
    .page:not(.page--inter) .disclaimer__close-button {
        top: 1.25vw;
        right: 1.11vw
    }
}

.page:not(.page--inter) .disclaimer__text {
    font-size: 2.8rem;
    letter-spacing: -.0135em
}

@media only screen and (min-width:375px) and (max-width:768px) {
    .page:not(.page--inter) .disclaimer__text {
        font-size: 2.1rem;
        -webkit-transform: scaleY(1.8);
        transform: scaleY(1.8)
    }
}

@media only screen and (min-width:768px) {
    .page:not(.page--inter) .disclaimer__text {
        font-size: 3.26vw
    }
}

.page--az .disclaimer__text {
    margin-left: auto;
    margin-right: auto;
    -webkit-transform: scaleY(1.3);
    transform: scaleY(1.3)
}

@media only screen and (min-width:768px) {
    .page--az .disclaimer__text {
        -webkit-transform: scaleY(1.6);
        transform: scaleY(1.6)
    }
}

.page--kz .disclaimer__text {
    -webkit-transform: scaleY(1.3);
    transform: scaleY(1.3)
}

@media only screen and (min-width:768px) {
    .page--kz .disclaimer__text {
        -webkit-transform: scaleY(1.6);
        transform: scaleY(1.6)
    }
}

.page--md .disclaimer__text {
    -webkit-transform: scaleY(1.3);
    transform: scaleY(1.3)
}

@media only screen and (min-width:768px) {
    .page--md .disclaimer__text {
        -webkit-transform: scaleY(1.6);
        transform: scaleY(1.6)
    }
}

.doctors-faq__wrapper {
    position: relative;
    z-index: 3
}

@media only screen and (max-width:575px) {
    .intro-error .banner-page {
        padding: 0
    }
}

.intro-error .banner-page:before {
    background: #db3737;
    width: 39%
}

.intro-error .banner-page:after {
    background: #fff;
    width: 61%
}

@media only screen and (max-width:575px) {
    .intro-error .banner-page:after {
        display: none
    }
}

@media only screen and (max-width:575px) {
    .intro-error .banner-page__row {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        background-color: #fff;
        border-radius: 2.6rem;
        overflow: hidden
    }
}

.intro-error .banner-page__body {
    color: #fff
}

@media only screen and (max-width:575px) {
    .intro-error .banner-page__body {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        background-color: #db3737;
        border-radius: 0
    }
}

.intro-error .banner-page__triangle {
    width: 17.5rem;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc1IiBoZWlnaHQ9IjYwMiIgdmlld0JveD0iMCAwIDE3NSA2MDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0tODQuNSAwSDEzLjZMMTc0LjUgMzA1LjIxNEwxMy42IDYwMkgtODQuNVYwWiIgZmlsbD0iI0RCMzczNyIvPgo8L3N2Zz4K);
    background-size: 100% 100%
}

@media only screen and (min-width:576px) {
    .intro-error .banner-page__triangle {
        right: 94%
    }
}

@media only screen and (min-width:1024px) {
    .intro-error .banner-page__triangle {
        right: 92%
    }
}

@media only screen and (max-width:1279px) {
    .intro-error .banner-page__triangle {
        width: 12.5vw
    }
}

@media only screen and (max-width:575px) {
    .intro-error .banner-page__triangle {
        display: block;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEyIiBoZWlnaHQ9IjEwNSIgdmlld0JveD0iMCAwIDMxMiAxMDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDEwNUwtMS43Mzg0MWUtMDYgNjUuMjI5N0wxNTguMTg0IDguMzQ0MzVlLTA2TDMxMiA2NS4yMjk3TDMxMiAxMDVMMCAxMDVaIiBmaWxsPSIjREIzNzM3Ii8+Cjwvc3ZnPgo=);
        top: 42vw;
        right: auto;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        width: 100vw;
        left: 50%
    }
}

@media only screen and (max-width:575px) {
    .intro-error .banner-page__title {
        line-height: 1
    }
}

.intro-error__decors {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.intro-error__decors .page__decor {
    line-height: 0
}

.intro-error__decor-1 {
    width: 10.714%;
    top: -26%;
    left: 40%;
    z-index: 2
}

.intro-error__decor-2 {
    width: 19.926%;
    top: -9%;
    left: 55%;
    z-index: 2
}

.intro-error__decor-3 {
    width: 9.899%;
    top: 30%;
    left: 36%;
    z-index: 2
}

.intro-error__decor-4 {
    width: 12.647%;
    top: 60%;
    left: 47%;
    z-index: 0
}

.intro-error__decor-5 {
    width: 16.766%;
    top: 77%;
    left: 27%;
    z-index: 2
}

.intro-error__decor-6 {
    width: 13.874%;
    top: 80%;
    left: 68%;
    z-index: 2
}

.intro-error__text {
    color: #0b0b0b;
    font-size: 35rem;
    font-weight: 500;
    position: relative;
    z-index: 2;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: .9
}

@media only screen and (max-width:1279px) {
    .intro-error__text {
        font-size: 24.3vw;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (max-width:575px) {
    .intro-error__text {
        font-size: 44.38vw
    }
}

.intro-error__null {
    width: 27.4rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100%;
    line-height: 0
}

@media only screen and (max-width:1279px) {
    .intro-error__null {
        width: 19.02vw
    }
}

@media only screen and (max-width:575px) {
    .intro-error__null {
        width: 34.69vw
    }
}

.intro-error .intro__body {
    margin: 0 7.4rem 0 0;
    z-index: 3
}

@media only screen and (max-width:575px) {
    .intro-error .intro__body {
        margin: 24vw 0 0 0;
        padding: 2rem 1.8rem 4.4rem
    }
}

.intro-error .intro__pack-wrapper {
    width: auto;
    z-index: 2
}

@media only screen and (max-width:575px) {
    .intro-error .intro__pack-wrapper {
        width: 100%;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        margin: 6.4rem 0 2rem 0
    }
}

.banner-faq.banner-page:after {
    background: radial-gradient(55.71% 55.71% at 58.72% 44.29%, #f0904f 0%, #d86517 100%)
}

@media only screen and (max-width:575px) {
    .banner-faq.banner-page .banner-use__pack-wrapper {
        display: none
    }
}

@media only screen and (max-width:575px) {
    .banner-faq.banner-page .banner-use__body {
        padding-top: 3rem
    }
}

@media only screen and (max-width:575px) {
    .banner-faq .banner-use__image-wrapper {
        background: radial-gradient(55.71% 55.71% at 58.72% 44.29%, #f0904f 0%, #d86517 100%);
        margin-bottom: .8rem
    }
}

.questions-faq {
    position: relative;
    z-index: 2
}

.questions-faq:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(206, 31, 58, 0) 0%, rgba(238, 105, 34, .7) 52.08%, rgba(238, 105, 34, 0) 100%);
    z-index: 0;
    pointer-events: none;
    height: 105.5rem
}

@media only screen and (min-width:768px) {
    .questions-faq:before {
        top: -10rem
    }
}

.questions-faq:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -40rem;
    width: 100%;
    background: linear-gradient(180deg, rgba(206, 31, 58, 0) 0%, rgba(238, 105, 34, .7) 52.08%, rgba(238, 105, 34, 0) 100%);
    z-index: 0;
    pointer-events: none;
    height: 105.5rem
}

.questions-faq .page__section-wrapper {
    z-index: 1
}

.questions-faq__title {
    margin: unset
}

.questions-faq .accordion-instruction__head {
    border-radius: 2.4rem
}

@media only screen and (min-width:1024px) {
    .questions-faq .accordion-instruction__head {
        border-radius: 4rem
    }
}

.questions-faq .accordion-instruction__item {
    margin-bottom: .8rem
}

@media only screen and (min-width:1024px) {
    .questions-faq .accordion-instruction__item {
        margin-bottom: 2.4rem
    }
}

.questions-faq .accordion-instruction__body {
    border-radius: 2.4rem
}

@media only screen and (min-width:1024px) {
    .questions-faq .accordion-instruction__body {
        border-radius: 4rem
    }
}

.form {
    border-radius: 1.2rem;
    background-color: #fff;
    color: #0b0b0b;
    position: relative;
    z-index: 2;
    padding: 4rem 2rem
}

.form._sending .form__row {
    opacity: .3;
    pointer-events: none
}

.form._sending .form__policy {
    display: none
}

.form._sending .form__note {
    display: none
}

.form._sending .form__submit {
    pointer-events: none;
    background-color: #db3737
}

.form._sending .form__submit-text {
    display: none
}

.form._sending .form__submit-sending {
    display: block
}

.form._succes .form__submit {
    pointer-events: none;
    background-color: #89b727
}

.form._succes .form__submit-text {
    display: none
}

.form._succes .form__submit-succes {
    display: block
}

.form._succes .form__note {
    width: 100%;
    margin-left: unset;
    margin-top: 1rem
}

.form._succes .form__policy {
    display: none
}

.form._succes .form__note {
    display: none
}

.form._error .form__submit {
    pointer-events: none;
    background-color: #db3737
}

.form._error .form__submit-error {
    display: block
}

.form._error .form__submit-text {
    display: none
}

@media only screen and (min-width:1024px) {
    .form {
        padding: 9rem 5.6rem 8rem;
        border-radius: 5.6rem
    }
}

.form .js-captcha-el {
    visibility: hidden;
    position: absolute;
    pointer-events: none
}

.form__title {
    margin-bottom: .8rem
}

@media only screen and (max-width:767px) {
    .form__title {
        line-height: 1
    }
}

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

.form__text {
    margin-bottom: 2.4rem
}

@media only screen and (max-width:767px) {
    .form__text {
        font-size: 1.4rem
    }
}

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

.form__text a {
    color: #db3737;
    font-weight: 500
}

@media (any-hover:hover) {
    .form__text a:hover {
        text-decoration: underline
    }
}

.form__captcha-wrapper {
    margin-top: 1.6rem
}

.form__captcha-wrapper a {
    text-decoration: underline
}

.form__captcha-wrapper a:hover {
    text-decoration: none
}

@media only screen and (min-width:1024px) {
    .form__captcha-wrapper {
        margin-top: 4rem
    }
}

.form__badge-text {
    margin-top: 1.6rem
}

@media only screen and (min-width:1024px) {
    .form__badge-text {
        margin-top: 2.4rem
    }
}

.form__row {
    margin: -1.2rem;
    transition: opacity .7s
}

@media only screen and (min-width:768px) {
    .form__row {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (min-width:1024px) {
    .form__row {
        margin: -1.5rem -1rem
    }
}

.form__actions {
    margin-top: 2.4rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width:767px) {
    .form__actions {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (min-width:1024px) {
    .form__actions {
        margin-top: 4rem
    }
}

.form__policy {
    max-width: 59rem;
    line-height: 1.4;
    font-size: 1.2rem;
    margin-top: .8rem
}

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

@media only screen and (min-width:768px) {
    .form__policy {
        font-size: 1.6rem;
        margin-top: unset
    }
}

.form__policy a {
    text-decoration: underline
}

.form__submit {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: 10.5rem
}

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

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

.form__submit:disabled {
    background-color: #8a8a8a
}

.form__submit:disabled:active {
    -webkit-transform: none;
    transform: none
}

.form__submit-sending {
    display: none;
    width: 5.1rem;
    height: 1rem
}

.form__submit-sending circle:first-child {
    -webkit-animation: sendingOne .5s infinite;
    animation: sendingOne .5s infinite
}

.form__submit-sending circle:nth-child(2) {
    -webkit-animation: sendingTwo .5s infinite;
    animation: sendingTwo .5s infinite
}

.form__submit-sending circle:last-child {
    -webkit-animation: sendingThree .5s infinite;
    animation: sendingThree .5s infinite
}

.form__submit-succes {
    display: none
}

.form__submit-error {
    display: none
}

.form__note {
    font-size: 1.2rem;
    margin-left: 1.5rem;
    color: #000;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    max-width: 14.7rem
}

@media only screen and (min-width:768px) {
    .form__note {
        max-width: unset;
        margin-left: unset;
        margin-top: 2.3rem
    }
}

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

.item-form {
    width: 100%;
    padding: 1.2rem
}

@media only screen and (min-width:768px) {
    .item-form {
        width: 50%
    }
}

@media only screen and (min-width:1024px) {
    .item-form {
        padding: 1.5rem 1rem
    }
}

.item-form._big {
    width: 100%
}

.item-form__title {
    margin-bottom: .8rem;
    font-size: 1.6rem
}

@media only screen and (min-width:1024px) {
    .item-form__title {
        font-size: 2.4rem;
        margin-bottom: 1.2rem
    }
}

.input-form {
    height: 4.1rem;
    border: solid .2rem rgba(11, 11, 11, .2);
    border-radius: 1.2rem;
    padding: 1.6rem;
    background-color: #fff;
    color: #0b0b0b;
    display: block;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .input-form {
        height: 6.4rem;
        border-radius: 2.4rem
    }
}

.input-form._textarea {
    resize: none;
    height: 13rem
}

@media only screen and (min-width:1024px) {
    .input-form._textarea {
        height: 22.5rem
    }
}

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

.radio-form {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    cursor: pointer
}

@media only screen and (max-width:1023px) {
    .radio-form {
        margin-bottom: 1.8rem
    }
}

@media only screen and (min-width:1024px) {
    .radio-form {
        margin-right: 1.5rem
    }
}

@media only screen and (max-width:1023px) {
    .radio-form:first-child {
        margin-top: 1.6rem
    }
}

.radio-form:last-child {
    margin-right: unset;
    margin-bottom: unset
}

@media (any-hover:hover) {
    .radio-form:hover .radio-form__body {
        border-color: #db3737
    }
}

.radio-form__input {
    position: absolute;
    width: 1px;
    height: 1px;
    top: 100%;
    left: 1.5rem;
    opacity: 0
}

.radio-form__input:checked~.radio-form__body,
.radio-form__input.focus-visible~.radio-form__body {
    border-color: #db3737
}

.radio-form__input:checked~.radio-form__body:before,
.radio-form__input.focus-visible~.radio-form__body:before {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.radio-form__body {
    width: 3.1rem;
    height: 3.1rem;
    position: relative;
    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;
    border-radius: 50%;
    border: 2px solid #0b0b0b;
    margin-right: 1rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    transition: border-color .7s
}

.radio-form__body:before {
    content: '';
    position: absolute;
    border-radius: 50%;
    width: 1.2rem;
    height: 1.2rem;
    background-color: #db3737;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: all .7s
}

@-webkit-keyframes sendingOne {
    0% {
        opacity: .5
    }
    33% {
        opacity: 1
    }
    66% {
        opacity: .5
    }
    to {
        opacity: .5
    }
}

@keyframes sendingOne {
    0% {
        opacity: .5
    }
    33% {
        opacity: 1
    }
    66% {
        opacity: .5
    }
    to {
        opacity: .5
    }
}

@-webkit-keyframes sendingTwo {
    0% {
        opacity: .5
    }
    33% {
        opacity: .5
    }
    66% {
        opacity: 1
    }
    to {
        opacity: .5
    }
}

@keyframes sendingTwo {
    0% {
        opacity: .5
    }
    33% {
        opacity: .5
    }
    66% {
        opacity: 1
    }
    to {
        opacity: .5
    }
}

@-webkit-keyframes sendingThree {
    0% {
        opacity: .5
    }
    66% {
        opacity: .5
    }
    to {
        opacity: 1
    }
}

@keyframes sendingThree {
    0% {
        opacity: .5
    }
    66% {
        opacity: .5
    }
    to {
        opacity: 1
    }
}

.animation-wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 1
}

.instruction::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(206, 73, 31, 0) 0%, rgba(238, 105, 34, .7) 50%, rgba(238, 105, 34, 0) 100%);
    z-index: 0;
    height: 100%;
    background-repeat: repeat;
    background-size: 100% 1055px;
    pointer-events: none;
    background-position: 0 8%
}

.choose-instruction {
    background: radial-gradient(81.41% 81.44% at 21.19% 18.56%, rgba(255, 255, 255, .24) 0%, rgba(255, 255, 255, 0) 100%);
    padding: .5rem 1.5rem 2.4rem;
    border-radius: 3.2rem;
    margin: 0 0 3rem 0
}

@media only screen and (max-width:767px) {
    .choose-instruction {
        background: 0 0;
        border-radius: 0
    }
}

@media only screen and (min-width:768px) {
    .choose-instruction {
        margin: 0 0 1.6rem 0;
        padding: 2.4rem
    }
}

@media only screen and (min-width:1024px) {
    .choose-instruction {
        padding: 6.4rem 5.6rem 7.2rem;
        border-radius: 6.4rem
    }
}

.choose-instruction--fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 11;
    background: #370b25;
    padding: 1.5rem 0;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    transition-duration: .7s;
    opacity: 0;
    pointer-events: none;
    border-radius: 0
}

@media only screen and (max-width:767px) {
    .choose-instruction--fixed {
        display: none
    }
}

@media only screen and (min-width:768px) {
    .choose-instruction--fixed {
        border-bottom-left-radius: 3.6rem;
        border-bottom-right-radius: 3.6rem
    }
}

.choose-instruction--fixed._show {
    opacity: 1;
    pointer-events: all
}

.choose-instruction--fixed .choose-instruction__content {
    padding: 0 2.4rem
}

@media only screen and (min-width:1024px) {
    .choose-instruction--fixed .choose-instruction__content {
        padding: 0 5.6rem
    }
}

.choose-instruction--fixed .button {
    padding: 0 .6rem;
    border-radius: 1.2rem;
    height: 3rem;
    font-size: 1.1rem
}

@media only screen and (min-width:1024px) {
    .choose-instruction--fixed .button {
        border-radius: 1.6rem;
        height: 5rem;
        font-size: 1.4rem;
        padding: 0 2rem
    }
}

@media only screen and (min-width:768px) {
    .choose-instruction__head {
        margin: 0 0 2.4rem 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.choose-instruction__head .page__section-title {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.choose-instruction__button {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 2.1rem 0 0 0
}

@media only screen and (min-width:768px) {
    .choose-instruction__button {
        margin: 0 0 0 2rem
    }
}

@media only screen and (min-width:1024px) {
    .choose-instruction__button {
        margin: 0 0 0 6rem
    }
}

.choose-instruction__content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.choose-instruction__row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -.3rem
}

@media only screen and (max-width:767px) {
    .choose-instruction__row {
        display: none
    }
}

.choose-instruction__item {
    margin: .3rem
}

.choose-instruction__item.js-choose-trigger-wrapper~.choose-instruction__item {
    display: none
}

.choose-instruction__item.js-choose-trigger-wrapper._toggled {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.choose-instruction__item.js-choose-trigger-wrapper._toggled .js-choose-trigger__hide {
    display: inline
}

.choose-instruction__item.js-choose-trigger-wrapper._toggled .js-choose-trigger__show {
    display: none
}

.choose-instruction__item.js-choose-trigger-wrapper._toggled~.choose-instruction__item {
    display: block
}

.choose-instruction__item.js-choose-trigger-wrapper .js-choose-trigger__hide {
    display: none
}

@media only screen and (min-width:1440px) {
    .choose-instruction__link {
        font-size: 1.8rem
    }
}

.choose-instruction__link._active {
    background-color: #db3737;
    color: #fff
}

.choose-instruction__link:hover:not(._active) {
    background-color: #ff7e07;
    color: #fff
}

.accordion-instruction__item {
    margin: 0 0 .8rem 0
}

@media only screen and (min-width:768px) {
    .accordion-instruction__item {
        margin: 0 0 1.5rem 0
    }
}

@media only screen and (min-width:1024px) {
    .accordion-instruction__item {
        margin: 0 0 5rem 0
    }
}

.accordion-instruction__item:last-child {
    margin: 0
}

.accordion-instruction__head {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    background-color: #fff;
    color: #0b0b0b;
    padding: 2.4rem 1.9rem;
    border-radius: 1.6rem;
    transition: opacity .7s
}

@media only screen and (min-width:1024px) {
    .accordion-instruction__head {
        padding: 2.8rem 5.3rem;
        border-radius: 3.6rem
    }
}

.accordion-instruction__head .page__accordion-icon:before,
.accordion-instruction__head .page__accordion-icon:after {
    background-color: #db3737
}

.accordion-instruction__head:hover {
    opacity: .7
}

.accordion-instruction__head:hover .page__accordion-icon:before,
.accordion-instruction__head:hover .page__accordion-icon:after {
    background-color: #0b0b0b
}

@media only screen and (max-width:575px) {
    .accordion-instruction__wrapper {
        margin: 0 0 2.4rem 0
    }
}

@media only screen and (min-width:1024px) {
    .accordion-instruction__title {
        font-size: 4.8rem;
        font-weight: 500;
        margin: 0
    }
}

@media only screen and (min-width:576px) {
    .accordion-instruction__row {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        gap: 1.2rem
    }
}

@media only screen and (min-width:576px) {
    .accordion-instruction__row .accordion-instruction__body {
        width: 50%
    }
}

.accordion-instruction__body {
    background-color: #fff;
    color: #0b0b0b;
    padding: 1.6rem 1.9rem 2.4rem 1.9rem;
    border-radius: 1.6rem;
    margin: .8rem 0 0 0
}

@media only screen and (min-width:768px) {
    .accordion-instruction__body {
        margin: 1.2rem 0 0 0
    }
}

@media only screen and (max-width:1023px) {
    .accordion-instruction__body {
        font-size: 1.4rem;
        line-height: 1.14
    }
    .accordion-instruction__body .page__text,
    .accordion-instruction__body .page__text-big {
        line-height: inherit
    }
    .accordion-instruction__body .page__text-big {
        font-size: inherit
    }
}

@media only screen and (min-width:1024px) {
    .accordion-instruction__body {
        padding: 5.6rem;
        border-radius: 6.4rem
    }
}

.accordion-instruction__body--red {
    background-color: #db3737;
    color: #fff
}

.accordion-instruction__body p {
    margin: 0 0 1rem 0
}

@media only screen and (min-width:1024px) {
    .accordion-instruction__body p {
        margin: 0 0 1.5rem 0
    }
}

.accordion-instruction__body p:last-child {
    margin: 0
}

@media only screen and (max-width:1023px) {
    .accordion-instruction__body ul li {
        padding-left: 1.5rem
    }
}

@media only screen and (max-width:1023px) {
    .accordion-instruction__body ul li:before {
        top: .5rem
    }
}

.accordion-instruction__body a:hover {
    text-decoration: underline
}

.accordion-instruction__rounds {
    margin: 1rem 0
}

@media only screen and (min-width:1024px) {
    .accordion-instruction__rounds {
        margin: 2.4rem 0
    }
}

.accordion-instruction__rounds ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -.5rem
}

@media only screen and (max-width:1023px) {
    .accordion-instruction__rounds ul {
        margin: -.4rem -.8rem;
        font-size: 1.2rem
    }
}

.accordion-instruction__rounds ul li {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    border: 1px solid #0b0b0b;
    border-radius: 1.6rem;
    padding: 1.2rem;
    margin: .5rem
}

.accordion-instruction__rounds ul li::before {
    content: none
}

@media only screen and (min-width:1024px) {
    .accordion-instruction__rounds ul li {
        margin: .4rem .8rem;
        border-radius: 2rem;
        padding: 1.6rem 2.4rem
    }
}

.accordion-instruction__subtitle {
    margin: 0 0 1rem 0
}

@media only screen and (min-width:1024px) {
    .accordion-instruction__subtitle {
        margin: 0 0 1.6rem 0
    }
}

.accordion-instruction__subtitle~.accordion-instruction__text {
    max-width: 103.8rem
}

.accordion-instruction__text {
    max-width: 120.2rem;
    margin: 0 0 1rem 0
}

@media only screen and (min-width:1024px) {
    .accordion-instruction__text {
        margin: 0 0 6rem 0
    }
}

.accordion-instruction__text:last-child {
    margin: 0
}

.accordion-instruction__text--no-padding p {
    margin: 0
}

.accordion-instruction__hash {
    font-size: 1.4rem;
    margin: 0 0 1.4rem 0
}

@media only screen and (max-width:1023px) {
    .accordion-instruction__hash {
        background-color: #fff;
        color: #db3737;
        border: solid .2rem #db3737;
        padding: 0 1rem;
        height: 4.2rem
    }
}

@media only screen and (min-width:1024px) {
    .accordion-instruction__hash {
        font-size: 1.8rem;
        margin: 0 0 3.3rem 0
    }
}

.table-instruction>img {
    width: 10.8rem;
    line-height: 0
}

@media only screen and (min-width:1024px) {
    .table-instruction>img {
        margin: 0 0 1.2rem 0
    }
}

@media only screen and (max-width:767px) {
    .table-instruction>img {
        display: none
    }
}

.table-instruction__item {
    border-bottom: 1px solid rgba(4, 25, 76, .2);
    padding: 1rem 0
}

@media only screen and (max-width:575px) {
    .table-instruction__item:last-child {
        border-bottom: none
    }
}

@media only screen and (min-width:576px) {
    .table-instruction__item {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media only screen and (min-width:1024px) {
    .table-instruction__item {
        padding: 2.3rem 0
    }
}

.table-instruction__title {
    width: 100%
}

@media only screen and (max-width:575px) {
    .table-instruction__title {
        font-weight: 500
    }
}

@media only screen and (min-width:576px) {
    .table-instruction__title {
        margin: 0 1rem 0 0;
        max-width: 23rem
    }
}

@media only screen and (min-width:768px) {
    .table-instruction__title {
        max-width: 30rem
    }
}

@media only screen and (min-width:1024px) {
    .table-instruction__title {
        max-width: 48rem
    }
}

.table-instruction__text {
    max-width: 67rem;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .table-instruction__text {
        font-size: 1.8rem;
        line-height: 1.44
    }
}

@media only screen and (min-width:1024px) {
    .table-instruction__text>b {
        font-size: 2rem;
        line-height: 1.2
    }
}

.tabs-accordion {
    margin: 1.2rem 0 0 0
}

.tabs-accordion__list {
    margin: 0 0 .8rem 0
}

@media only screen and (min-width:768px) {
    .tabs-accordion__list {
        margin: 0 -.4rem 1.2rem -.4rem;
        padding: 0 1.9rem;
        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) {
    .tabs-accordion__list {
        padding: 0 5.3rem
    }
}

.tabs-accordion__trigger {
    margin: 0 .4rem
}

@media only screen and (max-width:767px) {
    .tabs-accordion__trigger {
        width: 100%;
        margin: 0 0 .8rem 0
    }
    .tabs-accordion__trigger:last-child {
        margin: 0
    }
}

@media only screen and (min-width:1024px) {
    .tabs-accordion__trigger {
        height: 8.4rem;
        border-radius: 3.2rem
    }
}

.tabs-accordion__trigger.js-tab-name--active {
    background-color: #db3737;
    color: #fff
}

.tabs-accordion__trigger:hover:not(.js-tab-name--active) {
    background-color: #ff7e07;
    color: #fff
}

.tabs-accordion__row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -.2rem
}

@media only screen and (min-width:576px) {
    .tabs-accordion__row {
        margin: -.6rem
    }
}

.tabs-accordion__column {
    width: 100%;
    padding: .2rem
}

@media only screen and (min-width:576px) {
    .tabs-accordion__column {
        padding: .6rem;
        width: 50%
    }
}

@media only screen and (min-width:768px) {
    .tabs-accordion__column {
        width: 33.333%
    }
}

.tabs-accordion__item {
    background-color: #fff;
    color: #0b0b0b;
    height: 100%;
    padding: 3rem 1.9rem;
    border-radius: 1.6rem
}

@media only screen and (min-width:768px) {
    .tabs-accordion__item {
        padding: 2rem .5rem 2rem 1rem
    }
}

@media only screen and (min-width:1024px) {
    .tabs-accordion__item {
        border-radius: 5.6rem;
        padding: 5.5rem 2rem 5.5rem 4rem
    }
}

.tabs-accordion__subtitle {
    margin: 0 0 3.3rem 0
}

@media only screen and (max-width:1023px) {
    .tabs-accordion__subtitle {
        font-size: 2rem;
        margin: 0 0 2.2rem 0
    }
}

.tabs-accordion__table-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 1.2rem 0
}

@media only screen and (min-width:1024px) {
    .tabs-accordion__table-item {
        margin: 0 0 3.3rem 0
    }
}

.tabs-accordion__table-item:last-child {
    margin: 0
}

.tabs-accordion__table-title {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-size: 2.4rem;
    margin: 0 3rem 0 0;
    font-weight: 500;
    width: 10rem
}

@media only screen and (min-width:768px) {
    .tabs-accordion__table-title {
        margin: 0 .5rem 0 0
    }
}

@media only screen and (min-width:1024px) {
    .tabs-accordion__table-title {
        margin: 0 3.3rem 0 0;
        font-size: 4rem;
        width: 17rem
    }
}

.tabs-accordion__table-body {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #db3737
}

.tabs-accordion__table-count {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    font-weight: 500;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin: 0 .7rem 0 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 6.5rem
}

@media only screen and (min-width:1024px) {
    .tabs-accordion__table-count {
        margin: 0 1.5rem 0 0;
        width: 9.4rem
    }
}

.tabs-accordion__table-count b {
    margin: 0 .3rem 0 0;
    font-size: 3rem
}

@media only screen and (min-width:1024px) {
    .tabs-accordion__table-count b {
        font-size: 4.8rem
    }
}

.tabs-accordion__table-count span {
    width: 6.2rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media only screen and (max-width:1023px) {
    .tabs-accordion__table-count span {
        font-size: 1.4rem;
        width: 4.3rem
    }
}

@media only screen and (min-width:1024px) {
    .tabs-accordion__table-tab {
        width: 3.7rem;
        height: 3.7rem
    }
}

@media only screen and (min-width:576px) {
    .second-accordion__head {
        display: none
    }
}

@media only screen and (max-width:575px) {
    .second-accordion {
        display: block;
        margin: .8rem 0 2.4rem 0
    }
    .second-accordion._open .second-accordion__content {
        display: block
    }
    .second-accordion._open .page__accordion-icon:after {
        -webkit-transform: rotate(0deg)!important;
        transform: rotate(0deg)!important
    }
    .second-accordion__head .page__subtitle {
        font-size: 1.6rem
    }
    .second-accordion__head .page__accordion-icon:after {
        -webkit-transform: rotate(-90deg)!important;
        transform: rotate(-90deg)!important
    }
    .second-accordion__content {
        display: none
    }
}

@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;
        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-left: 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-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -2.4rem
    }
}

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

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

@media only screen and (max-width:1023px) {
    .main-menu__item {
        margin-bottom: 1.6rem
    }
    .main-menu__item:last-child {
        margin: 0
    }
}

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

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

.main-menu .is-current>.main-menu__link {
    color: #db3737
}

.main-menu__link {
    display: block;
    font-size: 1.8rem
}

@media only screen and (max-width:1023px) {
    .main-menu__link {
        color: #0b0b0b;
        font-size: 2rem
    }
}

.main-menu__link:hover {
    color: #db3737
}

.submenu {
    position: absolute;
    top: 100%;
    background-color: #370b25;
    left: -3.2rem;
    padding: 3.2rem;
    border-radius: 0 0 1.6rem 1.6rem;
    white-space: nowrap;
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    pointer-events: none;
    transition: all .3s;
    min-width: 20.9rem
}

.submenu__item {
    display: block;
    margin-bottom: 2rem
}

.submenu__item:last-child {
    margin-bottom: unset
}

.submenu .main-menu__link {
    display: inline-block
}

.submenu-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

@media only screen and (min-width:1024px) {
    .submenu-wrapper:hover .submenu-arrow:before,
    .submenu-wrapper:hover .submenu-arrow:after {
        -webkit-transform: none;
        transform: none
    }
    .submenu-wrapper:hover .submenu {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        pointer-events: all
    }
}

.submenu-arrow {
    height: 2px;
    width: 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: .5rem;
    position: relative
}

@media only screen and (min-width:1921px) {
    .submenu-arrow {
        height: .2rem;
        width: 1rem
    }
}

.submenu-arrow:before,
.submenu-arrow:after {
    content: '';
    position: absolute;
    display: block;
    width: 7px;
    height: 2px;
    background-color: #fff;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

@media only screen and (min-width:1921px) {
    .submenu-arrow:before,
    .submenu-arrow:after {
        width: .7rem;
        height: .2rem
    }
}

.submenu-arrow:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.submenu-arrow:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 4px
}

@media only screen and (min-width:1921px) {
    .submenu-arrow:after {
        left: .4rem
    }
}

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

@media only screen and (min-width:1280px) {
    .page:not(.page--inter) .main-menu__link {
        letter-spacing: -.64px
    }
}

.about {
    z-index: 1
}

.about__bg {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media only screen and (max-width:575px) {
    .about__bg {
        left: auto;
        top: auto;
        bottom: -30%;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@media only screen and (min-width:768px) {
    .about__bg {
        width: 181.6rem;
        height: 145.2rem
    }
}

@media only screen and (min-width:1024px) {
    .about__bg {
        width: 259.5rem;
        height: 207.5rem
    }
}

.about__bg img {
    object-fit: cover
}

@media only screen and (max-width:575px) {
    .about__bg img {
        position: static;
        top: auto;
        left: auto
    }
}

.about__content {
    overflow: visible
}

.about__content:before {
    width: 39.476%;
    border-radius: 3.2rem 0 0 3.2rem
}

@media only screen and (min-width:1024px) {
    .about__content:before {
        border-radius: 6.4rem 0 0 6.4rem
    }
}

.about__content:after {
    width: 100%
}

@media only screen and (max-width:575px) {
    .about__content:after {
        height: 50%
    }
}

@media only screen and (min-width:576px) {
    .about__content:after {
        width: 60%
    }
}

.about__decor {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    left: 28%;
    width: 56.188%
}

@media only screen and (max-width:575px) {
    .about__decor {
        width: 100%;
        left: 0
    }
}

.about__decor-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.about__decor img {
    -webkit-animation: rotate 25s infinite linear;
    animation: rotate 25s infinite linear
}

.about__row {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 100%
}

.about__triangle {
    left: 39%
}

.about__body {
    margin: 0
}

@media only screen and (max-width:575px) {
    .about__body {
        padding: 4rem 2rem
    }
}

@media only screen and (min-width:576px) {
    .about__body {
        width: 42.156%
    }
}

@media only screen and (max-width:767px) {
    .about__body .button {
        display: none
    }
}

@media only screen and (max-width:575px) {
    .about__body .banner-page__title {
        margin: 0 0 1.6rem 0
    }
}

.about__text {
    margin: 0 0 1.6rem 0
}

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

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

.about__text .banner-page__text {
    margin: 0 0 .8rem 0
}

@media only screen and (max-width:575px) {
    .about__text .banner-page__text {
        margin: 0 0 1.6rem 0
    }
}

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

.about__text .banner-page__text:last-child {
    margin: 0
}

.about__decor-slot::before {
    content: '';
    position: absolute;
    top: -14rem;
    left: 0;
    width: 100%;
    height: 128%;
    background: linear-gradient(180deg, rgba(206, 31, 58, 0) 0%, rgba(238, 105, 34, .7) 52.08%, rgba(238, 105, 34, 0) 100%);
    z-index: 0;
    pointer-events: none
}

@media only screen and (min-width:576px) {
    .about__decor-slot::before {
        height: 198%
    }
}

@media only screen and (min-width:1024px) {
    .about__decor-slot::before {
        height: 170%
    }
}

@media only screen and (min-width:1280px) {
    .about__decor-slot::before {
        top: -16rem
    }
}

@media only screen and (min-width:1440px) {
    .about__decor-slot::before {
        left: -50%;
        width: 150vw
    }
}

.scroll-about-container {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

@media only screen and (min-width:576px) {
    .scroll-about-container {
        width: 50%
    }
    .scroll-about-container .scroll-about {
        width: 100%
    }
}

.scroll-about-container__line-wrapper {
    position: absolute;
    z-index: 1;
    bottom: 2.4rem;
    left: 2rem;
    width: 18.6rem;
    background-color: rgba(255, 255, 255, .2);
    height: .2rem;
    border-radius: .9rem
}

@media only screen and (min-width:576px) {
    .scroll-about-container__line-wrapper {
        bottom: 2.5rem;
        left: 46%;
        width: 54.076%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }
}

@media only screen and (min-width:768px) {
    .scroll-about-container__line-wrapper {
        left: 44%;
        height: .4rem
    }
}

@media only screen and (min-width:1024px) {
    .scroll-about-container__line-wrapper {
        left: 42%;
        bottom: 10rem
    }
}

@media only screen and (min-width:1280px) {
    .scroll-about-container__line-wrapper {
        left: 45%
    }
}

@media only screen and (min-width:1440px) {
    .scroll-about-container__line-wrapper {
        left: 46%
    }
}

.scroll-about-container__line {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.scroll-about {
    overflow: hidden;
    width: 100%;
    padding: 3.2rem 0 5rem
}

@media only screen and (min-width:576px) {
    .scroll-about {
        width: 50%;
        padding: 0
    }
}

.scroll-about__item {
    width: 100%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    padding: 0 2rem
}

.scroll-about__body {
    margin: 0 auto
}

@media only screen and (min-width:576px) {
    .scroll-about__body {
        max-width: 20rem;
        margin: 0 0 0 auto
    }
}

@media only screen and (min-width:768px) {
    .scroll-about__body {
        margin: 0 auto;
        max-width: 24rem
    }
}

@media only screen and (min-width:1024px) {
    .scroll-about__body {
        max-width: 43.3rem
    }
}

.scroll-about__title {
    margin: 0 0 .8rem 0
}

.scroll-about__title sup {
    top: -1.8em;
    font-size: 25%
}

.scroll-about__title sup.sup-number {
    top: -2.2em
}

@media (min-width:576px) and (max-width:767px) {
    .scroll-about__title {
        font-size: 2.4rem
    }
}

@media only screen and (min-width:1024px) {
    .scroll-about__title {
        margin: 0 0 1.6rem 0
    }
}

@media only screen and (max-width:575px) {
    .scroll-about__text {
        font-size: 2.4rem
    }
}

@media (min-width:576px) and (max-width:767px) {
    .scroll-about__text {
        font-size: 1.4rem
    }
}

.about-banner {
    position: relative
}

.about-banner:before {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(206, 31, 58, 0) 0%, rgba(238, 105, 34, .7) 52.08%, rgba(238, 105, 34, 0) 100%);
    z-index: 0;
    pointer-events: none;
    height: 200%
}

@media only screen and (max-width:767px) {
    .about-banner .features__decor {
        top: -20rem
    }
}

@media only screen and (min-width:576px) {
    .page--ge .about__body {
        width: 45.153%
    }
}

@media only screen and (min-width:576px) {
    .page--ge .scroll-about__item {
        padding-bottom: 2rem
    }
}

.page--ge .scroll-about__title {
    line-height: 1.071428571428571
}

@media only screen and (min-width:1024px) {
    .page--am .scroll-about__title {
        font-size: 4.2rem
    }
}

@media only screen and (min-width:1024px) {
    .page--am .scroll-about__item:first-child .scroll-about__title {
        max-width: 36.4rem
    }
}

.awards__decor {
    display: none
}

@media only screen and (min-width:768px) {
    .awards__decor {
        width: 72.221%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: -10%;
        display: block
    }
}

.awards__bg {
    top: -118%;
    width: 150%;
    height: 100%
}

@media only screen and (min-width:1024px) {
    .awards__bg {
        width: 259.5rem;
        height: 207.5rem
    }
}

@media only screen and (max-width:767px) {
    .awards__head {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.awards__title {
    margin: 0 1rem 0 0
}

.slider-awards__container {
    border-radius: 3.2rem
}

@media only screen and (min-width:1024px) {
    .slider-awards__container {
        border-radius: 5.6rem
    }
}

.slide-awards {
    position: relative;
    height: auto;
    overflow: hidden;
    border-radius: 3.2rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%
}

@media only screen and (min-width:576px) {
    .slide-awards {
        min-height: 25.43vw;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        width: calc(50% - 8px);
        margin-right: .8rem
    }
}

@media only screen and (min-width:1024px) {
    .slide-awards {
        border-radius: 5.6rem
    }
}

@media only screen and (min-width:1280px) {
    .slide-awards {
        min-height: 34.3rem
    }
}

.slide-awards:before,
.slide-awards:after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 0
}

.slide-awards:before {
    background-color: #fff;
    left: 0;
    z-index: 2;
    display: none
}

@media only screen and (min-width:576px) {
    .slide-awards:before {
        width: 40%;
        display: block
    }
}

@media only screen and (min-width:768px) {
    .slide-awards:before {
        width: 40%
    }
}

@media only screen and (min-width:1280px) {
    .slide-awards:before {
        width: 50.285%
    }
}

.slide-awards:after {
    background-color: #70372d;
    right: 0
}

@media only screen and (max-width:575px) {
    .slide-awards:after {
        top: auto;
        bottom: 0;
        width: 100%;
        height: 20rem
    }
}

@media only screen and (min-width:576px) {
    .slide-awards:after {
        width: 60%
    }
}

@media only screen and (min-width:768px) {
    .slide-awards:after {
        width: 60%
    }
}

.slide-awards__decor {
    display: block;
    position: absolute;
    pointer-events: none;
    z-index: 1
}

@media only screen and (min-width:576px) {
    .slide-awards__decor {
        width: 70%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: -15%;
        height: 120%
    }
}

@media only screen and (max-width:575px) {
    .slide-awards__decor {
        bottom: -34rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 100%;
        height: 80rem
    }
}

.slide-awards__decor.lazyloaded::before {
    content: '';
    -webkit-filter: blur(4px);
    filter: blur(4px);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(/media/images/page-decor-mobile.png)
}

@media only screen and (min-width:768px) {
    .slide-awards__decor.lazyloaded {
        background-image: url(/media/images/page-decor.png)
    }
}

.slide-awards__triangle {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 149px;
    width: 14.9rem;
    z-index: 2;
    height: 101%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ5IiBoZWlnaHQ9IjM0NyIgdmlld0JveD0iMCAwIDE0OSAzNDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDAuODkyMDlINTYuNDM1OUwxNDkgMTc2LjMxNEw1Ni40MzU5IDM0Ni44OTJIMFYwLjg5MjA5WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
    display: none
}

@media only screen and (min-width:576px) {
    .slide-awards__triangle {
        display: block;
        left: 12vw
    }
}

@media only screen and (min-width:768px) {
    .slide-awards__triangle {
        left: 15vw
    }
}

@media only screen and (min-width:1280px) {
    .slide-awards__triangle {
        left: 21.05vw
    }
}

@media only screen and (min-width:1440px) {
    .slide-awards__triangle {
        left: 43%
    }
}

.slide-awards__body {
    color: #0b0b0b;
    position: relative;
    z-index: 2;
    padding: 1.5rem 2rem
}

@media only screen and (max-width:575px) {
    .slide-awards__body {
        border-radius: 3.2rem;
        background-color: #fff;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-height: 17rem
    }
}

@media only screen and (min-width:576px) {
    .slide-awards__body {
        padding: 1rem 0;
        margin: 0 0 0 1rem;
        max-width: 14rem
    }
}

@media only screen and (min-width:768px) {
    .slide-awards__body {
        max-width: 20rem
    }
}

@media only screen and (min-width:1024px) {
    .slide-awards__body {
        margin: 0 0 0 2.5rem;
        max-width: 23rem
    }
}

@media only screen and (min-width:1280px) {
    .slide-awards__body {
        margin: 0 0 0 6.5rem;
        max-width: 27rem
    }
}

@media only screen and (max-width:1279px) {
    .slide-awards__body .page__text {
        font-size: 2.2rem
    }
}

@media only screen and (max-width:1023px) {
    .slide-awards__body .page__text {
        font-size: 1.6rem
    }
}

@media only screen and (max-width:767px) {
    .slide-awards__body .page__text {
        font-size: 1.4rem
    }
}

@media only screen and (max-width:575px) {
    .slide-awards__body .page__text {
        font-size: 2rem
    }
}

.slide-awards__image-wrapper {
    position: relative;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    z-index: 1;
    width: 35.887%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 1rem;
    max-height: 15rem
}

@media only screen and (max-width:767px) {
    .slide-awards__image-wrapper {
        max-width: 8rem
    }
}

@media only screen and (max-width:575px) {
    .slide-awards__image-wrapper {
        width: 100%;
        max-width: 20rem;
        margin: 0 auto;
        max-height: 100%;
        height: 15rem
    }
}

@media only screen and (min-width:1024px) {
    .slide-awards__image-wrapper {
        max-height: 27rem
    }
}

.slide-awards__image {
    margin: 0 auto;
    text-align: center;
    width: 100%
}

@media only screen and (min-width:1921px) {
    .slide-awards__image {
        max-width: 20rem
    }
}

@media only screen and (max-width:575px) {
    .slide-awards__image {
        padding: 1.4rem
    }
}

.slide-awards__image img {
    max-height: 100%;
    object-fit: contain;
    opacity: 0;
    transition-duration: .7s;
    transition-property: opacity
}

@media only screen and (min-width:1921px) {
    .slide-awards__image img {
        width: 100%
    }
}

.slide-awards__image img.lazyloaded {
    opacity: 1
}

@media only screen and (min-width:1280px) {
    .page--ge .slide-awards__body {
        max-width: 29rem
    }
}

.faq__row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.faq__image {
    position: relative;
    padding: 0 0 128.835% 0;
    overflow: hidden;
    border-radius: 2.4rem
}

@media only screen and (min-width:1024px) {
    .faq__image {
        border-radius: 6.4rem
    }
}

.faq__image img {
    object-fit: cover
}

.faq__image-wrapper {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 34.344%;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    display: none
}

@media only screen and (min-width:768px) {
    .faq__image-wrapper {
        display: block
    }
}

.faq__content {
    width: 100%;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative
}

@media only screen and (min-width:768px) {
    .faq__content {
        margin: 0 .8rem 0 0
    }
}

.faq__content .js-accordion {
    position: relative;
    z-index: 1
}

.faq__bg {
    top: 9rem;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.faq__buttons {
    margin: .4rem -2.4rem 0
}

@media only screen and (min-width:576px) {
    .faq__buttons {
        margin: 4.3rem -.3rem 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (max-width:575px) {
    .faq__button {
        width: 100%;
        margin: 0 0 .4rem 0
    }
    .faq__button:last-child {
        margin: 0
    }
}

@media only screen and (min-width:576px) {
    .faq__button {
        margin: 0 .3rem
    }
}

.item-faq {
    margin: 0 0 .8rem 0
}

.item-faq:last-child {
    margin: 0
}

.features {
    position: relative
}

.features:before {
    content: '';
    position: absolute;
    top: -24.5rem;
    left: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(206, 31, 58, 0) 0%, #ee6922 52.08%, rgba(238, 105, 34, 0) 100%);
    z-index: 0;
    pointer-events: none;
    height: 56%
}

@media only screen and (min-width:576px) {
    .features:before {
        height: 100%
    }
}

.features__decor {
    z-index: 0;
    width: 43.2rem;
    top: -5rem;
    left: -22rem
}

@media only screen and (min-width:768px) {
    .features__decor {
        width: 72.221%;
        top: -14rem;
        left: -39.2rem
    }
}

@media only screen and (min-width:1024px) {
    .features__decor {
        top: -20rem;
        left: -56rem
    }
    .features__decor--covid {
        top: -40rem
    }
}

@media only screen and (min-width:1024px) {
    .features__decor._top {
        top: -40rem
    }
}

.features__decor._middle {
    top: 40rem
}

.features__decor._bottom {
    top: auto;
    bottom: -40rem
}

.features__head .page__section-title {
    max-width: 100.7rem
}

.features__content:before {
    width: 39.476%
}

.features__body {
    margin: 0
}

@media only screen and (max-width:575px) {
    .features__body {
        padding: 4rem 2rem
    }
}

@media only screen and (min-width:576px) {
    .features__body {
        width: 42.156%
    }
}

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

.features__body .banner-page__text {
    margin: 0
}

@media only screen and (min-width:1024px) {
    .features__body .banner-page__text {
        max-width: 49.4rem
    }
}

.features__triangle {
    left: 39%
}

.features__video {
    z-index: 1;
    position: relative
}

@media only screen and (max-width:575px) {
    .features__video {
        padding: 0 0 91.34% 0;
        border-radius: 3.2rem;
        overflow: hidden;
        margin: -20% 0 0 0
    }
}

@media only screen and (min-width:576px) {
    .features__video {
        position: absolute;
        right: 0;
        height: 100%;
        width: 59.551%
    }
}

.features__video-preview {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.features__video-preview img {
    object-fit: cover
}

.features__video-play {
    position: absolute;
    top: 61%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 5.6rem;
    height: 5.6rem;
    border-radius: 2.4rem;
    background-color: #db3737;
    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
}

@media only screen and (min-width:576px) {
    .features__video-play {
        left: 61%;
        top: 50%
    }
}

@media only screen and (min-width:1024px) {
    .features__video-play {
        width: 10rem;
        height: 10rem;
        border-radius: 3.2rem
    }
}

.features__video-play:hover {
    background-color: #fff
}

.features__video-play:hover svg path {
    fill: #db3737
}

.features__video-play svg {
    width: 2.4rem;
    height: 2.4rem
}

@media only screen and (min-width:1024px) {
    .features__video-play svg {
        width: 4rem;
        height: 4rem
    }
}

.features__video-play svg path {
    transition: fill .7s
}

.list-features {
    margin: .8rem 0 0 0;
    position: relative
}

@media only screen and (min-width:576px) {
    .list-features__bg {
        display: none
    }
}

.list-features__row {
    position: relative;
    z-index: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -.4rem
}

.list-features__column {
    padding: .4rem;
    width: 100%
}

@media only screen and (min-width:576px) {
    .list-features__column {
        width: 50%
    }
}

@media only screen and (min-width:768px) {
    .list-features__column {
        width: 25%
    }
}

.list-features__column:nth-child(2) .list-features__icon {
    background-color: #0b93a3
}

.list-features__column:nth-child(3) .list-features__icon {
    background-color: #ff7e07
}

.list-features__column:nth-child(4) .list-features__icon {
    background-color: #89b727
}

.list-features__item {
    background: radial-gradient(81.41% 81.44% at 21.19% 18.56%, rgba(255, 255, 255, .24) 0%, rgba(255, 255, 255, 0) 100%);
    height: 100%;
    padding: 3.2rem 2rem;
    border-radius: 3.2rem
}

@media only screen and (min-width:1024px) {
    .list-features__item {
        border-radius: 5.6rem
    }
}

@media (min-width:1024px) and (max-width:1279px) {
    .list-features__item {
        padding: 4.8rem 2.5rem
    }
}

@media only screen and (min-width:1280px) {
    .list-features__item {
        padding: 4.8rem 3.8rem 4.8rem 4.8rem
    }
}

.list-features__icon {
    margin: 0 0 2.4rem 0
}

@media only screen and (min-width:1024px) {
    .list-features__icon {
        margin: 0 0 4.8rem 0
    }
}

.list-features__icon svg {
    fill: transparent
}

.list-features__title {
    margin: 0 0 .8rem 0
}

@media only screen and (max-width:575px) {
    .list-features__title {
        font-size: 2.4rem
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .list-features__title {
        font-size: 2.1rem
    }
}

@media (min-width:1024px) and (max-width:1279px) {
    .list-features__title {
        font-size: 2.8rem
    }
}

@media only screen and (min-width:1024px) {
    .list-features__title {
        margin: 0 0 1.6rem 0
    }
}

.page--kz .features__head .button {
    text-transform: uppercase
}

.page--kz .features__head .page__section-title {
    max-width: 89.7rem
}

@media only screen and (min-width:576px) {
    .page--kz .features__body {
        width: 39.153%
    }
}

.page--ge .list-features__title {
    word-break: break-word
}

@media only screen and (min-width:1280px) {
    .page--ge .list-features__item p {
        width: 94%
    }
}

@media only screen and (min-width:1024px) {
    .page--ge .features__head .page__section-title,
    .page--md .features__head .page__section-title {
        max-width: 110.7rem
    }
}

@media only screen and (min-width:576px) {
    .page--md .features__body {
        width: 38.153%
    }
}

@media only screen and (min-width:1024px) {
    .page--az .features__head .page__section-title {
        max-width: 96.7rem
    }
}

@media only screen and (min-width:1024px) {
    .page--az .list-features__title {
        width: 90%
    }
}

@media only screen and (min-width:1024px) {
    .page--am .list-features__title {
        font-size: 2.4rem;
        line-height: 1.166666666666667
    }
}

.intro {
    z-index: 2;
    position: relative
}

.intro:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(206, 73, 31, .5) 0%, rgba(238, 105, 34, .7) 52.08%, rgba(238, 105, 34, 0) 100%);
    z-index: 0;
    height: 128%;
    pointer-events: none
}

@media only screen and (max-width:575px) {
    .intro__content {
        height: auto;
        padding: 0;
        border-radius: 1.2rem;
        overflow: hidden
    }
}

@media only screen and (min-width:576px) {
    .intro__content:before {
        width: 58%
    }
}

@media only screen and (max-width:575px) {
    .intro__content:after {
        background: linear-gradient(180deg, #f26822 10.42%, #350b24 100%)
    }
}

@media only screen and (min-width:576px) {
    .intro__content:after {
        width: 50%
    }
}

.intro__decor {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    width: 166.679%;
    left: -20%;
    top: 74%
}

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

@media only screen and (min-width:576px) {
    .intro__decor {
        top: 64%;
        left: 30%;
        width: 73.034%
    }
}

@media only screen and (max-width:575px) {
    .intro__row {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.intro__triangle {
    right: 21.6%
}

@media only screen and (max-width:575px) {
    .intro__triangle {
        display: block;
        height: 100.5%;
        right: auto;
        left: 50%;
        width: 24vw;
        margin-left: -10.45vw
    }
}

.intro__body {
    position: relative;
    z-index: 2;
    margin: 0 8.5rem 0 0
}

@media only screen and (min-width:576px) {
    .intro__body {
        width: 39.393%
    }
}

@media only screen and (max-width:1439px) {
    .intro__body {
        margin: 0 5.9vw 0 0
    }
}

@media only screen and (max-width:575px) {
    .intro__body {
        padding: 2rem 2rem;
        padding-top: 3rem;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        border-radius: 1.2rem;
        margin: 0;
        margin-top: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }
}

.intro__pack-wrapper {
    position: relative;
    z-index: 3;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    width: 100%;
    margin: 0
}

@media only screen and (max-width:575px) {
    .intro__pack-wrapper {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        padding: 2.9rem 0;
        padding: 7.8vw 0;
        overflow: hidden;
        border-radius: 1.2rem;
        min-height: 75vw;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }
    .intro__pack-wrapper::after {
        content: '';
        position: absolute;
        z-index: 3;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 8.9rem;
        background: linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0) 100%)
    }
}

@media only screen and (min-width:576px) {
    .intro__pack-wrapper {
        margin: 0;
        width: 29.227%
    }
}

@media only screen and (max-width:575px) {
    .intro__pack-wrapper:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background-color: #fff;
        width: 48%;
        z-index: 1
    }
}

.intro__pack {
    position: relative;
    z-index: 4;
    padding-bottom: 79.857%;
    box-shadow: inset 0 0 1.3rem rgba(0, 0, 0, .04);
    -webkit-box-shadow: inset 0 0 1.3rem rgba(0, 0, 0, .04);
    -moz-box-shadow: inset 0 0 1.3rem rgba(0, 0, 0, .04);
    -webkit-filter: drop-shadow(0 .2rem .4rem rgba(0, 0, 0, .25)) drop-shadow(0 -.2rem 1.3rem rgba(0, 0, 0, .1));
    filter: drop-shadow(0 .2rem .4rem rgba(0, 0, 0, .25)) drop-shadow(0 -.2rem 1.3rem rgba(0, 0, 0, .1))
}

@media only screen and (max-width:575px) {
    .intro__pack {
        padding: 0;
        margin: 0 auto;
        width: 46.88vw;
        width: 74.69vw;
        line-height: 0
    }
}

@media only screen and (min-width:576px) {
    .intro__pack {
        -webkit-filter: drop-shadow(0 .2rem .4rem rgba(0, 0, 0, .25)) drop-shadow(0 1.8rem 1.3rem rgba(0, 0, 0, .1));
        filter: drop-shadow(0 .2rem .4rem rgba(0, 0, 0, .25)) drop-shadow(0 1.8rem 1.3rem rgba(0, 0, 0, .1))
    }
}

.intro__pack img {
    object-fit: contain
}

@media only screen and (max-width:575px) {
    .intro__pack img {
        position: relative
    }
}

.intro__pack-ray {
    position: absolute;
    top: 0;
    right: 0;
    width: 69.876%;
    height: 100%;
    z-index: 0
}

.intro__pack-ray img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media only screen and (min-width:576px) {
    .intro__pack-ray {
        display: none
    }
}

@media (min-width:1024px) {
    .intro--buy .banner-page__text {
        width: 94%
    }
}

@media only screen and (min-width:576px) {
    .page--kz .intro__pack-wrapper {
        width: 28.926%
    }
}

@media only screen and (min-width:576px) {
    .page--kz .intro__pack {
        margin-left: -1%;
        padding-bottom: 79.99%
    }
}

@media only screen and (min-width:1024px) {
    .page--kz .intro__body {
        margin-bottom: 8rem
    }
}

.page--md .intro__body {
    overflow: visible
}

@media only screen and (min-width:576px) {
    .page--md .intro__body {
        width: 40.393%
    }
}

@media only screen and (min-width:768px) {
    .main .packs:before {
        display: none
    }
}

.packs {
    position: relative;
    z-index: 2
}

@media only screen and (max-width:767px) {
    .packs:before {
        content: '';
        position: absolute;
        top: 17rem;
        left: 0;
        width: 100%;
        background: linear-gradient(180deg, rgba(206, 31, 58, 0) 0%, rgba(238, 105, 34, .7) 52.08%, rgba(238, 105, 34, 0) 100%);
        z-index: 0;
        pointer-events: none;
        height: 85%
    }
}

@media only screen and (min-width:768px) {
    .packs:before {
        content: '';
        position: absolute;
        top: 20%;
        left: 0;
        width: 100%;
        background: linear-gradient(180deg, rgba(206, 31, 58, 0) 0%, rgba(238, 105, 34, .7) 52.08%, rgba(238, 105, 34, 0) 100%);
        z-index: 0;
        height: 175%;
        pointer-events: none
    }
}

.packs__head {
    z-index: 2;
    margin: 0 0 .8rem 0
}

@media only screen and (min-width:576px) {
    .packs__head {
        margin: 0 0 2.5rem 0
    }
}

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

.packs__info {
    margin: 1.6rem 0 0 0
}

@media only screen and (min-width:768px) {
    .packs__info {
        max-width: 25rem;
        margin: 0 0 0 2rem
    }
}

@media only screen and (min-width:1024px) {
    .packs__info {
        max-width: 37rem
    }
}

.packs__info .button {
    margin: 2.4rem 0 0 0
}

@media only screen and (min-width:1024px) {
    .packs__info .button {
        margin: 3.2rem 0 0 0
    }
}

.packs__row {
    position: relative;
    z-index: 1;
    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) {
    .packs__row {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.packs__item {
    text-align: center
}

@media only screen and (max-width:767px) {
    .packs__item {
        margin: 0 0 2.4rem 0
    }
    .packs__item:last-child {
        margin: unset
    }
}

@media only screen and (min-width:768px) {
    .packs__item {
        width: 33.333%
    }
}

@media (any-hover:hover) {
    .packs__item:hover .packs__image-item {
        -webkit-transform: scale(1.31) translateY(-7%);
        transform: scale(1.31) translateY(-7%)
    }
    .packs__item:hover .packs__image-decor {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
        opacity: 1
    }
}

.packs__image {
    position: relative;
    line-height: 0;
    max-width: 486px;
    width: 100%;
    display: inline-block
}

@media only screen and (min-width:768px) {
    .packs__image {
        max-width: 100%
    }
}

.packs__image-item {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    transition: -webkit-transform .7s;
    transition: transform .7s;
    transition: transform .7s, -webkit-transform .7s
}

.packs__image-decor {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 160%;
    -webkit-transform: translate(-50%, -50%) rotate(-15deg);
    transform: translate(-50%, -50%) rotate(-15deg);
    opacity: 0;
    z-index: 0;
    max-width: initial;
    transition: all .7s;
    pointer-events: none
}

.packs__title {
    margin: -2.5rem auto 0;
    position: relative;
    z-index: 1;
    display: block
}

@media only screen and (max-width:767px) {
    .packs__title {
        font-size: 2.4rem
    }
}

@media only screen and (min-width:1024px) {
    .packs__title {
        margin: -3rem auto 0
    }
}

.packs-with-bg .about__bg {
    top: -10rem;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

@media only screen and (max-width:767px) {
    .packs-with-bg .about__bg {
        display: none
    }
}

@media only screen and (min-width:768px) {
    .page--kz .packs__row {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media only screen and (min-width:1024px) {
    .page--kz .packs__info {
        max-width: 43rem
    }
}

@media only screen and (min-width:768px) {
    .page--kz .packs__item {
        width: 30.829%
    }
    .page--kz .packs__item:first-child {
        margin-left: 2%
    }
    .page--kz .packs__item:last-child {
        margin-left: 8%
    }
}

@media (any-hover:hover) {
    .page--kz .packs__item:hover .packs__image-item {
        -webkit-transform: scale(1.1) translateY(-7%);
        transform: scale(1.1) translateY(-7%)
    }
}

.page--kz .packs__title {
    margin-top: 2%
}

@media only screen and (min-width:768px) {
    .page--kz .packs__title {
        margin-top: 6%
    }
}

@media only screen and (min-width:1024px) {
    .page--kz .packs__head {
        margin-bottom: 4.2rem
    }
}

@media only screen and (min-width:1024px) {
    .page--md .packs__info {
        max-width: 41.7rem
    }
}

@media only screen and (min-width:768px) {
    .page--md .packs__row {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media only screen and (min-width:768px) {
    .page--md .packs__item {
        width: 30.7%
    }
    .page--md .packs__item:first-child {
        margin-left: 2%
    }
    .page--md .packs__item:last-child {
        margin-left: 8%
    }
}

@media (any-hover:hover) {
    .page--md .packs__item:hover .packs__image-item {
        -webkit-transform: scale(1.1) translateY(-7%);
        transform: scale(1.1) translateY(-7%)
    }
}

.page--md .packs__title {
    margin-top: 2%
}

@media only screen and (min-width:768px) {
    .page--md .packs__title {
        width: 33.6rem;
        margin-top: 6.3%
    }
}

@media only screen and (min-width:1024px) {
    .page--md .packs__head {
        margin-bottom: 5.6rem
    }
}

@media only screen and (min-width:768px) {
    .page--am .packs__row {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.research__decor {
    z-index: 0;
    top: -35rem;
    right: -28rem;
    width: 43.2rem
}

@media only screen and (min-width:576px) {
    .research__decor {
        display: none
    }
}

.research__row {
    position: relative;
    z-index: 2
}

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

.research__mobile {
    margin: 2.4rem 0 0 0
}

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

.research__body {
    margin: 0 0 2.4rem 0
}

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

.research__title {
    margin: 0 0 1.6rem 0
}

.research__button-desktop {
    margin: 3.2rem 0 0 0
}

@media only screen and (max-width:767px) {
    .research__button-desktop {
        display: none
    }
}

.research__columns {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -.4rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

@media only screen and (min-width:768px) {
    .research__columns {
        min-width: 435px;
        width: 52.034%
    }
}

.research__column {
    padding: .4rem;
    width: 100%
}

@media only screen and (min-width:576px) {
    .research__column {
        width: 50%
    }
}

.research__item {
    background: radial-gradient(81.41% 81.44% at 21.19% 18.56%, rgba(255, 255, 255, .24) 0%, rgba(255, 255, 255, 0) 100%);
    height: 100%;
    padding: 3.2rem 2rem;
    border-radius: 3.2rem
}

@media only screen and (max-width:575px) {
    .research__item {
        min-height: 20.8rem
    }
}

@media only screen and (min-width:1024px) {
    .research__item {
        padding: 4.8rem 3rem;
        border-radius: 5.6rem
    }
}

@media only screen and (min-width:1280px) {
    .research__item {
        padding: 4.8rem 4.8rem 5.3rem
    }
}

.research__icon {
    margin: 0 0 2.4rem 0
}

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

.research__subtitle {
    margin: 0
}

@media only screen and (max-width:767px) {
    .research__subtitle {
        font-size: 2.4rem
    }
}

@media only screen and (min-width:768px) {
    .page--ge .research__body {
        margin-right: 2.4rem
    }
}

@media only screen and (min-width:768px) {
    .page--md .research__body {
        margin-right: 2rem
    }
}

@media only screen and (min-width:768px) {
    .page--az .research__body {
        margin-right: -1rem
    }
}

@media only screen and (min-width:1024px) {
    .page--am .research__subtitle {
        font-size: 2.4rem
    }
}

@media only screen and (min-width:768px) {
    .use .why__decor {
        top: -45.5rem;
        right: -34.8rem
    }
}

@media only screen and (min-width:1024px) {
    .use .why__decor {
        top: -65rem;
        right: -64rem
    }
}

.use__head {
    margin: 0 0 4.4rem 0
}

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

.use__head-body .use__title {
    line-height: 1;
    margin-bottom: 1rem
}

@media only screen and (min-width:768px) {
    .use__head-body .use__title {
        line-height: .86;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 1.5rem
    }
}

.use__head-body .use__title:last-child {
    margin-bottom: unset
}

.use__head-body .use__title svg {
    width: 3.3rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media only screen and (min-width:1024px) {
    .use__head-body .use__title svg {
        margin-top: 1.5rem;
        width: 4rem;
        height: 2rem;
        margin-right: 1.7rem
    }
}

@media only screen and (min-width:768px) {
    .use__title {
        max-width: 34.6rem
    }
}

@media only screen and (min-width:1024px) {
    .use__title {
        line-height: .86;
        max-width: 73.6rem
    }
}

.use__info {
    width: 100%;
    margin: 1.6rem 0 0 0
}

@media only screen and (min-width:768px) {
    .use__info {
        margin: 0 0 0 2rem;
        max-width: 24.3rem
    }
}

@media only screen and (min-width:1024px) {
    .use__info {
        max-width: 37.3rem
    }
}

.use__info .button {
    margin: 2rem 0 0 0
}

@media only screen and (min-width:1024px) {
    .use__info .button {
        margin: 3.2rem 0 0 0
    }
}

@media only screen and (max-width:575px) {
    .use__info .button {
        display: none
    }
}

.use__mobile {
    margin: 3.2rem 0 0 0
}

@media only screen and (min-width:576px) {
    .use__mobile {
        display: none
    }
}

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

.banner-use._switched .switch-use__text-before {
    display: none
}

.banner-use._switched .switch-use__text-after {
    display: block
}

.banner-use._switched .banner-use__icon {
    background-color: #8a8a8a
}

.banner-use._switched .banner-use__list {
    color: #8a8a8a
}

.banner-use._switched .banner-use__image--before {
    opacity: 0;
    -webkit-transform: translateX(25%);
    transform: translateX(25%)
}

.banner-use._switched .banner-use__image--after {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.banner-use._switched .banner-use__pack-wrapper::before {
    opacity: 1
}

.banner-use:before {
    width: 41.577%;
    z-index: 3
}

@media only screen and (min-width:1024px) {
    .banner-use:before {
        width: 34.551%
    }
}

.banner-use:after {
    display: none
}

@media (min-width:576px) and (max-width:767px) {
    .banner-use__row {
        padding: .5rem 0
    }
}

.banner-use__body {
    margin: 0
}

@media only screen and (max-width:575px) {
    .banner-use__body {
        padding: 3.2rem 1rem
    }
}

@media only screen and (min-width:576px) {
    .banner-use__body {
        width: 43.14%
    }
}

.banner-use__list {
    list-style: none;
    margin: 0;
    padding-left: 0;
    transition: color .7s
}

@media only screen and (min-width:768px) {
    .banner-use__list {
        white-space: nowrap
    }
}

@media only screen and (max-width:1023px) {
    .banner-use__list {
        font-size: 1.4rem
    }
}

@media (min-width:576px) and (max-width:767px) {
    .banner-use__list {
        font-size: 1.2rem
    }
}

@media only screen and (max-width:575px) {
    .banner-use__list {
        font-size: 2rem
    }
}

.banner-use__list li {
    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
}

.banner-use__list li::before {
    content: none
}

@media only screen and (max-width:575px) {
    .banner-use__list li {
        margin: 0 0 1.6rem 0
    }
}

@media only screen and (min-width:576px) {
    .banner-use__list li {
        margin: 0 0 .5rem 0
    }
}

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

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

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

.banner-use__icon {
    border-radius: 1.6rem;
    margin: 0 1.2rem 0 0;
    transition: background-color .7s
}

@media (min-width:576px) and (max-width:767px) {
    .banner-use__icon {
        margin: 0 .5rem 0 0;
        width: 3.2rem;
        height: 3.2rem;
        border-radius: 1.2rem
    }
}

@media only screen and (min-width:768px) {
    .banner-use__icon {
        width: 4rem;
        height: 4rem
    }
}

@media only screen and (min-width:1024px) {
    .banner-use__icon {
        width: 6.4rem;
        height: 6.4rem;
        border-radius: 2.4rem
    }
}

.banner-use__icon svg {
    fill: transparent;
    width: 2.4rem;
    height: 2.4rem
}

@media (min-width:576px) and (max-width:767px) {
    .banner-use__icon svg {
        width: 2rem;
        height: 2rem
    }
}

@media only screen and (min-width:1024px) {
    .banner-use__icon svg {
        width: 4rem;
        height: 4rem
    }
}

.banner-use__pack-wrapper {
    width: 19.621%;
    position: relative;
    z-index: 2
}

@media only screen and (max-width:575px) {
    .banner-use__pack-wrapper {
        display: none
    }
}

@media only screen and (min-width:1024px) {
    .banner-use__pack-wrapper {
        -webkit-transform: translateX(-7.36vw);
        transform: translateX(-7.36vw);
        -webkit-transform: translate(-11rem);
        transform: translate(-11rem)
    }
}

.banner-use__pack-wrapper::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(0, 0, 0) translate(-50%, -50%);
    transform: translate3d(0, 0, 0) translate(-50%, -50%);
    width: 148.155%;
    padding-bottom: 161.111%;
    border-radius: 50%;
    background-color: #ffa545;
    -webkit-filter: blur(120px);
    filter: blur(120px);
    z-index: 2;
    pointer-events: none;
    opacity: .3
}

.banner-use__pack {
    position: relative;
    z-index: 3;
    padding: 0 0 79.633% 0;
    box-shadow: inset 0 0 13px rgba(0, 0, 0, .04);
    -webkit-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .25)) drop-shadow(0 18px 13px rgba(0, 0, 0, .1));
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .25)) drop-shadow(0 18px 13px rgba(0, 0, 0, .1))
}

.banner-use__pack img {
    object-fit: contain
}

@media only screen and (min-width:1024px) {
    .banner-use__triangle {
        right: 25.6%;
        right: 21.7%;
        height: 62.9rem;
        width: 25.9rem;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjU5IiBoZWlnaHQ9IjYyOSIgdmlld0JveD0iMCAwIDI1OSA2MjkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDBIOTguMTAwMUwyNTkgMzE4LjkwM0w5OC4xMDAxIDYyOUgwVjBaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K)
    }
}

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

@media only screen and (max-width:575px) {
    .banner-use__image-wrapper {
        padding: 0 0 79% 0;
        border-radius: 0 0 3.2rem 3.2rem;
        overflow: hidden;
        margin: -2.5rem 0 0 0
    }
}

@media only screen and (min-width:576px) {
    .banner-use__image-wrapper {
        position: absolute;
        right: 0;
        height: 100%;
        width: 60.534%;
        width: 66.433%
    }
}

.banner-use__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    transition: opacity, -webkit-transform;
    transition: opacity, transform;
    transition: opacity, transform, -webkit-transform;
    transition-duration: .7s
}

.banner-use__image--after {
    opacity: 0;
    -webkit-transform: translateX(-25%);
    transform: translateX(-25%)
}

.banner-use__image img {
    object-fit: cover
}

@media only screen and (max-width:1023px) {
    .banner-use__image img {
        -webkit-transform: translateX(10%);
        transform: translateX(10%)
    }
}

@media only screen and (max-width:575px) {
    .banner-use__image img {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.switch-use {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:575px) {
    .switch-use {
        margin: 2.1rem 0 0 0
    }
}

@media only screen and (min-width:576px) {
    .switch-use {
        margin: 1rem 0 0 0
    }
}

@media only screen and (min-width:768px) {
    .switch-use {
        margin: 2rem 0 0 0
    }
}

@media only screen and (min-width:1280px) {
    .switch-use {
        margin: 4rem 0 0 0
    }
}

.switch-use__item {
    border-radius: 6.4rem;
    width: 9.3rem;
    height: 5rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .5rem;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (min-width:576px) and (max-width:767px) {
    .switch-use__item {
        height: 4rem;
        width: 7.3rem
    }
}

@media (any-hover:hover) {
    .switch-use__item:hover .switch-use__item-body:before {
        -webkit-transform: rotate(404deg);
        transform: rotate(404deg)
    }
}

.switch-use__input {
    display: none
}

.switch-use__input:checked~.switch-use__item-bg {
    background-color: #ff7e07
}

.switch-use__input:checked~.switch-use__item-body {
    -webkit-transform: translateX(4.5rem);
    transform: translateX(4.5rem)
}

@media (min-width:576px) and (max-width:767px) {
    .switch-use__input:checked~.switch-use__item-body {
        -webkit-transform: translateX(3.5rem);
        transform: translateX(3.5rem)
    }
}

.switch-use__input:checked~.switch-use__item-arrow {
    -webkit-transform: translateX(4.5rem);
    transform: translateX(4.5rem);
    opacity: 0
}

@media (min-width:576px) and (max-width:767px) {
    .switch-use__input:checked~.switch-use__item-arrow {
        -webkit-transform: translateX(3.5rem);
        transform: translateX(3.5rem)
    }
}

.switch-use__item-arrow {
    width: 1.2rem;
    height: 1.7rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    fill: transparent;
    margin: 0 0 0 1.5rem;
    position: relative;
    z-index: 1;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-duration: .7s
}

.switch-use__item-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: #db3737;
    transition: background-color .7s
}

.switch-use__item-body {
    width: 3.9rem;
    height: 3.9rem;
    border-radius: 50%;
    background-color: #fff;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
    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;
    transition: -webkit-transform .7s;
    transition: transform .7s;
    transition: transform .7s, -webkit-transform .7s
}

@media (min-width:576px) and (max-width:767px) {
    .switch-use__item-body {
        width: 3rem;
        height: 3rem
    }
}

.switch-use__item-body:before {
    content: '';
    position: absolute;
    width: 3.4rem;
    height: 3.4rem;
    border-radius: 50%;
    border: .4rem solid transparent;
    border-top-color: #e6e6e6;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: -webkit-transform .7s;
    transition: transform .7s;
    transition: transform .7s, -webkit-transform .7s
}

@media (min-width:576px) and (max-width:767px) {
    .switch-use__item-body:before {
        width: 2.5rem;
        height: 2.5rem
    }
}

.switch-use__text {
    margin: 0 0 0 1.8rem
}

@media only screen and (max-width:575px) {
    .switch-use__text {
        font-size: 2.4rem
    }
}

@media (min-width:576px) and (max-width:767px) {
    .switch-use__text {
        font-size: 1.2rem;
        margin: 0 0 0 .5rem
    }
}

.switch-use__text-after {
    display: none
}

.use-note {
    margin-top: 3.2rem;
    position: relative;
    z-index: 1
}

@media only screen and (min-width:1024px) {
    .use-note {
        margin-top: 2.4rem
    }
}

.use-note .pharmacies-buy__title {
    max-width: unset
}

@media only screen and (max-width:1023px) {
    .use-note .pharmacies-buy__title {
        font-size: 2.4rem
    }
}

.use-note__content {
    background-color: #fff;
    padding: 4rem 2rem;
    color: #0b0b0b;
    border-radius: 3.2rem
}

@media only screen and (min-width:1024px) {
    .use-note__content {
        padding: 5.6rem 5rem 5.6rem 6.4rem;
        border-radius: 6.4rem
    }
}

.use-note__content .button {
    margin-top: 3.2rem
}

@media only screen and (min-width:576px) {
    .page--kz .banner-use__list {
        width: 80%;
        white-space: normal
    }
}

@media only screen and (min-width:576px) {
    .page--ge .banner-use__list,
    .page--az .banner-use__list {
        white-space: normal
    }
}

@media only screen and (min-width:1024px) {
    .page--md .use__title {
        max-width: 74.6rem
    }
}

@media only screen and (min-width:1024px) {
    .page--md .use__info {
        max-width: 43.3rem
    }
}

@media only screen and (min-width:576px) {
    .page--md .banner-use__list {
        width: 78%;
        white-space: normal
    }
}

@media only screen and (min-width:1024px) {
    .page--az .use__info {
        max-width: 43.3rem
    }
}

@media only screen and (min-width:1024px) {
    .page--am .use__title {
        max-width: 83.6rem
    }
}

@media only screen and (min-width:1024px) {
    .page--am .use__info {
        max-width: 43.95rem
    }
}

@media only screen and (min-width:576px) {
    .page--am .banner-use__list {
        width: 90%;
        white-space: normal
    }
}

.why {
    position: relative
}

.why__decor {
    z-index: 0;
    top: 0;
    right: -28rem;
    width: 43.2rem
}

@media only screen and (min-width:768px) {
    .why__decor {
        opacity: 1;
        width: 72.221%;
        top: -17.5rem;
        right: -44.8rem
    }
}

@media only screen and (min-width:1024px) {
    .why__decor {
        top: -25rem;
        right: -64rem
    }
}

@media only screen and (max-width:767px) {
    .why__decor._top {
        top: -20rem
    }
}

@media only screen and (min-width:1024px) {
    .why__decor._top {
        top: -35rem
    }
}

@media only screen and (max-width:767px) {
    .why__decor._top-not-mob {
        display: none
    }
}

@media only screen and (min-width:768px) {
    .why__decor._center {
        top: 10rem
    }
}

@media only screen and (min-width:768px) {
    .why__decor._bottom {
        top: auto;
        bottom: -40rem
    }
}

.why .page__section-head {
    position: relative;
    z-index: 2
}

.why__row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    z-index: 1
}

@media only screen and (min-width:1024px) {
    .why__row._big .why__column {
        width: 25%
    }
}

@media only screen and (min-width:576px) {
    .why__column {
        width: 50%
    }
}

@media only screen and (min-width:1024px) {
    .why__column {
        width: 33.333%
    }
}

.why__item {
    background: radial-gradient(81.41% 81.44% at 21.19% 18.56%, rgba(255, 255, 255, .24) 0%, rgba(255, 255, 255, 0) 100%);
    height: 100%;
    padding: 3.2rem 2rem;
    border-radius: 3.2rem
}

@media only screen and (min-width:1024px) {
    .why__item {
        padding: 4.8rem;
        border-radius: 5.6rem;
        min-height: 40rem
    }
}

.why__icon {
    margin: 0 0 2.4rem 0
}

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

.why__title {
    margin: 0 0 .8rem 0
}

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

@media only screen and (min-width:576px) {
    .why__double-bg {
        display: none
    }
}

@media only screen and (min-width:1280px) {
    .page--kz .why__item p {
        width: 96%
    }
}

@media only screen and (min-width:1280px) {
    .page--md .why__item p {
        width: 98%
    }
}

@media only screen and (min-width:1280px) {
    .page--ge .why__title,
    .page--md .why__title {
        width: 96%
    }
}

@media only screen and (min-width:576px) {
    .page--az .why__title {
        line-height: 1.125
    }
}

@media only screen and (min-width:1280px) {
    .page--az .why__title {
        width: 94%
    }
}

@media only screen and (min-width:1280px) {
    .page--az .why__item p {
        width: 96%
    }
}

@media only screen and (min-width:1280px) {
    .page--am .why__title {
        width: 94%
    }
}

@media only screen and (min-width:1024px) {
    .page--am .why__title {
        font-size: 2.4rem;
        line-height: 1.166666666666667
    }
}

@media only screen and (min-width:1280px) {
    .page--am .why__item p {
        width: 98%
    }
}

@media only screen and (min-width:1280px) {
    .page--am .why__column:last-child .why__title {
        width: 88%
    }
}

@media only screen and (min-width:1280px) {
    .page--am .why__column:last-child .why__item p {
        width: 86%
    }
}

.menu-mobile {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    border-radius: 1.6rem 1.6rem 0 0;
    background-color: #370b25
}

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

.menu-mobile__row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding-left: 0
}

.menu-mobile__item {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    width: 7.8rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: center;
    padding: .6rem 0
}

.menu-mobile__item::before {
    content: none
}

.menu-mobile__item.is-current .menu-mobile__link {
    background-color: #db3737
}

.menu-mobile__item.js-drop-open .menu-mobile__submenu {
    opacity: 1;
    pointer-events: all;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.menu-mobile__item.js-drop-open .menu-mobile__link {
    background-color: #db3737
}

.menu-mobile__link {
    border: none;
    text-align: center;
    padding: 0;
    font-size: .8rem;
    font-weight: 500;
    line-height: 0;
    letter-spacing: normal;
    position: relative;
    z-index: 1;
    border-radius: 1.2rem;
    padding: .9rem 1.2rem;
    min-width: 5.6rem
}

.menu-mobile__link>span {
    display: block;
    text-align: center;
    margin: .5rem 0 0 0;
    line-height: 1.25
}

.menu-mobile__icon {
    display: inline-block;
    width: 2.4rem;
    height: 2.4rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    fill: transparent;
    line-height: 0
}

.menu-mobile__submenu {
    position: absolute;
    bottom: 4.9rem;
    right: -.4rem;
    list-style: none;
    margin: 0;
    padding-left: 0;
    background-color: #370b25;
    border-radius: 1.6rem 1.6rem 0 0;
    padding: 1.9rem 1.8rem 3.4rem 2.4rem;
    font-size: 1.2rem;
    line-height: 1;
    color: #fff;
    z-index: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(1rem);
    transform: translateY(1rem);
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-duration: .3s
}

.menu-mobile__submenu li {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    margin: 0 0 1.6rem 0;
    white-space: nowrap;
    text-align: left
}

.menu-mobile__submenu li::before {
    content: none
}

.menu-mobile__submenu li:last-child {
    margin: 0
}

.menu-mobile__submenu li.is-current a {
    color: #db3737
}

.menu-mobile__submenu li a {
    color: #fff
}

.page--inter .menu-mobile__row--around {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.page--inter .menu-mobile__row--around .menu-mobile__item {
    margin-left: auto
}

.page--inter .menu-mobile__item--auto {
    width: auto;
    margin-left: auto;
    margin-right: auto
}

.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-footer {
    position: relative;
    z-index: 3
}

.page-footer__wrapper {
    background-color: #fff;
    color: #0b0b0b;
    padding: 5rem 0 10rem 0;
    border-radius: 3.2rem 3.2rem 0 0
}

@media only screen and (min-width:576px) {
    .page-footer__wrapper {
        border-radius: 4.8rem 4.8rem 0 0
    }
}

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

.page-footer__row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 4rem 0
}

.page-footer__row:last-child {
    margin: 0
}

@media only screen and (max-width:767px) {
    .page-footer__row {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (min-width:768px) {
    .page-footer__row {
        margin: 0 0 9.5rem 0
    }
}

@media only screen and (max-width:767px) {
    .page-footer__row--order-reverse .page-footer__left {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin: 2rem 0 0 0
    }
    .page-footer__row--order-reverse .page-footer__right {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

.page-footer__left {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 0 3.2rem 0
}

@media only screen and (min-width:576px) {
    .page-footer__left {
        margin: 0 0 2rem 0;
        width: 14rem
    }
}

@media only screen and (min-width:768px) {
    .page-footer__left {
        margin: 0 2rem 0 0
    }
}

.page-footer__logo {
    width: 11.2rem;
    line-height: 0
}

.page-footer__logo img,
.page-footer__logo svg {
    width: 100%;
    height: 100%
}

.page-footer__right {
    width: 100%
}

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

.page-footer__mail {
    margin: 0 0 3.2rem 0
}

@media only screen and (min-width:576px) {
    .page-footer__mail {
        margin: 0 -1rem 2rem;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media only screen and (min-width:576px) {
    .page-footer__mail p {
        width: 50%;
        margin: 0 1rem
    }
}

@media only screen and (max-width:575px) {
    .page-footer__mail a {
        margin: 1.2rem 0 0 0
    }
}

.page-footer__mail a:hover {
    text-decoration: underline
}

@media only screen and (min-width:576px) {
    .page-footer__body {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: -1rem
    }
}

@media only screen and (min-width:576px) {
    .page-footer__item {
        width: 50%;
        padding: 1rem
    }
}

.page-footer__item--column {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (max-width:767px) {
    .page-footer__nav {
        font-size: 1.8rem
    }
}

@media only screen and (max-width:575px) {
    .page-footer__nav {
        margin: 0 0 3.2rem 0;
        padding: 0 0 3.2rem 0;
        border-bottom: solid 1px #e6e6e6
    }
}

.page-footer__nav li {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    margin: 0 0 1.2rem 0
}

.page-footer__nav li::before {
    content: none
}

.page-footer__nav li:last-child {
    margin: 0
}

.page-footer__nav li a:hover {
    text-decoration: underline
}

.page-footer__feedback {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    line-height: 1.1
}

@media only screen and (max-width:767px) {
    .page-footer__feedback {
        font-size: 1.8rem
    }
}

.page-footer__feedback li {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    margin: 0 0 .8rem 0
}

.page-footer__feedback li::before {
    content: none
}

.page-footer__feedback li:last-child {
    margin: 0
}

.page-footer__feedback li a {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.page-footer__feedback li a:hover {
    text-decoration: underline
}

.page-footer__feedback li a svg,
.page-footer__feedback li a img {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    width: 2rem;
    height: 2rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 .8rem 0 0
}

@media only screen and (min-width:1024px) {
    .page-footer__feedback li a svg,
    .page-footer__feedback li a img {
        width: 2.4rem;
        height: 2.4rem;
        margin: 0 1.8rem 0 0
    }
}

.page-footer__socials {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 4rem -.2rem 0
}

.page-footer__socials a {
    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;
    -webkit-align-content: inherit;
    -ms-flex-line-pack: inherit;
    align-content: inherit;
    margin: 0 .2rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 1.6rem;
    background-color: #db3737;
    width: 4.8rem;
    height: 4.8rem
}

@media only screen and (min-width:576px) {
    .page-footer__socials a {
        width: 4rem;
        height: 4rem
    }
}

.page-footer__socials a:hover {
    -webkit-transform: translateY(-.2rem);
    transform: translateY(-.2rem)
}

.page-footer__socials a img,
.page-footer__socials a svg {
    width: 3.2rem;
    height: 3.2rem
}

@media only screen and (min-width:576px) {
    .page-footer__socials a img,
    .page-footer__socials a svg {
        width: 2.4rem;
        height: 2.4rem
    }
}

.page-footer__creator {
    color: #8a8a8a;
    font-weight: 300;
    font-size: 1.8rem
}

@media only screen and (max-width:575px) {
    .page-footer__creator {
        display: none
    }
}

.page-footer__creator p {
    margin: 0 0 1rem 0
}

.page-footer__creator a {
    color: #8a8a8a;
    font-size: 1.4rem;
    line-height: 1.14
}

.page-footer__creator a:hover {
    text-decoration: underline
}

.page-footer__creator img {
    width: 12.2rem;
    margin: 0 0 .5rem 0
}

.page-footer__links {
    font-weight: 300
}

@media only screen and (max-width:575px) {
    .page-footer__links {
        font-size: 1.4rem
    }
}

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

.page-footer__links li {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    margin: 0 0 1.2rem 0
}

.page-footer__links li::before {
    content: none
}

@media only screen and (min-width:576px) {
    .page-footer__links li {
        margin: 0 0 1.6rem 0
    }
}

.page-footer__links li:last-child {
    margin: 0
}

.page-footer__links li a:hover {
    text-decoration: underline
}

.page-footer__info {
    font-weight: 300
}

@media only screen and (max-width:575px) {
    .page-footer__info {
        font-size: 1.4rem;
        margin: 4rem 0 0 0
    }
}

@media only screen and (min-width:576px) {
    .page-footer__info {
        max-width: 40rem
    }
}

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

.page-footer__info-logo {
    width: 14.3rem;
    line-height: 0
}

.page-footer__info-logo img,
.page-footer__info-logo svg {
    width: 100%;
    height: 100%
}

.page-footer__mail a {
    font-family: "Rubik", "Arial", sans-serif
}

.bottom-footer {
    margin: 3.6rem 0 0 0
}

@media only screen and (min-width:1024px) {
    .bottom-footer {
        margin: 4.2rem 0 0 0
    }
}

.bottom-footer__row {
    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;
    margin: 0 -.5rem
}

@media only screen and (max-width:767px) {
    .bottom-footer__row {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

.bottom-footer__row a {
    margin: 0 .5rem
}

.page--ge .page-footer__logo {
    width: 17rem
}

.page--kz .page-footer__logo,
.page--az .page-footer__logo {
    width: 14rem
}

.page--md .page-footer__logo {
    width: 14.5rem
}

.page--am .page-footer__logo {
    width: 19.2rem
}

.page-header {
    position: fixed;
    top: .3rem;
    left: 0;
    z-index: 12;
    width: 100%;
    background-color: #370b25;
    border-radius: 4.2rem
}

@media only screen and (min-width:1024px) {
    .page-header {
        border-radius: 4.2rem;
        transition: border-radius .3s, top .3s;
        top: .7rem
    }
}

.page-header.js-fixed {
    top: 0;
    background-color: #370b25;
    border-radius: 0
}

@media only screen and (min-width:1024px) {
    .page-header.js-fixed {
        border-radius: 0 0 4.2rem 4.2rem
    }
}

@media only screen and (min-width:768px) {
    .page-header--no-radius.js-fixed {
        border-radius: 0
    }
}

@media only screen and (max-width:1023px) {
    .page-header.is-opened .page-header__nav {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    .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: 1.6rem;
        fill: #fff
    }
}

@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;
    background-color: #fff;
    height: 3.6rem;
    padding: 0 1.2rem;
    font-weight: 500;
    font-size: 1.4rem;
    color: #0b0b0b;
    text-transform: uppercase;
    border-radius: 1.6rem
}

.page-header__burger span {
    margin: 0 0 0 .8rem;
    display: inline-block;
    line-height: 0
}

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

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

.page-header__burger-icon {
    display: block;
    width: 2.1rem;
    height: 1.4rem
}

.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;
    padding: 1rem 2rem
}

@media only screen and (min-width:768px) {
    .page-header__content {
        padding: 1.5rem 2.4rem
    }
}

@media only screen and (min-width:1024px) {
    .page-header__content {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 2.1rem 2.1rem
    }
}

@media only screen and (min-width:1280px) {
    .page-header__content {
        padding: 2.1rem 5.5rem
    }
}

.page-header__left {
    position: relative;
    z-index: 3;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:1023px) {
    .page-header__left {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.page-header__logo {
    display: block;
    line-height: 0;
    width: 9.5rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 .9rem 0 0
}

@media only screen and (min-width:1024px) {
    .page-header__logo {
        width: 11.2rem;
        margin: 0 4rem 0 0
    }
}

.page-header__logo img,
.page-header__logo svg {
    width: 100%;
    height: 100%
}

.page-header__btns {
    white-space: nowrap;
    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:576px) {
    .page-header__btns {
        margin: 0 0 0 2.4rem
    }
}

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

.page-header__btns-item.is-current .button--header {
    background-color: #db3737;
    color: #fff
}

.page-header__btns--desktop {
    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:576px) {
    .page-header__btns--desktop {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.page-header__btns--mobile {
    display: none
}

@media only screen and (min-width:576px) {
    .page-header__btns--mobile {
        display: none
    }
}

.page-header__nav {
    padding-right: 2rem;
    padding-left: 2rem
}

@media only screen and (max-width:1023px) {
    .page-header__nav {
        position: fixed;
        z-index: 2;
        left: 4px;
        top: 7rem;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
        width: calc(100vw - 8px);
        margin-top: 0;
        padding-top: 4rem;
        padding-bottom: 5rem;
        pointer-events: none;
        box-sizing: border-box;
        transition-property: opacity, -webkit-transform;
        transition-property: opacity, transform;
        transition-property: opacity, transform, -webkit-transform;
        transition-duration: .7s;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        overflow: hidden;
        background-color: #fff;
        -webkit-transform-origin: center top;
        transform-origin: center top;
        border-radius: 3.2rem;
        display: none
    }
}

@media only screen and (max-width:575px) {
    .page-header__nav {
        top: 6.7rem
    }
}

@media only screen and (min-width:768px) {
    .page-header__nav {
        padding-right: 5.5rem;
        padding-left: 5.5rem
    }
}

@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
    }
}

@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
    }
}

@media only screen and (min-width:1280px) {
    .page--kz .page-header__logo {
        width: 17.5rem;
        margin-top: -1.2rem
    }
}

@media only screen and (min-width:1280px) {
    .page--ge .page-header__logo {
        width: 19.4rem;
        margin-top: -1rem;
        margin-bottom: -.2rem
    }
}

@media only screen and (min-width:1280px) {
    .page--md .page-header__logo {
        width: 16.7rem;
        margin-top: -.5rem;
        margin-bottom: -.5rem
    }
}

@media only screen and (min-width:1280px) {
    .page--az .page-header__logo {
        width: 16.7rem;
        margin-top: -.5rem;
        margin-bottom: -.5rem
    }
}

@media only screen and (min-width:1280px) {
    .page--am .page-header__logo {
        width: 19.4rem;
        margin-top: -1rem;
        margin-bottom: -.2rem
    }
}

@media only screen and (max-width:1023px) {
    .page--inter .page-header__btns--desktop .page-header__btns-item {
        display: none
    }
}

@media only screen and (min-width:1280px) {
    .page:not(.page--inter) .page-header__logo {
        margin: 0 2.8rem 0 0
    }
}

@media only screen and (min-width:1024px) {
    .page:not(.page--inter) .page-header__btns {
        margin-left: .8rem
    }
}

.page-tabs {
    position: relative
}

.page-tabs:before {
    content: '';
    position: absolute;
    left: 0;
    top: 21%;
    width: 100%;
    background: linear-gradient(180deg, rgba(206, 31, 58, 0) 0%, rgba(238, 105, 34, .7) 52.08%, rgba(238, 105, 34, 0) 100%);
    z-index: -1;
    opacity: .5;
    pointer-events: none;
    height: 105.5rem
}

@media only screen and (min-width:1024px) {
    .page-tabs {
        min-height: 100rem
    }
}

.page-tabs__head {
    position: relative;
    z-index: 3;
    margin-bottom: 3.2rem
}

@media only screen and (min-width:1024px) {
    .page-tabs__head {
        margin-bottom: 4rem
    }
}

.page-tabs__head>p {
    max-width: 54.2rem
}

.page-tabs__title {
    margin-bottom: 1.3rem
}

@media only screen and (min-width:1024px) {
    .page-tabs__title {
        margin-bottom: 1.6rem
    }
}

.page-tabs__list {
    position: relative;
    z-index: 3;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 1.2rem;
    margin-bottom: 1.2rem;
    overflow: auto;
    margin-left: -.4rem;
    margin-right: -.4rem
}

@media only screen and (min-width:576px) {
    .page-tabs__list {
        margin-left: -.8rem;
        margin-right: -.8rem
    }
}

@media only screen and (min-width:1024px) {
    .page-tabs__list {
        margin-left: unset;
        margin-right: unset;
        padding-bottom: 2rem;
        margin-bottom: 2rem
    }
}

.page-tabs__trigger {
    margin-right: .8rem;
    white-space: nowrap;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media only screen and (max-width:767px) {
    .page-tabs__trigger {
        padding: 0 2.4rem
    }
}

.page-tabs__trigger:last-child {
    margin-right: unset
}

.page-tabs__trigger.js-tab-name--active {
    background-color: #db3737;
    color: #fff
}

.page-tabs__trigger.js-tab-name--active._red {
    background-color: #db3737
}

.page-tabs__trigger.js-tab-name--active._green {
    background-color: #89b727
}

.page-tabs__trigger.js-tab-name--active._orange {
    background-color: #ff7e07
}

.page-tabs__trigger.js-tab-name--active._sea {
    background-color: #0b93a3
}

.page-tabs__trigger.js-tab-name--active._blue {
    background-color: #0052cd
}

.page-tabs__trigger.js-tab-name--active._coral {
    background-color: #ff6565
}

.page-tabs__trigger.js-tab-name--active._violet {
    background-color: #9227b7
}

.page-tabs__wrapper {
    position: relative;
    z-index: 2
}

@media only screen and (min-width:768px) {
    .page-tabs__wrapper.six-cards-to-show .card-article-wrapper:nth-child(n+7) {
        display: none
    }
}

@media only screen and (min-width:768px) {
    .page-tabs__wrapper.six-cards-to-show._show-more .card-article-wrapper:nth-child(n+7) {
        display: block
    }
}

@media only screen and (max-width:767px) {
    .page-tabs__wrapper .card-article-wrapper:nth-child(n+4) {
        display: none
    }
}

@media only screen and (min-width:768px) {
    .page-tabs__wrapper .card-article-wrapper:nth-child(n+13) {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .page-tabs__wrapper._show-more .card-article-wrapper:nth-child(n+4) {
        display: block
    }
}

@media only screen and (min-width:768px) {
    .page-tabs__wrapper._show-more .card-article-wrapper:nth-child(n+13) {
        display: block
    }
}

.page-tabs__wrapper._show-more .page-tabs__show-more {
    display: none
}

.page-tabs__row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -.4rem;
    position: relative;
    z-index: 3
}

.page-tabs__show-more {
    margin-top: 2.4rem;
    width: 100%;
    height: 4rem;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 2rem;
    font-size: 1.4rem;
    border-radius: 1.6rem
}

@media only screen and (min-width:1024px) {
    .page-tabs__show-more {
        margin-top: 4.6rem;
        height: 9.6rem;
        padding: 0 4.8rem;
        font-size: 2.4rem;
        border-radius: 4rem
    }
}

.page-tabs__show-more svg {
    width: 1.6rem;
    height: 1.6rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 1rem
}

@media only screen and (min-width:1024px) {
    .page-tabs__show-more svg {
        width: 3.2rem;
        height: 3.2rem
    }
}

.pg-list {
    display: none;
    position: fixed;
    left: .277777777777778px;
    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
}

.promotes {
    position: relative
}

.promotes:before {
    content: '';
    position: absolute;
    left: 0;
    top: -5rem;
    width: 100%;
    background: linear-gradient(180deg, rgba(206, 31, 58, 0) 0%, rgba(238, 105, 34, .7) 52.08%, rgba(238, 105, 34, 0) 100%);
    z-index: 0;
    pointer-events: none;
    height: 105.5rem
}

.promotes._bg-top:before {
    top: auto;
    bottom: 0;
    opacity: .3
}

@media only screen and (min-width:1024px) {
    .promotes .features__decor {
        top: -50rem
    }
}

.promotes__col {
    margin-bottom: 2.4rem;
    max-width: 70rem;
    width: 100%
}

@media only screen and (min-width:768px) {
    .promotes__col {
        margin-bottom: unset
    }
}

.promotes__col .mobile-hidden {
    margin-top: 3.2rem
}

.promotes__title {
    margin-bottom: 1.6rem
}

.promotes__body {
    background: radial-gradient(81.41% 81.44% at 21.19% 18.56%, rgba(255, 255, 255, .24) 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 3.2rem;
    max-width: 63.5rem;
    width: 100%;
    padding: 3.2rem 2rem;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

@media only screen and (min-width:1024px) {
    .promotes__body {
        padding: 5.6rem;
        border-radius: 6.4rem
    }
}

.promotes__body>p {
    max-width: 43.5rem
}

.promotes .desktop-hidden {
    margin-top: 2.4rem
}

.selector {
    margin-right: .4rem
}

@media only screen and (min-width:576px) {
    .selector {
        min-width: 19.8rem;
        margin-right: .8rem
    }
}

.selector__accordion-item {
    position: relative;
    border-radius: 1.6rem;
    transition: background-color .7s, border-radius .1s
}

.selector__accordion-item.js-accordion-item--active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.selector__accordion-item.js-accordion-item--active .selector__arrow::before,
.selector__accordion-item.js-accordion-item--active .selector__arrow::after {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.selector__accordion-item.js-accordion-item--active .selector__head {
    color: #8a8a8a
}

.selector__accordion-item.js-accordion-item--active .selector__list .selector__link {
    color: #fff
}

.selector__accordion-item.js-accordion-item--active .selector__country-icon {
    opacity: 1
}

.selector__accordion-item.js-accordion-item--active .selector__accordion-content {
    background-color: #370b25
}

@media only screen and (min-width:576px) {
    .selector__accordion-item.js-accordion-item--active {
        background-color: #fff
    }
    .selector__accordion-item.js-accordion-item--active .selector__accordion-content {
        background-color: #fff
    }
    .selector__accordion-item.js-accordion-item--active .selector__list .selector__link {
        color: #0b0b0b
    }
}

@media only screen and (min-width:576px) and (any-hover:hover) {
    .selector__accordion-item .selector__list .selector__link:hover {
        color: #db3737
    }
}

@media only screen and (min-width:576px) and (any-hover:hover) {
    .selector__accordion-item:hover {
        background-color: #fff
    }
}

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

.selector__list .selector__link {
    color: transparent;
    transition: color .7s
}

.selector__item {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 1.8rem;
    font-size: 1.4rem;
    line-height: 1.857142857142857
}

.selector__item::before {
    content: none
}

@media only screen and (min-width:576px) {
    .selector__item {
        font-size: 2rem;
        line-height: 1.3
    }
}

.selector__item--selected,
.selector__item:last-child {
    margin-bottom: 0
}

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

.selector__item .selector__head {
    color: #fff
}

.selector__link {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: 0
}

.selector__link .selector__country-icon {
    opacity: 0;
    transition: opacity .7s
}

@media (any-hover:hover) {
    .selector__link:hover {
        color: #db3737
    }
}

.selector__head {
    text-align: left;
    -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: 100%;
    padding: .7rem 1rem;
    border-radius: 1.6rem;
    border: 1px solid #fff;
    transition: all .7s
}

@media only screen and (min-width:576px) {
    .selector__head {
        padding: .7rem 1.6rem
    }
}

@media only screen and (min-width:576px) and (any-hover:hover) {
    .selector__head:hover {
        color: #8a8a8a;
        border-color: #fff
    }
}

.selector__country-icon {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 1rem;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 50%;
    overflow: hidden
}

.selector__country-icon .icon {
    width: 100%;
    height: auto;
    border-radius: 50%
}

@media only screen and (min-width:576px) {
    .selector__country-icon {
        margin-right: .8rem
    }
}

@media only screen and (max-width:575px) {
    .selector__country-name {
        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
    }
}

.selector__accordion-content {
    position: absolute;
    top: 100%;
    left: -1.7rem;
    min-width: 17.4rem;
    border-bottom-left-radius: 1.6rem;
    border-bottom-right-radius: 1.6rem;
    transition: height .3s ease-in, background-color .3s ease-in
}

@media only screen and (max-width:575px) {
    .selector__accordion-content {
        border-radius: 1.6rem
    }
}

@media only screen and (min-width:576px) {
    .selector__accordion-content {
        min-width: 100%;
        left: 0
    }
}

.selector__content-wrapper {
    padding-top: 2.4rem;
    padding-left: 2.5rem;
    padding-right: .8rem;
    padding-bottom: 3.1rem
}

@media only screen and (min-width:576px) {
    .selector__content-wrapper {
        padding-top: 1rem;
        padding-left: 1.6rem;
        padding-bottom: 1.6rem
    }
}

.selector__arrow {
    margin-left: .4rem
}

@media only screen and (max-width:575px) {
    .selector__arrow {
        width: .6rem;
        margin-left: .1rem
    }
}

.selector__arrow::before,
.selector__arrow::after {
    background-color: currentColor
}

@media only screen and (min-width:1024px) {
    .page:not(.page--inter) .selector {
        min-width: 18rem
    }
}

@media only screen and (min-width:1024px) {
    .page:not(.page--inter) .selector__link {
        font-size: 1.8rem
    }
}

.page--inter .selector__accordion-content {
    left: auto;
    right: 0
}

.map-buy {
    z-index: 2;
    position: relative
}

.map-buy__wrapper {
    position: relative;
    background-color: #fff;
    height: 52rem;
    padding-top: 5.5rem;
    border-radius: 1.6rem;
    overflow: hidden
}

@media only screen and (min-width:768px) {
    .map-buy__wrapper {
        min-height: 1px;
        max-height: none;
        height: auto;
        padding-top: 50rem
    }
}

@media only screen and (min-width:1024px) {
    .map-buy__wrapper {
        padding-top: 65.1rem;
        border-radius: 5.4rem
    }
}

.map-buy__container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 5.5rem)
}

.uteka-widget {
    opacity: 0;
    transition: opacity .7s .5s
}

.uteka-widget.js-visible {
    opacity: 1
}

.uteka-widget__header {
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0
}

.uteka-widget iframe {
    width: 100%;
    height: 100%;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial
}

.uteka-widget__logo:hover,
.uteka-widget__logo:active {
    opacity: .85
}

.uteka-widget__tabs {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #23b250;
    margin: -5px;
    background-color: #fff;
    padding: 15px 0
}

@media only screen and (max-width:767px) {
    .uteka-widget__tabs {
        margin: -2px
    }
}

.uteka-widget__tab {
    display: block;
    padding: 5px 10px;
    margin: 5px;
    border: solid 2px #23b250;
    border-radius: 10px;
    text-align: center
}

.uteka-widget__tab._active {
    color: #fff;
    background-color: #23b250
}

.uteka-widget__tab:not([disabled]):hover {
    box-shadow: 0 0 5px #23b250
}

@media only screen and (max-width:767px) {
    .uteka-widget__tab {
        margin: 2px;
        font-size: 1.4rem;
        padding: 5px
    }
}

.widget-product-selector {
    -webkit-align-items: center!important;
    -ms-flex-align: center!important;
    align-items: center!important
}

.uteka-widget {
    width: 100%;
    height: 100%
}

.uteka-widget iframe {
    border: none;
    width: 100%;
    height: calc(100% - 125px)
}

@media (max-width:479px) {
    .uteka-widget iframe {
        height: calc(100% - 135px)
    }
}

.uteka-widget__container {
    margin: 0 auto;
    padding: 0 10px
}

@media (min-width:600px) {
    .uteka-widget__container {
        padding: 0 20px
    }
}

@media (min-width:768px) {
    .uteka-widget__container {
        padding: 0 40px
    }
}

@media (min-width:1024px) {
    .uteka-widget__container {
        padding: 0 44px
    }
}

@media (min-width:1440px) {
    .uteka-widget__container {
        padding: 0 60px;
        max-width: 1920px
    }
}

.uteka-widget-header {
    background: #fff;
    border-bottom: 1px solid #e0e0e0
}

.uteka-widget-header__inner {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 56px;
    border-bottom: solid 1px rgba(0, 0, 0, .1)
}

.uteka-widget-header__title {
    color: #0b0b0b;
    margin: 5px 0 0 0
}

.uteka-widget-header__logo {
    height: 16px
}

.uteka-widget-header__logo img {
    height: 100%
}

@media (min-width:1024px) {
    .uteka-widget-header__inner {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .uteka-widget-header__title {
        margin: 0
    }
    .uteka-widget-header__logo {
        position: absolute;
        left: 0;
        bottom: 0;
        top: 0;
        margin: auto;
        height: 32px
    }
}

.warning {
    color: #000;
    background-color: rgba(34, 34, 34, .5)
}

.warning__content-wrapper {
    padding: 2.9rem 2.4rem 5.7rem;
    background-color: #fff;
    border-radius: 1.2rem
}

@media only screen and (min-width:576px) {
    .warning__content-wrapper {
        border-radius: 3.2rem;
        padding: 5.8rem 4.8rem 5.4rem
    }
}

@media only screen and (min-width:1280px) {
    .warning__content-wrapper {
        border-radius: 6.4rem;
        padding: 12.5rem 11.2rem 8.3rem
    }
}

.warning__description {
    margin-bottom: 3.6rem;
    font-weight: 500;
    letter-spacing: -.02em;
    line-height: 1
}

.warning__description p:last-child {
    margin-bottom: 0
}

@media only screen and (max-width:1279px) {
    .warning__description {
        font-size: 2.4rem
    }
}

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

@media only screen and (min-width:768px) {
    .warning__description {
        margin-bottom: 6rem;
        width: 90.584%
    }
}

@media only screen and (min-width:1280px) {
    .warning__description {
        font-size: 5.6rem;
        line-height: .857142857142857
    }
}

@media only screen and (min-width:768px) {
    .warning__items {
        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 (max-width:767px) {
    .warning__item {
        margin-bottom: 3.2rem
    }
    .warning__item:last-child {
        margin-bottom: 0
    }
}

@media only screen and (min-width:768px) {
    .warning__item {
        position: relative;
        width: 39.5%
    }
    .warning__item:first-child {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .warning__item:last-child::before {
        content: "";
        position: absolute;
        top: -1.1rem;
        left: 123.6%;
        width: 2px;
        height: 16.7rem;
        background-color: #e6e6e6
    }
}

.warning__item-description {
    margin-bottom: 1.2rem;
    font-size: 1.4rem;
    line-height: 1.285714285714286;
    font-weight: 500
}

.warning__item-description p:last-child {
    margin-bottom: 0
}

@media only screen and (min-width:768px) {
    .warning__item-description {
        margin-bottom: 3.6rem;
        letter-spacing: -.02em
    }
}

@media only screen and (min-width:1280px) {
    .warning__item-description {
        font-size: 2.4rem;
        line-height: 1.166666666666667
    }
}

.warning__button {
    font-size: 1.4rem
}

@media only screen and (max-width:767px) {
    .warning__button {
        min-width: 19.2rem
    }
}

@media only screen and (min-width:1280px) {
    .warning__button {
        height: 7rem;
        font-size: 2.4rem
    }
}

@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
    }
    header,
    .menu-mobile {
        display: none!important
    }
}

#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
}