blockquote, body, dd, dl, h1, h2, h3, h4, h5, h6, ol, p, ul {
    margin: 0
}

ol, ul {
    padding: 0;
    list-style: none
}

cite {
    display: block
}

a {
    text-decoration: none
}

button {
    border: none;
    outline: none
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 360px;
    position: relative;
    scroll-behavior: smooth;
    scrollbar-color: #fff #fff;
    scrollbar-width: thin
}

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

a {
    color: inherit
}

button {
    cursor: pointer
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden
}

.picture {
    display: block;
    overflow: hidden;
    border-radius: 5px
}

.picture img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.header {
    margin-bottom: 20px
}

.nowrap-text {
    white-space: nowrap
}

.bg-black {
    background-color: #1b1b1b;
    color: #fff
}

.text-accent {
    color: #c29a0a
}

.text-accent-ligth {
    color: #ffe99b
}

.text-light {
    color: #fff
}

.text-del {
    color: #7b7b7b;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through
}

.order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

[data-modal-open] {
    cursor: pointer
}

::-webkit-scrollbar {
    width: 5px;
    height: 0;
    background-color: #fff
}

::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 9em;
    -webkit-box-shadow: inset 1px 1px 10px #f3faf7;
    box-shadow: inset 1px 1px 10px #f3faf7
}

::-webkit-scrollbar-thumb:hover {
    background-color: #e0e0e0
}

::-webkit-scrollbar-button:vertical:end:increment, ::-webkit-scrollbar-button:vertical:start:decrement {
    background: none
}

::-webkit-scrollbar-button:horizontal:end:increment, ::-webkit-scrollbar-button:horizontal:start:decrement {
    background: none
}

.swiper-container {
    width: 100%;
    height: 100%
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 1320px) {
    ::-webkit-scrollbar {
        width: 10px;
        height: 9px
    }
}

@media (min-width: 1920px) {
    ::-webkit-scrollbar {
        width: 12px;
        height: 12px
    }
}

html {
    font-family: Montserrat, Arial, sans-serif;
    font-size: 16px;
    color: #1b1b1b;
    line-height: 1.5;
    font-style: normal;
    font-weight: 300
}

.h1 {
    font-family: Big Caslon;
    font-weight: 400;
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 2px
}

.h2 {
    font-size: 22px;
    font-weight: 700
}

.h3 {
    font-family: Big Caslon;
    font-size: 24px;
    line-height: 29px
}

.h4 {
    font-size: 18px;
    line-height: 27px
}

.h4, .h5 {
    font-weight: 700
}

.h5 {
    font-size: 16px;
    padding-bottom: 11px
}

.subtitle {
    font-size: 18px;
    font-weight: 400;
    color: #e0e0e0
}

p {
    padding-bottom: 1.3em
}

small {
    font-size: 12px;
    color: #7b7b7b
}

@media (min-width: 768px) {
    html {
        font-size: 18px
    }

    .h1 {
        font-size: 40px;
        line-height: 48px
    }

    .h2 {
        line-height: 37px
    }

    .h2, .h3 {
        font-size: 30px
    }

    .h3 {
        line-height: 36px
    }

    .subtitle {
        font-size: 23px;
        line-height: 28px
    }
}

@media (min-width: 1320px) {
    html {
        font-size: 18px
    }

    .h1 {
        font-size: 47px;
        line-height: 57px
    }

    .h2, .h3 {
        font-size: 36px;
        line-height: 44px
    }

    .subtitle {
        font-size: 30px;
        line-height: 37px
    }

    small {
        font-size: 14px
    }
}

.wrapper {
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 auto;
    max-width: 1320px
}

@media (min-width: 768px) {
    .wrapper {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width: 1320px) {
    .wrapper {
        padding-left: 10px;
        padding-right: 10px
    }
}

.icon--hamburger {
    opacity: 0;
    height: 70px;
    max-height: 100%;
    width: 70px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: transparent
}

.icon--hamburger span {
    display: block;
    position: absolute;
    width: 30px;
    height: 2px;
    background-color: #e0e0e0;
    -webkit-transition: background 0s .3s;
    -o-transition: background 0s .3s;
    transition: background 0s .3s
}

.icon--hamburger span:after, .icon--hamburger span:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 30px;
    left: 0;
    background-color: #e0e0e0
}

.icon--hamburger span:before {
    top: 10px;
    -webkit-transition: top .3s .3s, -webkit-transform .3s 0s;
    transition: top .3s .3s, -webkit-transform .3s 0s;
    -o-transition: top .3s .3s, transform .3s 0s;
    transition: top .3s .3s, transform .3s 0s;
    transition: top .3s .3s, transform .3s 0s, -webkit-transform .3s 0s
}

.icon--hamburger span:after {
    bottom: 10px;
    -webkit-transition: bottom .3s .3s, -webkit-transform .3s 0s;
    transition: bottom .3s .3s, -webkit-transform .3s 0s;
    -o-transition: bottom .3s .3s, transform .3s 0s;
    transition: bottom .3s .3s, transform .3s 0s;
    transition: bottom .3s .3s, transform .3s 0s, -webkit-transform .3s 0s
}

.icon--hamburger.active span {
    background: none
}

.icon--hamburger.active span:before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: top .3s 0s, -webkit-transform .3s .3s;
    transition: top .3s 0s, -webkit-transform .3s .3s;
    -o-transition: top .3s 0s, transform .3s .3s;
    transition: top .3s 0s, transform .3s .3s;
    transition: top .3s 0s, transform .3s .3s, -webkit-transform .3s .3s
}

.icon--hamburger.active span:after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: bottom .3s 0s, -webkit-transform .3s .3s;
    transition: bottom .3s 0s, -webkit-transform .3s .3s;
    -o-transition: bottom .3s 0s, transform .3s .3s;
    transition: bottom .3s 0s, transform .3s .3s;
    transition: bottom .3s 0s, transform .3s .3s, -webkit-transform .3s .3s
}

.icon--logo-blackpearleyemask {
    height: 23px;
    width: 113px
}

.icon--logo-geberich {
    height: 40px;
    width: 40px
}

.icon--logo-swizz {
    width: 110px;
    height: 26px
}

.icon--swizz {
    width: 50px;
    height: 34px;
    border-radius: 5px
}

.icon--finland {
    width: 50px;
    height: 34px;
    border-radius: 5px;
    border: 1px solid #e0e0e0
}

.icon--quote {
    width: 45px;
    height: 40px
}

.icon--signature {
    width: 100px;
    height: 110px
}

.icon--person, .icon--phone {
    width: 12px;
    height: 12px
}

.icon--bp-logo {
    width: 180px;
    height: 60px
}

.icon--shopping-cart {
    width: 70px;
    height: 70px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(213, 170, 19, 0)), to(rgba(212, 170, 19, .21))), rgba(27, 27, 27, .5);
    background: -webkit-linear-gradient(top, rgba(213, 170, 19, 0), rgba(212, 170, 19, .21)), rgba(27, 27, 27, .5);
    background: -o-linear-gradient(top, rgba(213, 170, 19, 0) 0, rgba(212, 170, 19, .21) 100%), rgba(27, 27, 27, .5);
    background: linear-gradient(180deg, rgba(213, 170, 19, 0), rgba(212, 170, 19, .21)), rgba(27, 27, 27, .5);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 100%;
    padding: 20px 10px
}

