@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=auto");

*,
*::before,
*::after {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    border: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    text-decoration: none;
    vertical-align: baseline;
}

html {
    height: 100%;
    font-size: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scroll-behavior: smooth;
}

body {
    height: 100%;
    background-color: #001529;
    color: #FFFFFF;
    font-family: "Archivo", sans-serif;
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    cursor: default;
    scroll-behavior: smooth;
}

input,
textarea,
select,
button {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    border: none;
    outline: none;
    background: none;
}

div:focus,
span:focus,
input:focus,
textarea:focus,
select:focus,
button:focus {
    outline: none;
    background-image: none;
}

div,
span,
a,
input,
textarea,
select,
button {
    -webkit-tap-highlight-color: transparent;
}

div::-moz-focus-inner,
span::-moz-focus-inner,
input::-moz-focus-inner,
textarea::-moz-focus-inner,
select::-moz-focus-inner,
button::-moz-focus-inner {
    border: 0;
}

a {
    color: inherit;
    text-decoration: none;
}

img,
form {
    display: block;
}

.touch {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

/* BAR */

.bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 30px;
    padding-left: 24px;
    padding-right: 24px;
    transition: 0.35s;
    z-index: 99;
}

.bar-compact {
    background-color: rgba(0, 21, 41, 0.75);
    backdrop-filter: blur(24px);
    padding-top: 24px;
    padding-bottom: 24px;
}

.bar-layout {
    display: flex;
    justify-content: center;
    flex-direction: column;
    row-gap: 30px;
    column-gap: 40px;
}

.bar-compact .bar-layout {
    flex-direction: row;
}

.bar-brand {
    position: relative;
    display: flex;
    justify-content: center;
}

.bar-brand img {
    width: 121px;
    height: 50px;
    transition: 0.35s;
}

.bar-compact .bar-brand img {
    width: 96.8px;
    height: 40px;
}

.bar-brand a {
    display: inline-flex;
}

.bar-buttons {
    display: flex;
    justify-content: center;
    column-gap: 24px;
    z-index: 2;
}

.bar-buttons-nav {
    display: flex;
    column-gap: 24px;
}

.bar-button-frame {
    position: relative;
    display: flex;
    align-items: center;
}

.bar-button {
    display: inline-flex;
    align-items: center;
    column-gap: 10px;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.25s;
}

.bar-home {
    margin-top: 1px;
}

.bar-arrow {
    padding-bottom: 2px;
}

.bar-button:hover {
    color: #FF5630;
}

.touch .bar-button:hover {
    color: #FFFFFF;
}

.bar-button:active,
.touch .bar-button:active {
    color: #FF5630;
}

.bar-button path {
    fill: #FFFFFF;
    transition: 0.25s;
}

.bar-button:hover path {
    fill: #FF5630;
}

.touch .bar-button:hover path {
    fill: #FFFFFF;
}

.bar-button:active path,
.touch .bar-button:active path {
    fill: #FF5630;
}

.bar-button-on {
    color: #FF5630;
}

.bar-button-on:hover {
    color: #FF5630;
}

.touch .bar-button-on:hover {
    color: #FF5630;
}

.bar-button-on:active,
.touch .bar-button-on:active {
    color: #FF5630;
}

.bar-button-on path {
    fill: #FF5630;
}

.bar-button-on:hover path {
    fill: #FF5630;
}

.touch .bar-button-on:hover path {
    fill: #FF5630;
}

.bar-button-on:active path,
.touch .bar-button-on:active path {
    fill: #FF5630;
}

.bar-club-short {
    display: none;
}

.bar-box {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    padding-top: 6px;
    transform: translateX(-50%);
    z-index: 100;
}

.bar-box-buttons {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
    padding: 24px;
    border-radius: 6px;
    background-color: #FFFFFF;
}

.bar-box-button {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #001529;
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    text-transform: uppercase;
    white-space: nowrap;
    transition: 0.25s;
}

.bar-box-button:first-of-type {
    padding-top: 0px;
}

.bar-box-button:last-of-type {
    padding-bottom: 0px;
}

.bar-box-button:hover {
    color: #FF5630;
}

.touch .bar-box-button:hover {
    color: #001529;
}

.bar-box-button:active,
.touch .bar-box-button:active {
    color: #FF5630;
}

.bar-box-button-on {
    color: #FF5630;
}

.bar-box-button-on:hover {
    color: #FF5630;
}

.touch .bar-box-button-on:hover {
    color: #FF5630;
}

.bar-box-button-on:active,
.touch .bar-box-button-on:active {
    color: #FF5630;
}

.bar-menu {
    display: none;
    justify-content: center;
    align-items: center;
}

.bar-menu-btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 5px;
    width: 40px;
    height: 40px;
    padding-left: 4px;
    padding-right: 4px;
    cursor: pointer;
}

.bar-menu-line {
    width: 100%;
    height: 2px;
    border-radius: 20px;
    background-color: #FFFFFF;
    transition: 0.25s;
}

.bar-menu-btn:hover .bar-menu-line {
    background-color: #FF5630;
}

.touch .bar-menu-btn:hover .bar-menu-line {
    background-color: #FFFFFF;
}

.bar-menu-btn:active .bar-menu-line,
.touch .bar-menu-btn:active .bar-menu-line {
    background-color: #FF5630;
}

.bar-fix {
    height: 210px;
}

/* PANEL */

.panel {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #001D36;
    animation: panel-anima 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    overflow: auto;
    z-index: 100;
}

@keyframes panel-anima {
    0% {
        opacity: 0;
        transform: rotateY(20deg) rotateX(35deg) translate(300px, -300px) skew(-35deg, 10deg);
    }

    100% {
        opacity: 1;
        transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    }
}

