@import url('https://fonts.googleapis.com/css2?family=Spectral+SC:wght@200;300;400;500;600;700&display=swap');
.slick-list {
    overflow: visible;
}

.b-titr__header--hidden {
    display: none;
}

.hero__wrapper {
    display: grid;
    grid-template-columns: 1fr;
    max-width: 100%;
    padding: 0 !important;
    margin: 0;
    height: 100%;
    min-height: 100vh;
}
@media screen and (max-width: 1023px) {
    .hero__wrapper {
        grid-template-rows: auto 1fr;
    }
}
@media screen and (min-width: 1024px) {
    .hero__wrapper {
        grid-template-columns: 38.5rem 1fr;
    }
}

.hero__sidebar {
    background-color: #fff;
    padding: 32px 24px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    order: 2;
    background: #fff url("data:image/svg+xml,%3Csvg width='78' height='562' viewBox='0 0 78 562' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.15' d='M27.7521 1.09126L74.9952 48.1825M74.9952 48.1825L2.18526 48.1825M74.9952 48.1825L27.7521 95.2737L74.9952 142.365M14.7834 1.09126L62.0265 48.1825L14.7834 95.2737L62.0265 142.365L14.7834 189.456L62.0265 236.547M2 1.09126L49.2431 48.1825L2 95.2737L49.2431 142.365L2.00001 189.456L49.2431 236.547M74.9952 1.09126L2.18508 1.09126L2.18525 0.721893L2.18533 566.925L74.9952 566.925M74.9952 142.365L2.18526 142.365M74.9952 142.365L27.7521 189.456L74.9952 236.547M2.18526 95.2737L74.9952 95.2737M2.18526 189.456L74.9952 189.456M2.18526 236.732L74.9952 236.732L27.7521 283.823M27.7521 283.823L2.18527 283.823M27.7521 283.823L74.9952 330.915M62.0265 236.732L14.7834 283.823L62.0265 330.915L14.7834 378.006L62.0265 425.097L14.7834 472.188L62.0265 519.28M49.2431 236.732L2.00001 283.823L49.2431 330.915L2.00002 378.006L49.2431 425.097L2.00002 472.188L49.2431 519.28M74.9952 330.915L2.18527 330.915M74.9952 330.915L27.7522 378.006M27.7522 378.006L2.18527 378.006M27.7522 378.006L74.9952 425.097M27.7522 566.925L74.9952 519.834L2.18528 519.834M14.7834 566.925L62.0265 519.834M2.00002 566.925L49.2431 519.834M2.18528 519.28L74.9952 519.28L27.7522 472.188L74.9952 425.097M2.18527 472.188L74.9952 472.188M74.9952 425.097L2.18527 425.097' stroke='%23CDB891' stroke-width='2' stroke-miterlimit='10'/%3E%3C/svg%3E%0A") top -4px right repeat-y;
}

@media screen and (min-width: 1024px) {
    .hero__sidebar {
        justify-content: space-between;
        background: #fff;
        padding: 3rem 5rem 1.5rem 8.625rem;
        order: 1;
    }
}


@media screen and (max-width: 1024px) {
    .hero__content {
        max-width: 450px;
        margin: 0 auto;
    }
}


.hero__logo {
    display: none !important;
}
@media screen and (min-width: 1024px) {
    .hero__logo {
        height: 9.375rem;
        margin-bottom: 4rem;
        display: block !important;
    }
}


.hero__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    max-width: 160px;
    height: 100%;
    object-fit: cover;
    object-position: center right;
}

@media screen and (max-width: 1730px) {
    .hero__bg {
        max-width: 80px;
    }
}

@media screen and (max-width: 1024px) {
    .hero__bg {
        display: none !important;
    }
}

@media screen and (max-width: 1024px) {
    .hero__factoids {
        margin-top: 40px;
    }
}

@media screen and (max-width: 768px) {
    .hero__factoids {
        margin-top: 48px;
    }
}

