@media screen and (max-width: 596px) {
    .no-phone {
        display:none
    }
}

@media screen and (min-width: 596px) {
    .only-phone {
        display:none
    }
}

@media screen and (max-width: 768px) {
    .no-tablet {
        display:none
    }
}

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


.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    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: none
}

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

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

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

.slick-track:before,
.slick-track:after {
    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
}

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

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

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

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

:root {
    --text: #fff;
    --accent: #A6C9B8;
    --accent-dark: #93B8A2;
    --dark: #1E1919;
    --brown: #8B7773
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    height: 100%;
    width: 100%;
    font-size: -webkit-calc(100vw * (16 / 1920));
    font-size: calc(100vw * (16 / 1920));
    scroll-behavior: auto !important
}

body {
    width: -webkit-calc(100vw - (100vw - 100%));
    width: calc(100vw - (100vw - 100%));
    height: 100%;
    padding: 0;
    margin: 0;
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
    overflow-x: hidden;
    background-color: var(--dark);
    color: var(--text);
    font-size: 1.125rem;
    line-height: 1.22;
    font-family: OpenSans;
    font-weight: 400
}

body.fixed {
    overflow-y: hidden
}

main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin: 0
}

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

ol {
    padding: 0;
    margin: 0
}

p {
    margin: 0
}

img {
    max-width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

a {
    text-decoration: none;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease
}

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease
}

button {
    padding: 0;
    cursor: pointer;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    outline: none
}

textarea {
    resize: none;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease
}

svg {
    height: auto
}