.panel-frame {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.panel-layout {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding-top: 10%;
    padding-bottom: 10%;
    padding-left: 10%;
    padding-right: 10%;
}

.panel-actions {
    display: flex;
    justify-content: flex-start;
    column-gap: 16px;
    border-bottom: solid 1px rgba(255, 86, 48, 0.5);
}

.panel-actions-close {
    flex: none;
}

.panel-close {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.panel-close img {
    display: block;
    width: 20px;
    height: 20px;
    transition: 0.5s;
}

.panel-close:hover img {
    transform: rotate(180deg);
}

.touch .panel-close:hover img {
    transform: rotate(0deg);
}

.panel-close:active img,
.touch .panel-close:active img {
    transform: rotate(180deg);
}

.panel-actions-buttons {
    flex: auto;
    display: flex;
    column-gap: 22px;
    padding-bottom: 16px;
}

.panel-buttons {
    flex: auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-top: 24px;
    padding-bottom: 24px;
}

.panel-buttons-layout {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    text-align: right;
}

.panel-networks {
    flex: none;
    display: flex;
    justify-content: flex-end;
    column-gap: 16px;
    padding-bottom: 10px;
}

.panel-link-block {
    opacity: 0;
    transform: translateY(-32px);
    animation-name: panel-link-anima;
    animation-duration: 0.4s;
    animation-fill-mode: forwards;
    transition: 0.25s;
}

.panel-link,
.panel-link:link,
.panel-link:visited {
    position: relative;
    display: inline-block;
    color: #FFFFFF;
    font-size: 40px;
    line-height: 40px;
    letter-spacing: -1px;
    font-weight: 800;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    transition: 0.25s;
}

.panel-link:hover {
    opacity: 0.5;
}

.touch .panel-link:hover {
    opacity: 1;
}

.panel-link:active,
.touch .panel-link:active {
    opacity: 0.5;
}

.panel-link-on,
.panel-link-on:link,
.panel-link-on:visited {
    color: #FF5630;
}

.panel-link-on:hover {
    color: #FF5630;
}

.touch .panel-link-on:hover {
    color: #FF5630;
}

.panel-link-on:active,
.touch .panel-link-on:active {
    color: #FF5630;
}

.panel-link-block:nth-child(1) {
    animation-delay: 0.2s;
}

.panel-link-block:nth-child(2) {
    animation-delay: 0.3s;
}

.panel-link-block:nth-child(3) {
    animation-delay: 0.4s;
}

.panel-link-block:nth-child(4) {
    animation-delay: 0.5s;
}

@keyframes panel-link-anima {
    from {
        opacity: 0;
        transform: translateY(-32px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.panel-social,
.panel-social:link,
.panel-social:visited {
    position: relative;
    width: 52px;
    height: 52px;
    border-radius: 1000px;
    cursor: pointer;
    opacity: 0;
    transform: scale(0.75);
    animation-name: panel-social-anima;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

.panel-social-circle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: solid 2px #FF5630;
    transition: 0.18s;
}

.panel-social svg {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    padding: 6px;
}

.panel-social svg path {
    fill: #FF5630;
}

.panel-social:hover .panel-social-circle {
    transform: scale(1.2);
}

.touch .panel-social:hover .panel-social-circle {
    transform: scale(1);
}

.panel-social:active .panel-social-circle,
.touch .panel-social:active .panel-social-circle {
    transform: scale(1.2);
}

.panel-social:nth-child(1) {
    animation-delay: 0.25s;
}

.panel-social:nth-child(2) {
    animation-delay: 0.5s;
}

@keyframes panel-social-anima {
    from {
        opacity: 0;
        transform: scale(0.75);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* GLOBAL */

.frame {
    width: 100%;
    max-width: 1328px;
    padding-left: 24px;
    padding-right: 24px;
    margin: 0 auto;
}

.layout {
    display: grid;
    grid-template-columns: 1.25fr 1fr;
    column-gap: 70px;
    margin-top: 70px;
    margin-bottom: 70px;
}

.layout-alt {
    margin-top: 170px;
    margin-bottom: 170px;
}

.layout-alt-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 70px;
    width: 100%;
    padding: 64px;
    padding-top: 100px;
    padding-bottom: 100px;
    margin-top: 70px;
    margin-bottom: 70px;
    border-radius: 40px;
    background: #FFDDD5;
}

.layout-alt-3 {
    margin-top: 0px;
}

.layout-cover {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 50px;
    padding-top: 100px;
    padding-bottom: 100px;
    border-radius: 40px;
    background-color: #001D36;
    text-align: center;
    overflow: hidden;
}

.layout-cover-content {
    position: relative;
}

.layout-content {
    padding: 32px;
    padding-bottom: 56px;
    padding-left: 36px;
    padding-right: 36px;
    border-radius: 40px;
    background: #FFDDD5;
    color: #FF5630;
    font-size: 18px;
    line-height: 150%;
}

.layout-fee-1 {
    padding-bottom: 6px;
    font-size: 26px;
    line-height: 140%;
    letter-spacing: -0.01em;
    font-weight: 500;
}

.layout-fee-2 {
    font-weight: 600;
    text-transform: uppercase;
}

.layout-offer-1 {
    font-size: 26px;
    line-height: 150%;
    font-weight: 700;
    text-transform: uppercase;
}

.layout-offer-2 {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 84px;
    line-height: 110%;
    letter-spacing: -0.01em;
    font-weight: 500;
}

.layout-offer-2-alt {
    font-size: 40px;
    line-height: 130%;
}

.layout-offer-3 s {
    text-decoration: line-through;
    opacity: 0.5;
}

.layout-offer-button {
    padding-top: 32px;
    padding-bottom: 32px;
}

.layout-divisor {
    width: 100%;
    height: 1px;
    margin-top: 32px;
    margin-bottom: 32px;
    background-color: #FF5630;
}

.layout-features {
    display: flex;
    flex-direction: column;
    row-gap: 14px;
}

.layout-feature {
    display: flex;
    column-gap: 18px;
}

.layout-feature>div:nth-child(1) {
    flex: none;
    padding-top: 6px;
}

.layout-feature>div:nth-child(2) {
    flex: auto;
}

.layout-legal {
    padding-top: 32px;
    font-size: 14px;
    line-height: 18px;
    opacity: 0.55;
}

.layout-block-picture {
    padding-top: 50px;
}

.layout-items {
    display: flex;
    flex-direction: column;
    row-gap: 14px;
}

.layout-item {
    display: grid;
    grid-template-columns: 48px 1fr;
    column-gap: 40px;
}

.layout-item-bullet {
    position: relative;
}

.layout-item-line {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-item:last-of-type .layout-item-line {
    display: none;
}

.layout-item-tick {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    width: 48px;
    height: 56px;
    padding-top: 8px;
    background-color: #001529;
}

.layout-item-tick img {
    width: 32px;
    height: 23px;
}

.layout-item-title {
    padding-bottom: 16px;
    font-size: 26px;
    line-height: 140%;
    letter-spacing: -0.01em;
    font-weight: 500;
}

.layout-item-description {
    padding-bottom: 32px;
    font-size: 18px;
    line-height: 150%;
}

.layout-reviews {
    min-width: 0;
}

.fields {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    padding-top: 64px;
}

.fields-alt {
    padding-top: 36px;
}

.field-button {
    padding-top: 15px;
    text-align: center;
}

.field {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}

.field-payment {
    margin-top: 6px;
    margin-bottom: 6px;
    padding: 24px;
    padding-top: 20px;
    padding-bottom: 24px;
    border: solid 2px #FF5630;
    border-radius: 8px;
    color: #FF5630;
    font-size: 20px;
    line-height: 150%;
}

.field-payment-small {
    font-size: 16px;
    line-height: 150%;
    opacity: 0.5;
}

.field-label {
    color: #FF5630;
    font-size: 18px;
    line-height: 150%;
}

.textbox {
    width: 100%;
    height: 52px;
    padding: 8px 16px;
    border-radius: 8px;
    background: #FFC5B7;
    color: #003A6D;
    font-size: 18px;
    line-height: 150%;
    font-weight: 600;
    transition: 0.25s;
}

.textbox:focus {
    background-color: #FFFFFF;
    box-shadow: 0 0 0 2px #FF5630;
}

.textarea {
    width: 100%;
    height: 200px;
    padding: 8px 16px;
    border-radius: 8px;
    background: #FFC5B7;
    color: #003A6D;
    font-size: 18px;
    line-height: 150%;
    font-weight: 600;
    resize: none;
    transition: 0.25s;
}

.textarea:focus {
    background-color: #FFFFFF;
    box-shadow: 0 0 0 2px #FF5630;
}

.select {
    width: 100%;
    height: 52px;
    padding: 8px 16px;
    border-radius: 8px;
    background: #FFC5B7;
    color: #003A6D;
    font-size: 18px;
    line-height: 150%;
    font-weight: 600;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg" focusable="false" role="presentation" style="width: 0.8em; height: 0.8em;"><path d="M10.193 3.97a.75.75 0 0 1 1.062 1.062L6.53 9.756a.75.75 0 0 1-1.06 0L.745 5.032A.75.75 0 0 1 1.807 3.97L6 8.163l4.193-4.193z" fill="%23003A6D"></path></svg>');
    background-size: 14px auto;
    background-repeat: no-repeat;
    background-position: right 16px center;
    transition: 0.25s;
}

.select:focus {
    background-color: #FFFFFF;
    box-shadow: 0 0 0 2px #FF5630;
}

.checkbox-frame {
    padding-top: 13px;
}

.checkbox {
    position: relative;
    display: inline-block;
    padding-top: 3px;
    padding-left: 40px;
    color: #FF5630;
    font-size: 18px;
    line-height: 150%;
    font-weight: 400;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: 0.18s;
}

.checkbox input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    cursor: pointer;
}

.checkbox-checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    width: 26px;
    height: 26px;
    border-radius: 4px;
    border: solid 2px #FF5630;
    transition: 0.25s;
}

.checkbox input:checked~.checkbox-checkmark {
    background-color: #FF5630;
    border-color: #FF5630;
}

.checkbox-checkmark:after {
    content: "";
    display: none;
    position: absolute;
}

.checkbox input:checked~.checkbox-checkmark:after {
    display: block;
}

.checkbox .checkbox-checkmark:after {
    top: 3px;
    left: 7px;
    width: 8px;
    height: 13px;
    border: solid #FFFFFF;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.checkbox-link {
    color: #FF5630;
}

.checkbox-link a,
.checkbox-link a:link,
.checkbox-link a:visited {
    color: #FF5630;
    font-weight: 600;
    cursor: pointer;
    transition: 0.25s;
}

.checkbox-link a:hover {
    color: #003A6D;
}

.touch .checkbox-link a:hover {
    color: #FF5630;
}

.checkbox-link a:active,
.touch .checkbox-link a:active {
    color: #003A6D;
}

.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #FF5630;
    border-radius: 100px;
    border: solid 2px transparent;
    color: #FFEEEA;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.25s;
}

.button:hover {
    border-color: #FF5630;
    background-color: transparent;
    color: #FF5630;
}

.touch .button:hover {
    border-color: transparent;
    background-color: #FF5630;
    color: #FFEEEA;
}

.button:active,
.touch .button:active {
    border-color: #FF5630;
    background-color: transparent;
    color: #FF5630;
}

.button-alt {
    height: 44px;
}

.button-alt-2 {
    height: 48px;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    text-transform: unset;
}

.button-alt-2:hover {
    border-color: transparent;
    background-color: #001D36;
    color: #FF5630;
}

.touch .button-alt-2:hover {
    border-color: transparent;
    background-color: #FF5630;
    color: #FFEEEA;
}

.button-alt-2:active,
.touch .button-alt-2:active {
    border-color: transparent;
    background-color: #001D36;
    color: #FF5630;
}

.button-alt-3 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    column-gap: 14px;
    height: 48px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 100px;
    border: solid 2px transparent;
    background-color: transparent;
    color: #FF886E;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    transition: 0.25s;
}

.button-alt-3:hover {
    border-color: #001D36;
    color: #001D36;
}

.touch .button-alt-3:hover {
    border-color: transparent;
    color: #FF886E;
}

.button-alt-3:active,
.touch .button-alt-3:active {
    border-color: #001D36;
    color: #001D36;
}

.button-alt-3 path {
    fill: #FF886E;
    transition: 0.25s;
}

.button-alt-3:hover path {
    fill: #001D36;
}

.touch .button-alt-3:hover path {
    fill: #FF886E;
}

.button-alt-3:active path,
.touch .button-alt-3:active path {
    fill: #001D36;
}

.button-alt-5 {
    color: #FFDDD5;
}

.button-alt-5:hover {
    border-color: #001D36;
    color: #001D36;
}

.touch .button-alt-5:hover {
    border-color: transparent;
    color: #FFDDD5;
}

.button-alt-5:active,
.touch .button-alt-5:active {
    border-color: #001D36;
    color: #001D36;
}

.button-alt-5 path {
    fill: #FFDDD5;
    transition: 0.25s;
}

.button-alt-5:hover path {
    fill: #001D36;
}

.touch .button-alt-5:hover path {
    fill: #FFDDD5;
}

.button-alt-5:active path,
.touch .button-alt-5:active path {
    fill: #001D36;
}

.button-alt-6 {
    background-color: #FFEEEA;
    color: #FF5630;
}

.button-alt-6:hover {
    border-color: #FF5630;
    background-color: transparent;
    color: #FF5630;
}

.touch .button-alt-6:hover {
    border-color: transparent;
    background-color: #FFEEEA;
    color: #FF5630;
}

.button-alt-6:active,
.touch .button-alt-6:active {
    border-color: #FF5630;
    background-color: transparent;
    color: #FF5630;
}

.button-alt-6 path {
    fill: #FF5630;
    transition: 0.25s;
}

.button-alt-6:hover path {
    fill: #FF5630;
}

.touch .button-alt-6:hover path {
    fill: #FF5630;
}

.button-alt-6:active path,
.touch .button-alt-6:active path {
    fill: #FF5630;
}

.button-alt-4 {
    height: 48px;
    background-color: #FF886E;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    text-transform: unset;
}

.button-alt-4:hover {
    border-color: transparent;
    background-color: #001D36;
    color: #FF5630;
}

.touch .button-alt-4:hover {
    border-color: transparent;
    background-color: #FF886E;
    color: #FFEEEA;
}

.button-alt-4:active,
.touch .button-alt-4:active {
    border-color: transparent;
    background-color: #001D36;
    color: #FF5630;
}

.button-alt-7 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    column-gap: 14px;
    height: 48px;
    padding-left: 18px;
    padding-right: 10px;
    border-radius: 100px;
    border: solid 2px transparent;
    background-color: transparent;
    color: #003A6D;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    transition: 0.25s;
}

.button-alt-7-label-1 {
    display: block;
}

.button-alt-7-label-2 {
    display: none;
}

.button-alt-7:hover {
    color: #FF886E;
}

.touch .button-alt-7:hover {
    color: #003A6D;
}

.button-alt-7:active,
.touch .button-alt-7:active {
    color: #FF886E;
}

.button-alt-7 path {
    fill: #003A6D;
    transition: 0.25s;
}

.button-alt-7:hover path {
    fill: #FF886E;
}

.touch .button-alt-7:hover path {
    fill: #003A6D;
}

.button-alt-7:active path,
.touch .button-alt-7:active path {
    fill: #FF886E;
}

.button-alt-8 {
    column-gap: 13px;
    height: 48px;
    background-color: #001D36;
    color: #E5ECF3;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    text-transform: unset;
}

.button-alt-8:hover {
    border-color: transparent;
    background-color: #FF5630;
    color: #E5ECF3;
}

.touch .button-alt-8:hover {
    border-color: transparent;
    background-color: #001D36;
    color: #E5ECF3;
}

.button-alt-8:active,
.touch .button-alt-8:active {
    border-color: transparent;
    background-color: #FF5630;
    color: #E5ECF3;
}

.button-alt-9 {
    column-gap: 13px;
    height: 48px;
    background-color: #FFEEEA;
    color: #FF5630;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    text-transform: unset;
}

.button-alt-9:hover {
    border-color: #FF5630;
    background-color: transparent;
    color: #FF5630;
}

.touch .button-alt-9:hover {
    border-color: transparent;
    background-color: #FFEEEA;
    color: #FF5630;
}

.button-alt-9:active,
.touch .button-alt-9:active {
    border-color: #FF5630;
    background-color: transparent;
    color: #FF5630;
}

.button-animated {
    opacity: 0;
    animation-name: button-animated-anima;
    animation-fill-mode: forwards;
    animation-duration: 2s;
    animation-delay: 0.75s;
}

@keyframes button-animated-anima {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.blocks {
    display: flex;
    flex-direction: column;
    row-gap: 70px;
}

.block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    border-radius: 50px;
    background-color: #FFFFFF;
    overflow: hidden;
}

.block-alt {
    background: linear-gradient(294.12deg, #FF5630 35.84%, #FF947C 78.2%);
    margin-top: 70px;
}

.block-alt-2 {
    background: linear-gradient(113.88deg, #FFDDD5 31.32%, #998580 102.43%);
}

.block-alt-3 {
    margin-bottom: 70px;
}

.block-picture {
    border-radius: 50px;
    background-color: #EFEFEF;
    overflow: hidden;
}

.block:nth-child(even) .block-picture {
    order: 1;
}

.block-image {
    width: 100%;
    min-height: 100%;
    padding-bottom: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    animation-name: block-image-anima;
    animation-duration: 60s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes block-image-anima {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.15);
    }

    100% {
        transform: scale(1);
    }
}

.block-image-team {
    background-image: url(../assets/team.jpg);
}

.block-pictures {
    position: relative;
    display: flex;
    justify-content: center;
    padding: 40px;
    padding-top: 60px;
    padding-bottom: 60px;
}

.block-pictures-main {
    width: 68.42105263157895%;
    margin-left: -12%;
}

.block-images-main {
    width: 100%;
    padding-bottom: 148.7179487179487%;
    border-radius: 32px;
    background-color: rgba(0, 0, 0, 0.1);
    background-image: url(../assets/weights-1.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.block-pictures-top {
    position: absolute;
    top: 80px;
    right: 0px;
    width: 42.80701754385965%;
}

.block-images-top {
    width: 100%;
    padding-bottom: 100%;
    border-radius: 32px;
    background-color: rgba(0, 0, 0, 0.1);
    background-image: url(../assets/weights-2.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.block-pictures-bottom {
    position: absolute;
    bottom: 80px;
    left: 40px;
    width: 53.50877192982456%;
}

.block-images-bottom {
    width: 100%;
    padding-bottom: 66.44736842105263%;
    border-radius: 32px;
    background-color: rgba(0, 0, 0, 0.1);
    background-position: center;
    background-image: url(../assets/weights-3.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.block-content {
    display: flex;
    align-items: center;
    padding: 64px;
}

.block:nth-child(even) .block-content {
    order: 2;
}

.block-buttons {
    display: flex;
    column-gap: 6px;
    padding-top: 40px;
    margin-left: -4px;
}

.block-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    padding-top: 40px;
}

.location {
    display: flex;
    align-items: center;
    column-gap: 20px;
    padding-bottom: 24px;
    color: #003A6D;
    font-size: 26px;
    line-height: 140%;
    letter-spacing: -0.01em;
    font-weight: 500;
    text-transform: uppercase;
}

.location svg {
    transform: translateY(1px);
}

.location-alt {
    justify-content: center;
    padding-bottom: 24px;
    color: #FF5630;
}

.subtitle {
    padding-bottom: 22px;
    font-size: 16px;
    line-height: 150%;
    font-weight: 700;
    text-transform: uppercase;
}

.subtitle-alt {
    color: #FF5630;
    text-transform: unset;
    text-align: center;
}

.description {
    color: #FF5630;
    font-size: 20px;
    line-height: 150%;
    font-weight: 300;
    text-align: center;
}

.description-alt {
    padding-bottom: 24px;
    color: #003A6D;
    font-size: 20px;
    line-height: 150%;
    font-weight: 600;
    text-align: center;
}

.description-alt p {
    padding-bottom: 10px;
}

.description-alt p:last-of-type {
    padding-bottom: 0px;
}

.title {
    padding-bottom: 24px;
    color: #FF5630;
    font-size: 60px;
    line-height: 120%;
    letter-spacing: -0.01em;
    font-weight: 500;
}

.title-alt {
    color: #FFFFFF;
}

.title-alt-2 {
    color: #001D36;
}

.title-alt-3 {
    padding-bottom: 18px;
    text-align: center;
}

.block-alt .title {
    color: #FFFFFF;
}

.title-animated {
    opacity: 0;
    transform: translateY(-10px);
    animation-name: title-animated-anima;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

@keyframes title-animated-anima {
    0% {
        opacity: 0;
        transform: translateY(-10px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

.heading {
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
    padding-top: 180px;
    padding-bottom: 76px;
    color: #FFEEEA;
    font-size: 48px;
    line-height: 120%;
    letter-spacing: -0.01em;
    font-weight: 500;
    text-align: center;
}

.heading-alt {
    padding-top: 100px;
    padding-bottom: 24px;
}

.caption {
    color: #001529;
    font-size: 20px;
    line-height: 150%;
    font-weight: 300;
}

.caption-alt {
    color: #FFFFFF;
}

.caption-centered {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    text-align: center;
}

.caption-animated {
    opacity: 0;
    animation-name: caption-animated-anima;
    animation-fill-mode: forwards;
    animation-duration: 2s;
    animation-delay: 0.5s;
}

@keyframes caption-animated-anima {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.block-alt .caption {
    color: #FFFFFF;
}

.block-link {
    color: #001529;
    transition: 0.25s;
}

.block-link:hover {
    color: #FF5630;
}

.touch .block-link:hover {
    color: #001529;
}

.block-link:active,
.touch .block-link:active {
    color: #FF5630;
}

.block-link-title {
    padding-bottom: 10px;
    color: #003A6D;
    font-size: 26px;
    line-height: 140%;
    letter-spacing: -0.01em;
    font-weight: 500;
    transition: 0.25s;
}

.block-link:hover .block-link-title {
    color: #FF5630;
}

.touch .block-link:hover .block-link-title {
    color: #003A6D;
}

.block-link:active .block-link-title,
.touch .block-link:active .block-link-title {
    color: #FF5630;
}

.block-link-caption {
    font-size: 18px;
    line-height: 150%;
    font-weight: 400;
}

.grid-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
    padding-bottom: 180px;
}

.grid-item {
    flex: 1 1 calc(33.333% - 24px);
    max-width: calc(33.333% - 24px);
    text-align: center;
}

.grid-picture {
    width: 200px;
    height: 200px;
    margin: 0 auto;
    border-radius: 500px;
    background-color: #001D36;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.grid-picture-1 {
    background-image: url(../assets/training.jpg);
}

.grid-picture-2 {
    background-image: url(../assets/nutrition.jpg);
}

.grid-picture-3 {
    background-image: url(../assets/classes.jpg);
}

.grid-picture-4 {
    background-image: url(../assets/wellness.jpg);
}

.grid-picture-5 {
    background-image: url(../assets/services.jpg);
}

.grid-picture-6 {
    background-image: url(../assets/community.jpg);
}

.grid-item-title {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    padding-top: 26px;
    padding-bottom: 16px;
    color: #FFEEEA;
    font-size: 32px;
    line-height: 130%;
    letter-spacing: -0.01em;
    font-weight: 600;
}

.grid-item-title-alt {
    max-width: 232px;
}

.grid-item-caption {
    padding-bottom: 32px;
    color: #FFEEEA;
    font-size: 26px;
    line-height: 140%;
    letter-spacing: -0.01em;
    font-weight: 400;
}

/* REVIEWS */

.reviews {
    display: flex;
    min-height: 712px;
}

.reviews-content {
    position: relative;
    display: flex;
    align-items: center;
    width: 64.5%;
    padding: 64px;
    transform: translateX(5%);
}

.reviews-content>div {
    width: 100%;
}

.reviews-logo {
    padding-bottom: 32px;
    text-align: center;
}

.reviews-logo a {
    display: inline-block;
}

.reviews-logo img {
    width: 120px;
    height: auto;
    margin: 0 auto;
}

.reviews-picture {
    position: relative;
    width: 35.5%;
}

.reviews-image {
    position: absolute;
    bottom: -1%;
    right: -1%;
    width: 100%;
    height: 100%;
    background-image: url(../assets/dumbbells.png);
    background-position: right bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.reviews-swiper {
    width: 100% !important;
    padding-bottom: 50px !important;
    --swiper-theme-color: #003A6D;
    --swiper-pagination-right: 0px;
    --swiper-pagination-bottom: 0px;
    --swiper-pagination-bullet-size: 8px;
    --swiper-pagination-bullet-width: 8px;
    --swiper-pagination-bullet-height: 8px;
    --swiper-pagination-bullet-inactive-color: #FFFFFF;
    --swiper-pagination-bullet-inactive-opacity: 1;
}

.reviews-slide {
    height: unset !important;
}

.reviews-stars {
    display: flex;
    column-gap: 4px;
    justify-content: center;
}

.reviews-stars-off {
    opacity: 0.2;
}

.reviews-text {
    padding-top: 32px;
    padding-bottom: 32px;
    color: #003A6D;
    font-size: 32px;
    line-height: 130%;
    letter-spacing: -0.01em;
    font-weight: 600;
    text-align: center;
}

.layout-reviews .reviews-text {
    font-size: 24px;
}

.reviews-author {
    color: #003A6D;
    font-size: 18px;
    line-height: 150%;
    font-weight: 400;
    text-align: center;
}

.reviews-author strong {
    font-weight: 600;
}

/* COVER */

.cover-center {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    padding-top: 72px;
    padding-bottom: 105px;
    text-align: center;
}

.cover {
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: auto;
    padding-top: 24px;
    padding-bottom: 140px;
    overflow: hidden;
}

.cover-content {
    position: relative;
    display: flex;
    align-items: center;
    z-index: 2;
}

.cover-title {
    padding-bottom: 24px;
    font-size: 84px;
    line-height: 110%;
    letter-spacing: -0.01em;
    font-weight: 500;
}

.cover-caption {
    font-size: 20px;
    line-height: 150%;
    font-weight: 300;
}

.cover-tagline {
    padding-bottom: 24px;
    color: #FF5630;
    font-size: 26px;
    line-height: 140%;
    letter-spacing: -0.01em;
    font-weight: 500;
    text-transform: uppercase;
}

.cover-button {
    padding-top: 32px;
}

.cover-picture {
    display: flex;
    justify-content: center;
    align-items: center;
}

.cover-composition {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 560px;
    height: 560px;
}

.cover-circle-frame {
    width: 78.57142857142857%;
}

.cover-circle {
    width: 100%;
    padding-bottom: 100%;
    border-radius: 1500px;
    background-color: #001D36;
}

.cover-woman {
    position: absolute;
    top: 0;
    left: -10%;
    height: 100%;
}

.cover-woman img {
    width: auto;
    height: 100%;
}

.cover-man {
    position: absolute;
    bottom: 0;
    right: -2%;
    height: 93%;
}

.cover-man img {
    width: auto;
    height: 100%;
}

.cover-circle,
.cover-man,
.cover-woman {
    transition: transform 0.2s ease-out;
    will-change: transform;
}

.cover-club {
    position: relative;
    width: 100%;
    margin-top: 70px;
    border-radius: 50px;
    overflow: hidden;
}

.cover-club-picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.14;
    filter: grayscale(100%);
    animation-name: block-image-anima;
    animation-duration: 60s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.cover-club-tint {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(124.05deg, #001D36 29.84%, #FF886E 209.15%);
}

.cover-club-content {
    position: relative;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding-top: 230px;
    padding-bottom: 230px;
    padding-left: 36px;
    padding-right: 36px;
    text-align: center;
}

/* GALLERY */

.gallery-swiper {
    width: 100%;
    padding-bottom: 56px !important;
    margin-top: 40px;
    margin-bottom: 120px;
    --swiper-theme-color: #FFFFFF;
    --swiper-navigation-size: 48px;
    --swiper-navigation-sides-offset: 10px;
    --swiper-pagination-right: 0px;
    --swiper-pagination-bottom: 0px;
    --swiper-pagination-bullet-size: 8px;
    --swiper-pagination-bullet-width: 8px;
    --swiper-pagination-bullet-height: 8px;
    --swiper-pagination-bullet-inactive-color: rgb(255, 255, 255);
    --swiper-pagination-bullet-inactive-opacity: 0.5;
}

.gallery-swiper .swiper-button-prev {
    width: 48px;
    height: 48px;
    margin-top: -52px !important;
    background-image: url(../assets/prev.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.gallery-swiper .swiper-button-prev::after {
    content: '';
}

.gallery-swiper .swiper-button-next {
    width: 46px;
    height: 46px;
    margin-top: -52px !important;
    background-image: url(../assets/next.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.gallery-swiper .swiper-button-next::after {
    content: '';
}

.gallery-slide {
    border-radius: 40px;
    overflow: hidden;
}

.gallery-picture {
    display: block;
    width: 100%;
    padding-bottom: 100%;
    background-color: #001D36;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: 0.5s;
}

.gallery-picture:hover {
    filter: brightness(130%);
}

.touch .gallery-picture:hover {
    filter: brightness(100%);
}

.gallery-picture:active,
.touch .gallery-picture:active {
    filter: brightness(130%);
}

/* VIDEO */

.video {
    display: grid;
    grid-template-columns: 60px auto;
    column-gap: 16px;
    width: 100%;
    max-width: 1060px;
    margin: 0 auto;
}

.video-vertical {
    display: flex;
    justify-content: center;
}

.video-vertical img {
    width: 100%;
    height: auto;
}

.video-picture {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 60%;
    border-radius: 50px;
    background-color: #001D36;
    cursor: pointer;
    overflow: hidden;
}

.video-picture-alt {
    cursor: default;
}

.video-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: 0.5s;
}

.video-picture:hover .video-image {
    transform: scale(1.1);
    filter: brightness(65%);
}

.touch .video-picture:hover .video-image {
    transform: scale(1);
    filter: brightness(100%);
}

.video-picture:active .video-image,
.touch .video-picture:active .video-image {
    transform: scale(1.1);
    filter: brightness(65%);
}

.video-picture-alt:hover .video-image {
    transform: scale(1);
    filter: brightness(100%);
}

.touch .video-picture-alt:hover .video-image {
    transform: scale(1);
    filter: brightness(100%);
}

.video-picture-alt:active .video-image,
.touch .video-picture-alt:active .video-image {
    transform: scale(1);
    filter: brightness(100%);
}

.video-play {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

/* CLASSES */

.classes-button {
    padding-top: 24px;
    text-align: center;
}

.classes-swiper {
    width: 100%;
    padding-bottom: 56px !important;
    margin-top: 40px;
    margin-bottom: 16px;
    --swiper-theme-color: #FFFFFF;
    --swiper-navigation-size: 48px;
    --swiper-navigation-sides-offset: 10px;
    --swiper-pagination-right: 0px;
    --swiper-pagination-bottom: 0px;
    --swiper-pagination-bullet-size: 8px;
    --swiper-pagination-bullet-width: 8px;
    --swiper-pagination-bullet-height: 8px;
    --swiper-pagination-bullet-inactive-color: rgb(255, 255, 255);
    --swiper-pagination-bullet-inactive-opacity: 0.5;
}

.classes-swiper .swiper-wrapper {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: 1fr !important;
}

.classes-swiper .swiper-button-prev {
    width: 48px;
    height: 48px;
    margin-top: -52px !important;
    background-image: url(../assets/prev.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.classes-swiper .swiper-button-prev::after {
    content: '';
}

.classes-swiper .swiper-button-next {
    width: 46px;
    height: 46px;
    margin-top: -52px !important;
    background-image: url(../assets/next.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.classes-swiper .swiper-button-next::after {
    content: '';
}

.classes-slide {
    border-radius: 40px;
    background-color: #FFEEEA;
    overflow: hidden;
}

.classes-picture {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 42.10526315789474%;
    border-radius: 40px;
    background-color: #001D36;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 2;
}

.classes-content {
    padding: 40px;
    padding-top: 32px;
    color: #001D36;
}

.classes-title {
    color: #001D36;
    font-size: 32px;
    line-height: 130%;
    letter-spacing: -0.01em;
    font-weight: 600;
}

.classes-tags {
    display: flex;
    column-gap: 10px;
    padding-top: 16px;
    padding-bottom: 16px;
}

.classes-tag {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    border-radius: 50px;
    background-color: #FF5630;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 100%;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

.classes-tag-alt {
    background-color: #003A6D;
}

.classes-description {
    font-size: 18px;
    line-height: 150%;
    font-weight: 400;
}

.classes-text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.classes-description-shown .classes-text {
    display: unset;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: unset;
}

.classes-more {
    display: inline-block;
    padding-top: 4px;
    color: #FF5630;
    cursor: pointer;
    transition: 0.25s;
}

.classes-more:hover {
    text-decoration: underline;
}

.touch .classes-more:hover {
    text-decoration: none;
}

.classes-more:active,
.touch .classes-more:active {
    text-decoration: underline;
}

.classes-description-shown .classes-more {
    display: none;
}

.classes-minus {
    display: none;
    padding-top: 4px;
    color: #FF5630;
    cursor: pointer;
    transition: 0.25s;
}

.classes-minus:hover {
    text-decoration: underline;
}

.touch .classes-minus:hover {
    text-decoration: none;
}

.classes-minus:active,
.touch .classes-minus:active {
    text-decoration: underline;
}

.classes-description-shown .classes-minus {
    display: inline-block;
}

/* VIEW */

.view {
    position: relative;
    display: block;
    width: 100%;
    cursor: pointer;
    overflow: hidden;
}

.view-picture {
    position: relative;
    width: 100%;
    padding-bottom: 55.55555555555556%;
    background-color: #001D36;
}

.view-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: 0.5s;
}

.view:hover .view-image {
    transform: scale(1.1);
    filter: brightness(65%);
}

.touch .view:hover .view-image {
    transform: scale(1);
    filter: brightness(100%);
}

.view:active .view-image,
.touch .view:active .view-image {
    transform: scale(1.1);
    filter: brightness(65%);
}

.view-tint {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 21, 41, 0) 0%, rgba(0, 21, 41, 0.57) 100%);
}

.view-button {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-left: 24px;
    padding-right: 24px;
    text-align: center;
}

.view-button-icon {
    margin: 0 auto;
    padding-bottom: 32px;
}

.fancybox__content {
    padding: 0 !important;
    background: none !important;
}

.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content {
    width: 100% !important;
    height: 100% !important;
}

/* MAP */

.map {
    position: relative;
    width: 100%;
    height: 600px;
    margin-top: 80px;
    border-radius: 50px;
    background-color: #001D36;
    overflow: hidden;
}

.map-picture {
    display: block;
    width: 100%;
    height: 100%;
}

.map-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: 0.5s;
}

.map-picture:hover .map-image {
    transform: scale(1.1);
    filter: brightness(65%);
}

.touch .map-picture:hover .map-image {
    transform: scale(1);
    filter: brightness(100%);
}

.map-picture:active .map-image,
.touch .map-picture:active .map-image {
    transform: scale(1.1);
    filter: brightness(65%);
}

.map-tint {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #FFDDD5, #FFDDD5);
    mix-blend-mode: hue;
}

.map-address {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    column-gap: 24px;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 30px;
    border-radius: 20px 0px 0px 0px;
    background-color: #FFFFFF;
    color: #001529;
    font-size: 20px;
    line-height: 150%;
    font-weight: 300;
}

/* TEAM */

.team {
    padding-top: 70px;
    padding-bottom: 180px;
}

.team-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 64px;
    padding-top: 80px;
}

.team-item {
    flex: 1 1 calc(33.333% - 64px);
    max-width: calc(33.333% - 64px);
    text-align: center;
}

.team-picture {
    width: 200px;
    height: 200px;
    margin: 0 auto;
    border-radius: 200px;
    background-color: #001D36;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.team-name {
    padding-top: 30px;
    padding-bottom: 12px;
    font-size: 32px;
    line-height: 130%;
    letter-spacing: -0.01em;
    font-weight: 600;
}

.team-description {
    font-size: 18px;
    line-height: 150%;
    font-weight: 300;
}

.team-description strong {
    font-weight: 600;
}

/* FAQS */

.faqs {
    display: grid;
    grid-template-columns: 1fr 1.25fr;
    column-gap: 70px;
    border-radius: 50px;
    padding-top: 110px;
    padding-bottom: 110px;
    padding-left: 64px;
    padding-right: 64px;
    margin-bottom: 70px;
    background-color: #FFEEEA;
}

.faqs-list {
    display: flex;
    flex-direction: column;
    row-gap: 48px;
}

.faqs-header {
    color: #001D36;
}

.faqs-question {
    display: inline-block;
    font-size: 20px;
    line-height: 150%;
    font-weight: 700;
    cursor: pointer;
    transition: 0.25s;
}

.faqs-question:hover {
    opacity: 0.5;
}

.touch .faqs-question:hover {
    opacity: 1;
}

.faqs-question:active,
.touch .faqs-question:active {
    opacity: 0.5;
}

.faqs-response {
    display: none;
    padding-top: 16px;
    color: #001D36;
    font-size: 18px;
    line-height: 150%;
    font-weight: 400;
    opacity: 0;
    transform: scale(0.9);
    animation: faqs-response-anima 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.faqs-item-on .faqs-response {
    display: block;
}

@keyframes faqs-response-anima {
    0% {
        opacity: 0;
        transform: translateY(16px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

/* CONTACT */

.contact-picture {
    width: 100%;
    padding-bottom: 100%;
    margin-bottom: 64px;
    border-radius: 40px;
    background-color: rgba(255, 86, 48, 0.18);
    background-image: url(../assets/contact.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.success-picture {
    background-image: url(../assets/success.jpg);
}

.contact-networks {
    display: flex;
    justify-content: center;
    column-gap: 16px;
    padding-top: 24px;
}

.contact-social {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    transition: 0.35s;
}

.contact-social:hover {
    transform: scale(1.25);
}

.touch .contact-social:hover {
    transform: scale(1);
}

.contact-social:active,
.touch .contact-social:active {
    transform: scale(1.25);
}

/* LEGAL */

.document-content {
    width: 100%;
    max-width: 840px;
    padding-top: 70px;
    padding-bottom: 120px;
    margin: 0 auto;
}

.document-title {
    padding-bottom: 48px;
    text-align: center;
}

.document-intro {
    padding-bottom: 56px;
    text-align: center;
}

.document-content h2,
.document-content h3,
.document-content p,
.document-content ul,
.document-content ol,
.document-image {
    padding-top: 8px;
    padding-bottom: 8px;
    margin: 0 auto;
}

.document-content strong,
.document-content b {
    font-weight: 700;
}

.document-content p,
.document-content ul,
.document-content ol {
    font-size: 16px;
    line-height: 24px;
}

.document-content ul,
.document-content ol {
    padding-left: 38px;
}

.document-content li {
    padding: 0;
    margin: 0;
}

.document-content h2 {
    padding-top: 18px;
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
}

.document-content h3 {
    padding-top: 18px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
}

.document-content a,
.document-content a:link,
.document-content a:visited {
    color: #999999;
    text-decoration: none;
    cursor: pointer;
}

.document-content a:hover {
    text-decoration: underline;
}

.touch .document-content a:hover {
    text-decoration: none;
}

.document-content a:active,
.touch .document-content a:active {
    text-decoration: underline;
}

.document-image {
    padding-top: 22px;
    padding-bottom: 22px;
}

.document-content img {
    display: block;
    max-width: 100%;
    padding: 0;
    margin: 0 auto;
    cursor: pointer;
}

.document-image-full {
    width: 100%;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}

.document-image-full img {
    width: 100%;
    max-width: none;
    border-radius: 0;
}

.document-image-with-border img {
    border: solid 2px #F4F5F8;
}

.document-image-with-bg img {
    padding: 32px;
    background-color: #F4F5F8;
}

.document-content figcaption {
    padding-top: 10px;
    padding-left: 16px;
    padding-right: 16px;
    color: #999999;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}

/* FOOTER */

.footer {
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #001D36;
}

.footer-layout {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 32px;
}

.footer-brand a {
    display: inline-flex;
}

.footer-buttons {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    padding-bottom: 130px;
}

.footer-title {
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
}

.footer-copy {
    display: flex;
    column-gap: 32px;
    padding-top: 38px;
    border-top: solid 1px rgba(255, 255, 255, 0.2);
}

.footer-texts {
    flex: auto;
    font-size: 16px;
    line-height: 24px;
}

.footer-studio {
    display: inline-block;
    text-decoration: underline;
}

.footer a {
    color: #FFFFFF;
    transition: 0.25S;
}

.footer a:hover {
    color: #FF5630;
}

.touch .footer a:hover {
    color: #FFFFFF;
}

.footer a:active,
.touch .footer a:active {
    color: #FF5630;
}

.footer-button-on {
    color: #FF5630 !important;
}

.footer-button-on:hover {
    color: #FF5630 !important;
}

.touch .footer-button-on:hover {
    color: #FF5630 !important;
}

.footer-button-on:active,
.touch .footer-button-on:active {
    color: #FF5630 !important;
}

.footer-networks {
    flex: none;
    display: flex;
    column-gap: 16px;
}

.footer-social {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    transition: 0.35s;
}

.footer-social:hover {
    transform: scale(1.3);
}

.touch .footer-social:hover {
    transform: scale(1);
}

.footer-social:active,
.touch .footer-social:active {
    transform: scale(1.3);
}

/* TOAST */

#toast {
    position: fixed;
    top: 0px;
    left: 50%;
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    width: auto;
    max-width: 100%;
    transform: translateX(-50%);
    z-index: 110;
}

.toast-item {
    display: none;
    column-gap: 12px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 24px;
    padding-right: 24px;
    margin: 24px;
    border-radius: 100px;
    background-color: #003A6D;
    border: solid 2px #FF5630;
    opacity: 0;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.2);
    transform: translateY(-100%);
}

.toast-show {
    opacity: 1;
    transform: translateY(0%);
    transition: 0.5s;
}

.toast-hide {
    opacity: 0;
    transform: scale(0.9);
    transition: 0.25s;
}

.toast-caption {
    color: #FFFFFF;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
}

.toast-inverse .toast-caption {
    color: #003A6D;
}

.toast-button {
    color: #FFFFFF;
    font-size: 14px;
    line-height: 19px;
    font-weight: 700;
    text-transform: uppercase;
    opacity: 0.7;
    cursor: pointer;
    transition: 0.25s;
}

.toast-inverse .toast-button {
    color: #003A6D;
}

.toast-button:hover {
    opacity: 1;
}

.touch .toast-button:hover {
    opacity: 0.7;
}

.toast-button:active,
.touch .toast-button:active {
    opacity: 1;
}

/* ADVICE */

.advice {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 480px;
    height: 100%;
    background-color: #002D72;
    animation: advice-anima 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    overflow: auto;
    z-index: 102;
}

@keyframes advice-anima {
    0% {
        opacity: 0;
        transform: translate(-10%);
    }

    100% {
        opacity: 1;
        transform: translate(0);
    }
}

.advice-bg {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.35);
    backdrop-filter: blur(16px);
    animation: advice-bg-anima 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    z-index: 101;
}

@keyframes advice-bg-anima {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.advice-frame {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-top: 10%;
    padding-bottom: 10%;
    padding-left: 10%;
    padding-right: 10%;
}

.advice-layout {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.advice-actions {
    display: flex;
    justify-content: center;
}

.advice-close {
    display: inline-flex;
    padding: 12px;
    padding-top: 11px;
    padding-bottom: 17px;
    cursor: pointer;
}

.advice-close img {
    display: block;
    width: 20px;
    height: 20px;
    transition: 0.5s;
}

.advice-close:hover img {
    transform: rotate(180deg);
}

.touch .advice-close:hover img {
    transform: rotate(0deg);
}

.advice-close:active img,
.touch .advice-close:active img {
    transform: rotate(180deg);
}

.advice-actions-buttons {
    flex: none;
    display: flex;
    column-gap: 22px;
    padding-bottom: 16px;
}

.advice-content {
    flex: auto;
    display: flex;
    align-items: center;
    padding-bottom: 64px;
}

.advice-main {
    color: #FCFDFF;
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
    text-align: center;
    opacity: 0;
    animation-name: advice-content-anima;
    animation-duration: 1s;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
}

.advice-main strong {
    font-weight: 700;
}

.advice-detail {
    padding-top: 16px;
    color: #FCFDFF;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    opacity: 0;
    animation-name: advice-content-anima;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
}

.advice-detail strong {
    font-weight: 700;
}

.advice-main div,
.advice-detail div {
    padding-bottom: 16px;
}

@keyframes advice-content-anima {
    from {
        opacity: 0;
        transform: scale(0.85);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* RESPONSIVE */

@media (max-width: 1020px) {

    .frame {
        padding-left: 64px;
        padding-right: 64px;
    }

    .cover {
        grid-template-columns: 1fr;
        row-gap: 48px;
    }

    .cover-content {
        text-align: center;
    }

    .block {
        grid-template-columns: 1fr;
    }

    .block-banner .block-pictures {
        order: 2 !important;
    }

    .block-banner .block-content {
        order: 1 !important;
    }

    .block-pictures {
        padding-top: 0px;
    }

    .block-pictures-top {
        right: 40px;
    }

    .block-image {
        padding-bottom: 75%;
    }

    .block-image-team {
        padding-bottom: 75%;
    }

    .block:nth-child(even) .block-picture {
        order: 2;
    }

    .block:nth-child(even) .block-content {
        order: 1;
    }

    .grid-items {
        row-gap: 64px;
    }

    .grid-item {
        flex: 1 1 100%;
        max-width: 100%;
    }

    .team-item {
        flex: 1 1 calc(50% - 64px);
        max-width: calc(50% - 64px);
    }

    .layout {
        grid-template-columns: 1fr;
        row-gap: 48px;
    }

    .layout-alt-2 {
        grid-template-columns: 1fr;
        row-gap: 120px;
    }

    .faqs {
        grid-template-columns: 1fr;
        row-gap: 48px;
    }

}

@media (max-width: 780px) {

    .bar {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .bar-compact {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .bar-layout {
        flex-direction: row;
    }

    .bar-brand {
        flex: auto;
        justify-content: flex-start;
    }

    .bar-brand-alt {
        justify-content: center;
    }

    .bar-buttons {
        flex: none;
    }

    .bar-buttons-nav {
        display: none;
    }

    .bar-menu {
        display: flex;
    }

    .bar-fix {
        height: 130px;
    }

    .frame {
        padding-left: 18px;
        padding-right: 18px;
    }

    .cover {
        padding-bottom: 70px;
    }

    .cover-title {
        font-size: 44px;
    }

    .cover-caption {
        font-size: 18px;
    }

    .cover-composition {
        width: 300px;
        height: 300px;
    }

    .cover-circle-frame {
        width: 100%;
    }

    .cover-woman {
        left: -6%;
    }

    .cover-man {
        right: -5%;
    }

    .block {
        row-gap: 24px;
        border-radius: 30px;
    }

    .block-alt {
        margin-top: 50px;
    }

    .block-picture {
        border-radius: 30px;
    }

    .block-images-main {
        border-radius: 20px;
    }

    .block-images-top {
        border-radius: 20px;
    }

    .block-images-bottom {
        border-radius: 20px;
    }

    .block-pictures-main {
        margin-left: -25%;
    }

    .block-pictures-top {
        top: -24px;
        right: 18px;
        width: 40%;
    }

    .block-pictures-bottom {
        bottom: 18px;
        left: 18px;
    }

    .block-content {
        padding: 24px;
        padding-top: 48px;
    }

    .block-columns {
        grid-template-columns: 1fr;
        padding-top: 32px;
    }

    .block-image {
        padding-bottom: 100%;
    }

    .block-image-team {
        padding-bottom: 100%;
    }

    .block-link-title {
        padding-bottom: 6px;
        font-size: 24px;
    }

    .block-link-caption {
        font-size: 17px;
    }

    .title {
        padding-bottom: 24px;
        font-size: 36px;
    }

    .caption {
        font-size: 18px;
    }

    .heading {
        padding-top: 96px;
        padding-bottom: 56px;
        font-size: 32px;
    }

    .heading-alt {
        padding-top: 72px;
        padding-bottom: 24px;
    }

    .grid-items {
        padding-bottom: 96px;
    }

    .grid-item-title {
        padding-top: 20px;
        padding-bottom: 12px;
        font-size: 28px;
    }

    .grid-item-caption {
        padding-bottom: 30px;
        font-size: 22px;
    }

    .grid-picture {
        width: 180px;
        height: 180px;
    }

    .reviews {
        flex-direction: column;
        min-height: unset;
    }

    .reviews-swiper {
        --swiper-pagination-bullet-size: 7px;
        --swiper-pagination-bullet-width: 7px;
        --swiper-pagination-bullet-height: 7px;
    }

    .reviews-content {
        width: 100%;
        padding: 24px;
        padding-top: 64px;
        padding-bottom: 0px;
        transform: translateX(0);
    }

    .reviews-text {
        font-size: 22px;
    }

    .layout-reviews .reviews-text {
        font-size: 20px;
    }

    .reviews-author {
        padding-bottom: 8px;
        font-size: 17px;
    }

    .reviews-picture {
        width: 100%;
        height: 400px;
    }

    .cover-center {
        padding-top: 64px;
        padding-bottom: 96px;
    }

    .blocks {
        row-gap: 50px;
    }

    .block-alt-3 {
        margin-bottom: 50px;
    }

    .button-alt-7-label-1 {
        display: none;
    }

    .button-alt-7-label-2 {
        display: block;
    }

    .button-alt-7 svg {
        width: 24px;
        height: auto;
    }

    .location {
        column-gap: 12px;
        font-size: 18px;
    }

    .location img {
        width: 24px;
        height: auto;
    }

    .location svg {
        width: 24px;
        height: auto;
    }

    .cover-club {
        margin-top: 32px;
        border-radius: 30px;
    }

    .cover-club-content {
        padding-top: 90px;
        padding-bottom: 90px;
        padding-left: 24px;
        padding-right: 24px;
    }

    .gallery-swiper {
        padding-bottom: 40px !important;
        margin-bottom: 70px;
        --swiper-pagination-bullet-size: 7px;
        --swiper-pagination-bullet-width: 7px;
        --swiper-pagination-bullet-height: 7px;
    }

    .gallery-slide {
        border-radius: 24px;
    }

    .video {
        grid-template-columns: 20px auto;
        column-gap: 8px;
    }

    .video-picture {
        border-radius: 20px;
    }

    .video-play img {
        width: 48px;
        height: auto;
    }

    .view-picture {
        padding-bottom: 150%;
    }

    .view-button-icon {
        width: 72px;
        height: auto;
    }

    .classes-swiper {
        padding-bottom: 40px !important;
        --swiper-pagination-bullet-size: 7px;
        --swiper-pagination-bullet-width: 7px;
        --swiper-pagination-bullet-height: 7px;
    }

    .classes-slide {
        border-radius: 24px;
    }

    .classes-picture {
        border-radius: 24px;
    }

    .classes-content {
        padding: 24px;
        padding-top: 30px;
        padding-bottom: 40px;
    }

    .classes-title {
        font-size: 26px;
    }

    .classes-tags {
        flex-direction: column;
        row-gap: 10px;
    }

    .classes-description {
        font-size: 17px;
    }

    .map {
        height: 640px;
        margin-top: 40px;
        border-radius: 30px;
    }

    .map-address {
        flex-direction: column;
        row-gap: 16px;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 24px;
        padding-right: 24px;
        border-radius: 20px 20px 0px 0px;
        font-size: 18px;
        text-align: center;
    }

    .team {
        padding-top: 24px;
        padding-bottom: 90px;
    }

    .team-grid {
        gap: 48px;
        padding-top: 48px;
    }

    .team-item {
        flex: 1 1 100%;
        max-width: 100%;
    }

    .team-picture {
        width: 180px;
        height: 180px;
    }

    .team-name {
        padding-top: 24px;
        font-size: 24px;
    }

    .team-description {
        font-size: 16px;
    }

    .layout {
        margin-top: 32px;
        margin-bottom: 50px;
    }

    .layout-alt-3 {
        margin-top: 0px;
    }

    .layout-cover {
        padding: 24px;
        padding-top: 96px;
        padding-bottom: 96px;
        border-radius: 30px;
    }

    .cover-tagline {
        font-size: 20px;
    }

    .layout-content {
        padding: 24px;
        padding-bottom: 56px;
        padding-left: 24px;
        padding-right: 24px;
        border-radius: 30px;
        font-size: 17px;
    }

    .layout-offer-1 {
        font-size: 20px;
    }

    .layout-offer-2 {
        font-size: 48px;
    }

    .layout-item {
        grid-template-columns: 40px 1fr;
        column-gap: 18px;
    }

    .layout-item-tick {
        width: 40px;
        height: 50px;
        padding-top: 8px;
    }

    .layout-item-tick img {
        width: auto;
        height: 18px;
    }

    .layout-item-title {
        font-size: 24px;
    }

    .layout-item-description {
        font-size: 17px;
    }

    .faqs {
        border-radius: 30px;
        padding-top: 90px;
        padding-bottom: 90px;
        padding-left: 24px;
        padding-right: 24px;
        margin-bottom: 50px;
    }

    .faqs-list {
        row-gap: 32px;
    }

    .faqs-response {
        font-size: 17px;
    }

    .layout-alt-2 {
        padding: 16px;
        padding-top: 70px;
        padding-bottom: 70px;
        margin-top: 32px;
        margin-bottom: 50px;
        border-radius: 30px;
    }

    .title-alt-3 {
        padding-bottom: 14px;
    }

    .subtitle-alt {
        padding-bottom: 18px;
    }

    .fields {
        padding-top: 48px;
    }

    .fields-alt {
        padding-top: 36px;
    }

}

@media (max-width: 640px) {

    .footer-layout {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto auto;
        grid-template-areas:
            "full full"
            "left right"
            "left right";
        gap: 10px;
        row-gap: 48px;
    }

    .footer-buttons {
        grid-area: left;
        padding-bottom: 64px;
    }

    .footer-button-2 {
        grid-area: right;
    }

    .footer-brand {
        grid-area: full;
    }

    .footer-copy {
        flex-direction: column;
        row-gap: 32px;
        margin-top: 16px;
    }

    .footer-texts {
        order: 2;
    }

    .footer-networks {
        order: 1;
    }

}

@media (max-width: 490px) {

    .bar {
        padding-left: 18px;
        padding-right: 18px;
    }

    .bar-layout {
        column-gap: 24px;
    }

    .bar-buttons {
        column-gap: 18px;
    }

    .bar-club {
        display: none;
    }

    .bar-club-short {
        display: inline;
    }

}