@media screen and (max-width: 425px) {
    .hero__factoids {
        margin-top: 30px;
    }
}

.hero__actions {
    margin-bottom: 4rem;
}

.hero__sidebar-footer {
    font-weight: 400;
    font-size: 9px;
    line-height: 130%;
    color: rgba(0, 0, 0, 0.75);
    margin-top: auto;
}

@media screen and (min-width: 1024px) {
    .hero__sidebar-footer {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .hero__bottom {
        max-width: 290px;
        margin: 0 auto;
        width: 100%;
    }
}

@media screen and (max-width: 1024px) {
    .hero__bottom-locate {
        display: none !important;
    }
}

.hero__locate {
    display: flex;
    align-items: center;
    column-gap: 14px;
    color: #4D4D4D;
    justify-content: center;
    margin-bottom: 12px;
}

@media screen and (max-width: 768px) {
    .hero__locate {
        margin-bottom: 0;
        column-gap: 8px;
    }
}

.hero__locate-icon {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
}

.hero__locate-text {
    font-weight: 500;
    color: rgba(0, 0, 0, 0.7);
    display: none;

}
@media screen and (min-width: 1024px) {
    .hero__locate-text {
        font-size: 1.375rem;
        line-height: 1.6875rem;
        display: block;
    }
}

.hero__credit {
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
    display: none;
}

@media screen and (min-width: 1024px) {
    .hero__credit {
        display: block;
        text-align: center;
        margin-top: 12px;
        font-size: 15px;
        line-height: 157.9%;
    }
}

.hero__media {
    position: relative;
    padding: 52px 30px 24px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    order: 1;
}

@media screen and (min-width: 1024px) {
    .hero__media {
        order: 2;
    }
}
@media screen and (max-width: 1024px) {
    .hero__media {
        padding: 0;
        flex-direction: initial;
    }
}

.hero__heading {
    line-height: 105%;
    font-family: 'Spectral SC', serif;
    font-weight: 500;
    color: #333333;
    margin-bottom: 32px;
    font-size: 28px;
    line-height: 105%;

}
@media screen and (min-width: 1024px) {
    .hero__heading {
        line-height: 105%;
        font-size: 2.625rem;
        margin-bottom: 4rem;
    }
}

.hero__media-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
.hero__media-bg::before {
    content: '';
    position: absolute;
    background: linear-gradient(180deg, #46535F 11.96%, rgba(70, 83, 95, 0) 77.3%);
    bottom: 0;
    left: 0;
    width: 100%;
    height: 163px;
    transform: matrix(1, 0, 0, -1, 0, 0); }
.hero__media-bg::after {
    content: '';
    background: #3E3E3E8A;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 184px;
    filter: blur(202.438px); }
@media screen and (max-width: 1024px) {
    .hero__media-bg {
        position: relative;
        height: auto; }
    .hero__media-bg::before{
        display: none;
    }
}
.hero__media-bg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    display: block;
    object-position: bottom center; }

.hero__media-header {
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 1024px) {
    .hero__media-header {
        padding-top: 13px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
}

.hero__media-logo {
    position: relative;
    width: 380px;
    object-fit: contain;
    top: 0;
    margin: 0 auto;
}

@media screen and (max-width: 1279px) {
    .hero__media-logo {
        display: none !important;
    }
}

@media screen and (max-width: 1730px) {
    .hero__media-logo {
        width: 280px;
    }
}

.hero__media-logo--mobile {
    width: 44px;
    display: block;
    margin: 0 auto;
}

@media screen and (min-width: 768px) {
    .hero__media-logo--mobile {
        width: 120px;
    }
}

@media screen and (min-width: 1280px) {
    .hero__media-logo--mobile {
        display: none !important;
    }
}

.hero__media-phone {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FFFFFF;
    font-family: 'Spectral', serif;
    position: absolute;
    top: 0;
    right: 0;
}

@media screen and (min-width: 1921px) {
    .hero__media-phone {
        right: 150px;
    }
}

@media screen and (max-width: 1024px) {
    .hero__media-phone {
        display: none;
    }
}

.hero__media-final {
    width: 180px;
    height: 148px;
    object-fit: contain;
    position: absolute;
    right: 0;
    top: 42px;
    /*display: none !important;*/
}

@media screen and (min-width: 2000px) {
    .hero__media-final {
        display: block !important;
    }
}

@media screen and (max-width: 1730px) {
    .hero__media-final {
        width: 145px;
        top: 40px;
    }
}

@media screen and (max-width: 1024px) {
    .hero__media-final {
        width: 137px;
        height: 129px;
        top: 0;
        right: 30px;
    }
}

@media screen and (max-width: 768px) {
    .hero__media-final {
        width: 70px;
        height: 45px;
        top: 1rem;
        right: 30px;
    }
}
@media screen and (max-width: 640px) {
    .hero__media-final {
        display: block!important;
        top: 1rem;
        right: 1rem;
    }
}

.hero__media-footer {
    position: relative;
    z-index: 1;
    font-weight: 500;
    font-size: 15px;
    line-height: 157.9%;
    color: #fff;
}

@media screen and (max-width: 1024px) {
    .hero__media-footer {
        position: absolute;
        bottom: 15px;
        left: 15px;
        width: calc(100% - 30px);
        font-weight: 400;
        font-size: 8px;
        line-height: 130%;
        max-width: 450px;
        margin: 0 auto;
        display: none
    }
}

.hero__panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 290px;
    margin: 0 auto;
}

@media screen and (min-width: 768px) {
    .hero__panel {
        max-width: 450px;
    }
}

@media screen and (min-width: 1024px) {
    .hero__panel {
        display: none !important;
    }
}

@media screen and (max-width: 1025px) {
    .hero__panel {
        display: none !important;
    }
}

.hero__panel-logo {
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
    box-sizing: border-box;
}

.hero__panel-info {
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.hero__panel-phone {
    display: inline-block;
    font-family: 'Spectral', serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FFFFFF;
    text-align: right;
    margin-bottom: 3px;
}

.factoids {
    margin-bottom: 56px;
}
@media screen and (min-width: 1024px) {
    .factoids {
        margin-bottom: 5rem;
    }
}
@media screen and (max-width: 1024px) {
    .factoids {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        align-items: flex-start;
    }
}

.factoid {
    display: flex;
    align-items: center;
    column-gap: 16px;
}

.factoid:not(:last-child) {
    margin-bottom: 16px;
}

@media screen and (min-width: 1024px) {
    .factoid {
        column-gap: 20px;
    }

    .factoid:not(:last-child) {
        margin-bottom: 2.25rem;
    }
}

@media screen and (max-width: 768px) {
    .factoid {
        column-gap: 14px;
    }
}

.factoid__icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}
@media screen and (min-width: 1024px) {
    .factoid__icon {
        width: 2.25rem;
        height: 2.25rem;
    }
}

.factoid__text {
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: #000000;
}

@media screen and (min-width: 1024px) {
    .factoid__text {
        font-size: 1.625rem;
    }
}

.btn {
    position: relative;
    overflow: hidden;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-decoration: none !important;
    user-select: none;
    cursor: pointer;
    color: var(--color-black);
    transition-property: background-color, border-color;
    transition-duration: .3s;
    transition-timing-function: ease;
    background: transparent;
    padding: 0 20px 0 0;
    margin-top: 12px;
    width: 100%;
    max-width: 450px;
    box-sizing: border-box;
}

.btn__small {
    color: #4D4D4D;
    font-weight: 300;
    font-size: 14px;
    z-index: 1;
}

.btn:hover .btn__text,
.btn:hover .btn__small {
    color: #FFFFFF;
}

.btn::after {
    top: 0;
    left: 0;
    bottom: 0;
    content: "";
    margin: auto;
    position: absolute;
    transition: width .5s, border-radius .5s;
    width: 0;
    height: 54px;
    z-index: 0;
    background: #5C1328;
    border-radius: 6.875rem;
    min-width: 54px;
}

@media screen and (min-width: 1024px) {
    .btn::after {
        height: 4.25rem;
        min-height: 4.25rem;
    }
}

.btn:focus {
    outline: none;
}

.btn__icon {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    flex-shrink: 0;
    width: 54px;
    height: 54px;
    margin-right: 1.5rem;
    background: #fff;
    border: 1px solid #5C1328;
}

@media screen and (min-width: 1024px) {
    .btn__icon {
        width: 4.25rem;
        height: 4.25rem;
    }
}

.btn__icon img {
    transition: transform .3s;
    width: 16px;
    height: 16px;
}

.btn__text {
    position: relative;
    z-index: 1;
    font-weight: 600;
    line-height: 157.9%;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #5C1328;
    font-size: 14px;
    text-align: left;
    flex-shrink: 0;
}

@media screen and (min-width: 1024px) {
    .btn__text {
        font-weight: 600;
        font-size: 1.125rem;
    }
}


.btn:hover::after, .btn--hover::after {
    width: 100%;
    border-radius: 110px;
}
.btn--hover .btn__text {
    color: #fff;
}

.fancybox-content.disclamer {
    padding-left: 20px;
    padding-right: 20px;
}

@media screen and (min-width: 1025px) and (max-width: 1441px) {
    .b-titr__inner {
        padding-bottom: 115px;
    }

    .b-titr__heading {
        font-size: 32px;
    }

    .checkbox__text {
        font-size: 16px;
    }
}

.btn__presentation {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.hero__mobile {
    display: none;
}

@media (max-width: 1024px) {
    .hero__mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1rem;
    }
}

.hero__mobile-logo {
    max-width: 200px;
}

@media (max-width: 768px) {
    .hero__mobile-logo {
        max-width: 140px;
    }
}

.hero__media-phone-mobile {
    display: none;
    font-family: 'Spectral', serif;
    color: #333;
    font-weight: 600;
}

@media (max-width: 1024px) {
    .hero__media-phone-mobile {
        display: block;
    }
}

.hero__footer {
    display: none;
    width: calc(100% - 30px);
    font-weight: 400;
    font-size: 8px;
    line-height: 130%;
    max-width: 450px;
}

@media (max-width: 1024px) {
    .hero__footer {
        display: block;
    }
}


.hero__header {
    padding: 20px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hero__header a {
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
    color: #333333;
}
.hero__header img {
    width: 150px;
    height: 36px;
    object-fit: contain;
    display: block;
    filter: invert(1);
}
.b-titr__main {
    margin: auto 0;
}

@media screen and (max-width: 768px) {
    .formPhone {
        width: 100%;
        max-width: 100% !important;
    }
    .form__label {
        font-weight: 400;
        font-size: 16px;
        line-height: 100%;
        color: #33302C;
        margin-bottom: 13px;
    }
    .b-titr__dscr {
        font-weight: 400;
        font-size: 18px;
        line-height: 100%;
        margin-bottom: 48px;
    }
    .b-titr__heading--final {
        font-weight: 400;
        font-size: 32px;
        line-height: 120%;
        margin-bottom: 24px;
        color: #000000;
    }
    .b-titr__inner--final {
        padding-left: 24px;
        padding-right: 24px;
    }
}
@media screen and (min-width: 1024px) {
    .hero__header {
        display: none;
    }
}


@media screen and (max-width: 360px) {
    .hero__header img {
        width: 120px;
    }
}
@media screen and (min-width: 1025px) {
    html {
        font-size: calc(0.5vw + 0.5vh);
    }
}
@media (max-height: 800px) {
    html {
        font-size: 10px;
    }
}
@media (min-width: 912px) and (max-height: 900px) {
    html {
        font-size: 10px;
    }
}

.b-titr__logo--final {
    object-fit: contain;
}