* { margin: 0; padding: 0; box-sizing: border-box; user-select: none; outline: none; }

html { scroll-behavior: smooth; }
body { font: 14px/1.3 Namu, sans-serif; overflow-x: hidden; letter-spacing: calc(1em * -0.03); background: #151515; color: #fff; }

a { color: inherit; text-decoration: inherit; transition: all .3s; }
a:not(.button):hover { color: #D7CFBE; text-decoration: underline; }
a:disabled { pointer-events: none; }

button { background: none; border: none; }
.button { font: 12px/1 Namu; text-transform: uppercase; transition: all .3s; }
.button.white { background: #fff; padding: 24px 34px; color: #000; } 
.button.white:hover { background: #D7CFBE; }
.button.border { border: 1px solid #FDFDFD4D; color: #FFFFFFB2; }
.button.border:hover { background: #FDFDFD; color: #000; }
a.button { display: inline-block; }

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

h2,
.h2 { font-size: 29px; line-height: 1em; }

img,
svg { max-width: 100%; height: auto; }

.overflow { overflow: hidden; }

.container { margin: 0 30px; }

.header { position: absolute; left: 0; right: 0; top: 0; padding-top: 12px; }
.header .logo { position: relative; z-index: 1001; }
.header .menu { font-size: 13px; line-height: 100%; text-transform: uppercase; display: flex; gap: 24px; }

.banner { height: 100vh; display: flex; flex-direction: column; justify-content: center; text-transform: uppercase; font-size: 13px; padding-top: 100px; overflow: hidden; }
.banner h1 { font: 700 13vw/80% Ermilov, sans-serif; margin: 0; }
.banner h2 { font-size: 7.5vw; line-height: 90%; margin: 0; }
.banner-inner { margin: 30px 0 0 16vw; }
.banner .text { font-size: 13px; margin-bottom: 23px; }
.banner-inner .button.white { padding: 24px 34px; }
.banner-inner .button.border { width: 162px; padding: 17px 40px; }

.subtitle { font-size: 12px; line-height: 100%; text-transform: uppercase; color: #FFFFFFB2; margin-bottom: 20px; display: block; }

.about { padding: 120px 0 96px; background: url(../images/about-bg.svg) no-repeat right 20%; }

/*.location h2,
.rent h2,
.safety h2 { text-indent: 2.3em; }*/

.about .benefits { border: 1px solid #5B5B5B; margin: 40px 0 0 25vw; }
.about .benefits span { display: block; padding: 18px; text-transform: uppercase; } 
.about .benefits span:not(:last-of-type) { border-bottom: 1px solid #5B5B5B; } 

.location .text { margin: 17px 0 96px 25vw; color: #FFFFFFB2; }
.location .main-text { font-size: 19px; }
.location .benefits { font-size: 22px; margin-top: 51px; margin-bottom: 84px; }
.location .benefits ul { border-top: 1px solid #fff; margin-top: 28px; }
.location .benefits li { font-size: 24px; border-bottom: 1px solid #fff; padding: 23px 17px 23px 49px; position: relative; text-transform: uppercase; }
.location .benefits li:before { content: url(../images/arrow-right.svg); position: absolute; left: 0; width: 23px; }

.owl-stage { padding-left: 0 !important; margin-left: 10px; }
.owl-dots { margin-top: 27px; display: flex; justify-content: center; gap: 8px; }
.owl-carousel button.owl-dot { width: 8px; height: 8px; background: #D9D9D9; }
.owl-carousel button.owl-dot.active { background: #151515; }

.courses { background: #EAEAEA; color: #151515; padding: 75px 0 71px 10px; }
.courses h2 { margin: 0 0 36px; }
.courses .owl-stage { display: flex; align-items: stretch; }
.courses .owl-item { background: #fff; padding: 35px 17px 62px; height: auto; }
.courses .owl-item a { height: 100%; }
.courses .owl-item a:hover { color: inherit; text-decoration: none; }
.courses .owl-item svg path[fill="white"],
.courses .owl-item svg path[fill="#F5F5F5"] { fill: #151515; }
.course-name { font-size: 22px; line-height: 90%; margin: 16px 0; min-height: 40px; display: flex; align-items: center; }
.courses .owl-item span { text-transform: uppercase; position: absolute; bottom: 35px; }
.courses .owl-item span svg { margin-left: 4px; }
.courses .owl-item .text li { position: relative; padding-left: 16px; margin-bottom: 5px; }
.courses .owl-item .text li:before { content: '>'; position: absolute; left: 0; }

.rent { padding: 63px 0 85px; }
.rent .container>.text { margin: 44px 0 33px; font-size: 22px; }
.rent-options { border-top: 1px solid #FFFFFF66; margin-top: 28px; }
.rent-item { border-bottom: 1px solid #FFFFFF66; padding: 23px 0; }
.rent-item .title { font-size: 24px; text-transform: uppercase; position: relative; cursor: pointer; }
.rent-item .title:before,
.rent-item .title:after { content: ''; position: absolute; right: 0; top: 50%; width: 30px; height: 1px; background: #fff; }
.rent-item .title:after { transform: rotate(90deg); transition: all .3s }
.rent-item .title.active:after { transform: rotate(0); }
.rent-item .wrap { display: none; padding-top: 44px; }
.rent-item .wrap .owl-carousel { margin-left: -10px; width: calc(100% + 10px); }
.rent-item .wrap .owl-carousel .owl-dots { margin-left: 10px; justify-content: flex-start; }
.rent-item .text { margin: 23px 0; }
.rent-item .text p,
.rent-item .text li { margin: 10px 0; }
.rent-item .text p.
.rent-item .text ul { list-style: initial; padding-left: 20px; }
.rent-item .owl-carousel .owl-item img { height: 230px; width: 100%; object-fit: cover; }
.rent-item .text h3 { font-size: inherit; margin-top: 24px; text-transform: uppercase; }

.safety { padding: 85px 0; }
.safety h2 { font-size: 34px; line-height: 94%; text-transform: uppercase; }
.safety h2 span { font-family: Ermilov; }
.safety .text { color: #FFF; margin: 17px 0 0 25vw; line-height: 90%; }

.footer { background: #000; padding: 112px 0 30px; text-transform: uppercase; }
.footer .logo { margin-left: 14px; }
.footer .logo svg { width: 206px; height: auto; }
.footer .socials { display: flex; gap: 10px; margin: 43px 0 46px; }

.socials a { font-size: 16px; border: 1px solid #F5F5F5; border-radius: 70px; padding: 16px 25px; }
.socials a:hover { background: #F5F5F5; color: #000; text-decoration: none; }

.footer .address,
.footer .phone { font-size: 26px; line-height: 109%; display: block; margin-bottom: 11px; }
.footer .email { font-size: 16px; }
.footer nav { margin-top: 46px; }
.footer nav span { display: block; color: #999999; font-size: 18px; line-height: 100%; letter-spacing: -2%; }
.footer nav a { display: block; color: #F6F4F4; margin-top: 20px; }
.footer .copyright { color: #999999; text-transform: none; margin: 46px 0 0; padding-top: 32px; border-top: 1px solid #404040; }

.scroll-top { position: fixed; right: 10px; bottom: 10px; z-index: 101; border: 1px solid #EAEAEA; background: #fff; padding: 14px; display: none; }
.scroll-top svg { transform: scale(-1); }
.scroll-top path { stroke: #000; }

.single-courses main { padding-top: 128px; }
.single-courses h1 { display: none; }
    .single-courses .title-wrap .container { position: relative; }
.single-courses .title-wrap .subtitle { font-size: 14px; color: #fff; }

.single-courses .title-wrap .subtitle { width: 117px; position: absolute; right: -19px; }
.single-courses.postid-62 .title-wrap .subtitle { top: 185px; }
.single-courses.postid-65 .title-wrap .subtitle { top: 128px; }
.single-courses.postid-57 .title-wrap .subtitle { top: 90px; }

.single-courses .curator { padding-right: 32vw; font-size: 20px; margin-bottom: 36px; }
.single-courses .curator img,
.single-courses .subtitle { margin-bottom: 20px; display: block; }

.single-courses .description { font-size: 20px; margin-bottom: 30px; }
.single-courses .description .container { padding-left: 32vw; }
.single-courses .description>.container>div:not(:last-of-type) { padding-bottom: 36px; margin-bottom: 36px; border-bottom: 1px solid #FFFFFF33; }
.single-courses .curator p:not(:last-of-type),
.single-courses .description p:not(:last-of-type) { margin-bottom: 10px; }
.single-courses .description li { padding-left: 24px; position: relative; margin-bottom: 10px; }
.single-courses .description li:before { position: absolute; left: 0; top: 0; }
.single-courses .description li:first-of-type:before { content: url(../images/red-triangle.svg); width: 13px; }
.single-courses .description li:nth-of-type(2):before,
.single-courses .description li:nth-of-type(7):before { content: url(../images/yellow-circle.svg); width: 11px; }
.single-courses .description li:nth-of-type(3):before,
.single-courses .description li:nth-of-type(8):before { content: url(../images/white-square.svg); width: 10px; }
.single-courses .description li:nth-of-type(4):before,
.single-courses .description li:nth-of-type(9):before { content: url(../images/yellow-star.svg); width: 13px; }
.single-courses .description li:nth-of-type(5):before { content: url(../images/white-triangle.svg); width: 13px; }
.single-courses .description li:nth-of-type(6):before { content: url(../images/red-romb.svg); width: 15px; }

.single-courses .price .subtitle { margin-bottom: 10px; }
.single-courses .price>div { margin-bottom: 20px; }
/*.single-courses .price .strikethrough { text-decoration: line-through; color: #FFFFFFB2; }*/

.single-courses .wpcf7 { padding: 68px 10px 111px; background: url(../images/contact-form-bg.jpg) no-repeat center; background-size: cover; position: relative; }
.single-courses .wpcf7:before { content: url(../images/curve-arrow.svg); position: absolute; top: -10px; right: 0; }
.single-courses .wpcf7 h2 { margin-bottom: 34px; }

.wpcf7 p { margin-bottom: 10px; }
.wpcf7 p span { display: block; margin-top: 17px; }
.wpcf7 label { margin: 20px 0 8px; display: block; }
input.wpcf7-form-control::placeholder { color: inherit; }
input.wpcf7-form-control,
select.wpcf7-form-control { width: 100%; border: 1px solid #D9D9D9; background: none; color: #fff; font-size: 14px; padding: 25px 16px; text-transform: uppercase; }
select.wpcf7-form-control { appearance: none; background: url(../images/caret.svg) no-repeat calc(100% - 16px) center; }
select.wpcf7-form-control option { margin: 40px; background: rgba(0,0,0,1); color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,1); }
.wpcf7 button { margin-top: 30px; }

.wpcf7 form .wpcf7-response-output { margin-left: 0; margin-right 0; border-width: 1px; padding: 30px 39px; text-transform: uppercase; }
.wpcf7 form.sent .wpcf7-response-output { font-size: 24px; }

.popup { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 100; display: none; background: url(../images/contact-form-bg.jpg) no-repeat center; background-size: cover;  padding: 68px 0 111px; overflow: auto; }
.popup .close { position: relative; margin: 0 auto 50px; width: 30px; height: 30px; display: block; }
.popup .close:before,
.popup .close:after { content: ''; position: absolute; right: 0; top: 50%; width: 30px; height: 1px; background: #fff; }
.popup .close:before { transform: rotate(-45deg); }
.popup .close:after { transform: rotate(45deg); }

.popup .wpcf7 { max-width: 700px; margin: auto; }

@media(min-width: 375px) {
    .banner-inner,
    .about .benefits,
    .location .text,
    .safety .text { margin-left: 27vw; }

    .socials a { padding: 16px 29px; }

    .single-courses .title-wrap .subtitle { right: 0; }

    .single-courses .wpcf7:before { right: 30px; }
}

@media(max-width: 767px) {
    .header .logo svg { width: 90px; }

    .banner-inner .button.border { margin-top: 8px; }

    .single-courses .title-wrap { margin-bottom: 47px; }
    .single-courses.postid-62 .title-wrap svg:last-of-type { margin-top: 40px; }

    .rent-item .wrap .owl-carousel { width: calc(100% + 40px); }

    .courses .owl-item a>svg { width: 80%; display: block; margin: auto; }
}

@media (min-width: 768px) {
    body { font-size: 16px; }

    .banner h1 { font-size: 86px; width: 750px; }
    .banner h2 { font-size: 56px; }
    .banner .text { font-size: 16px; width: 273px; }
    .banner .button-wrap { display: flex; gap: 161px; background: url(../images/logo-stroke.svg) no-repeat center; width: 590px; }
    .banner-inner { margin: 46px 0 0 25vw; }

    .subtitle { font-size: 14px; }

    h2, 
    .h2 { font-size: 50px; }

    .about { background: url(../images/about-bg-large.svg) no-repeat center 90px; }
    .about .benefits { margin: 79px 0 0; display: flex; }
    .about .benefits span:not(:last-of-type) { border-bottom: none; border-right: 1px solid #5B5B5B; }

    .location .text { margin: 0 0 59px 33vw; }
    .location .benefits { margin-bottom: 144px; margin-top: 82px; }

    .courses { padding: 102px 0 53px 10px; }

    .rent { padding: 109px 0 133px; }
    .rent h2 { line-height: 87%; }
/*     .rent .container>.text,
    .rent-item { padding-left: 120px; } */
    .rent .container>.button { margin-left: 120px; }
    .rent-item .text>div { column-count: 2; column-gap: 16px; }
    .rent-item .text>div>div { overflow: hidden; }
    
    .safety { padding: 176px 0 290px; }
    .safety h2 { font-size: 64px; }
    .safety .text { line-height: inherit; }

    .footer .container { display: grid; grid-template-columns: repeat(2, 1fr); gap: 52px; }
    .footer .socials { margin: 0; align-self: center; }
    .footer .copyright { margin-top: 0; }
    .footer .copyright,
    .footer .contacts-wrap { grid-column-start: 1; grid-column-end: 3; }
    .footer nav { margin: 0; }

    .single-courses main { padding-top: 20px; }
    .single-courses .title-wrap .container { display: flex; align-items: center; justify-content: space-between; }

    .single-courses .title-wrap .subtitle { width: 217px; left: 0; }
    .single-courses.postid-65 .title-wrap .subtitle { top: 76%; }
    .single-courses.postid-62 .title-wrap .subtitle { top: 80%; }
    .single-courses.postid-57 .title-wrap .subtitle { width: 183px; top: 87%; }

    .single-courses .curator { padding-right: 0; }
    .single-courses .curator img { width: 387px; height: 386px; object-fit: cover; }

    .single-courses .price { display: flex; gap: 72px; }

    .single-courses .wpcf7:before { display: none; }
}

@media(min-width: 768px) and (max-width: 1023px) {
    .single-courses .curator img { float: left; margin-right: 18px; width: 387px; height: 386px; object-fit: cover; }
    .single-courses .curator,
    .single-courses .curator .text { overflow: hidden; }
}

@media(min-width: 1024px) {
    h2, 
    .h2 { font-size: 60px; }

    .banner h2 { font-size: 66px; width: 930px; }
    .banner .container { position: relative; }
    .banner .text { position: absolute; bottom: 90%; right: 10px; }

    .about { padding: 228px 0 200px; }
    .about .benefits span { padding: 39px; }

    .location .text { margin-left: 34vw; font-size: 22px; }
    .location .benefits,
    .location .benefits li,
    .rent .container>.text,
    .rent-item .title { font-size: 36px; }

/*     .rent .container>.text ,
    .rent-item { padding-left: 34vw; } */
    .rent .container>.button { margin-left: 34vw; }
    .location .benefits li:before { top: 17px; }

    .safety h2 { font-size: 94px; }
    .safety .text { font-size: 22px; }

    .courses .owl-nav { position: absolute; right: 50px; top: -60px; display: flex; gap: 39px; }

    .footer .container { grid-template-columns: repeat(3, 1fr); }
    .footer .socials { grid-column-start: 1; grid-column-end: 1; flex-direction: column; align-items: flex-start; align-self: start; }
    .footer .contacts-wrap { grid-column-start: 2; grid-column-end: 4; grid-row-start: 1; grid-row-end: 2; display: flex; gap: 22px; }
    .footer .copyright { grid-column-start: 1; grid-column-end: 4; }

    .single-courses .description .container { padding-left: 405px; }

    .single-courses .curator .container { display: flex; gap: 18px; align-items: flex-end; position: relative; }
    .single-courses .curator img { margin: 0; }
    .single-courses .curator .subtitle { position: absolute; left: 405px; top: 0; }

    .single-courses .wpcf7 { padding-bottom: 147px; padding-left: 415px; }
    .single-courses .wpcf7 h2 { margin-bottom: 75px; }
    input.wpcf7-form-control, 
    select.wpcf7-form-control { font-size: 16px; padding: 30px 39px; }
}

@media(min-width: 1024px) and (max-width: 1199px) {
    .single-courses .title-wrap svg:first-of-type { width: 400px; }
    .single-courses .title-wrap svg:last-of-type { width: 570px; }
}

@media(max-width: 1199px) {
    .header .container { display: flex; justify-content: space-between; align-items: center; flex-direction: row-reverse; }
    .header .menu { flex-direction: column; }

    .mob-menu { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; background: #050505 url(../images/menu-bg.svg) no-repeat left center; padding: 104px 0 43px; }
    .mob-menu .flex { display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding-left: 25vw; }

    .menu-trigger { height: 20px; width: 35px; position: relative; z-index: 1001; }
    .menu-trigger span { height: 2px; display: block; background: #fff; transition: all .3s; }
    .menu-trigger.active span { opacity: 0; }
    .menu-trigger:before,
    .menu-trigger:after { content: ''; height: 2px; width:  100%; display: block; background: #fff; position: absolute; transition: all .3s; }
    .menu-trigger:before { top: 0; }
    .menu-trigger.active:before { transform: rotate(45deg) translate(8px, 8px); }
    .menu-trigger:after { bottom: 0; }
    .menu-trigger.active:after { transform: rotate(-45deg) translate(4px, -5px); }

    .mob-menu .socials { display: flex; flex-direction: column; align-items: flex-start; gap: 10px;text-transform: uppercase; margin-top: 33px; }

    .mob-menu .address,
    .mob-menu .phone { font-size: 13px; line-height: 100%; text-transform: uppercase; display: block; margin-top: 22px; color: #FFFFFFB2; }

    .banner .address { display: block; margin-bottom: 23px; color: #FFFFFFB2; }
}

@media(min-width: 375px) and (max-width: 1199px) {
    .mob-menu .flex { padding-left: 35vw; }
}

@media(min-width: 1200px) {
    h2, 
    .h2 { font-size: 76px; }

    .button { font-size: 14px; }

    .header .socials,
    .header .phone,
    .menu-trigger { display: none; }

    .header .container { display: flex; justify-content: space-between; align-items: center; }   
    .header .flex { display: flex; align-items: center; flex-direction: row-reverse; gap: 161px; }
    .header .address { color: #FFFFFFB2; font-size: 13px; text-transform: uppercase; }
    .header .menu { min-width: 376px; }

    .banner .text { bottom: 80%; right: 7%; }
    .banner .address { display: none; }
    .banner-inner { margin-left: 37%; }
    .banner-inner .button.border { width: 171px; }
    .banner-inner .button-wrap { width: 630px; }

    .location .text { font-size: 26px; margin-left: 32vw; }
    .location .benefits ul { margin-top: 45px; }
    .location .benefits li { padding: 28px 17px 28px 113px; }
    .location .benefits li:before { width: 55px; top: 30px; }

    .courses { padding-left: 0; }
    .courses h2 { margin-bottom: 45px; margin-left: 10px; }
    .courses .owl-stage { margin-left: -10px; }
    .courses .owl-item { transition: all .3s; padding: 20px 25px 62px; }
    .courses .owl-item:not(:hover) { background: none; }
    .courses .owl-item svg { background: #fff; }
    .courses .owl-item:not(:hover) span { opacity: 0; }
    .courses .owl-item span { transition: all .3s; }
    .courses .owl-item .text li { padding-right: 20%; }

/*     .rent .container>.text,
    .rent-item { padding-left: 32vw; } */
    .rent .container>.button { margin-left: 32vw; }
    .rent-item .text { margin: 36px 0; max-width: 700px; }
    .rent-item .owl-carousel .owl-item img { height: 386px; }
    .rent-item .text p { margin: 24px 0; }
    .rent-item .text li { margin: 16px 0; }
    .rent-item .text ul { padding-left: 0; }

/*     .safety h2 { font-size: 104px; } */
    .safety .text { font-size: 26px; margin: 0 0 0 32vw; }

    .footer .contacts-wrap { gap: 72px; }

    .single-courses .title-wrap .subtitle { font-size: 16px; }
    .single-courses .title-wrap svg:last-of-type { width: 48%; }

    .single-courses.postid-57 .title-wrap .subtitle { top: 63%; }
    .single-courses.postid-65 .title-wrap .subtitle { top: 62.5%; }
    .single-courses.postid-62 .title-wrap .subtitle { top: 65%; }

    /*.single-courses.postid-62 .title-wrap { margin: 60px 0 -60px; }*/
    /*.single-courses.postid-64 .title-wrap  svg:last-of-type,*/
    /*.single-courses.postid-65 .title-wrap  svg:last-of-type { width: 54%; }*/

    .single-courses .description,
    .single-courses .curator { font-size: 24px; }

    .single-courses .curator { margin-bottom: 116px; }

    .single-courses .description { margin-bottom: 130px; }
    .single-courses .description>.container>div:not(:last-of-type) { padding-bottom: 64px; margin-bottom: 64px; }

    .single-courses .curator p:not(:last-of-type), 
    .single-courses .description p:not(:last-of-type) { margin-bottom: 24px; }
    .single-courses .description li { padding-left: 54px; margin-bottom: 24px; }
    .single-courses .description li:first-of-type:before, 
    .single-courses .description li:nth-of-type(5):before { width: 22px; top: 4px; }
    .single-courses .description li:nth-of-type(2):before, 
    .single-courses .description li:nth-of-type(7):before { width: 19px; top: 5px; }
    .single-courses .description li:nth-of-type(3):before, 
    .single-courses .description li:nth-of-type(8):before { width: 18px; top: 4px; }
    .single-courses .description li:nth-of-type(4):before, 
    .single-courses .description li:nth-of-type(9):before { width: 23px; top: 3px; left: -2px; }
    .single-courses .description li:nth-of-type(6):before { width: 27px; }

    .single-courses .price { gap: 128px; }
}

@media(min-width: 1280px) {
    .banner .text { right: 10%; }
    .header .flex { gap: 210px; }
    .footer .contacts-wrap { gap: 102px; }
}

@media(min-width: 1360px) {
    .container { width: 1213px; margin: 0 auto; }

    .banner-inner { margin-left: 35%; }
    .banner .text { right: 10%; }

    .location .text { margin-left: 31vw; }
    .location .benefits li { padding: 30px 0 30px 113px; font-size: 45px; }
    .location .gallery { width: 1230px; margin: 0 auto; }
    .location .gallery .owl-prev,
    .location .gallery .owl-next { position: absolute; top: calc(50% - 14px); }
    .location .gallery .owl-prev { left: -31px; }
    .location .gallery .owl-next { right: -31px; }
    .location .gallery .owl-nav path  { stroke: #fff; }

    .courses { padding-left: calc(50% - 1213px / 2 - 32px); }
    .courses .owl-item { padding-left: 42px; padding-right: 42px; }
    .courses h2 { margin-left: 32px; }

/*     .rent .container>.text,
    .rent-item { padding-left: 31vw; } */
    .rent .container>.button,
    .safety .text { margin-left: 31vw; }
    .rent-item .owl-carousel .owl-item img { height: 401px; }

    .footer .contacts-wrap { gap: 130px; }

    .single-courses .wpcf7 { padding-left: calc(50% - 1213px /2 + 415px); padding-right: calc(50% - 1213px /2); }
}

@media(min-width: 1440px) {
    .courses .owl-item a>svg { width: 100%; }

/*     .rent .container>.text,
    .rent-item { padding-left: 29vw; } */

/*     .safety h2 { font-size: 112px; } */

    .location .text,
    .rent .container>.button, 
    .safety .text { margin-left: 29vw; }

    .footer .container { gap: 84px 52px; }
    .footer .contacts-wrap { gap: 90px; }

    .single-courses .description,
    .single-courses .curator { font-size: 29px; }
}

@media(min-width: 1920px) {
    body { font-size: 18px; }

    .button { font-size: 18px; }

    h2, 
    .h2 { font-size: 96px; }

    .container { width: 1440px; }

    .subtitle { font-size: 18px; }

    .header .container { width: auto; margin: 0 50px; }
    .header .logo svg { width: 210px; height: auto; }
    .header .menu,
    .header .address { font-size: 16px; }

    .banner h1 { font-size: 136px; width: auto; }
    .banner h2 { font-size: 106px; width: auto; }
    .banner .text { right: 0; font-size: 18px; width: 305px; }
    .banner-inner .button-wrap { width: 730px; }
    .banner-inner .button.border { width: 197px; }

    .courses { padding-left: calc(50% - 1440px / 2 - 32px); }

/*     .rent .container>.text,
    .rent-item { padding-left: 9vw; } */
    .rent-item .owl-carousel .owl-item img { height: 419px; }

/*     .safety h2 { font-size: 132px; } */

    .footer .container { width: auto; margin: 0 50px; grid-template-columns: repeat(4, 1fr); position: relative; }
    .footer .contacts-wrap { display: block; }
    .footer .socials { flex-direction: row; position: absolute; bottom: 50%; }
    .footer nav:not(:last-of-type) { grid-column-start: 3; grid-column-end: 4; grid-row-start: 1; }
    .footer nav:last-of-type { grid-column-start: 4; grid-column-end: 5; grid-row-start: 1; }
}





.rules-icon {
    transition: transform 0.3s ease;
    margin-left: 8px;
    vertical-align: middle;
}

.rules-toggle {
    padding: 22px 40px;
}

.rules-toggle.is-active {
    background: #D7CFBE;
}

.rules-toggle.is-active .rules-icon {
    transform: rotate(180deg);
}

.rules-content {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.3s ease, opacity 0.3s ease, margin-top 0.3s ease;
    opacity: 0;
    margin-top: 0;
}

.rules-content.is-open {
    grid-template-rows: 1fr;
    opacity: 1;
    margin-top: 15px;
}

.rules-inner {
    overflow: hidden;
}