a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    box-sizing: border-box
}

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

body {
    line-height: 1
}

ol,
ul {
    list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=)
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

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

@font-face {
    font-family: fico;
    src: url(../fonts/icons/fico.eot);
    src: url(../fonts/icons/fico.eot?#iefix) format("eot"), url(../fonts/icons/fico.woff2) format("woff2"), url(../fonts/icons/fico.woff) format("woff"), url(../fonts/icons/fico.ttf) format("truetype"), url(../fonts/icons/fico.svg#fico) format("svg")
}

.fico:before {
    font-family: fico;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.fico-arrow:before {
    content: "\E001"
}

.fico-burger:before {
    content: "\E002"
}

.fico-close:before {
    content: "\E003"
}

h1 {
    font-size: 96px;
    font-weight: 900;
    line-height: 116.18px;
    letter-spacing: .02em
}

h2 {
    font-size: 54px;
    font-weight: 700;
    line-height: 65.35px;
    letter-spacing: .02em
}

h3 {
    font-size: 32px;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: .02em
}

body {
    position: relative;
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 1.5;
    color: #605d80;
    letter-spacing: .02em
}

.fico {
    display: inline-block
}

.fico::before {
    display: block
}

.container {
    max-width: 1296px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px;
    box-sizing: content-box
}

.overflow-wrap {
    overflow: hidden
}

.no-scroll {
    overflow: hidden
}

.al-country {
    display: none
}

.blockRedLine3103 {
    display: none !important
}

.footer {
    margin-top: 20px
}

.footer .container {
    background: #ff0
}

.button {
    min-width: 162px;
    width: -moz-fit-content;
    width: fit-content;
    background: linear-gradient(90deg, #ff512f 0, #f09819 100%);
    color: #fff;
    cursor: pointer;
    display: block;
    border-radius: 4px;
    padding: 12px;
    position: relative;
    z-index: 1;
    text-align: center;
    border: none;
    text-decoration: none
}

.button span {
    font-size: 20px;
    font-weight: 700;
    line-height: 24.2px;
    letter-spacing: .02em
}

.button::after {
    content: '';
    position: absolute;
    border-radius: 4px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background: linear-gradient(90deg, #ff2e34 0, #f0b018 100%);
    transition: opacity .3s ease-in-out;
    z-index: -1
}

.button:hover::after {
    opacity: 1
}

.button:disabled {
    cursor: not-allowed
}

.button:disabled::after {
    background: linear-gradient(90deg, #d44326 0, #ff752e 100%);
    opacity: 1
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 72px;
    background: rgba(22, 42, 88, .851);
    display: flex;
    align-items: center;
    z-index: 3
}

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

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

.header__btn {
    text-transform: uppercase
}

.header__btn .button {
    margin: 0 auto
}

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

.header__logo img {
    display: block
}

.header__burger,
.header__close {
    display: none;
    border: none;
    outline: 0;
    background: 0 0;
    color: #fff;
    font-size: 24px;
    padding: 0;
    align-items: center
}

.header__burger {
    cursor: pointer
}

.header__close {
    cursor: pointer;
    display: none
}

.header.menu-shown {
    background: #192748
}

.header.menu-shown .header__btn {
    background: #2a4370
}

.nav__list {
    display: flex
}

.nav__item {
    margin-right: 24px
}

.nav__item:last-of-type {
    margin-right: 0
}

.nav__link {
    line-height: 24.2px;
    color: #fff;
    text-decoration: none
}

.nav__scroll {
    display: flex;
    align-items: center;
    height: 100%;
    overflow: auto;
    width: 100%
}

.hero {
    padding: 144px 0 44px;
    background-color: #b1d9fc;
    background-image: url(../img/hero-one.png), url(../img/hero-two.png), linear-gradient(285.8deg, #f2f4f7 57.6%, #b1d9fc 98.45%);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: bottom left calc(50% - 648px - 60px), bottom right calc(50% - 648px + 69px), center center;
    background-size: auto, auto 100%, 1910px auto
}

.hero__title {
    margin-bottom: 8px;
    color: #3b93ff
}

.hero__subtitle {
    margin-bottom: 22px;
    color: #383558
}

.hero__wrap {
    max-width: 965px;
    margin-left: auto
}

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

.hero__column:last-of-type {
    margin-left: 55px
}

.hero__price--old {
    margin-bottom: 14px
}

.hero__price--new {
    margin-bottom: 13px
}

.hero__picture {
    display: block;
    width: 384px;
    height: auto
}

.hero__form {
    margin-bottom: 32px
}

.price {
    font-size: 96px;
    font-weight: 700;
    line-height: 80.64px;
    color: #3b93ff;
    display: flex;
    align-items: flex-start
}

.price__currency {
    line-height: 1;
    font-size: 50%
}

.price--old {
    font-size: 46px;
    font-weight: 500;
    line-height: 38.64px;
    color: #959eaf
}

.price--old .price__value {
    text-decoration: line-through
}

.form {
    padding: 48px;
    border: 3px solid #3b93ff;
    background-color: #fff;
    width: 526px
}

.form__list {
    margin-bottom: 48px
}

.form__item {
    margin-bottom: 12px
}

.form__item:last-of-type {
    margin-bottom: 0
}

.form__field {
    display: flex;
    flex-direction: column-reverse
}

.form__label {
    padding: 0 12px;
    margin-bottom: 4px;
    display: inline-block;
    transition: all .3s;
    color: #383558;
    font-size: 16px;
    font-weight: 500;
    line-height: 19.36px
}

.form__input {
    outline: 0;
    display: block;
    border: 1px solid #959eaf;
    padding: 12px;
    border-radius: 4px;
    width: 100%;
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 24.2px;
    text-align: left;
    color: #383558;
    box-sizing: border-box;
    transition: all .3s
}

.form__input::placeholder {
    color: #959eaf
}

.form__input:focus {
    border-color: #3b93ff
}

.form__input:focus+.form__label {
    color: #959eaf
}

.form__input.error {
    border-color: #ef0014;
    color: #ef0014
}

.form__input.error:focus {
    color: initial;
    border-color: #3b93ff
}

.form__input.error::placeholder {
    color: #ef0014
}

.form__submit {
    text-transform: uppercase;
    margin: 0 auto
}

.decorated-list__item {
    display: flex;
    align-items: center;
    margin-bottom: 24px
}

.decorated-list__item:last-of-type {
    margin-bottom: 0
}

.decorated-list__bullet {
    height: 48px;
    width: 48px;
    margin-right: 12px
}

.decorated-list__text {
    font-size: 32px;
    font-weight: 700;
    line-height: 38.73px;
    letter-spacing: .02em
}

.pains {
    padding: 76px 0;
    background-color: #290e05;
    background-image: url(../img/pains.png);
    background-repeat: no-repeat;
    background-position: right calc(50% - 648px + 206px) bottom 0;
    background-size: contain
}

.pains__wrap {
    max-width: 636px;
    margin-right: auto
}

.pains__title {
    color: #ef0014;
    margin-bottom: 12px
}

.pains__description {
    margin-bottom: 48px;
    color: #fff
}

.pains__subtitle {
    color: #ef0014;
    margin-bottom: 24px
}

.pains__item {
    font-size: 24px;
    font-weight: 700;
    line-height: 29.05px;
    color: #fff;
    margin-bottom: 24px
}

.pains__item:last-of-type {
    margin-bottom: 0
}

.consequences {
    padding: 76px 0;
    background-color: #ffe5d4;
    background-image: url(../img/consequences-two.png), url(../img/consequences-one.png);
    background-repeat: no-repeat, no-repeat;
    background-position: right calc(50% - 648px - 230px) bottom -140px, left calc(50% - 648px + 285px) bottom
}

.consequences__title {
    color: #ef0014;
    margin-bottom: 48px
}

.consequences__wrap {
    max-width: 748px;
    margin-left: auto
}

.consequences__description {
    color: #383558;
    margin-bottom: 24px;
    font-size: 32px;
    line-height: 42px
}

.consequences__item {
    font-size: 24px;
    font-weight: 700;
    line-height: 29.05px;
    color: #383558;
    margin-bottom: 24px
}

.consequences__item:last-of-type {
    margin-bottom: 0
}

.advantages {
    overflow-x: hidden;
    padding: 76px 0;
    position: relative;
    background-image: url(../img/advantages-one.svg), url(../img/advantages-two.svg);
    background-repeat: no-repeat, no-repeat;
    background-position: left calc(50% - 648px - 355px) bottom, right calc(50% - 648px - 213px) bottom
}

.advantages .container {
    position: relative
}

.advantages__item {
    display: flex;
    align-items: center;
    margin-bottom: 74px
}

.advantages__item:last-of-type {
    margin-bottom: 0
}

.advantages__item:nth-of-type(even) .advantages__text {
    font-style: italic
}

.advantages__item:nth-of-type(even) .advantages__text .person {
    display: inline-block;
    font-style: normal;
    margin-bottom: 36px;
    margin-top: 8px
}

.advantages__item:nth-of-type(even) .advantages__text:last-of-type {
    font-style: normal
}

.advantages__item:nth-of-type(even) .advantages__subtitle {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    color: #383558;
    margin-bottom: 12px
}

.advantages__item:nth-of-type(even) .advantages__picture-col {
    margin-left: 0;
    margin-right: 48px
}

.advantages__picture-col {
    max-width: 454px;
    margin-left: 37px
}

.advantages__picture-col--mob {
    display: none
}

.advantages__title {
    font-size: 140px;
    font-weight: 700;
    line-height: 140px;
    color: #3b93ff;
    margin-bottom: 8px
}

.advantages__subtitle {
    margin-bottom: 24px;
    color: #383558
}

.advantages__text {
    margin-bottom: 24px
}

.advantages__text:last-of-type {
    margin-bottom: 0
}

.advantages__decor {
    position: absolute;
    display: block;
    pointer-events: none
}

.advantages__decor--1 {
    top: 96px;
    left: calc(50% - 900px)
}

.advantages__decor--2 {
    top: 317px;
    left: 0;
    display: none
}

.advantages__decor--3 {
    top: 395px;
    right: calc(50% - 820px)
}

.advantages__decor--4 {
    top: 611px;
    right: calc(50% - 855px)
}

.advantages__decor--5 {
    display: none
}

.advantages__decor--6 {
    display: none
}

.expert {
    position: relative;
    padding: 76px 0;
    background-color: #f2f4f7;
    background-image: url(../img/expert.png);
    background-repeat: no-repeat;
    background-position: left calc(50% - 648px + 217.5px) bottom 0
}

[lang=pl] .expert {
    padding-bottom: 120px
}

.expert__wrap {
    max-width: 744px;
    margin-left: auto
}

.expert__title {
    color: #3b93ff;
    margin-bottom: 24px
}

.expert__subtitle {
    font-size: 32px;
    font-weight: 700;
    line-height: 42px;
    color: #383558
}

.expert__position {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px
}

.expert__experience {
    font-size: 24px;
    font-weight: 400;
    line-height: 34px;
    margin-bottom: 24px
}

.expert__text {
    font-style: italic;
    margin-bottom: 24px
}

.expert__text:last-of-type {
    margin-bottom: 0
}

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

.expert__decor--1 {
    top: 179px;
    left: calc(50% - 648px + 39px);
    transform: translate(-100%, 0)
}

.expert__decor--2 {
    bottom: 115px;
    left: calc(50% - 648px + 39px - 100px);
    transform: translate(-100%, 0)
}

.expert__decor--3 {
    top: 81px;
    left: calc(50% + 648px - 45px)
}

.expert__decor--4 {
    bottom: 220px;
    left: calc(50% + 648px + 76px)
}

.expert__decor--5 {
    bottom: 150px;
    left: calc(50% + 648px + 91px)
}

.conclusion {
    position: relative;
    padding: 74px 0 72px;
    background-color: #192748;
    background-image: url(../img/conclusion-one.svg), url(../img/conclusion-two.svg);
    background-repeat: no-repeat, no-repeat;
    background-position: left calc(50% + 100px) bottom, right calc(50% + 100px) bottom 0;
    background-size: auto, auto
}

.conclusion__wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.conclusion__col--left {
    max-width: 527px
}

.conclusion__col--center {
    position: absolute;
    bottom: -37px;
    left: 50%;
    transform: translate(-50%, 0)
}

.conclusion__col--mob {
    display: none
}

.conclusion__col--right {
    max-width: 500px
}

.conclusion__title {
    font-size: 72px;
    font-weight: 700;
    line-height: 72px;
    margin-bottom: 16px;
    color: #3b93ff
}

.conclusion__subtitle {
    margin-bottom: 24px;
    color: #3b93ff;
    max-width: 300px
}

.conclusion__description {
    font-size: 24px;
    font-weight: 700;
    line-height: 33.6px;
    color: #fff
}

.conclusion__item {
    color: #fff;
    font-size: 24px;
    line-height: 29.05px;
    margin-bottom: 12px;
    list-style-image: none;
    list-style-type: disc;
    list-style-position: inside
}

.conclusion__item:last-of-type {
    margin-bottom: 0
}

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

.conclusion__decor--1 {
    top: 64px;
    left: calc(50% - 648px - 109px);
    transform: translate(-100%, 0)
}

.conclusion__decor--2 {
    bottom: 162px;
    left: calc(50% - 648px - 95px);
    transform: translate(-100%, 0)
}

.conclusion__decor--3 {
    top: 35px;
    left: calc(50% - 648px + 426px);
    z-index: 1
}

.conclusion__decor--4 {
    top: -79px;
    right: calc(50% - 648px)
}

.conclusion__decor--5 {
    top: 118px;
    right: calc(50% - 648px);
    transform: translate(100%, 0)
}

.conclusion__decor--6 {
    top: 77px;
    right: 0;
    display: none
}

.conclusion__decor--7 {
    bottom: 73px;
    right: calc(50% - 648px - 81px);
    transform: translate(100%, 0)
}

.conclusion__decor--8 {
    bottom: -50px;
    right: calc(50% - 648px + 81px);
    transform: translate(100%, 0)
}

.comments {
    overflow: hidden;
    padding: 76px 0;
    background-color: #f2f4f7
}

.comments__title {
    color: #383558;
    margin-bottom: 48px
}

.comments__carousel {
    margin: 0 -12px 48px
}

.comments__carousel .slick-track {
    display: flex
}

.comments__carousel .slick-slide {
    align-self: stretch;
    height: auto
}

.comments__carousel .slick-slide>div {
    height: 100%
}

.comments__carousel .slick-slide>div>.comments__item {
    height: 100%
}

.comments__carousel .slick-slide>div>.comments__item>.comments__card {
    height: 100%
}

.comments__card {
    margin: 0 12px
}

.comments__arrows {
    display: flex;
    justify-content: center;
    margin-bottom: 48px
}

.comments__arrow {
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 30px;
    color: #959eaf;
    height: 60px;
    width: 60px;
    border: 1px solid #d1daeb;
    background-color: #fff;
    margin-right: 48px;
    transition: all .3s
}

.comments__arrow svg {
    stroke: #959eaf
}

.comments__arrow:last-of-type {
    margin-right: 0
}

.comments__arrow--next {
    transform: rotate(180deg)
}

.comments__arrow:hover svg {
    stroke: #3b93ff
}

.comments__dots {
    display: none
}

.comments__dots .slick-dots {
    display: flex;
    align-items: center
}

.comments__dots .slick-dots li {
    border: 1px solid #959eaf;
    background-color: #959eaf;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    margin-right: 14px
}

.comments__dots .slick-dots li:last-of-type {
    margin-right: 0
}

.comments__dots .slick-dots button {
    display: none
}

.comments__dots .slick-dots .slick-active {
    background-color: #fff;
    border: 2px solid #3b93ff
}

.comments__divider {
    margin-top: 0;
    margin-bottom: 48px;
    border: 1px solid #d1daeb
}

.comments__button {
    min-width: 337px;
    margin: 0 auto;
    text-transform: uppercase
}

.comments__button--mob {
    display: none
}

.card {
    padding: 24px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #d1daeb
}

.card__person {
    display: flex;
    align-items: center;
    margin-bottom: 13px
}

.card__avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: block
}

.card__name-wrap {
    margin-left: 24px
}

.card__name {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    color: #383558
}

.card__date {
    font-size: 16px;
    line-height: 26px;
    color: #959eaf
}

.popup {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 3;
    transition: all .3s
}

.popup__backdrop {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .3)
}

.popup__body {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 40px 3rem;
    background: #fff;
    box-shadow: 0 4px 12px 0 rgba(18, 24, 38, .251);
    border-radius: 12px;
    max-width: 732px
}

.popup__upper-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px
}

.popup__description {
    font-size: 24px;
    font-weight: 500;
    line-height: 34px;
    text-align: center;
    margin-bottom: 48px
}

.popup__close {
    background: 0 0;
    border: none;
    outline: 0;
    padding: 0;
    cursor: pointer
}

.popup__button {
    margin: 0 auto
}

.popup__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 29.05px;
    color: #383558
}

.popup.shown {
    opacity: 1;
    visibility: visible
}

@media screen and (max-width:2559px) {
    .advantages__decor--2 {
        display: block
    }

    .conclusion__decor--6 {
        display: block
    }
}

@media screen and (max-width:1699px) {
    .consequences {
        background-position: right calc(0px - 648px + 445px) bottom -140px, left calc(0px - 430px) bottom 0
    }

    [lang=bg] .consequences__title,
    [lang=cz] .consequences__title {
        padding-right: 250px
    }

    .consequences__wrap {
        margin-right: auto
    }

    .advantages__decor--2 {
        display: none
    }

    .conclusion__decor--6 {
        display: none
    }
}

@media screen and (max-width:1520px) {
    .hero {
        background-size: auto, cover, auto
    }
}

@media screen and (max-width:1439px) {
    .container {
        box-sizing: border-box
    }

    .header__btn span {
        font-size: 16px;
        line-height: 20px
    }

    .header__logo img {
        max-width: 105px
    }

    .nav__item {
        margin-right: 12px
    }

    .nav__link {
        font-size: 16px;
        line-height: 20px
    }

    .pains {
        background-position: right calc(50% - 648px + 50px) bottom 0
    }

    .consequences {
        background-position: right calc(0px - 648px + 445px) bottom -140px, left calc(0px - 510px) bottom 0
    }

    .advantages__picture-col {
        max-width: 300px
    }

    .advantages__title {
        font-size: 96px;
        line-height: 116.18px
    }

    .expert {
        background-position: left calc(50% - 648px + 160px) bottom 0
    }

    .conclusion__col--left {
        max-width: 33%
    }

    .conclusion__col--right {
        max-width: 33%
    }

    .conclusion__title {
        font-size: 56px;
        line-height: 67.77px
    }
}

@media screen and (max-width:1329px) {
    .hero {
        background-image: url(../img/hero-two.png), linear-gradient(285.8deg, #f2f4f7 57.6%, #b1d9fc 98.45%);
        background-size: cover, auto;
        background-position: bottom right, center center
    }

    .hero__wrap {
        margin-right: auto
    }
}

@media screen and (max-width:1299px) {
    .consequences {
        background-position: right calc(0px - 648px + 380px) bottom -200px, left calc(0px - 570px) bottom 0
    }

    [lang=pt] .consequences {
        background-position: right calc(0px - 648px + 310px) bottom -200px, left calc(0px - 570px) bottom 0
    }
}

@media screen and (max-width:1199px) {
    .header__nav {
        justify-content: center
    }

    .hero__column:last-of-type {
        flex: 0;
        margin-left: 20px
    }

    .pains {
        background-size: cover;
        background-position: right calc(0px - 440px) bottom 0
    }

    [lang=es] .pains {
        background-position: right calc(0px - 560px) bottom 0
    }

    [lang=es] .pains__wrap {
        max-width: 570px
    }

    .consequences {
        background-image: url(../img/consequences-one.png);
        background-position: left calc(0px - 585px) bottom 0
    }

    [lang=bg] .consequences__title,
    [lang=cz] .consequences__title {
        padding-right: 0
    }

    .consequences__wrap {
        margin-right: 0;
        max-width: 80%
    }
}

@media screen and (max-width:1140px) {
    [lang=es] .pains__wrap {
        max-width: 500px
    }
}

@media screen and (max-width:991px) {
    .header__btn {
        display: block;
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        width: 100%;
        padding: 12px;
        background: rgba(22, 42, 88, .851)
    }

    .header__btn .button {
        width: 296px
    }

    .header__btn span {
        font-size: 20px;
        line-height: 24.2px
    }

    .header__btn.hidden {
        display: none
    }

    .header__burger {
        display: flex
    }

    .header.menu-shown .header__burger {
        display: none
    }

    .header.menu-shown .header__close {
        display: flex
    }

    .header.menu-shown .nav {
        opacity: 1;
        visibility: visible;
        transform: translate(0, 0)
    }

    .nav {
        position: fixed;
        top: 72px;
        left: 0;
        right: 0;
        bottom: 0;
        background: #2a4370;
        overflow: auto;
        padding: 32px 0 78px;
        visibility: hidden;
        opacity: 0;
        transform: translate(0, -10px);
        transition: all .3s
    }

    .nav__list {
        height: 100%;
        display: block
    }

    .nav__item:last-of-type {
        margin-bottom: 0
    }

    .nav__item {
        margin-bottom: 48px;
        margin-right: 0;
        text-align: center
    }

    .nav__link {
        font-size: 20px;
        line-height: 24.2px
    }

    .nav__scroll {
        display: block
    }

    .hero {
        background-size: cover, auto
    }

    .hero__title {
        font-size: 74px;
        line-height: 1.2
    }

    .hero__subtitle {
        font-size: 42px;
        line-height: 1.2
    }

    .hero__column:last-of-type {
        flex: 1;
        margin-left: 0
    }

    .hero__column {
        flex: 1
    }

    .hero__price--new {
        font-size: 92px;
        line-height: 1.2
    }

    .hero__picture {
        width: 100%
    }

    .hero:last-of-type {
        overflow: hidden
    }

    .form {
        width: auto
    }

    .decorated-list__text {
        font-size: 25px;
        line-height: 1.2
    }

    .pains {
        background-position: right calc(0px - 560px) bottom 0
    }

    [lang=es] .pains {
        background-position: right calc(0px - 560px) bottom 0
    }

    [lang=es] .pains__wrap {
        max-width: 65%
    }

    .pains__wrap {
        max-width: 65%
    }

    .consequences {
        background-position: left calc(0px - 515px) bottom 0
    }

    .consequences__wrap {
        max-width: 65%
    }

    .advantages__title {
        font-size: 48px;
        font-weight: 900;
        line-height: 48px;
        margin-bottom: 4px
    }

    .expert {
        padding-bottom: 400px;
        background-position: center bottom -137px;
        background-size: 296px auto
    }

    [lang=pl] .expert {
        padding-bottom: 400px
    }

    .expert__wrap {
        max-width: 100%
    }

    .expert__decor--1 {
        transform: none;
        left: calc(50% - 148px);
        top: auto;
        bottom: 292px;
        width: 91px
    }

    .expert__decor--2 {
        transform: none;
        left: calc(50% - 148px);
        top: auto;
        bottom: 167px;
        width: 55px
    }

    .conclusion {
        background-size: auto, auto 100%
    }

    .conclusion__wrap {
        flex-wrap: wrap
    }

    .conclusion__col {
        max-width: 100%;
        flex: 1
    }

    .conclusion__col--left {
        max-width: 490px
    }

    .conclusion__col--center {
        position: static;
        transform: none;
        display: block;
        max-width: 180px;
        margin: 0 auto
    }

    .conclusion__col--mob {
        display: none
    }

    .conclusion__col--right {
        margin-top: 48px;
        min-width: 100%
    }

    .conclusion__decor--3 {
        display: none
    }
}

@media screen and (max-width:850px) {
    .pains {
        background-position: right calc(0px - 700px) bottom 0
    }

    [lang=es] .pains {
        background-position: right calc(0px - 700px) bottom 0
    }
}

@media screen and (max-width:767px) {
    h1 {
        font-size: 48px;
        line-height: 48px
    }

    h2 {
        font-size: 32px;
        line-height: 38.73px
    }

    h3 {
        font-size: 24px;
        line-height: 34px
    }

    .container {
        padding: 0 12px
    }

    .header {
        height: 53px
    }

    .nav {
        top: 52px
    }

    .hero {
        padding: 65px 0 48px;
        background-image: url(../img/hero-two-m.png), linear-gradient(285.8deg, #f2f4f7 57.6%, #b1d9fc 98.45%);
        background-position: center bottom, center center;
        background-size: cover, auto
    }

    .hero__title {
        text-align: center;
        font-size: 48px;
        line-height: 48px
    }

    .hero__subtitle {
        text-align: center;
        font-size: 32px;
        line-height: 38.73px;
        margin-bottom: 24px
    }

    .hero__columns {
        display: block
    }

    .hero__price {
        justify-content: center
    }

    .hero__price--new {
        margin-bottom: 24px
    }

    .hero__picture {
        width: 384px;
        margin: 0 auto 26px
    }

    .hero__form {
        display: none
    }

    .hero:last-of-type .hero__form {
        display: block
    }

    .price {
        font-size: 48px;
        line-height: 40.32px
    }

    .price--old {
        font-size: 24px;
        line-height: 20.16px
    }

    .form {
        padding: 24px
    }

    .form__submit {
        width: 100%
    }

    .decorated-list__item {
        margin-bottom: 12px;
        justify-content: center
    }

    .decorated-list__text {
        font-size: 20px;
        line-height: 24.2px
    }

    .pains {
        padding: 44.5px 0 142.5px;
        background-image: url(../img/pains-m.png);
        background-position: left calc(50% + 266px) bottom -225px;
        background-size: contain
    }

    [lang=es] .pains {
        background-position: left calc(50% + 266px) bottom -225px
    }

    [lang=es] .pains__wrap {
        max-width: 100%
    }

    .pains__wrap {
        max-width: 100%
    }

    .pains__title {
        margin-bottom: 8px
    }

    .pains__description {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 24px
    }

    .pains__subtitle {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 12px
    }

    .pains__item {
        font-size: 20px;
        line-height: 24.2px;
        margin-bottom: 12px
    }

    .consequences {
        padding: 48px 0 261px;
        background-image: url(../img/consequences-two-m.png), url(../img/consequences-one.png);
        background-position: right 0 bottom 30px, left bottom;
        background-size: auto, 100%
    }

    [lang=bg] .consequences,
    [lang=cz] .consequences {
        padding-bottom: 300px
    }

    .consequences__title {
        font-size: 32px;
        line-height: 32px;
        margin-bottom: 21px
    }

    .consequences__wrap {
        max-width: 100%
    }

    .consequences__description {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 12px
    }

    .consequences__item {
        font-size: 20px;
        line-height: 24.2px;
        margin-bottom: 12px
    }

    .advantages {
        padding: 48px 0;
        background: 0 0;
        overflow: visible;
        z-index: 1
    }

    .advantages__item {
        margin-bottom: 24px;
        display: block
    }

    .advantages__item:nth-of-type(even) .advantages__text .person {
        margin-top: 4px;
        margin-bottom: 0
    }

    .advantages__item:nth-of-type(even) .advantages__subtitle {
        max-width: 100%;
        font-size: 20px;
        line-height: 30px
    }

    .advantages__item:nth-of-type(even) .advantages__picture-col {
        display: block;
        margin: 0 auto 12px;
        padding: 0
    }

    .advantages__picture-col--desktop {
        display: none
    }

    .advantages__picture-col--mob {
        display: block
    }

    .advantages__picture-col {
        margin: 0 auto 12px
    }

    .advantages__subtitle {
        font-size: 20px;
        line-height: 24.2px;
        margin-bottom: 12px
    }

    .advantages__text {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 12px
    }

    .advantages__decor--1 {
        display: none
    }

    .advantages__decor--3 {
        display: none
    }

    .advantages__decor--4 {
        display: none
    }

    .advantages__decor--5 {
        display: block;
        bottom: -53px;
        right: 50%;
        transform: translate(-41%, 0)
    }

    .advantages__decor--6 {
        display: block;
        bottom: -41px;
        left: 50%;
        transform: translate(22%, 0)
    }

    .expert {
        padding-top: 48px
    }

    .expert__title {
        margin-bottom: 4px
    }

    .expert__subtitle {
        font-size: 24px;
        line-height: 42px
    }

    .expert__experience {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 12px
    }

    .expert__text {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 12px
    }

    .conclusion {
        padding: 48px 0;
        background-image: url(../img/conclusion-one-m.svg);
        background-position: center bottom 100%;
        background-size: 100% auto
    }

    .conclusion__wrap {
        display: block
    }

    .conclusion__col--left {
        max-width: 100%;
        margin-bottom: 48px
    }

    .conclusion__col--center {
        max-width: 100%;
        margin: 0 auto 48px
    }

    .conclusion__col--mob {
        display: block
    }

    .conclusion__col--desktop {
        display: none
    }

    .conclusion__col--right {
        min-width: 0;
        margin-top: 0;
        max-width: 100%
    }

    .conclusion__title {
        font-size: 48px;
        font-weight: 900;
        line-height: 48px
    }

    .conclusion__description {
        font-size: 20px;
        line-height: 24.2px
    }

    .conclusion__item {
        font-size: 20px;
        line-height: 24.2px;
        margin-bottom: 12px
    }

    .conclusion__decor {
        display: none
    }

    .conclusion__decor--1 {
        left: calc(50% - 90px);
        bottom: 100px;
        transform: none
    }

    .conclusion__decor--2 {
        left: calc(50% - 90px);
        transform: none
    }

    .conclusion__decor--4 {
        right: calc(50% - 90px);
        transform: none
    }

    .conclusion__decor--5 {
        right: calc(50% - 90px);
        transform: none
    }

    .conclusion__decor--7 {
        right: calc(50% - 90px);
        transform: none
    }

    .conclusion__decor--8 {
        right: calc(50% - 90px);
        transform: none
    }

    .comments {
        padding: 48px 0
    }

    .comments__title {
        margin-bottom: 24px
    }

    .comments__carousel {
        margin-bottom: 24px
    }

    .comments__arrows {
        justify-content: space-between
    }

    .comments__arrow {
        margin: 0
    }

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

    .comments__divider {
        margin-bottom: 24px
    }

    .comments__button--desktop {
        display: none
    }

    .comments__button--mob {
        min-width: auto;
        width: 296px;
        display: block
    }

    .card {
        padding: 12px
    }

    .card__text {
        font-size: 18px;
        font-weight: 500;
        line-height: 28px
    }

    .popup__body {
        padding: 12px;
        width: 280px
    }

    .popup__description {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 24px
    }
}

@media screen and (max-width:600px) {
    .hero:last-of-type .hero__form {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media screen and (max-width:599px) {
    .hero__title {
        text-align: right;
        margin-left: auto;
        margin-bottom: 8px
    }

    .hero__subtitle {
        text-align: right;
        margin-left: auto;
        font-size: 20px;
        line-height: 24.2px;
        margin-bottom: 12px;
        max-width: 300px
    }

    [lang=bg] .hero__subtitle,
    [lang=cz] .hero__subtitle,
    [lang=pl] .hero__subtitle,
    [lang=ro] .hero__subtitle,
    [lang=sk] .hero__subtitle {
        max-width: 200px
    }

    .pains {
        background-position: left calc(50% + 200px) bottom -175px
    }

    [lang=es] .pains {
        background-position: left calc(50% + 200px) bottom -175px
    }
}

@media screen and (max-width:499px) {
    .hero {
        background-image: url(../img/hero-one-m.png), url(../img/hero-two-m.png), linear-gradient(285.8deg, #f2f4f7 57.6%, #b1d9fc 98.45%);
        background-position: left 0 top 175px, center bottom, center center;
        background-size: 155px auto, cover, auto
    }

    .hero__price {
        justify-content: flex-end
    }

    .hero__picture {
        max-width: 175px;
        margin: 0 0 26px auto
    }

    .decorated-list__item {
        justify-content: flex-start
    }

    .pains {
        padding: 44.5px 0 237.5px;
        background-position: center bottom -100px
    }

    [lang=es] .pains {
        background-position: center bottom -100px
    }

    .conclusion {
        background-position: center top 100px
    }
}

@media screen and (max-width:399px) {
    .pains {
        background-position: center bottom
    }

    [lang=es] .pains {
        background-position: center bottom
    }

    .consequences {
        background-image: url(../img/consequences-two-m.png), url(../img/consequences-one-m.png)
    }

    .advantages__subtitle {
        max-width: 280px
    }
}

@media screen and (max-width:374px) {
    .conclusion {
        background-position: center bottom 115px
    }
}


.copy {
    margin-top: 1rem;
    text-align: center;
}

.disclaimer {
    margin-bottom: 1rem;
}

.copy .copyright {
    color: #9e4e4e;;
    text-decoration: none;
    transition: color 0.3s ease, transform 0.3s ease;
}

.copy .copyright:hover {
    color: #603333;;
    cursor: pointer;
    transform: scale(1.05);
}

.copy .copyright:focus {
    outline: 2px solid #9e7a7a;
    outline-offset: 2px;
}

@media screen and (max-width: 767px) {
    .disclaimer {
        text-align: center;
    }
}

@media screen and (max-width: 599px) {
    .disclaimer {
        text-align: right;
        max-width: 200px;
        margin-left: auto;
    }
}