.wrapper {
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.main {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.footer {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.box {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.box img,
.box picture,
.box svg,
.box video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.container {
    max-width: -webkit-calc(93rem + 1.5rem);
    max-width: calc(93rem + 1.5rem)
}

.section {
    padding: 7.5rem 0
}

.section-mt {
    margin-top: 7.5rem
}

.section-pb {
    padding-bottom: 7.5rem
}

.title-page {
    font-size: 6rem;
    text-transform: uppercase;
    line-height: 1.1;
    font-family: Oswald;
    font-weight: 400
}

.section-title {
    font-size: 5rem;
    text-transform: uppercase;
    line-height: 1.05;
    font-family: Oswald;
    font-weight: 400
}

.item-title {
    font-size: 3rem;
    line-height: 1.2;
    text-transform: uppercase;
    font-family: Oswald;
    font-weight: 400
}

.text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    letter-spacing: 0.04em;
    color: rgba(255, 255, 255, 0.7)
}

.text strong {
    font-weight: 700
}

.text ul li {
    gap: .5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.text ul li::before {
    content: '';
    min-width: .3125rem;
    max-width: .3125rem;
    height: .3125rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: var(--text);
    display: block
}

.text span {
    color: var(--accent)
}

.text h2 {
    font-size: 5rem;
    text-transform: uppercase;
    line-height: 1.05;
    font-family: Oswald;
    font-weight: 400
}

.text h3 {
    font-size: 3rem;
    line-height: 1.2;
    text-transform: uppercase;
    font-family: Oswald;
    font-weight: 400
}

.text a {
    color: var(--accent);
    text-decoration: underline
}

.accent-btn {
    background-color: var(--accent);
    color: var(--text);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border: none;
    line-height: 1;
    font-size: 1.125rem;
    -webkit-border-radius: .75rem;
    border-radius: .75rem;
    padding: 0 2rem;
    min-height: 3.25rem;
    border: 0.0625rem solid var(--accent);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Oswald;
    font-weight: 400
}

.accent-btn:hover {
    background-color: var(--accent-dark);
    border-color: var(--accent-dark)
}

.accent-btn:focus,
.accent-btn:active {
    border-color: #fff;
    background-color: transparent
}

.accent-btn:disabled {
    opacity: 0.5
}

.dark-btn {
    background-color: var(--dark);
    color: var(--text);
    border: 0.0625rem solid var(--dark);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border: none;
    line-height: 1;
    font-size: 1.125rem;
    -webkit-border-radius: .75rem;
    border-radius: .75rem;
    padding: 0 2rem;
    min-height: 3.25rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Oswald;
    font-weight: 400
}

.dark-btn:hover {
    background-color: var(--accent);
    border-color: var(--accent)
}

.dark-btn:focus,
.dark-btn:active {
    background-color: var(--accent-dark);
    border-color: var(--accent-dark)
}

.dark-btn:disabled {
    opacity: 0.5
}

.btn {
    background-color: transparent;
    color: var(--text);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border: 0.0625rem solid var(--text);
    line-height: 1;
    font-size: 1.125rem;
    -webkit-backdrop-filter: blur(2.5rem);
    backdrop-filter: blur(2.5rem);
    -webkit-border-radius: .75rem;
    border-radius: .75rem;
    padding: 0 2rem;
    min-height: 3.25rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Oswald;
    font-weight: 400
}

.btn:hover {
    background-color: var(--text);
    color: var(--dark)
}

.btn:focus,
.btn:active {
    background-color: var(--accent);
    border-color: var(--accent);
    color: var(--text)
}

.btn:disabled {
    opacity: 0.5
}

.card {
    background: rgba(255, 255, 255, 0.03);
    border: 0.0625rem solid rgba(255, 255, 255, 0.2);
    -webkit-border-radius: .75rem;
    border-radius: .75rem;
    -webkit-backdrop-filter: blur(1.5625rem);
    backdrop-filter: blur(1.5625rem);
    color: var(--text);
    padding: 2.5rem;
    height: 100%
}

.link {
    color: var(--accent);
    text-decoration: underline;
    letter-spacing: 0.04em;
    font-family: Mplus1p;
    font-weight: 400
}

.privacy {
    background-color: transparent;
    border: none;
    padding: 0;
    margin: 0;
    color: rgba(134, 120, 116, 0.7);
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: .5rem;
    font-size: .875rem;
    letter-spacing: 0.04em;
    line-height: 1.14;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    font-family: OpenSans;
    font-weight: 400
}

.privacy a {
    display: contents;
    color: rgba(134, 120, 116, 0.7)
}

.privacy .ui-checkboxradio-icon-space {
    display: none
}

.privacy .ui-icon {
    border: 0.0625rem solid rgba(134, 120, 116, 0.7);
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    min-width: 1.125rem;
    max-width: 1.125rem;
    height: 1.125rem;
    margin: 0;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease
}

.privacy:hover {
    background-color: transparent;
    border: none;
    color: var(--brown)
}

.privacy:hover a {
    color: var(--brown)
}

.privacy:hover .ui-icon {
    border-color: var(--brown)
}

.privacy.ui-state-active {
    color: var(--brown)
}

.privacy.ui-state-active a {
    color: var(--brown)
}

.privacy.ui-state-active .ui-icon {
    background-color: var(--brown);
    background-image: url(../img/interface/check.svg);
    -webkit-background-size: 1rem 1rem;
    background-size: 1rem 1rem;
    background-position: center
}

.privacy.ui-state-active:hover {
    background-color: transparent;
    border: none;
    color: var(--brown)
}

.privacy.ui-state-active:hover a {
    color: var(--brown)
}

.privacy.ui-state-focus {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent
}

.form-group {
    position: relative;
    min-height: 3.0625rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.label {
    position: absolute;
    left: 0;
    top: 1.3125rem;
    color: rgba(134, 120, 116, 0.7);
    letter-spacing: 0.02em;
    line-height: 1.33;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    pointer-events: none;
    font-family: Mplus1p;
    font-weight: 500
}

.input:focus~.label {
    top: .25rem;
    font-size: .875rem;
    line-height: 1
}

.input {
    border: none;
    border-bottom: 0.0625rem solid rgba(134, 120, 116, 0.7);
    letter-spacing: 0.02em;
    font-size: 1.125rem;
    padding: .25rem 0;
    color: var(--dark);
    width: 100%;
    line-height: 1.33;
    font-family: Mplus1p;
    font-weight: 500
}

.input::-webkit-input-placeholder {
    color: rgba(134, 120, 116, 0.7)
}

.input::-moz-placeholder {
    color: rgba(134, 120, 116, 0.7);
    opacity: 1
}

.input:-ms-input-placeholder {
    color: rgba(134, 120, 116, 0.7);
    opacity: 1
}

.slider-arrows {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem
}

.slider-prev,
.slider-next {
    min-width: 3.25rem;
    max-width: 3.25rem;
    height: 3.25rem;
    border: .0625rem solid #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease
}

.slider-prev svg,
.slider-next svg {
    width: 2rem
}

.slider-prev:hover,
.slider-next:hover {
    background-color: #fff
}

.slider-prev:hover svg path,
.slider-next:hover svg path {
    fill: var(--dark)
}

.slider-prev:focus,
.slider-prev:active,
.slider-next:focus,
.slider-next:active {
    background-color: var(--accent);
    border-color: var(--accent)
}

.slider-prev:focus svg path,
.slider-prev:active svg path,
.slider-next:focus svg path,
.slider-next:active svg path {
    fill: #fff
}

@media screen and (max-width: 991.98px) {
    html {
        font-size: -webkit-calc(100vw * (16 / 768));
        font-size: calc(100vw * (16 / 768))
    }

    .container {
        max-width: 100%;
        padding: 0 2rem
    }

    .section {
        padding: 4rem 0
    }

    .section-pb {
        padding-bottom: 4rem
    }

    .section-mt {
        margin-top: 4rem
    }

    .title-page {
        font-size: 5rem
    }

    .section-title {
        font-size: 4rem
    }

    .item-title {
        font-size: 2.375rem
    }
}

@media screen and (max-width: 575.98px) {
    html {
        font-size: -webkit-calc(100vw * (16 / 480));
        font-size: calc(100vw * (16 / 480))
    }

    .container {
        padding: 0 1.5rem
    }

    .title-page {
        font-size: 2.5rem
    }

    .section-title {
        font-size: 2rem;
        line-height: 1
    }

    .item-title {
        font-size: 2rem;
        line-height: 1.25
    }

    .card {
        padding: 2rem
    }
}

.navbar {
    position: absolute;
    margin: auto;
    width: 100%;
    padding: 2.5rem 0;
    z-index: 100;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease
}

.navbar.navbar-fixed {
    padding: 1.5rem 0;
    position: fixed;
    background-color: var(--dark)
}

.navbar__logotypes {
    gap: 3rem
}

.navbar-brand {
    max-width: 5.4375rem;
    width: 100%;
    padding: 0;
    margin: 0
}

.navbar-brand img {
    width: 100%;
    height: auto
}

.navbar__logo {
    max-width: 5.9375rem;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.navbar__logo img {
    width: 100%;
    height: auto
}

.navbar__contacts {
    gap: 1.5rem
}

.navbar__phone {
    color: #fff;
    font-size: 1.25rem;
    line-height: 1.1;
    font-family: Oswald;
    font-weight: 400
}

@media screen and (max-width: 991.98px) {
    .navbar__logotypes {
        z-index: 9999
    }

    .navbar .navbar-toggler {
        width: 3.25rem;
        height: 3.25rem;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        border: .0625rem solid #fff;
        padding: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar .navbar-toggler-icon {
        width: 2rem;
        height: 2rem;
        background-image: none
    }

    .navbar .navbar-toggler-icon svg {
        width: 100%
    }

    .navbar .navbar-toggler:focus {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar__phone {
        font-size: 3rem
    }

    .navbar .offcanvas {
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
        background-color: var(--dark)
    }

    .navbar .offcanvas-body {
        padding: 7.25rem 2rem 3rem 2rem
    }

    .navbar-close {
        border: .0625rem solid #fff;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        width: 3.25rem;
        height: 3.25rem;
        padding: 0;
        margin: 0;
        background-image: none;
        opacity: 1;
        right: 2rem;
        top: 2.5rem;
        left: auto;
        position: absolute
    }

    .navbar-close svg {
        width: 2rem
    }
}

@media screen and (max-width: 575.98px) {
    .navbar {
        padding: 1.5rem 0
    }

    .navbar-close {
        top: 1.5rem;
        right: 1.5rem
    }

    .navbar .offcanvas-body {
        padding: 7.75rem 1.5rem 3rem 1.5rem
    }
}

.main {
    position: relative;
    height: 100vh
}

.main__image {
    position: absolute;
    /*left: 0;*/
    right: 0;
    top: 0;
    height: 100%;
    width: 88.3125rem;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    /*background-attachment: fixed;*/
    background-position: center
}
/*
@media screen and (max-width: 575.98px) {
    .main__image {
        -webkit-background-size: contain;
        background-size: contain;
    }
}
*/
.main__wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    padding-bottom: 7.5rem
}

.main__wrapper div {
    height: 100%;
    z-index: 5
}

.main__wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    /*left: 0;*/
    right: 0;
    width: 88.3125rem;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(43.02%, rgba(58, 46, 44, 0)), to(#1E1919));
    background: -webkit-linear-gradient(bottom, rgba(58, 46, 44, 0) 43.02%, #1E1919 100%);
    background: -o-linear-gradient(bottom, rgba(58, 46, 44, 0) 43.02%, #1E1919 100%);
    background: linear-gradient(0deg, rgba(58, 46, 44, 0) 43.02%, #1E1919 100%);
    -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
    -ms-transform: matrix(1, 0, 0, -1, 0, 0);
    transform: matrix(1, 0, 0, -1, 0, 0)
}

.main__wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    /*left: 0;*/
    right: 0;
    width: 88.3125rem;
    height: 100%;
    /*
    background: -webkit-gradient(linear, left top, left bottom, color-stop(46.72%, rgba(38, 30, 30, 0)), to(rgba(38, 30, 30, 0.9)));
    background: -webkit-linear-gradient(top, rgba(38, 30, 30, 0) 46.72%, rgba(38, 30, 30, 0.9) 100%);
    background: -o-linear-gradient(top, rgba(38, 30, 30, 0) 46.72%, rgba(38, 30, 30, 0.9) 100%);
    background: linear-gradient(180deg, rgba(38, 30, 30, 0) 46.72%, rgba(38, 30, 30, 0.9) 100%)*/
}

.main__title {
    max-width: 70.375rem
}

@media screen and (max-width: 991.98px) {
    .main__image {
        width: 37.5rem
    }

    .main__wrapper {
        padding-bottom: 4rem
    }

    .main__wrapper::before,
    .main__wrapper::after {
        width: 37.5rem
    }
}

@media screen and (max-width: 575.98px) {
    .main {
        height: 34.5rem
    }

    .main__image {
        width: 21.5rem;
        height: 24.375rem;
        background-attachment: initial
    }

    .main__wrapper {
        height: 34.5rem
    }

    .main__wrapper::before,
    .main__wrapper::after {
        width: 21.5rem;
        height: 24.375rem
    }
}

.cellars__header {
    gap: 2.1875rem
}

.cellars__group {
    gap: 2.1875rem
}

.cellars__text {
    max-width: 34.5625rem
}

.cellars__slider {
    width: 120rem;
    margin: auto;
    padding-top: 5rem;
    position: relative
}

.cellars__slider::before {
    content: '';
    width: 10.875rem;
    height: 10.875rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    bottom: 4.9375rem;
    right: 16.6875rem;
    background: rgba(134, 120, 116, 0.7);
    opacity: 0.7;
    -webkit-filter: blur(7.5rem);
    filter: blur(7.5rem);
    z-index: -1
}

.cellars__slider::after {
    content: '';
    width: 13.875rem;
    height: 13.875rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 6.3125rem;
    left: 53.375rem;
    background: rgba(134, 120, 116, 0.7);
    opacity: 0.7;
    -webkit-filter: blur(7.5rem);
    filter: blur(7.5rem);
    z-index: -1
}

.cellars__slider_wrapper {
    width: 100%;
    margin: auto
}

.cellars__content {
    width: 100%;
    position: relative
}

.cellars__image {
    min-width: 46.5625rem;
    max-width: 46.5625rem;
    height: 30.3125rem;
    -webkit-border-radius: .75rem !important;
    border-radius: .75rem !important
}

.cellars__desc {
    margin-left: -4.125rem;
    gap: 5rem;
    max-width: 40.1875rem;
    min-width: 40.1875rem;
    width: 100%;
    z-index: 2;
    position: relative
}

.cellars__card {
    max-width: 29.6875rem;
    width: 100%;
    margin-left: auto
}

.cellars__slide {
    width: 93rem !important
}

.cellars .slick-slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.cellars__num {
    font-size: 19.375rem;
    line-height: 1.05;
    text-transform: uppercase;
    position: absolute;
    left: 30.8125rem;
    top: 2.5rem;
    color: rgba(255, 255, 255, 0.04);
    font-family: Oswald;
    font-weight: 400
}

.cellars__dop .container {
    max-width: 100%;
    padding: 0
}

.cellars__dop .container .row {
    margin: 0
}

.cellars__dop .container .row>div {
    padding: 0
}

@media screen and (max-width: 991.98px) {
    .cellars__slider {
        margin: 0;
        width: 100%;
        padding-top: 3rem
    }

    .cellars__slider_wrapper {
        margin: 0;
        width: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        gap: 1.5rem;
        overflow-x: auto;
        padding: 0 2rem;
        scrollbar-width: none
    }

    .cellars__slider_wrapper::-webkit-scrollbar {
        display: none
    }

    .cellars__slide {
        position: relative;
        min-width: 31.25rem !important;
        max-width: 31.25rem;
        gap: 1.5rem
    }

    .cellars__image {
        margin-top: 7.25rem;
        max-width: 100%;
        min-width: 100%;
        min-height: 20.3125rem;
        height: 20.3125rem
    }

    .cellars__content {
        position: initial;
        height: 100%
    }

    .cellars__desc {
        position: initial;
        margin: 0;
        min-width: 100%;
        max-width: 100%;
        height: 100%
    }

    .cellars__arrows {
        display: none
    }

    .cellars__name {
        position: absolute;
        top: 0;
        left: 0
    }

    .cellars__num {
        display: none
    }

    .cellars__card {
        max-width: 100%;
        height: 100%
    }

    .cellars__shape {
        gap: 1rem
    }

    .cellars__shape svg {
        min-width: 2rem;
        max-width: 2rem
    }
}

@media screen and (max-width: 575.98px) {
    .cellars__shape {
        padding: 1.5rem 2rem
    }

    .cellars__slider_wrapper {
        padding: 0 1.5rem
    }

    .cellars__slide {
        min-width: 20.6875rem !important;
        max-width: 20.6875rem
    }

    .cellars__image {
        margin-top: 6.5rem;
        min-height: 13.4375rem;
        height: 13.4375rem
    }
}

.video-block__wrapper {
    position: relative;
    cursor: pointer
}

.video-block__video {
    width: 100%;
    height: 61.0625rem
}

.video-block__video video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.video-block__play {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    z-index: 2;
    width: 5rem;
    height: 5rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: .0625rem solid #fff;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
    -o-transition: opacity 0.3s ease, visibility 0.3s ease;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.video-block__play svg {
    width: 2rem
}

.video-block__play.hidden {
    opacity: 0;
    visibility: hidden
}

.video-block__content {
    will-change: transform, opacity;
    margin-top: -3.8125rem
}

.video-block__text {
    max-width: 29.75rem;
    width: 100%
}

.video-block__buttons {
    gap: 1.5rem
}

@media screen and (max-width: 991.98px) {
    .video-block__video {
        height: 25rem
    }

    .video-block__content {
        margin-top: -1.6875rem
    }
}

@media screen and (max-width: 575.98px) {
    .video-block {
        margin-top: 4rem
    }

    .video-block__video {
        height: 15.25rem
    }

    .video-block__play {
        width: 3.25rem;
        height: 3.25rem
    }

    .video-block__play svg {
        width: 1.25rem
    }

    .video-block__buttons {
        gap: 1rem
    }

    .video-block__download,
    .video-block__share {
        width: 100%
    }
}

.buy__header {
    gap: 1.5rem;
    position: relative
}

.buy__header::before {
    content: '';
    width: 13.875rem;
    height: 13.875rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: rgba(134, 120, 116, 0.7);
    opacity: 0.8;
    -webkit-filter: blur(7.1875rem);
    filter: blur(7.1875rem);
    position: absolute;
    top: 5.875rem;
    left: -4.625rem;
    z-index: 0
}

.buy__header::after {
    content: '';
    width: 9.75rem;
    height: 9.75rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: rgba(134, 120, 116, 0.7);
    opacity: 0.8;
    -webkit-filter: blur(7.1875rem);
    filter: blur(7.1875rem);
    position: absolute;
    top: 20.0625rem;
    right: 17.1875rem;
    z-index: 0
}

.buy__text {
    max-width: 22.0625rem;
    width: 100%
}

.buy-card {
    will-change: transform, opacity
}

.buy-card .card__text {
    color: #fff
}

.feedback {
    position: relative;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center
}

.feedback::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: -webkit-radial-gradient(203.32% 279.46% at 69.27% 0%, rgba(58, 46, 44, 0.24) 8.34%, rgba(58, 46, 44, 0.6) 100%);
    background: -o-radial-gradient(203.32% 279.46% at 69.27% 0%, rgba(58, 46, 44, 0.24) 8.34%, rgba(58, 46, 44, 0.6) 100%);
    background: radial-gradient(203.32% 279.46% at 69.27% 0%, rgba(58, 46, 44, 0.24) 8.34%, rgba(58, 46, 44, 0.6) 100%);
    mix-blend-mode: multiply
}

.feedback__block {
    background-color: #fff;
    -webkit-border-radius: .75rem;
    border-radius: .75rem;
    color: var(--dark);
    padding: 4rem;
    z-index: 2
}

.feedback__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem;
    border: 0.0625rem solid rgba(139, 119, 115, 0.2);
    -webkit-border-radius: .75rem;
    border-radius: .75rem;
    padding: 4rem;
    -webkit-backdrop-filter: blur(2.5rem);
    backdrop-filter: blur(2.5rem)
}

.feedback__image {
    margin-top: 2.5rem;
    width: 20rem;
    height: 12.5625rem;
    -webkit-border-radius: .75rem;
    border-radius: .75rem
}

.feedback-form__inputs {
    gap: 1.375rem
}

.feedback-form__bottom {
    margin: 2.5rem 0 0 0;
    gap: 1rem
}

@media screen and (max-width: 991.98px) {
    .feedback__wrapper {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr)
    }
}

@media screen and (max-width: 575.98px) {
    .feedback {
        margin-top: 0
    }

    .feedback__block {
        padding: 1.5rem
    }

    .feedback__wrapper {
        padding: 1.5rem;
        gap: 1.5rem
    }

    .feedback__image {
        margin-top: 1.5rem;
        width: 11.6875rem;
        height: 7.3125rem
    }

    .feedback-form__bottom {
        margin: 2rem 0 0 0
    }

    .feedback-form__btn {
        width: 100%
    }

    .feedback-form__inputs {
        gap: 1.25rem
    }
}

.footer__logotypes {
    padding-top: .75rem;
    gap: 1.875rem;
    max-width: 9.125rem;
    width: 100%
}

.footer__brand,
.footer__logo {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.footer__brand img,
.footer__logo img {
    width: 100%;
    height: auto
}

.footer__content {
    gap: 8.8125rem
}

.footer__faq {
    max-width: 26.125rem;
    width: 100%;
    gap: .75rem
}

.footer__group {
    gap: .75rem
}

.footer__phone {
    color: var(--accent);
    font-size: 1.5rem;
    line-height: 1;
    font-family: Oswald;
    font-weight: 400
}

.footer__links {
    padding-top: .75rem;
    gap: 1.5rem
}

@media screen and (max-width: 991.98px) {
    .footer__content {
        gap: 4rem
    }

    .footer__logotypes {
        padding-top: 0;
        gap: 1.5rem
    }
}

@media screen and (max-width: 575.98px) {
    .footer__logotypes {
        max-width: 7.5rem
    }
}