.icon--made-in {
    width: 46px;
    height: 46px
}

.btn {
    display: inline-block;
    font-size: 18px;
    letter-spacing: .01em;
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;
    background: #c29a0a;
    border-radius: 3px;
    width: 100%;
    padding: 19px 22px;
    color: #fff;
    cursor: pointer
}

.btn:active, .btn:hover {
    background-color: #ddb218
}

.btn--light {
    border: 1px solid #c29a0a;
    color: #c29a0a;
    background-color: transparent
}

.btn--light:active, .btn--light:hover {
    background-color: transparent;
    border-color: #ddb218
}

.btn--black-round {
    color: #000;
    padding: 22px 29px;
    border: 1px solid #000;
    border-radius: 100px;
    background-color: transparent;
    font-size: 16px
}

.btn--black-round:hover {
    background-color: #313131;
    border-color: #313131;
    color: #fff
}

.btn--black-round:active {
    background-color: #000;
    border-color: #000;
    color: #fff
}

.btn--light-round {
    color: #fff;
    padding: 22px 29px;
    border: 1px solid #fff;
    border-radius: 100px;
    background-color: transparent;
    font-size: 16px
}

.btn--light-round:hover {
    background-color: #313131;
    border-color: #313131;
    color: #fff
}

.btn--light-round:active {
    background-color: #000;
    border-color: #000;
    color: #fff
}

@media (min-width: 768px) {
    .btn {
        width: -moz-fit-content;
        width: fit-content
    }
}

.form {
    color: #e0e0e0;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.form__btn {
    margin-top: 30px;
    width: 100%
}

.form input[type=tel], .form input[type=text], .country_select {
    font-size: 16px;
    line-height: 18px;
    width: 100%;
    border: 1px solid #7b7b7b;
    border-radius: 3px;
    padding: 26px 15px 26px 42px;
    margin-bottom: 10px;
    background: url("data:image/svg+xml;base64,") no-repeat;
    outline: none
}

.form input[type=tel] ~ .form__input-icon, .form input[type=text] ~ .form__input-icon {
    fill: #ddb218
}

.form input[type=tel]:required, .form input[type=text]:required {
    border-color: #7b7b7b
}

.form input[type=tel]::-webkit-input-placeholder, .form input[type=text]::-webkit-input-placeholder {
    color: #e0e0e0
}

.form input[type=tel]:-ms-input-placeholder, .form input[type=tel]::-ms-input-placeholder, .form input[type=text]:-ms-input-placeholder, .form input[type=text]::-ms-input-placeholder {
    color: #e0e0e0
}

.form input[type=tel]::placeholder, .form input[type=text]::placeholder {
    color: #e0e0e0
}

.form input[type=tel]:hover, .form input[type=text]:hover {
    border-color: #fff5d2
}

.form input[type=tel]:hover ~ .form__input-icon, .form input[type=text]:hover ~ .form__input-icon {
    fill: #c29a0a
}

.form input[type=tel]:active, .form input[type=tel]:focus, .form input[type=tel]:valid, .form input[type=text]:active, .form input[type=text]:focus, .form input[type=text]:valid, .country_select {
    border-color: #c29a0a
}

.form input[type=tel]:active ~ .form__input-icon, .form input[type=tel]:focus ~ .form__input-icon, .form input[type=tel]:valid ~ .form__input-icon, .form input[type=text]:active ~ .form__input-icon, .form input[type=text]:focus ~ .form__input-icon, .form input[type=text]:valid ~ .form__input-icon {
    fill: #fff5d2
}

.form input[type=tel]:not(:placeholder-shown):not(:focus):invalid, .form input[type=text]:not(:placeholder-shown):not(:focus):invalid {
    border-color: #ff8080;
    color: #ff8080
}

.form input[type=tel]:not(:placeholder-shown):not(:focus):invalid::-webkit-input-placeholder, .form input[type=text]:not(:placeholder-shown):not(:focus):invalid::-webkit-input-placeholder {
    color: #ff8080
}

.form input[type=tel]:not(:placeholder-shown):not(:focus):invalid:-ms-input-placeholder, .form input[type=text]:not(:placeholder-shown):not(:focus):invalid:-ms-input-placeholder {
    color: #ff8080
}

.form input[type=tel]:not(:placeholder-shown):not(:focus):invalid::-ms-input-placeholder, .form input[type=text]:not(:placeholder-shown):not(:focus):invalid::-ms-input-placeholder {
    color: #ff8080
}

.form input[type=tel]:not(:placeholder-shown):not(:focus):invalid::placeholder, .form input[type=text]:not(:placeholder-shown):not(:focus):invalid::placeholder {
    color: #ff8080
}

.form__input {
    position: relative
}

