@import url('fonts/stylesheet.css');
.fancybox__content {
    border-radius: 24px;
    overflow: hidden;
}
.fancybox__slide.has-iframe .fancybox__content {
    height: 85% !important;
}
.fancybox__content.is-form-loading::after {
    content: "";
    position: absolute;
    inset: 0;
    background: #FFF;
    z-index: 2;
}
.fancybox__content.is-form-loading::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    margin: -24px 0 0 -24px;
    border: 4px solid #E5E5E5;
    border-top-color: #205EDC;
    border-radius: 50%;
    animation: fb-spin .8s linear infinite;
    z-index: 3;
}
@keyframes fb-spin {
    to { transform: rotate(360deg); }
}
.gallery-mobile .swiper-pagination {
    position: static;
    margin-top: 12px;
}
.gallery-mobile .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}
*, *::before, *::after {
    box-sizing: border-box;
}
* {
    margin: 0;
}
html {
    -webkit-text-size-adjust: 100%;
}
body, button, input, select, textarea {
    font-family: "Fixel Display";
    font-feature-settings: 'liga' off, 'clig' off;
    background: #F3F3F3;
}
html, body {
    height: 100%;
}
body {
    min-height: 100vh;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
}
img, picture, video, canvas, svg {
    display: block;
    max-width: 100%;
}
input, button, textarea, select {
    font: inherit;
    color: inherit;
}
:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}
a {
    color: inherit;
    text-decoration: none;
    transition: all 1s ease;
}
ul, ol {
    list-style: none;
    padding-left: 0;
}
.top {
    background-image: url(./img/header.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 859px;
    padding: 24px 48px;
    background-size: cover;
    background-position: bottom;
    position: relative;
}
header {
    border-radius: 56px;
    background: #FFF;
    padding: 24px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 110px;
    position: relative;
    z-index: 2;
}
header::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    box-shadow: 0 30px 30px 0 rgba(0, 0, 0, 0.15);
    pointer-events: none;
}
.btn-top {
    border-radius: 111px;
    background: #000;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    display: flex;
    width: 177px;
    justify-content: end;
    align-items: center;
    padding: 10px;
    gap: 20px;
}
.arrow-b {
    border-radius: 56px;
    background: #FFF;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.arrow-b img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: opacity .3s ease;
}
nav ul {
    display: flex;
    gap: 32px;
}
nav ul li a {
    color: #000;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}
.top .pre-title {
    color: #FFF;
    font-size: 32px;
    font-style: italic;
    font-weight: 600;
    line-height: 99.978%;
    text-transform: uppercase;
    margin-bottom: 32px;
}
.top .title {
    color: #FFF;
    font-size: 96px;
    font-style: italic;
    font-weight: 800;
    line-height: 96px;
    text-transform: uppercase;
    max-width: 890px;
    margin-bottom: 16px;
    word-break: break-word;
    overflow-wrap: break-word;
}
.tabs-vector {
    position: absolute;
    bottom: -4%;
    width: 100%;
    height: 259px;
}
.top .description {
    color: #FFF;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    max-width: 730px;
}
.tabs-el {
    border-radius: 24px;
    background: #FFF;
    width: 100%;
    display: flex;
    z-index: 1;
    flex-direction: column;
    justify-content: space-between;
}
.tabs-el_img__1 {
    width: 281px;
    margin: 0 0 0 auto;
    border-radius: 0 24px;
}
.tabs-el_img__3 {
    width: 375px;
    margin: 0 5px 0 auto;
}
.tabs-el:hover {
    box-shadow: 0 30px 30px 0 rgba(0, 0, 0, 0.15);
}
.tabs-el_ico {
    position: relative;
    width: 56px;
    height: 56px;
    display: block;
}
.tabs-el_block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 24px 24px;
}
.tabs-el_ico::before,
.tabs-el_ico::after {
    content: "";
    position: absolute;
    inset: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: opacity 0.3s ease;
}
.tabs-el_ico::before {
    background-image: url('img/black-arrow-top.svg');
    opacity: 1;
}
.tabs-el_ico::after {
    background-image: url('img/arrow-active.svg');
    opacity: 0;
}
.tabs-el:hover .tabs-el_ico::before {
    opacity: 0;
}
.tabs-el:hover .tabs-el_ico::after {
    opacity: 1;
}
.tabs {
    display: flex;
    gap: 24px;
    padding: 83px 48px 120px 48px;
    justify-content: center;
}
.tabs-el_title {
    color: #2B5792;
    font-size: 36px;
    font-style: italic;
    font-weight: 800;
    line-height: 36px;
    text-transform: uppercase;
}
.advantages {
    padding: 0 48px 35px 48px;
    background-image: url(./img/eclipse.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: bottom right;
}
.advantages-title {
    color: #000;
    font-size: 64px;
    font-style: italic;
    font-weight: 800;
    line-height: 64px;
    text-transform: uppercase;
    margin-bottom: 64px;
}
.advantages-block {
    display: grid;
    grid-template-columns: repeat(2, 432px);
    gap: 24px;
    justify-content: left;
    z-index: 1;
}
.advantages-block_el {
    border-radius: 48px;
    background: #FFF;
    padding: 13px;
    display: flex;
    gap: 20px;
    align-items: center;
}
.advantages-block_title {
    color: #575757;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}
.video {
    background-image: url(./img/video-block.png);
    background-repeat: no-repeat;
    padding: 120px 48px 200px 48px;
    background-size: cover;
}
.video-block {
    border-radius: 48px;
    background: #FFF;
    width: 100%;
    height: 756px;
    overflow: hidden;
}
.video-block iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}
.suitable {
    padding: 120px 48px;
    display: flex;
    max-width: 1905px;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
}
.suitable-left {
    position: relative;
    z-index: 2;
    max-width: 673px;
}
.suitable-title {
    color: #000;
    font-size: 64px;
    font-style: italic;
    font-weight: 800;
    line-height: 64px;
    text-transform: uppercase;
    margin-bottom: 40px;
}
.footer-hr {
    display: none;
}
.suitable-desc {
    color: #575757;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 40px;
    min-width: 673px;
}
.suitable-btn {
    position: relative;
    z-index: 2;
    display: flex;
    gap: 16px;
}
.suitable-btn_record {
    border-radius: 111px;
    background: #000;
    padding: 20px 40px;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: block;
    width: max-content;
}
.suitable-btn_calculation, .suitable-btn_view {
    border-radius: 111px;
    border: 1px solid #000;
    background: #F3F3F3;
    padding: 20px 40px;
    color: #000;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: block;
    width: max-content;
}
.presentation {
    padding: 0 48px 120px 48px;
    max-width: 1905px;
    margin-left: auto;
    margin-right: auto;
}
.suitable-vector {
    position: absolute;
    width: 100%;
    margin-left: -48px;
    margin-top: -206px;
}
.presentation-title {
    color: #000;
    font-size: 64px;
    font-style: italic;
    font-weight: 800;
    line-height: 64px;
    text-transform: uppercase;
    margin-bottom: 64px;
    z-index: 2;
    position: relative;
}
.presentation-el {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.presentation-el_title {
    color: #FFF;
    font-size: 36px;
    font-style: italic;
    font-weight: 800;
    line-height: 36px;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.presentation-el_desc {
    color: #797979;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 32px;
}
.presentation-block {
    border-radius: 24px;
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(2, 1fr);
    z-index: 2;
    position: relative;
}
.presentation-el_img {
    border-radius: 24px 24px 0 0;
    width: 100%;
}
.presentation-el_footer {
    background: #000;
    padding: 24px;
    border-radius: 0 0 24px 24px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.presentatio-btn_a {
    color: #000;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    border-radius: 111px;
    background: #FFF;
    padding: 23px 40px;
    display: block;
}
.presentation-btn_block {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: auto;
}
.description-text {
    color: #FFF;
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    max-width: 701px;
    margin: 0 auto 24px auto;
}
.audience {
    background-image: url(./img/yacht.png);
    background-repeat: no-repeat;
    background-size: 1042px 1216px;
    background-position: bottom right;
}
.description-phone {
    color: #797979;
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    max-width: 518px;
    margin: 0 auto 40px auto;
}
.footer-description {
    border-radius: 48px;
    color: #FFF;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 61px;
    z-index: 1;
    position: relative;
}

.footer-bottom {
    position: relative;
    background: #000;
}
.footer-bottom::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 100%;
    width: 100%;
    height: 274px;
    background: linear-gradient(to top, #000 0%, #000 50%, rgba(0, 0, 0, 0.5) 75%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
}

.footer-top {
    position: relative;
}

.footer-top::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    pointer-events: none;
    border-radius: 48px 48px 0 0;
}


.description-btn {
    padding: 23px 40px;
    border-radius: 111px;
    background: #FFF;
    color: #000;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    margin: 0 auto;
    display: block;
    width: max-content;
}
.gallery {
    padding: 120px 48px;
}
.gallery-title {
    color: #000;
    font-size: 64px;
    font-style: italic;
    font-weight: 800;
    line-height: 64px;
    text-transform: uppercase;
    margin-bottom: 65px;
}
.gallery-img {
    border-radius: 24px;
    cursor: pointer;
    object-fit: cover;
}
.gallery-top {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 24px;
}
.gallery-img_1 {
    max-height: 581px;
    width: 100%;
}
.gallery-img_3 {
    max-height: 340px;
    width: 100%;
}
.gallery-img_4 {
    height: 100%;
}
.gallery-top_left, .gallery-top_right {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.gallery-bottom_left {
    max-width: 456px;
}
.gallery-bottom {
    display: flex;
    flex-direction: row;
    gap: 24px;
}
.gallery-img_5 {
    height: 100%;
}
.gallery-img_6 {
    max-height: 340px;
    width: 100%;
}
.gallery-bottom_right {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.gallery-bottom_right__bottom {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(2, 1fr);
    height: 100%;
}
.gallery-img_7, .gallery-img_8 {
    height: 100%;
}
.perfect {
    padding: 0 48px 120px 48px;
}
.perfect-title {
    color: #000;
    font-size: 64px;
    font-style: italic;
    font-weight: 800;
    line-height: 64px;
    text-transform: uppercase;
    margin-bottom: 65px;
}
.perfect-block_el {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.perfect-block_el__footer {
    padding: 32px 24px;
    border-radius: 0 0 24px 24px;
    background: #000;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.perfect-block_el__title {
    color: #FFF;
    font-size: 36px;
    font-style: italic;
    font-weight: 800;
    line-height: 36px;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.perfect-block_el__description {
    color: #797979;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.perfect-block {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(3, 1fr);
}
.perfect-block_el__img {
    height: 372px;
    object-fit: cover;
    border-radius: 24px 24px 0 0;
    width: 100%;
}
.audience {
    padding: 0 48px 120px 48px;
}
.suitable-presentation {
    position: relative;
}
.suitable-presentation::after {
    content: "";
    position: absolute;
    top: 40px;
    right: 0;
    background-image: url(./img/suitable.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
    pointer-events: none;
    width: 643px;
    height: 869px;
}
.audience-title {
    color: #000;
    font-size: 64px;
    font-style: italic;
    font-weight: 800;
    line-height: 64px;
    text-transform: uppercase;
    margin-bottom: 64px;
}
.audience-info_age {
    color: #000;
    font-size: 32px;
    font-style: italic;
    font-weight: 600;
    line-height: 99.978%;
    text-transform: uppercase;
    margin-bottom: 24px;
}
.audience-number_interest {
    color: #2B5792;
    font-size: 96px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}
.audience-number_title {
    color: #575757;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
}
.audience-info_number {
    display: flex;
    gap: 56px;
    margin-bottom: 64px;
}
.audience-el_left__title {
    color: #000;
    font-size: 36px;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    text-transform: uppercase;
}
.audience-el_left__desc {
    color: #575757;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.audience-point_el {
    display: flex;
    align-items: center;
}
.audience-info_points {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-bottom: 124px;
}
.audience-point_el img {
    margin: 0 16px auto 0;
}
.audience-blocks_el {
    display: flex;
    padding: 24px 24px 32px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    border-radius: 24px;
    background: #FFF;
}
.audience-blocks_el__title {
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
}
.audience-blocks_el__desc {
    color: #575757;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.footer-bottom_social img {
    width: 18px;
}
.audience-info_blocks {
    margin: 0 auto 0 auto;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 24px;
    justify-content: center;

}
.description-section {
    padding: 120px 0 170px 0;
    border-radius: 48px;
    background-color: #000;
    background-image: url(./img/waves.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0px 400px;
}
header,
.header-banner,
.advantages,
.video-block,
.gallery,
.perfect,
.audience,
.footer-top,
.footer-bottom {
    max-width: 1905px;
    margin-left: auto;
    margin-right: auto;
}
.tabs-el_img__1-700, .tabs-el_img__2-700, .tabs-el_img__3-700 {
    display: none;
}
.advantages-img_block {
    display: flex;
    justify-content: space-between;
}
.boats {
    position: absolute;
    right: 0;
    margin-top: -35px;
}
.boats_block {
    background: #FF5E3E;
}







footer {
    border-radius: 48px 48px 0 0;
    background-color: #000;
}
.footer-top {
    background-image: url(./img/footer.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 48px 48px 0 0;
}

footer .title {
    color: #FFF;
    font-size: 64px;
    font-style: italic;
    font-weight: 800;
    line-height: 64px;
    text-transform: uppercase;
    margin-bottom: 16px;
    z-index: 1;
    position: relative;
}
footer .description {
    color: #FFF;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 61px;
}
footer .text-block {
    max-width: 570px;
    padding: 120px 0 157px 80px;
}
footer .contact-el-ico {
    width: 40px;
    height: 40px;
    aspect-ratio: 1/1;
    background: #FFF;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
footer .contact-el a {
    color: #FFF;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
footer .contact-el {
    display: flex;
    gap: 24px;
}
footer .contact-el:not(:last-child) {
    display: flex;
    align-items: center;
    gap: 24px;
}
footer .contact-el a:last-child {
    margin-top: 9px;
}
footer .contact {
    display: flex;
    flex-direction: column;
    gap: 24px;
    z-index: 2;
    position: relative;
}
.footer-bottom_desc {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}
.footer-bottom_o {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}
.footer-bottom_a {
    color: #606060;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}
.footer-bottom_right {
    color: #606060;
    text-align: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    display: flex;
    align-items: center;
    margin-top: 75px;
}
.footer-bottom {
    display: flex;
    justify-content: space-between;
    padding: 100px 48px 120px 48px;
}
.footer-bottom_left {
    max-width: 250px;
}
.footer-bottom_midle {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.footer-bottom_left .footer-bottom_logo, .footer-bottom_midle .footer-bottom_o {
    margin-bottom: 16px;
    display: block;
}
.footer-bottom_left .footer-bottom_desc {
    margin-bottom: 19px;
}
.footer-bottom_midle .footer-bottom_social {
    margin-bottom: 22px;
    display: flex;
    gap: 20px;
}
.header-btn_block {
    display: flex;
    gap: 16px;
}
.btn-top_burger {
    cursor: pointer;
    display: none;
}
.mobile-menu {
    border-radius: 0 0 40px 40px;
    background: #FFF;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 64px;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-24px);
    transition: opacity .3s ease, transform .35s ease, visibility .35s;
}
.mobile-menu.open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
body.menu-open {
    overflow: hidden;
}
body.menu-open::before {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.10);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    z-index: 99;
}
.mobile-link_el {
    color: #000;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    width: max-content;
}
.mobile-link_block {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
}
.btn-top_close {
    position: absolute;
    top: 36px;
    right: 36px;
}
.tabs-el_img__3-1024, .tabs-el_img__1-1024, .tabs-el_img__2-1024 {
    display: none;
}

.description-section {
    padding: 120px 0 150px 0;
    border-radius: 48px;
    background-color: #000;
    background-image: url(./img/waves.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0px 400px;
}
@media (max-width: 1299px) {
    .nav-desktop {
        display: none;
    }
    .btn-top_burger {
        display: block;
    }
}
@media (max-width: 1343px) {
    .audience-info_blocks {
        grid-template-columns: repeat(2, 1fr);
        margin: 0;
        width: 100%;
        gap: 20px;
    }
}
.vector-class {
    bottom: -126px;
    background-image: url(./img/Vector.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 259px;
    position: absolute;
    pointer-events: none;
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
}
@media (max-width: 500px) and (min-width: 460px){
    .tabs-vector {
        bottom: -169px !important;
    }
}

@media (max-width: 1440px) {
    .description-section {
        background-image: url(./img/waves-1440.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: bottom;
    }
}

@media (max-width: 1024px) {
    .audience {
        background-image: url(./img/yacht-1024.png);
        background-repeat: no-repeat;
        background-size: auto;
        background-position: top right;
    }
    .description-section {
        background-image: url(./img/waves-1024.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: bottom;
    }
    .footer-bottom {
        padding: 56px 36px 80px 36px;
    }
    .footer-top::before {
        border-radius: 48px 48px 0 0;
    }
    .suitable-presentation::after {
        background-image: url(./img/suitable-1024.png);
        width: 328px;
        height: 579px;
        top: 240px;
    }
    footer .text-block {
        padding: 103px 0 100px 36px;
    }
    .suitable-vector {
        height: 184px;
        margin-left: -36px;
        margin-top: -132px;
    }
    .tabs-vector {
        position: absolute;
        bottom: -6%;
        width: 100%;
        height: 185px;
    }
    .video-block {
        height: 536px;
    }
    .boats {
        margin-top: 122px;
    }
    .nav-desktop {
        display: none;
    }
    .btn-top_burger {
        display: block;
    }
    .tabs-el_ico {
        display: none;
    }
    header {
        margin-bottom: 80px;
    }
    .top {
        padding: 24px 36px;
        background-image: url(./img/header-1024.png);
        background-repeat: no-repeat;
        width: 100%;
        aspect-ratio: 262/93;
        background-size: cover;
    }
    .tabs-el_img__1, .tabs-el_img__2, .tabs-el_img__3 {
        display: none;
    }
    .tabs-el_img__1-1024 {
        display: block;
        width: 191px;
        margin: 0 0 0 auto;
        border-radius: 0 24px;
    }
    .tabs-el_img__2-1024 {
        display: block;
        width: 304px;
    }
    .tabs-el_img__3-1024 {
        display: block;
        width: 304px;
        border-radius: 24px 0;
    }
    .tabs-el {
        height: 240px;
    }
    .tabs {
        padding: 100px 36px;
    }
    .advantages-title {
        margin-bottom: 56px;
    }
    .advantages {
        padding: 0 36px 90px 36px;
    }
    .advantages-block_title {
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
    }
    .advantages-block {
        gap: 20px;
        grid-template-columns: repeat(2, 372px);
    }
    .audience-info_blocks {
        grid-template-columns: repeat(2, 1fr);
        margin: 0;
        width: 100%;
        gap: 20px;
    }
    .tabs-el_title {
        font-size: 32px;
    }
    .advantages-title {
        font-size: 60px;
    }
    .advantages-block_el:nth-child(1) { grid-column: 1; grid-row: 1; }
    .advantages-block_el:nth-child(2) { grid-column: 1; grid-row: 2; }
    .advantages-block_el:nth-child(3) { grid-column: 1; grid-row: 3; }
    .advantages-block_el:nth-child(4) { grid-column: 1; grid-row: 4; }
    .advantages-block_el:nth-child(5) { grid-column: 2; grid-row: 1; }
    .advantages-block_el:nth-child(6) { grid-column: 2; grid-row: 2; }
    .suitable-title {
        font-size: 60px;
        line-height: 60px;
        margin-bottom: 32px;
    }
    .video {
        padding: 100px 36px 150px 36px;
    }
    .suitable-desc {
        color: #575757;
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
    .presentation-title {
        font-size: 60px;
        line-height: 64px;
        margin-bottom: 56px;
    }
    .suitable {
        padding: 70px 36px 120px 36px;
    }
    .presentation {
        padding: 0 36px 100px 36px;
    }
    .presentatio-btn_img {
        display: none;
    }
    .presentatio-btn_a {
        width: 100%;
    }
    .presentation-el_title {
        font-size: 32px;
        line-height: 36px;
    }
    .presentation-el_desc {
        margin-bottom: 29px;
    }
    .description-section {
        padding: 100px 0 215px 0;
    }
    .description-text {
        margin: 0 auto 16px auto;
    }
    .description-phone {
        margin: 0 auto 24px auto;
    }
    .gallery {
        padding: 100px 36px;
    }
    .gallery-title {
        font-size: 60px;
        line-height: 64px;
    }
    .perfect-title {
        font-size: 60px;
        line-height: 64px;
        margin-bottom: 55px;
    }
    .perfect {
        padding: 0 36px 100px 36px;
    }
    .perfect-block {
        gap: 20px;
    }
    .perfect-block_el__title {
        font-size: 30px;
        line-height: 30px;
    }
    .perfect-block_el__description{
        font-size: 16px;
        line-height: normal;
    }
    .audience {
        padding: 0 36px 100px 36px;
    }
    .audience-title {
        font-size: 60px;
        line-height: 64px;
        margin-bottom: 56px;
    }
    .audience-info_age {
        font-size: 30px;
        line-height: 99.978%;
    }
    .audience-info_number {
        gap: 48px;
        margin-bottom: 56px;
    }
    .audience-number_interest {
        font-size: 90px;
        line-height: 1;
    }
    .audience-number_title {
        font-size: 20px;
    }
    .audience-info_points {
        margin-bottom: 64px;
    }
    .audience-blocks_el {
        width: 100%;
    }
    footer {
    }
    footer .title {
        font-size: 60px;
        line-height: 60px;
        margin-bottom: 12px;
    }
    .footer-description {
        font-size: 22px;
        line-height: normal;
        margin-bottom: 142px;
    }
}
.header-mobile {
    display: none;
}
@media (max-width: 700px) {
    .audience-info_blocks {
        display: flex;
        flex-direction: column;
    }
    .perfect-block {
        display: flex;
        flex-direction: column;
    }
    .perfect-block_el__img {
        height: 100% !important;
    }
    .presentation-block {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .footer-hr {
        background: #FFF !important;
        margin: 0 16px 32px 16px !important;
    }
}

@media (max-width: 900px) and (min-width: 754px) {
    .vector-class {
        bottom: 145px;
        height: 127px;
        margin: 0 0 0 -24px;
    }
}

@media (max-width: 753px) and (min-width: 530px) {
    .vector-class {
        bottom: 22px;
        height: 127px;
        margin: 0 0 0 -24px;
    }
}

@media (max-width: 530px) and (min-width: 495px) {
    .vector-class {
        bottom: -69px;
        height: 127px;
        margin: 0 0 0 -24px;
    }
}

@media (max-width: 495px) and (min-width: 448px) {
    .vector-class {
        bottom: -162px;
        height: 100px;
        margin: 0 0 0 -24px;
    }
}

@media (max-width: 566px) and (min-width: 531px) {
    .vector-class {
        bottom: -9px !important;
        height: 100px;
        margin: 0 0 0 -24px;
    }
}

@media (max-width: 466px) and (min-width: 449px) {
    .vector-class {
        bottom: -212px;
        height: 100px;
        margin: 0 0 0 -24px;
    }
}

@media (max-width: 448px) and (min-width: 431px) {
    .vector-class {
        bottom: -276px !important;
        height: 100px;
        margin: 0 0 0 -16px;
    }
}

@media (max-width: 810px) and (min-width: 754px) {
    .vector-class {
        bottom: 32px;
        height: 127px;
        margin: 0 0 0 -24px;
    }
}

@media (max-width: 448px) {
    .vector-class {
        bottom: 96px;
        height: 100px;
        margin: 0 0 0 -24px;
    }
}

@media (max-width: 900px) {
    .footer-hr {
        background: #FFF;
        height: 1px;
        z-index: 999;
        position: relative;
        margin: 0 151px 32px 151px;
        display: block;
    }
    .audience {
        background-image: url(./img/yacht-700.png);
        background-repeat: no-repeat;
        background-size: auto;
        background-position: right;
    }
    .description-section {
        background-image: url(./img/waves-700.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: bottom;
    }
    .tabs-vector {
        bottom: 4% !important;
        height: 127px !important;
        left: 0;
    }
    .suitable-presentation::after {
        background-image: url(./img/suitable-700.png);
        width: 214px;
        height: 398px;
        top: 0;
    }
    .suitable-vector {
        margin-left: -24px;
        margin-top: -93px;
        height: 127px;
    }
    .boats {
        margin-top: 365px;
        width: 371px;
        height: 330px;
    }
    .tabs-el_img__1-1024, .tabs-el_img__2-1024, .tabs-el_img__3-1024 {
        display: none;
    }
    .top {
        padding: 0 150px 264px 24px;
        background-image: url(./img/header-700.png);
        background-repeat: no-repeat;
        width: 100%;
        aspect-ratio: 262/93;
        background-size: cover;
    }
    header {
        display: none;
    }
    .header-mobile {
        background: #FFF;
        padding: 24px;
        display: flex;
        justify-content: space-between;
    }
    .top .pre-title {
        padding-top: 56px;
        font-size: 22px;
        line-height: 99.978%;
        text-transform: uppercase;
        margin-bottom: 24px;
    }
    .top .title {
        font-size: 48px;
        line-height: 48px;
        text-transform: uppercase;
    }
    .tabs-el_img__1-700, .tabs-el_img__2-700, .tabs-el_img__3-700 {
        display: block;
    }
    .top {
        height: auto;
    }
    .tabs {
        padding: 25px 24px 80px 24px;
        display: flex;
        flex-direction: column;
    }
    .tabs-el {
        width: 100%;
        height: 190px;
        display: flex;
        flex-direction: row;
        overflow: hidden;
    }
    .tabs-el_block {
        padding: 0;
    }
    .tabs-el_block {
        align-items: flex-end;
    }
    .tabs-el_title {
        margin: 0 0 20px 20px;
    }
    .advantages {
        padding: 0 24px 50px 24px;
    }
    .advantages-title {
        font-size: 48px;
        line-height: 36px;
        margin-bottom: 40px;
    }
    .advantages-block {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
    .advantages-block_el {
        max-width: 398px;
    }
    .video {
        padding: 64px 24px;
    }
    .video-block {
        border-radius: 18px;
        height: 367px;
    }
    .suitable {
        padding: 50px 24px 80px 24px;
        display: block;
    }
    .suitable-title {
        font-size: 48px;
        line-height: 48px;
        margin-bottom: 24px;
    }
    .suitable-desc {
        font-size: 18px;
        line-height: normal;
        max-width: 435px;
        min-width: auto;
    }
    .suitable-btn {
        width: 100%;
        display: flex;
        gap: 16px;
        flex-direction: column;
    }
    .suitable-btn_record {
        width: 100%;
        display: block;
    }
    .suitable-btn_calculation, .suitable-btn_view {
        width: 100%;
        display: block;

    }
    .presentation {
        padding: 0 24px 80px 24px;
    }
    .presentation-title {
        font-size: 48px;
        font-style: italic;
        font-weight: 800;
        line-height: 48px;
        text-transform: uppercase;
        margin-bottom: 40px;
    }
    .presentation-el_footer {
        padding: 24px 20px 20px 20px;
    }
    .presentation-el_title {
        font-size: 30px;
        font-style: italic;
        font-weight: 800;
        line-height: 30px;
        margin-bottom: 12px;
    }
    .presentation-el_desc {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: 0;
    }
    .presentatio-btn_a {
        padding: 15px;
    }
    .presentation-el_footer {
        height: 274px;
    }
    .presentation-btn_block {
        margin-top: auto;
        margin-bottom: 0;
    }
    .presentation-el_footer {
        display: flex;
        flex-direction: column;
    }
    .description-section {
        padding: 64px 50px 239px 50px;
        border-radius: 18px;
    }
    .description-text {
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: 16px;
    }
    .description-phone {
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
    .description-btn {
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 18px;
    }
    .gallery-title {
        font-size: 48px;
        font-style: italic;
        font-weight: 800;
        line-height: 48px;
        text-transform: uppercase;
        margin-bottom: 40px;
    }
    .gallery {
        padding: 80px 24px;
    }
    .gallery-top, .gallery-bottom {
        display: none;
    }
    .perfect {
        padding: 0 24px 80px 24px;
    }
    .perfect-title {
        font-size: 48px;
        font-style: italic;
        font-weight: 800;
        line-height: 48px;
        text-transform: uppercase;
        margin-bottom: 40px;
    }
    .perfect-block {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
    .perfect-block_el__img {
        height: 318px;
        border-radius: 18px 18px 0 0;
    }
    .perfect-block_el__footer {
        padding: 20px;
        border-radius: 0 0 18px 18px;
        height: 238px;
    }
    .perfect-block_el__title {
        font-size: 30px;
        font-style: italic;
        font-weight: 800;
        line-height: 30px;
        text-transform: uppercase;
        margin-bottom: 12px;
    }
    .perfect-block_el__description {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
    .audience {
        padding: 0 24px 80px 24px;
    }
    .audience-title {
        font-size: 48px;
        font-style: italic;
        font-weight: 800;
        line-height: 48px;
        text-transform: uppercase;
        margin-bottom: 40px;
    }
    .audience-info_age {
        font-size: 24px;
        font-style: italic;
        font-weight: 600;
        line-height: 99.978%;
        text-transform: uppercase;
        margin-bottom: 24px;
    }
    .audience-number_interest {
        font-size: 64px;
    }
    .audience-info_number {
        gap: 40px;
        margin-bottom: 64px;
    }
    .audience-el_left__title {
        font-size: 36px;
    }
    .audience-el_left__desc {
        font-size: 18px;
    }
    .audience-info_points {
        gap: 46px;
        margin-bottom: 100px;
    }
    .audience-info_blocks {
        gap: 16px;
    }
    .audience-blocks_el {
        padding: 20px;
        border-radius: 18px;
    }
    .audience-blocks_el__desc {
        font-size: 16px;
    }
    footer {
        border-radius: 18px 18px 0 0;
    }
    footer .text-block {
        max-width: 100%;
    }
    .footer-top::before {
        border-radius: 18px 18px 0 0;
    }
    .footer-top {
        border-radius: 18px 18px 0 0;
    }
    footer .text-block {
        padding: 64px 36px 56px 36px;
    }
    .footer-bottom {
        padding: 0 16px 100px 16px;
        text-align: center;
    }
    footer .title {
        text-align: center;
        font-size: 48px;
        font-style: italic;
        font-weight: 800;
        line-height: 48px;
        text-transform: uppercase;
        width: 398px;
        margin: 0 auto 0 auto;
    }
    .footer-description {
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        width: 398px;
        margin: 0 auto 40px auto;
    }
    .contact-el-ico {
        display: none !important;
    }
    footer .contact {
        display: flex;
        flex-direction: column;
        gap: 24px;
        align-items: center;
    }
    footer .contact-el a {
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
    .footer-top {
        margin-bottom: 0;
    }
    .footer-bottom {
        flex-direction: column;
        align-items: center;
    }
    .footer-bottom_desc, .footer-bottom_hr {
        display: none;
    }
    .footer-bottom_midle {
        align-items: center;
    }
    .footer-bottom_logo {
        margin-bottom: 40px !important;
    }
    .footer-bottom_social, .footer-bottom_o {
        margin-bottom: 24px !important;
    }
    .footer-bottom_right {
        margin-top: 24px !important;
    }
    .btn-top_close {
        display: none;
    }
     .hr-mobile, .mobile-logo {
        display: block !important;
    }
    .hr-mobile {
        color: #ADABC3;
    }
    .mobile-menu.open {
        padding: 24px 0 40px 0;
    }
    .mobile-link_block {
        margin-top: 40px;
    }
    .mobile-link_el {
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
    }
    .gallery-mobile {
        display: block !important;
    }
    .gallery-mobile_img {
        border-radius: 18px;
        max-height: 815px;
    }
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 30px !important;
    }
    .swiper-pagination-bullet-active {
        background: #575757 !important;
    }
    .btn-top_close_mobile {
        display: block !important;
    }
    .mobile-menu_top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 24px 24px 24px;
    }
}
.btn-top_close_mobile, .hr-mobile, .mobile-logo, .gallery-mobile {
    display: none;
}
.btn-top:hover {
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    background: #2B5792;
}
.btn-top_wrap {
    position: relative;
}
.btn-top_dropdown {
    position: absolute;
    top: 50%;
    left: 0;
    width: 177px;
    height: 184px;
    border-radius: 0 0 24px 24px;
    background: #FFF;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: opacity .3s ease, transform .3s ease, visibility .3s;
    transition-delay: .3s;
    z-index: -1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 57px 10px 0 24px;
    gap: 10px;
}
.btn-top_dropdown a {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}
.btn-top_wrap:hover .btn-top_dropdown,
.btn-top_dropdown:hover {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition-delay: 0s;
}
.btn-top .btn-arrow_right {
    opacity: 0;
}
.btn-top:hover .btn-arrow_top {
    opacity: 0;
}
.btn-top:hover .btn-arrow_right {
    opacity: 1;
}
@media (min-width: 1920px) {
    .vector-class {
        bottom: -39px;
    }
}
@media (max-width: 430px) {
    .vector-class {
        bottom: 40px;
        height: 100px;
        margin: 0 0 0 -16px;
    }
    .audience {
        background-image: url(./img/yacht-430.png);
        background-repeat: no-repeat;
        background-size: auto;
        background-position: right 492px;
    }
    .description-section {
        background-image: url(./img/waves-430.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: bottom;
    }
    .tabs-vector {
        height: 78px !important;
        bottom: 87px !important;
    }
    .suitable-presentation::after {
        content: none;
    }
    .boats {
        width: 263px;
        height: 234px;
        margin-top: 584px;
        right: 50px;
    }
    .advantages {
        background-size: 370px;
    }
    .top {
        padding: 0 16px 126px 16px;
        background-image: url(./img/header-430.png);
        background-repeat: no-repeat;
        width: 100%;
        aspect-ratio: 29/47;
        background-size: cover;
    }
    .top .pre-title {
        padding-top: 64px;
        font-size: 18px;
        font-style: italic;
        font-weight: 600;
        line-height: 99.978%;
        text-transform: uppercase;
        margin-bottom: 20px;
    }
    .tabs-el_img__1-700, .tabs-el_img__2-700, .tabs-el_img__3-700 {
        display: none;
    }
    .tabs-el_1 {
        background-image: url(./img/top/1-430.png);
        background-repeat: no-repeat;
        width: 100%;
        background-position: top right;
    }
    .tabs-el_2 {
        background-image: url(./img/top/2-430.png);
        background-repeat: no-repeat;
        width: 100%;
        background-position: top right;
    }
    .tabs-el_3 {
        background-image: url(./img/top/3-430.png);
        background-repeat: no-repeat;
        width: 100%;
        background-position: top right;
    }
    .top .title {
        font-size: 36px;
        font-style: italic;
        font-weight: 800;
        line-height: 32px;
        text-transform: uppercase;
        margin-bottom: 16px;
    }
    .top .description {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
    .tabs {
        gap: 16px;
        padding: 16px 16px 80px 16px;
    }
    .advantages {
        padding: 0 16px 178px 16px;
    }
    .advantages-title {
        font-size: 36px;
        font-style: italic;
        font-weight: 800;
        line-height: 36px;
        text-transform: uppercase;
    }
    .video {
        padding: 64px 16px;
    }
    .video-block {
        height: 224px;
    }
    .suitable {
        padding: 50px 16px 80px 16px;
        display: block;
    }
    .suitable-vector {
        margin-left: -16px;
        margin-top: -77px;
        height: 78px;
    }
    .suitable-title {
        font-size: 36px;
        font-style: italic;
        font-weight: 800;
        line-height: 36px;
        text-transform: uppercase;
        margin-bottom: 20px;
    }
    .suitable-desc {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: 24px;
    }
    .suitable-btn {
        gap: 20px;
        flex-direction: column;
    }
    .presentation {
        padding: 0 16px 80px 16px;
    }
    .presentation-title {
        font-size: 36px;
        font-style: italic;
        font-weight: 800;
        line-height: 36px;
        text-transform: uppercase;
        margin-bottom: 40px;
    }
    .presentation-block {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .presentation-el_footer {
        height: 231px;
    }
    .description-section {
        padding: 64px 16px 239px 16px;
    }
    .description-text {
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
    .description-phone {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
    .gallery {
        padding: 80px 16px;
    }
    .gallery-title {
        font-size: 36px;
        font-style: italic;
        font-weight: 800;
        line-height: 36px;
        text-transform: uppercase;
    }
    .perfect {
        padding: 0 16px 80px 16px;
    }
    .perfect-title {
        font-size: 36px;
        font-style: italic;
        font-weight: 800;
        line-height: 36px;
        text-transform: uppercase;
        margin-bottom: 40px;
    }
    .perfect-block{
        display: flex;
        flex-direction: column;
    }
    .audience {
        padding: 0 16px 80px 16px;
    }
    .audience-title {
        font-size: 36px;
        font-style: italic;
        font-weight: 800;
        line-height: 36px;
        text-transform: uppercase;
    }
    .audience-info_age {
        font-size: 22px;
        font-style: italic;
        font-weight: 600;
        line-height: 99.978%;
        text-transform: uppercase;
    }
    .audience-info_number {
        margin-bottom: 40px;
    }
    .audience-el_left__title {
        font-size: 32px;
    }
    .audience-el_left__desc {
        font-size: 16px;
    }
    .audience-info_points {
        gap: 24px;
        margin-bottom: 280px;
    }
    .audience-info_blocks {
        display: flex;
        flex-direction: column;
    }
    .audience-blocks_el {
        padding: 24px 20px 32px 20px;
        border-radius: 18px;
    }
    footer .title {
        font-size: 36px;
        line-height: 36px;
    }
    footer .contact-el a {
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
    .footer-description {
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        width: auto;
        margin: 0 auto 40px auto;
    }
    footer .title {
        text-align: center;
        font-size: 36px;
        font-style: italic;
        font-weight: 800;
        line-height: 48px;
        text-transform: uppercase;
        width: auto;
        margin: 0 auto 0 auto;
    }
    footer .text-block {
        padding: 64px 36px 56px 36px;
    }
}

@media (max-width: 1440px) and (min-width: 1024px) {
    .tabs-vector {
        position: absolute;
        bottom: -14%;
        width: 100%;
        height: 259px;
    }
}
@media (max-width: 626px) and (min-width: 444px) {
    .tabs-vector {
        bottom: -208px !important;
    }
}
@media (max-width: 443px) and (min-width: 431px) {
    .tabs-vector {
        bottom: -318px !important;
    }
}