.form__input-icon {
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.form__checkbox {
    display: grid;
    grid-template-columns:min-content 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 20px;
    column-gap: 20px;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400
}

.form__checkbox-mark {
    width: 20px;
    height: 20px;
    border: 1px solid #7b7b7b;
    border-radius: 3px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    cursor: pointer
}

.form__checkbox-mark:after {
    position: relative;
    content: "";
    display: none;
    width: 7px;
    height: 13px;
    border: 1px solid #e0e0e0;
    border-width: 0 2px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.form__checkbox-mark:hover {
    border-color: #fff5d2
}

.form__checkbox input[type=checkbox] {
    opacity: 0;
    position: absolute;
    z-index: -10
}

.form__checkbox input[type=checkbox]:checked ~ .form__checkbox-mark:after {
    display: block
}

.form--dark input {
    color: #fff
}

.modal {
    position: fixed;
    visibility: hidden;
    z-index: 10;
    display: block;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow-y: auto;
    background-color: rgba(0, 0, 0, .5);
    -webkit-transition: z-index 0s linear;
    -o-transition: z-index 0s linear;
    transition: z-index 0s linear
}

.modal--active {
    visibility: initial
}

.modal--active .modal__content {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: -webkit-transform .5s ease .1s;
    transition: -webkit-transform .5s ease .1s;
    -o-transition: transform .5s ease .1s;
    transition: transform .5s ease .1s;
    transition: transform .5s ease .1s, -webkit-transform .5s ease .1s
}

.modal__content {
    position: relative;
    max-height: 100vh;
    left: 50%;
    top: 50vh;
    -webkit-transform: translate(-50%, 100vh);
    -ms-transform: translate(-50%, 100vh);
    transform: translate(-50%, 100vh);
    margin-top: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    max-width: 680px;
    padding: 20px 10px;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease
}

.modal__price {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    padding-top: 10px
}

.modal__price-item {
    padding-right: 10px
}

.modal__price .text-del {
    color: #e0e0e0
}

.modal .modal__btn {
    margin-top: 20px
}

.modal__form {
    padding-top: 10px
}

.modal__close {
    position: absolute;
    right: 10px;
    top: -50px;
    width: 36px;
    height: 36px;
    background: #8c8c8c;
    border-radius: 100px;
    cursor: pointer
}

.modal__close:after, .modal__close:before {
    position: absolute;
    content: "";
    width: 15px;
    height: 1px;
    top: 50%;
    right: 10px;
    background-color: #fff
}

.modal__close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.modal__close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.modal--swiss .modal__content {
    background: -webkit-gradient(linear, left bottom, left top, from(#7d3a3a), to(#985456));
    background: -webkit-linear-gradient(bottom, #7d3a3a, #985456);
    background: -o-linear-gradient(bottom, #7d3a3a, #985456);
    background: linear-gradient(0deg, #7d3a3a, #985456);
    color: #fff;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px
}

.modal--swiss .modal__content-img {
    position: absolute;
    width: 100%;
    height: calc(100% + 54px);
    top: -54px;
    left: 0;
    background: url("../img/mountains.svg") no-repeat;
    background-size: cover;
    background-position: 50%;
    z-index: -1
}

.modal--swiss .modal__header .h2 {
    font-family: Montserrat, Arial, sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    padding-top: 30px
}

.modal--swiss .modal__text {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.7em;
    padding-top: 20px
}

.modal--swiss .modal__btn {
    margin-top: 10px
}

.modal--swiss .modal__btn:active, .modal--swiss .modal__btn:hover {
    background-color: #fff;
    color: #7d3a3a
}

.modal--swiss .modal__icon-made-in {
    margin-top: 23px
}

.modal--swiss .modal__icon-swiss {
    width: 43px;
    height: 43px
}

.modal--swiss .modal__madeIn {
    display: block;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    color: #fff;
    padding-top: 9px;
    text-align: center
}

.modal--form .modal__content {
    max-width: 750px;
    background-color: #fff
}

.modal--form .modal__header .h2 {
    font-family: Big Caslon, Times New Roman, sans-serif;
    font-weight: 600;
    font-size: 21px;
    line-height: 35px
}

.modal--form .modal__form {
    color: #7b7b7b
}

.modal--form .modal__madeIn {
    color: #e0e0e0
}

.modal--form .modal__form-pic {
    height: auto;
    width: 340px;
    margin: -90px auto 0;
    position: relative
}

.modal--form .modal__form-pic:after {
    position: absolute;
    content: "-24%";
    display: block;
    width: 74px;
    height: 74px;
    background: #c29a0a;
    border: 1px solid #c29a0a;
    left: 20%;
    top: 20%;
    border-radius: 100%;
    padding-top: 19px;
    color: #fff;
    font-size: 24px;
    text-align: center
}

.modal--form .form__input input::-webkit-input-placeholder {
    color: #7b7b7b
}

.modal--form .form__input input:-ms-input-placeholder, .modal--form .form__input input::-ms-input-placeholder {
    color: #7b7b7b
}

.modal--form .form__input input::placeholder {
    color: #7b7b7b
}

.modal--form .form__checkbox-mark:after, .modal--form .form__checkbox-mark:before {
    border-color: #7b7b7b
}

.modal--form .modal__footer-madeIn {
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    padding-top: 20px
}

.modal--text .modal__content {
    max-width: 340px;
    background: hsla(0, 0%, 8%, .69);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    border-radius: 10px;
    padding: 20px 45px 0 20px;
    font-size: 16px;
    text-align: left
}

.modal--text .modal__close {
    top: 5px;
    right: 5px;
    background: initial
}

.modal--gallery .modal__content {
    margin-top: 0;
    max-width: 860px
}

.modal--gallery .modal__close {
    background: initial;
    border: 1px solid #fff;
    top: 40px;
    right: 20px
}

.modal--gallery .modal__wrap {
    padding-top: 20px
}

@media (min-width: 768px) {
    .modal--swiss .modal__content {
        padding: 20px;
        text-align: left;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .modal--swiss .modal__footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }

    .modal--form .modal__content {
        padding: 50px 25px 90px
    }

    .modal--form .modal__form-pic {
        position: absolute;
        right: -200px;
        width: 600px;
        margin-top: -70px;
        top: 0;
        z-index: -1
    }

    .modal--form .modal__form-pic:after {
        left: 30%
    }

    .modal--form .modal__footer-madeIn {
        max-width: 330px;
        text-align: left
    }

    .modal--form .modal__header .h2 {
        font-size: 24px;
        line-height: 35px
    }

    .modal--form .modal__close {
        top: -70px
    }

    .modal__form {
        max-width: 330px;
        padding-top: 40px
    }

    .modal--gallery .modal__wrap {
        padding-top: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: 20px;
        column-gap: 20px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.gallery {
    position: relative;
    -webkit-column-gap: 0;
    column-gap: 0;
    overflow: hidden;
    -webkit-filter: drop-shadow(30px 24px 35px rgba(0, 0, 0, .25));
    filter: drop-shadow(30px 24px 35px rgba(0, 0, 0, .25));
    border-radius: 5px
}

.gallery__wrapper {
    max-width: 860px
}

.gallery__pic {
    display: none;
    height: 60vh
}

.gallery__pic.active {
    display: block
}

.gallery__btn {
    position: absolute;
    width: 15px;
    height: 15px;
    border-left: 2px solid #e0e0e0;
    border-bottom: 2px solid #e0e0e0;
    cursor: pointer;
    top: 50%
}

.gallery__btn:focus, .gallery__btn:hover {
    outline: none;
    border-color: #fff5d2
}

.gallery__btn--next {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    right: 30px
}

.gallery__btn--prev {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 30px
}

@media (min-width: 1320px) {
    .gallery {
        padding-top: 100px
    }
}

.main-header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    margin-bottom: 0
}

.main-header__top {
    background: rgba(0, 0, 0, .51);
    -webkit-backdrop-filter: blur(60px);
    backdrop-filter: blur(60px)
}

.main-header__top-content {
    padding-top: 23px;
    padding-bottom: 23px
}

.main-header__nav {
    display: none;
    text-align: center
}

.main-header__nav-links {
    margin-bottom: 30px
}

.main-header__nav-links a {
    display: block;
    padding: 22px;
    color: #fff
}

.main-header__nav-links a.active {
    color: #ffe99b
}

.main-header__hamburger {
    position: absolute;
    left: 0;
    top: 0
}

.main-header__logo {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.main-header__logo, .main-header__logo-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.main-header__logo-right {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    padding: 18px 23px;
    background: #b80000;
    border-radius: 0 0 0 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-column-gap: 18px;
    column-gap: 18px
}

.main-header__logo-swizz {
    display: none
}

.main-header.active {
    background-color: #1b1b1b;
    height: 100vh
}

.main-header.active .main-header__nav {
    display: block
}

.main-header--nojs {
    position: relative
}

@media (min-width: 1240px) {
    .main-header__hamburger {
        display: none
    }

    .main-header__nav {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 850px;
        margin: 0 auto
    }

    .main-header__nav-links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .main-header__nav-links a {
        position: relative
    }

    .main-header__nav-links a.active {
        color: #fff
    }

    .main-header__nav-links a.active:after {
        opacity: 1
    }

    .main-header__nav-links a:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #ffe99b;
        opacity: 0;
        -webkit-transition: opacity .3s ease;
        -o-transition: opacity .3s ease;
        transition: opacity .3s ease
    }

    .main-header__nav-btn {
        display: none
    }

    .main-header__logo {
        justify-content: left
    }

    .main-header__logo-swizz {
        position: relative;
        display: block
    }

    .main-header.active {
        height: 0
    }
}

.proffer {
    background: #1b1b1b;
    background-image: url("../img/black-pearl-sm.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    color: #fff
}

@media (-o-min-device-pixel-ratio: 2/1),(-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .proffer {
        background-image: url("../img/black-pearl-sm@2x.jpg")
    }
}

@media (min-width: 768px) {
    .proffer {
        background-image: url("../img/black-pearl-md.jpg")
    }
}

@media (min-width: 768px) and (-o-min-device-pixel-ratio: 2/1),(min-width: 768px) and (-webkit-min-device-pixel-ratio: 2),(min-width: 768px) and (min-device-pixel-ratio: 2),(min-width: 768px) and (min-resolution: 2dppx) {
    .proffer {
        background-image: url("../img/black-pearl-md@2x.jpg")
    }
}

@media (min-width: 1320px) {
    .proffer {
        background-image: url("../img/black-pearl-lg.jpg")
    }
}

@media (min-width: 1320px) and (-o-min-device-pixel-ratio: 2/1),(min-width: 1320px) and (-webkit-min-device-pixel-ratio: 2),(min-width: 1320px) and (min-device-pixel-ratio: 2),(min-width: 1320px) and (min-resolution: 2dppx) {
    .proffer {
        background-image: url("../img/black-pearl-lg@2x.jpg")
    }
}

.proffer__header {
    margin-bottom: 30px;
    text-transform: uppercase
}

.proffer__content {
    padding-top: 100px
}

.proffer__offer {
    margin-bottom: 26px
}

.proffer__facts {
    padding-top: 10px;
    padding-bottom: 50px;
    font-size: 14px
}

.proffer__facts-item--main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-column-gap: 20px;
    column-gap: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.proffer__facts-item-procent {
    width: 66px;
    min-width: 66px;
    height: 66px;
    background-image: url("../img/circle-progress.svg");
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.proffer__facts-title {
    color: #ffe99b;
    font-weight: 500
}

.proffer__facts-additional {
    display: none
}

.proffer__price {
    font-size: 20px;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid hsla(0, 0%, 100%, .6);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    padding: 6px 20px
}

.proffer__price-item {
    padding-right: 10px
}

.proffer__price-sale {
    padding-right: 20px;
    font-size: 36px;
    line-height: 44px;
    font-weight: 700;
    color: #c29a0a
}

@media (min-width: 768px) {
    .proffer__content {
        padding-top: 100px
    }

    .proffer__offer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 40x
    }

    .proffer__btn {
        margin-right: 30px
    }

    .proffer__price {
        margin-bottom: 0
    }

    .proffer__facts {
        background: hsla(0, 0%, 100%, .15);
        -webkit-backdrop-filter: blur(30px);
        backdrop-filter: blur(30px);
        border-radius: 10px 10px 0 0;
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 14px
    }

    .proffer__facts-content {
        grid-template-columns:270px 1fr
    }

    .proffer__facts-additional, .proffer__facts-content {
        display: grid;
        -webkit-column-gap: 20px;
        column-gap: 20px
    }

    .proffer__facts-additional {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        grid-template-columns:1fr 1fr;
        grid-template-rows:1fr 1fr
    }
}

@media (min-width: 1320px) {
    .proffer__header {
        margin-bottom: 50px
    }

    .proffer__content {
        padding-top: 100px
    }

    .proffer__offer {
        margin-bottom: 40px
    }

    .proffer__facts {
        max-width: 1300px;
        margin: 0 auto;
        padding-right: 90px;
        padding-left: 90px
    }

    .proffer__facts-content {
        grid-template-columns:330px 315px 365px;;
        -webkit-column-gap: 70px;
        column-gap: 70px
    }
}

@media (min-width: 1920px) {
    .proffer__header {
        margin-bottom: 30px
    }

    .proffer__content {
        padding-top: 100px
    }

    .proffer__offer {
        margin-bottom: 40px
    }
}

.problems {
    text-align: center;
    padding-top: 50px
}

.problems__header {
    color: #1b1b1b
}

.problems__items {
    padding-top: 30px;
    display: grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:200px 35px 200px 75px 200px;
    grid-template-areas:"a b" "a c" "d c" "d e" "f e";
    row-gap: 15px;
    -webkit-column-gap: 20px;
    column-gap: 20px
}

.problems__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    row-gap: 5px;
    padding: 10px;
    color: #fff;
    background-color: #383838;
    position: relative;
    border-radius: 5px
}

.problems__item:after {
    opacity: 0;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 8px;
    width: 100%;
    background-color: #ffe99b;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s
}

.problems__item:hover:after {
    opacity: 1
}

.problems__item:hover .problems__item-desc span {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    height: 100%
}

.problems__item-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px
}

.problems__item-desc {
    font-weight: 500;
    font-size: 14px;
    overflow: hidden
}

.problems__item-desc span {
    position: relative;
    display: block;
    height: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.problems__item--gtk {
    grid-area: a;
    background-image: url("../img/Game-table-k.jpg");
    background-repeat: no-repeat;
    background-size: cover
}

@media (-o-min-device-pixel-ratio: 2/1),(-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .problems__item--gtk {
        background-image: url("../img/Game-table-k.jpg")
    }
}

@media (min-width: 768px) {
    .problems__item--gtk {
        background-image: url("../img/Game-table-k.jpg")
    }
}

@media (min-width: 768px) and (-o-min-device-pixel-ratio: 2/1),(min-width: 768px) and (-webkit-min-device-pixel-ratio: 2),(min-width: 768px) and (min-device-pixel-ratio: 2),(min-width: 768px) and (min-resolution: 2dppx) {
    .problems__item--gtk {
        background-image: url("../img/Game-table-k.jpg")
    }
}

@media (min-width: 1320px) {
    .problems__item--gtk {
        background-image: url("../img/Game-table-k.jpg")
    }
}

@media (min-width: 1320px) and (-o-min-device-pixel-ratio: 2/1),(min-width: 1320px) and (-webkit-min-device-pixel-ratio: 2),(min-width: 1320px) and (min-device-pixel-ratio: 2),(min-width: 1320px) and (min-resolution: 2dppx) {
    .problems__item--gtk {
        background-image: url("../img/Game-table-k.jpg")
    }
}

.problems__item--gtmk {
    grid-area: b;
    background-image: url("../img/Game-table-mk.jpg");
    background-repeat: no-repeat;
    background-size: cover
}

@media (-o-min-device-pixel-ratio: 2/1),(-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .problems__item--gtmk {
        background-image: url("../img/Game-table-mk.jpg")
    }
}

@media (min-width: 768px) {
    .problems__item--gtmk {
        background-image: url("../img/Game-table-mk.jpg")
    }
}

@media (min-width: 768px) and (-o-min-device-pixel-ratio: 2/1),(min-width: 768px) and (-webkit-min-device-pixel-ratio: 2),(min-width: 768px) and (min-device-pixel-ratio: 2),(min-width: 768px) and (min-resolution: 2dppx) {
    .problems__item--gtmk {
        background-image: url("../img/Game-table-mk.jpg")
    }
}

@media (min-width: 1320px) {
    .problems__item--gtmk {
        background-image: url("../img/Game-table-mkjpg")
    }
}

@media (min-width: 1320px) and (-o-min-device-pixel-ratio: 2/1),(min-width: 1320px) and (-webkit-min-device-pixel-ratio: 2),(min-width: 1320px) and (min-device-pixel-ratio: 2),(min-width: 1320px) and (min-resolution: 2dppx) {
    .problems__item--gtmk {
        background-image: url("../img/Game-table-mk.jpg")
    }
}

.problems__item--fallingAsleep {
    grid-area: d;
    background-image: url("../img/falling-asleep-sm.jpg");
    background-repeat: no-repeat;
    background-size: cover
}

@media (-o-min-device-pixel-ratio: 2/1),(-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .problems__item--fallingAsleep {
        background-image: url("../img/falling-asleep-sm@2x.jpg")
    }
}

@media (min-width: 768px) {
    .problems__item--fallingAsleep {
        background-image: url("../img/falling-asleep-md.jpg")
    }
}

@media (min-width: 768px) and (-o-min-device-pixel-ratio: 2/1),(min-width: 768px) and (-webkit-min-device-pixel-ratio: 2),(min-width: 768px) and (min-device-pixel-ratio: 2),(min-width: 768px) and (min-resolution: 2dppx) {
    .problems__item--fallingAsleep {
        background-image: url("../img/falling-asleep-md@2x.jpg")
    }
}

@media (min-width: 1320px) {
    .problems__item--fallingAsleep {
        background-image: url("../img/falling-asleep-lg.jpg")
    }
}

@media (min-width: 1320px) and (-o-min-device-pixel-ratio: 2/1),(min-width: 1320px) and (-webkit-min-device-pixel-ratio: 2),(min-width: 1320px) and (min-device-pixel-ratio: 2),(min-width: 1320px) and (min-resolution: 2dppx) {
    .problems__item--fallingAsleep {
        background-image: url("../img/falling-asleep-lg@2x.jpg")
    }
}

.problems__item--jetlag {
    grid-area: c;
    background-image: url("../img/jetlag-sm.jpg");
    background-repeat: no-repeat;
    background-size: cover
}

@media (-o-min-device-pixel-ratio: 2/1),(-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .problems__item--jetlag {
        background-image: url("../img/jetlag-sm@2x.jpg")
    }
}

@media (min-width: 768px) {
    .problems__item--jetlag {
        background-image: url("../img/jetlag-md.jpg")
    }
}

@media (min-width: 768px) and (-o-min-device-pixel-ratio: 2/1),(min-width: 768px) and (-webkit-min-device-pixel-ratio: 2),(min-width: 768px) and (min-device-pixel-ratio: 2),(min-width: 768px) and (min-resolution: 2dppx) {
    .problems__item--jetlag {
        background-image: url("../img/jetlag-md@2x.jpg")
    }
}

@media (min-width: 1320px) {
    .problems__item--jetlag {
        background-image: url("../img/jetlag-lg.jpg")
    }
}

@media (min-width: 1320px) and (-o-min-device-pixel-ratio: 2/1),(min-width: 1320px) and (-webkit-min-device-pixel-ratio: 2),(min-width: 1320px) and (min-device-pixel-ratio: 2),(min-width: 1320px) and (min-resolution: 2dppx) {
    .problems__item--jetlag {
        background-image: url("../img/jetlag-lg@2x.jpg")
    }
}

.problems__item--exhaustion {
    grid-area: e;
    background-image: url("../img/exhaustion-sm.jpg");
    background-repeat: no-repeat;
    background-size: cover
}

@media (-o-min-device-pixel-ratio: 2/1),(-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .problems__item--exhaustion {
        background-image: url("../img/exhaustion-sm@2x.jpg")
    }
}

@media (min-width: 768px) {
    .problems__item--exhaustion {
        background-image: url("../img/exhaustion-md.jpg")
    }
}

@media (min-width: 768px) and (-o-min-device-pixel-ratio: 2/1),(min-width: 768px) and (-webkit-min-device-pixel-ratio: 2),(min-width: 768px) and (min-device-pixel-ratio: 2),(min-width: 768px) and (min-resolution: 2dppx) {
    .problems__item--exhaustion {
        background-image: url("../img/exhaustion-md@2x.jpg")
    }
}

@media (min-width: 1320px) {
    .problems__item--exhaustion {
        background-image: url("../img/exhaustion-lg.jpg")
    }
}

@media (min-width: 1320px) and (-o-min-device-pixel-ratio: 2/1),(min-width: 1320px) and (-webkit-min-device-pixel-ratio: 2),(min-width: 1320px) and (min-device-pixel-ratio: 2),(min-width: 1320px) and (min-resolution: 2dppx) {
    .problems__item--exhaustion {
        background-image: url("../img/exhaustion-lg@2x.jpg")
    }
}

.problems__item--stress {
    grid-area: f;
    background-image: url("../img/stress-sm.jpg");
    background-repeat: no-repeat;
    background-size: cover
}

@media (-o-min-device-pixel-ratio: 2/1),(-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .problems__item--stress {
        background-image: url("../img/stress-sm@2x.jpg")
    }
}

@media (min-width: 768px) {
    .problems__item--stress {
        background-image: url("../img/stress-md.jpg")
    }
}

@media (min-width: 768px) and (-o-min-device-pixel-ratio: 2/1),(min-width: 768px) and (-webkit-min-device-pixel-ratio: 2),(min-width: 768px) and (min-device-pixel-ratio: 2),(min-width: 768px) and (min-resolution: 2dppx) {
    .problems__item--stress {
        background-image: url("../img/stress-md@2x.jpg")
    }
}

@media (min-width: 1320px) {
    .problems__item--stress {
        background-image: url("../img/stress-lg.jpg")
    }
}

@media (min-width: 1320px) and (-o-min-device-pixel-ratio: 2/1),(min-width: 1320px) and (-webkit-min-device-pixel-ratio: 2),(min-width: 1320px) and (min-device-pixel-ratio: 2),(min-width: 1320px) and (min-resolution: 2dppx) {
    .problems__item--stress {
        background-image: url("../img/stress-lg@2x.jpg")
    }
}

@media (min-width: 768px) {
    .problems {
        padding-top: 70px
    }

    .problems__items {
        padding-top: 50px
    }

    .problems__item-title {
        font-size: 30px;
        line-height: 37px
    }
}

@media (min-width: 1320px) {
    .problems {
        padding-top: 100px
    }

    .problems__header {
        padding-right: 110px;
        padding-left: 110px
    }

    .problems__items {
        padding-top: 80px;
        grid-template-columns:1fr 1fr 1fr;
        grid-template-rows:160px 80px 60px 200px;
        grid-template-areas:"a d c" "a d e" "f d e" "f b e";
        row-gap: 20px
    }
}

@media (min-width: 1920px) {
    .problems {
        padding-top: 120px
    }
}

.product {
    padding-top: 50px;
    text-align: center
}

.product__header {
    padding-bottom: 20px;
    color: #1b1b1b
}

.product__gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    overflow-x: auto;
    scroll-padding: 10px
}

.product__gallery-pic {
    margin-right: 10px;
    overflow: initial
}

.product__gallery-pic img {
    width: auto
}

.product__gallery-pic:first-child {
    padding-left: 10px
}

.product__gallery-pic:last-child {
    padding-right: 10px
}

.product__gallery__btn {
    position: absolute;
    width: 10px;
    height: 10px;
    border-left: 2px solid #e0e0e0;
    border-bottom: 2px solid #e0e0e0
}

.product__gallery__btn--next {
    right: 0
}

.product__gallery__btn--next, .product__gallery__btn--prev {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%
}

.product__gallery__btn--prev {
    left: 0
}

.product__gallery--full {
    -webkit-column-gap: 0;
    column-gap: 0;
    height: 80vh;
    overflow: hidden;
    -webkit-filter: drop-shadow(30px 24px 35px rgba(0, 0, 0, .25));
    filter: drop-shadow(30px 24px 35px rgba(0, 0, 0, .25));
    border-radius: 5px
}

.product__gallery--full .product__gallery-pic picture {
    height: 100%;
    width: 100vw;
    max-width: 860px
}

.product__gallery--full .product__gallery-pic img {
    width: 100%;
    height: 100%
}

.product__countries {
    -webkit-box-shadow: 0 4px 33px #f0f0f0;
    box-shadow: 0 4px 33px #f0f0f0;
    border-radius: 10px;
    max-width: 526px;
    margin: 0 auto;
    display: grid;
    grid-template-columns:1fr 1fr;
    padding: 15px 11px;
    -webkit-column-gap: 15px;
    column-gap: 15px;
    margin-top: 30px
}

.product__country {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 10px;
    column-gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.product__country-dd {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    text-align: left
}

.product__country-dt {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    text-align: left
}

@media (min-width: 768px) {
    .product {
        padding-top: 50px
    }

    .product__desc {
        font-size: 16px
    }

    .product__gallery-pic {
        margin-right: 30px;
        scroll-snap-align: start
    }

    .product__gallery-pic:first-child {
        padding-left: 30px
    }

    .product__gallery-pic:last-child {
        padding-right: 30px
    }

    .product__gallery--full {
        -webkit-column-gap: 0;
        column-gap: 0;
        height: auto
    }

    .product__contries {
        max-width: 860px;
        padding: 20px 13px
    }
}

@media (min-width: 1320px) {
    .product {
        padding-top: 50px
    }

    .product__header {
        margin-left: 285px;
        margin-right: 285px
    }

    .product__desc {
        margin-left: 320px;
        margin-right: 320px
    }

    .product-pic {
        scroll-snap-align: start
    }

    .product-pic:first-child {
        padding-left: calc(50% - 660px)
    }

    .product-pic:last-child {
        padding-right: calc(50% - 1320px / 2 + 2 * 10px)
    }

    .product__contries {
        padding: 20px 58px
    }
}

.solution {
    margin-top: 30px
}

.solution__item {
    padding-top: 38px
}

.solution__item-header {
    margin-bottom: 20px
}

.solution__item-btn {
    margin-top: 10px
}

.solution__img {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 auto;
    text-align: center
}

.solution__img svg {
    padding-top: 10px;
    max-width: 380px;
    width: 100%;
    height: auto
}

.solution__img--head svg {
    max-width: 382px
}

.solution__img--mask svg {
    max-width: 680px;
    padding-top: 130px
}

.solution__more {
    padding-top: 112px;
    display: grid;
    row-gap: 40px
}

.solution__more-item {
    display: grid;
    grid-template-columns:min-content 1fr;
    -webkit-column-gap: 20px;
    column-gap: 20px
}

.solution__more-icon {
    width: 70px;
    height: 70px
}

.solution__more-header {
    margin-bottom: 10px
}

.solution__more-desc p {
    font-weight: 300;
    font-size: 14px
}

@media (min-width: 768px) {
    .solution {
        margin-top: 70px
    }

    .solution__item {
        padding-top: 60px
    }

    .solution__item-header {
        margin-bottom: 30px
    }

    .solution__item-header h2 {
        font-size: 36px;
        line-height: 44px
    }

    .solution__item-btn {
        margin-top: 15px
    }

    .solution__more {
        grid-template-columns:1fr 1fr 1fr;
        -webkit-column-gap: 20px;
        column-gap: 20px;
        padding-top: 80px
    }

    .solution__more-item {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        grid-template-columns:1fr;
        grid-template-rows:min-content 1fr;
        row-gap: 20px
    }
}

@media (min-width: 1320px) {
    .solution {
        margin-top: 80px
    }

    .solution__item {
        padding-top: 100px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .solution__item-content {
        width: 518px
    }

    .solution__item-header h2 {
        font-size: 49px;
        line-height: 59px
    }

    .solution__img--head svg {
        max-width: 550px
    }

    .solution__img--mask {
        text-align: right
    }

    .solution__img--mask svg {
        max-width: 640px
    }

    .solution__more {
        -webkit-column-gap: 90px;
        column-gap: 90px
    }
}

@media (min-width: 1920px) {
    .solution {
        margin-top: 120px
    }
}

.effect {
    padding-top: 10px;
    padding-bottom: 50px
}

.effect__item {
    padding-top: 70px
}

.effect__item-header {
    padding-top: 40px;
    margin-bottom: 20px
}

.effect__item-header .h3 {
    font-family: Montserrat, Arial, sans-serif
}

.effect__item-picture img {
    border-radius: 5px
}

@media (min-width: 768px) {
    .effect {
        padding-top: 70px;
        padding-bottom: 120px
    }
}

@media (min-width: 1320px) {
    .effect {
        padding-top: 90px;
        padding-bottom: 135px
    }

    .effect__item {
        display: grid;
        grid-template-columns:50% 50%;
        -webkit-column-gap: 20px;
        column-gap: 20px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .effect__item-content {
        width: 440px;
        margin-left: auto;
        margin-right: auto
    }
}

.articles {
    padding-top: 50px
}

.articles__header {
    padding-bottom: 30px;
    color: #1b1b1b
}

.articles__item {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    padding: 20px;
    margin-top: 15px;
    font-size: 14px;
    font-weight: 300
}

.articles__item-label {
    font-weight: 600
}

.articles__item-header {
    grid-area: g;
    color: #1b1b1b;
    text-decoration: underline
}

.articles__item-header .h5 {
    padding-bottom: 0
}

.articles__item-content {
    display: grid;
    grid-template-columns:1fr 30%;
    grid-template-areas:"g h" "i i";
    gap: 10px
}

.articles__item-picture {
    grid-area: h;
    height: 72px
}

.articles__item-picture img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    height: 100%
}

.articles__item-text {
    grid-area: i
}

.articles__item-date {
    font-weight: 600
}

@media (min-width: 768px) {
    .articles {
        padding-top: 100px
    }

    .articles__header {
        padding-bottom: 50px
    }

    .articles__header .h1 {
        font-size: 49px
    }

    .articles__item-content {
        grid-template-columns:1fr 135px;
        grid-template-areas:"g h" "i h";
        gap: 15px
    }

    .articles__item-picture {
        width: 135px;
        height: 104px
    }
}

@media (min-width: 1320px) {
    .articles__items {
        display: grid;
        grid-template-columns:1fr 1fr;
        gap: 20px
    }

    .articles__items .articles__item:nth-of-type(2n) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media (min-width: 1920px) {
    .articles {
        padding-top: 120px
    }
}

.idea {
    margin-top: 90px
}

.idea__header {
    padding-bottom: 30px;
    color: #1b1b1b
}

.idea__btn {
    margin-top: 27px
}

.idea__picture {
    margin-top: -150px;
    z-index: -1;
    position: relative;
    width: 100vw;
    left: -10px
}

@media (min-width: 768px) {
    .idea {
        margin-top: 68px;
        position: relative;
        overflow: hidden;
        min-height: 630px
    }

    .idea__content {
        padding-bottom: 186px;
        padding-top: 110px;
        width: 50%
    }

    .idea__picture {
        position: absolute;
        margin-top: 0;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0
    }

    .idea__picture img {
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: right center;
        object-position: right center;
        height: 100%
    }

    .idea__header .h1 {
        font-size: 36px;
        line-height: 44px
    }
}

@media (min-width: 1320px) {
    .idea {
        margin-top: 100px
    }

    .idea__header .h1 {
        font-size: 49px;
        line-height: 59px
    }
}

@media (min-width: 1920px) {
    .idea {
        margin-top: 120px
    }
}

.features {
    padding-top: 50px
}

.features__header {
    color: #1b1b1b
}

.features__text-accent {
    font-weight: 600;
    font-size: 20px;
    line-height: 160%;
    color: #c29a0a;
    padding-top: 30px
}

.features__statistics {
    padding-top: 10px
}

.features__statistic {
    border: 1px solid #c29a0a;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px
}

.features__statistic-content {
    display: grid;
    grid-template-columns:min-content 1fr;
    -webkit-column-gap: 20px;
    column-gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 10px
}

.features__statistic-procent {
    font-family: Big Caslon, Times New Roman, sans-serif;
    font-size: 70px;
    line-height: 85px;
    color: #1b1b1b
}

.features__chart {
    padding-top: 50px
}

.features__picture {
    padding-top: 30px;
    margin-bottom: -160px;
    position: relative;
    z-index: -1;
    overflow: initial
}

.features__picture img {
    position: relative;
    width: 100vw;
    left: -10px
}

.features__btn {
    margin-top: 10px
}

.features__gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 50px
}

.features__gallery-icons {
    display: grid;
    grid-template-columns:1fr 1fr 1fr;
    -webkit-column-gap: 30px;
    column-gap: 30px;
    padding-top: 30px;
    padding-bottom: 40px
}

.features__gallery-icon {
    text-align: center
}

.features__gallery-icon-pic {
    width: 80px;
    height: 80px
}

.features__gallery-icon-text {
    padding-top: 20px
}

.features__gallery-content {
    padding-top: 40px
}

.features__gallery-pics {
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 15px
}

.features__gallery-pics-main {
    grid-column: 1/-1
}

.features__gallery-pics picture {
    border-radius: 5px
}

@media (min-width: 768px) {
    .features {
        padding-top: 70px
    }

    .features__header {
        font-size: 36px;
        line-height: 44px
    }

    .features__text-accent {
        font-weight: 500;
        font-size: 24px;
        color: #c29a0a
    }

    .features__statistics {
        padding-top: 5px;
        -webkit-column-gap: 20px;
        column-gap: 20px
    }

    .features__content, .features__statistics {
        display: grid;
        grid-template-columns:1fr 1fr
    }

    .features__content {
        grid-template-rows:min-content 450px;
        grid-template-areas:"j j" "h k";
        gap: 80px 20px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .features__chart {
        grid-area: j;
        align-self: center
    }

    .features__btn {
        margin-bottom: 90px
    }

    .features__picture {
        overflow: initial;
        grid-area: h;
        padding-top: 0;
        margin-bottom: 0;
        height: 100%
    }

    .features__picture img {
        position: absolute;
        left: -30px;
        bottom: 0;
        height: 100%;
        width: auto
    }

    .features__content-desc {
        grid-area: k
    }

    .features__gallery {
        padding-top: 70px;
        display: grid;
        grid-template-columns:1fr 1fr;
        -webkit-column-gap: 20px;
        column-gap: 20px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .features__gallery-content {
        padding-top: 0
    }
}

@media (min-width: 1320px) {
    .features {
        padding-top: 100px
    }

    .features__header {
        font-size: 49px;
        line-height: 59px
    }

    .features__statistic-procent {
        font-size: 120px;
        line-height: 145px
    }

    .features__text-accent {
        color: #c29a0a
    }

    .features__content {
        grid-template-areas:"h j" "h k";
        grid-template-rows:min-content min-content;
        row-gap: 50px;
        padding-top: 70px
    }

    .features__btn {
        margin-bottom: 170px
    }

    .features__picture img {
        left: -50%
    }

    .features__gallery {
        padding-top: 100px;
        -webkit-column-gap: 110px;
        column-gap: 110px
    }

    .features__gallery-pics {
        grid-template-columns:1fr 1fr 1fr
    }
}

@media (min-width: 1920px) {
    .features, .features__gallery {
        padding-top: 120px
    }
}

.characteristic {
    padding-top: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.characteristic__params {
    padding-top: 18px;
    font-weight: 500;
    color: #7b7b7b
}

.characteristic__pic img {
    -o-object-fit: contain;
    object-fit: contain
}

.characteristic__param {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #c29a0a
}

.characteristic__param-title {
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase
}

.characteristic__param-value {
    text-align: left;
    font-size: 14px
}

@media (min-width: 768px) {
    .characteristic {
        padding-top: 10px;
        display: grid;
        grid-template-columns:1fr 1fr;
        -webkit-column-gap: 20px;
        column-gap: 20px
    }

    .characteristic__params {
        padding-top: 0
    }
}

@media (min-width: 1320px) {
    .characteristic {
        padding-top: 10px;
        -webkit-column-gap: 110px;
        column-gap: 110px
    }
}

@media (min-width: 1920px) {
    .characteristic {
        padding-top: 10px
    }
}

.trying {
    margin-top: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
    color: #fff;
    font-size: 20px;
    background-color: #000
}

.trying__content {
    position: relative;
    z-index: 1
}

.trying__pic {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0
}

.trying__header {
    text-transform: uppercase
}

.trying__btn {
    margin-top: 20px
}

@media (min-width: 768px) {
    .trying {
        margin-top: 50px;
        padding-top: 50px;
        padding-bottom: 50px
    }

    .trying__content {
        max-width: 500px
    }
}

@media (min-width: 1320px) {
    .trying {
        margin-top: 50px;
        padding-top: 50px;
        padding-bottom: 50px;
        font-size: 24px
    }

    .trying__content {
        max-width: 50%
    }

    .trying__pic {
        width: auto;
        height: 100%
    }
}

@media (min-width: 1920px) {
    .trying {
        margin-top: 50px;
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.opinion {
    padding-top: 50px
}

.opinion__pic {
    margin-bottom: 30px;
    height: 350px;
    border-radius: 5px
}

.opinion__quote {
    padding-top: 40px
}

.opinion__quote-content {
    position: relative
}

.opinion__quote-icon {
    position: absolute;
    z-index: -1;
    top: -40px;
    left: 0
}

.opinion__quote-icon-end {
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.opinion__quote-author {
    margin-top: 20px;
    position: relative;
    max-width: 340px
}

.opinion__quote-author-name {
    font-size: 20px;
    font-weight: 500
}

.opinion__quote-author-quality {
    font-size: 14px
}

.opinion__quote-signature {
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: 0
}

@media (min-width: 768px) {
    .opinion {
        padding-top: 70px
    }

    .opinion__pic {
        margin-bottom: 60px
    }

    .opinion__pic img {
        -o-object-position: 0 -70px;
        object-position: 0 -70px
    }

    .opinion__quote {
        padding-top: 30px
    }

    .opinion__quote-author {
        margin-top: 12px;
        max-width: 510px
    }

    .opinion__quote-author-quality {
        font-size: 18px
    }
}

@media (min-width: 1320px) {
    .opinion {
        display: grid;
        grid-template-columns:1fr 1fr;
        -webkit-column-gap: 110px;
        column-gap: 110px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 100px
    }

    .opinion__pic {
        margin-bottom: 0;
        width: 640px;
        height: 620px
    }

    .opinion__pic img {
        -o-object-position: initial;
        object-position: initial
    }

    .opinion__quote-author {
        margin-top: 60px
    }

    .opinion__quote-signature {
        width: 120px;
        height: 130px
    }
}

@media (min-width: 1920px) {
    .opinion {
        padding-top: 120px
    }
}

.order {
    position: relative;
    margin-top: 50px;
    padding-top: 50px;
    padding-bottom: 80px;
    background-color: #000;
    color: #fff
}

.order__pic {
    height: 525px;
    width: 100%
}

.order__content {
    position: absolute;
    top: 50px
}

.order__form-block {
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    border-radius: 10px 10px 0 0;
    background-color: #000;
    padding-top: 10px;
    padding-bottom: 10px;
    max-width: 435px;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    position: relative
}

.order__form {
    z-index: 1
}

.order__form-pic {
    width: 170px;
    height: 190px;
    position: relative
}

.order__form-pic:after {
    position: absolute;
    content: "-24%";
    display: block;
    width: 74px;
    height: 74px;
    background: #c29a0a;
    border: 1px solid #c29a0a;
    left: 0;
    top: 0;
    border-radius: 100%;
    padding-top: 19px;
    color: #fff;
    font-size: 24px;
    text-align: center
}

.order__form-prices {
    display: grid;
    grid-template-columns:1fr 1fr;
    -webkit-column-gap: 20px;
    column-gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 26px
}

.order__form-btn {
    margin-top: 30px
}

.order__price {
    font-weight: 600;
    text-align: center
}

.order__price-del {
    display: inline-block;
    font-size: 36px;
    line-height: 44px;
    position: relative
}

.order__price-del:after {
    content: "";
    position: absolute;
    height: 3px;
    width: 98px;
    background-color: #fff;
    border-bottom: 3px solid #000;
    -webkit-transform: translateX(-9px) rotate(-26deg);
    -ms-transform: translateX(-9px) rotate(-26deg);
    transform: translateX(-9px) rotate(-26deg);
    left: 0;
    bottom: .5em;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.order__price-accent {
    display: inline-block;
    font-size: 48px;
    line-height: 59px;
    color: #ddb218;
    padding: 8px 37px;
    border: 1px solid #ffe99b;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 100px;
    margin-top: 12px
}

.order__ends {
    padding: 20px;
    background: #ddb218;
    font-weight: 600;
    text-align: center;
    color: #1b1b1b;
    border-radius: 10px
}

.order__ends-desc {
    font-size: 24px;
    line-height: 29px
}

.order__ends-date {
    font-size: 35px;
    line-height: 43px
}

.order__form {
    padding-top: 30px
}

@media (min-width: 768px) {
    .order {
        margin-top: 50px;
        padding-top: 36px;
        padding-bottom: 46px
    }

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

    .order__content {
        z-index: 1;
        top: 0
    }

    .order__content, .order__form {
        position: relative
    }

    .order__form-block {
        margin-right: 0;
        padding: 10px 10px 25px
    }

    .order__form-btn {
        width: 100%
    }
}

@media (min-width: 1320px) {
    .order {
        margin-top: 100px;
        padding-top: 65px;
        padding-bottom: 65px
    }

    .order__form-block {
        max-width: 660px
    }

    .order__form, .order__form-prices {
        max-width: 440px;
        margin-right: auto;
        margin-left: auto
    }

    .order__pic:after {
        position: absolute;
        content: "";
        right: 0;
        height: 100%;
        width: 100px;
        background: -webkit-gradient(linear, right top, left top, from(#000), to(transparent));
        background: -webkit-linear-gradient(right, #000, transparent);
        background: -o-linear-gradient(right, #000, transparent);
        background: linear-gradient(270deg, #000, transparent)
    }
}

@media (min-width: 1920px) {
    .order {
        margin-top: 120px;
        padding-bottom: 155px
    }
}

.footer {
    padding-top: 10px;
    padding-bottom: 50px;
    background-color: #000;
    color: #fff
}

.footer__content {
    margin: 0 auto;
    text-align: center
}

.footer__rights {
    padding-top: 40px;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px
}

.footer__button {
    position: fixed;
    bottom: 25px;
    z-index: 3;
    right: 10px
}

@media (min-width: 768px) {
    .footer {
        padding-top: 50px
    }

    .footer__button {
        right: 30px
    }
}

@media (min-width: 1320px) {
    .footer__rights {
        padding-top: 50px
    }

    .footer__button {
        right: 30px
    }
}

.svg-animate__point {
    cursor: pointer
}

.order__price-del {
    font-size: 26px;
}

.order__price-accent {
    font-size: 18px;
}

.country_select {
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
}
.copyright {font-size: 14px; text-align: center; padding:20px 10px;color: #6C6E6F;}
.copyright p {width: 100%; text-align: center; padding: 0; margin: 0;}
.copyright br {display: none;}
.copyright img {margin: 10px auto !important; max-width: 100%; width: auto;}
.copyright a {color: #6C6E6F; text-decoration: none;}
.copyright a:hover {color:#FF0069; text-decoration: none;}
.errField {display:none; font-size: 14px; background: #f00; color: #fff; text-align: center; padding: 10px; margin-bottom:10px;}
.errorMessage {font-size: 15px; background: rgba(255, 0, 0, 0.64);color: #fff; text-align: center; padding: 5px 10px; position: absolute; margin: 10px 0 0; z-index: 99999;}