@charset "UTF-8";

@font-face {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/mulish-v13-cyrillic_latin-regular.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-family: Mulish;
    font-style: italic;
    font-weight: 400;
    src: url(../fonts/mulish-v13-cyrillic_latin-italic.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-family: Mulish;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/mulish-v13-cyrillic_latin-500.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-family: Mulish;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/mulish-v13-cyrillic_latin-600.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-family: Mulish;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/mulish-v13-cyrillic_latin-700.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-family: Mulish;
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/mulish-v13-cyrillic_latin-800.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/mulish-v13-cyrillic_latin-900.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-family: Mulish;
    font-style: italic;
    font-weight: 900;
    src: url(../fonts/mulish-v13-cyrillic_latin-900italic.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/roboto-v47-cyrillic_latin-regular.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-family: "Russo One";
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/russo-one-v16-cyrillic_latin-regular.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/inter-v18-cyrillic_latin-900.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-family: "TT Norms Pro";
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/TTNormsProTrial-DmBd.woff2) format("woff2");
    font-display: swap
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
details,
main {
    display: block
}

h1 {
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    color: #192ed5;
    text-decoration: none;
    transition: color .3s
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: ButtonText dotted 1px
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

*,
::after,
::before {
    box-sizing: border-box
}

body {
    margin: 0;
    min-height: 100%;
    font-family: Mulish, -apple-system, blinkmacsystemfont, Roboto, Ubuntu, "Droid Sans", "Helvetica Neue", Arial, sans-serif !important;
    color: #f7f7f7;
    text-align: left;
    background-color: #141517
}

html {
    -webkit-text-size-adjust: 100%;
    min-height: 100%;
    font-size: 16px;
    line-height: 1.5;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    overflow-wrap: break-word
}

iframe,
img,
picture,
svg,
video {
    display: block;
    max-width: 100%;
    height: auto
}

a:focus,
a:hover {
    color: #daff00;
    text-decoration: none
}

a[href^="tel:"] {
    white-space: nowrap
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 50px;
    font-weight: 800 !important;
    line-height: 1.2;
    color: #f7f7f7;
}

.h1,
h1 {
    font-size: 45px
}

.h2,
h2 {
    font-size: 40px
}

.h3,
h3 {
    margin-bottom: 20px;
    font-size: 30px
}

.h4,
h4 {
    font-size: 18px
}

.h5,
.h6,
h5,
h6 {
    font-size: 16px
}

.container {
    width: min(1360px, 100% - 40px);
    margin-inline: auto
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0
}

.hidden {
    display: none
}

input.js-password-toggle[type=password]::-webkit-caps-lock-indicator,
input.js-password-toggle[type=password]::-webkit-contacts-auto-fill-button,
input.js-password-toggle[type=password]::-webkit-credentials-auto-fill-button,
input.js-password-toggle[type=password]::-webkit-reveal-password {
    position: absolute;
    right: -9999px;
    display: none !important;
    pointer-events: none;
    visibility: hidden;
    opacity: 0
}

input.js-password-toggle[type=password][autocomplete=current-password]::-ms-reveal,
input.js-password-toggle[type=password][autocomplete=current-password]::-webkit-reveal {
    display: none
}

input.js-password-toggle[type=password]::-ms-reveal {
    display: none
}

.pass-toggle-btn {
    padding: 0;
    color: inherit;
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: 0;
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    z-index: 2;
    width: 50px;
    background-image: url(../images/password-toggle.svg);
    background-repeat: no-repeat;
    background-position: center
}

input.js-password-toggle[type=text]+.pass-toggle-btn {
    background-image: url(../images/password-toggle-open.svg)
}

input.js-password-toggle {
    padding-right: 70px
}

.custom-scrollbar::-webkit-scrollbar {
    width: 5px
}

.custom-scrollbar::-webkit-scrollbar-track {
    background-color: #737373;
    border-radius: 6px
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #daff00;
    border-radius: 6px
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none
}

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

.scroll-lock-ios {
    position: fixed;
    overflow: hidden
}

.scroll-lock {
    overflow: hidden
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff;
    --swiper-navigation-size: 44px;
    --f-spinner-width: 36px;
    --f-spinner-height: 36px;
    --f-spinner-color-1: rgba(0, 0, 0, 0.1);
    --f-spinner-color-2: rgba(17, 24, 28, 0.8);
    --f-spinner-stroke: 2.75;
    --f-button-width: 40px;
    --f-button-height: 40px;
    --f-button-border: 0;
    --f-button-border-radius: 0;
    --f-button-color: #374151;
    --f-button-bg: #f8f8f8;
    --f-button-hover-bg: #e0e0e0;
    --f-button-active-bg: #d0d0d0;
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 20px;
    --f-button-svg-height: 20px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: none;
    --f-button-svg-disabled-opacity: 0.65
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0, 0, 0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: 1s linear infinite swiper-preloader-spin
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size)/ 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next svg,
.swiper-button-prev svg {
    -o-object-fit: contain;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    z-index: 0;
    backface-visibility: hidden
}

.swiper.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    z-index: 0;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    backface-visibility: hidden;
    overflow: hidden
}

.tippy-box[data-animation=fade][data-state=hidden] {
    opacity: 0
}

[data-tippy-root] {
    max-width: calc(100vw - 10px)
}

.tippy-box {
    position: relative;
    background-color: #333;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4;
    white-space: normal;
    outline: 0;
    transition-property: transform, visibility, opacity
}

.tippy-box[data-placement^=top]>.tippy-arrow {
    bottom: 0
}

.tippy-box[data-placement^=top]>.tippy-arrow:before {
    bottom: -7px;
    left: 0;
    border-width: 8px 8px 0;
    border-top-color: initial;
    transform-origin: center top
}

.tippy-box[data-placement^=bottom]>.tippy-arrow {
    top: 0
}

.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
    top: -7px;
    left: 0;
    border-width: 0 8px 8px;
    border-bottom-color: initial;
    transform-origin: center bottom
}

.tippy-box[data-placement^=left]>.tippy-arrow {
    right: 0
}

.tippy-box[data-placement^=left]>.tippy-arrow:before {
    border-width: 8px 0 8px 8px;
    border-left-color: initial;
    right: -7px;
    transform-origin: center left
}

.tippy-box[data-placement^=right]>.tippy-arrow {
    left: 0
}

.tippy-box[data-placement^=right]>.tippy-arrow:before {
    left: -7px;
    border-width: 8px 8px 8px 0;
    border-right-color: initial;
    transform-origin: center right
}

.tippy-box[data-inertia][data-state=visible] {
    transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11)
}

.tippy-arrow {
    width: 16px;
    height: 16px;
    color: #333
}

.tippy-arrow:before {
    content: "";
    position: absolute;
    border-color: transparent;
    border-style: solid
}

.tippy-content {
    position: relative;
    z-index: 1
}

.f-spinner {
    margin: auto;
    padding: 0;
    width: var(--f-spinner-width);
    height: var(--f-spinner-height)
}

.f-spinner svg {
    width: 100%;
    height: 100%;
    vertical-align: top;
    animation: 2s linear infinite f-spinner-rotate
}

.f-spinner svg * {
    stroke-width: var(--f-spinner-stroke);
    fill: none
}

.f-spinner svg :first-child {
    stroke: var(--f-spinner-color-1)
}

.f-spinner svg :last-child {
    stroke: var(--f-spinner-color-2);
    animation: 2s ease-in-out infinite f-spinner-dash
}

@keyframes f-spinner-rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes f-spinner-dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

.f-throwOutUp {
    animation: var(--f-throw-out-duration, .175s) ease-out both f-throwOutUp
}

.f-throwOutDown {
    animation: var(--f-throw-out-duration, .175s) ease-out both f-throwOutDown
}

@keyframes f-throwOutUp {
    to {
        transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
        opacity: 0
    }
}

@keyframes f-throwOutDown {
    to {
        transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
        opacity: 0
    }
}

.f-zoomInUp {
    animation: var(--f-transition-duration, .2s) ease .1s both f-zoomInUp
}

.f-zoomOutDown {
    animation: var(--f-transition-duration, .2s) ease both f-zoomOutDown
}

@keyframes f-zoomInUp {
    from {
        transform: scale(.975) translate3d(0, 16px, 0);
        opacity: 0
    }

    to {
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes f-zoomOutDown {
    to {
        transform: scale(.975) translate3d(0, 16px, 0);
        opacity: 0
    }
}

.f-fadeIn {
    animation: var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
    z-index: 2
}

.f-fadeOut {
    animation: var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
    z-index: 1
}

@keyframes f-fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes f-fadeOut {
    100% {
        opacity: 0
    }
}

.f-fadeFastIn {
    animation: var(--f-transition-duration, .2s) ease-out both f-fadeFastIn;
    z-index: 2
}

.f-fadeFastOut {
    animation: var(--f-transition-duration, .1s) ease-out both f-fadeFastOut;
    z-index: 2
}

@keyframes f-fadeFastIn {
    0% {
        opacity: .75
    }

    100% {
        opacity: 1
    }
}

@keyframes f-fadeFastOut {
    100% {
        opacity: 0
    }
}

.f-fadeSlowIn {
    animation: var(--f-transition-duration, .5s) ease both f-fadeSlowIn;
    z-index: 2
}

.f-fadeSlowOut {
    animation: var(--f-transition-duration, .5s) ease both f-fadeSlowOut;
    z-index: 1
}

@keyframes f-fadeSlowIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes f-fadeSlowOut {
    100% {
        opacity: 0
    }
}

.f-crossfadeIn {
    animation: var(--f-transition-duration, .2s) ease-out both f-crossfadeIn;
    z-index: 2
}

.f-crossfadeOut {
    animation: calc(var(--f-transition-duration, .2s) * .5) linear .1s both f-crossfadeOut;
    z-index: 1
}

@keyframes f-crossfadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes f-crossfadeOut {
    100% {
        opacity: 0
    }
}

.f-slideIn.from-next {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInNext
}

.f-slideIn.from-prev {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInPrev
}

.f-slideOut.to-next {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutNext
}

.f-slideOut.to-prev {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutPrev
}

@keyframes f-slideInPrev {
    0% {
        transform: translateX(100%)
    }

    100% {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes f-slideInNext {
    0% {
        transform: translateX(-100%)
    }

    100% {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes f-slideOutNext {
    100% {
        transform: translateX(-100%)
    }
}

@keyframes f-slideOutPrev {
    100% {
        transform: translateX(100%)
    }
}

.f-classicIn.from-next {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicInNext;
    z-index: 2
}

.f-classicIn.from-prev {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicInPrev;
    z-index: 2
}

.f-classicOut.to-next {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicOutNext;
    z-index: 1
}

.f-classicOut.to-prev {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicOutPrev;
    z-index: 1
}

@keyframes f-classicInNext {
    0% {
        transform: translateX(-75px);
        opacity: 0
    }

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

@keyframes f-classicInPrev {
    0% {
        transform: translateX(75px);
        opacity: 0
    }

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

@keyframes f-classicOutNext {
    100% {
        transform: translateX(-75px);
        opacity: 0
    }
}

@keyframes f-classicOutPrev {
    100% {
        transform: translateX(75px);
        opacity: 0
    }
}

.f-button {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: content-box;
    position: relative;
    margin: 0;
    padding: 0;
    width: var(--f-button-width);
    height: var(--f-button-height);
    border: var(--f-button-border);
    border-radius: var(--f-button-border-radius);
    color: var(--f-button-color);
    background: var(--f-button-bg);
    box-shadow: var(--f-button-shadow);
    pointer-events: all;
    cursor: pointer;
    transition: var(--f-button-transition)
}

.f-button:active:not([disabled]) {
    background-color: var(--f-button-active-bg)
}

.f-button:focus:not(:focus-visible) {
    outline: 0
}

.f-button:focus-visible {
    outline: 0;
    box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))
}

.f-button svg {
    width: var(--f-button-svg-width);
    height: var(--f-button-svg-height);
    fill: var(--f-button-svg-fill);
    stroke: currentColor;
    stroke-width: var(--f-button-svg-stroke-width);
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: opacity .15s;
    transform: var(--f-button-transform);
    filter: var(--f-button-svg-filter);
    pointer-events: none
}

.f-button[disabled] {
    cursor: default
}

.f-button[disabled] svg {
    opacity: var(--f-button-svg-disabled-opacity)
}

.f-carousel__nav .f-button.is-next,
.f-carousel__nav .f-button.is-prev,
.fancybox__nav .f-button.is-next,
.fancybox__nav .f-button.is-prev {
    position: absolute;
    z-index: 1
}

.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-prev {
    top: 50%;
    transform: translateY(-50%)
}

.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-prev {
    left: var(--f-button-prev-pos)
}

.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-next {
    right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
    left: auto;
    right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
    right: auto;
    left: var(--f-button-prev-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-prev {
    top: auto;
    left: 50%;
    transform: translateX(-50%)
}

.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-prev {
    top: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-next {
    bottom: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next svg,
.is-vertical .f-carousel__nav .f-button.is-prev svg,
.is-vertical .fancybox__nav .f-button.is-next svg,
.is-vertical .fancybox__nav .f-button.is-prev svg {
    transform: rotate(90deg)
}

.f-carousel__nav .f-button:disabled,
.fancybox__nav .f-button:disabled {
    pointer-events: none
}

html.with-fancybox {
    width: auto;
    overflow: visible;
    scroll-behavior: auto
}

html.with-fancybox body {
    touch-action: none
}

html.with-fancybox body.hide-scrollbar {
    width: auto;
    margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
    overflow: hidden !important;
    overscroll-behavior-y: none
}

.fancybox__container {
    --fancybox-color: #dbdbdb;
    --fancybox-hover-color: #fff;
    --fancybox-bg: rgba(24, 24, 27, 0.98);
    --fancybox-slide-gap: 10px;
    --f-spinner-width: 50px;
    --f-spinner-height: 50px;
    --f-spinner-color-1: rgba(255, 255, 255, 0.1);
    --f-spinner-color-2: #bbb;
    --f-spinner-stroke: 3.65;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    direction: ltr;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #f8f8f8;
    -webkit-tap-highlight-color: transparent;
    overflow: visible;
    z-index: var(--fancybox-zIndex, 1050);
    outline: 0;
    transform-origin: top left;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: none;
    text-size-adjust: 100%;
    overscroll-behavior-y: contain
}

.fancybox__container *,
.fancybox__container ::after,
.fancybox__container ::before {
    box-sizing: inherit
}

.fancybox__container::backdrop {
    background-color: rgba(0, 0, 0, 0)
}

.fancybox__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background: var(--fancybox-bg);
    opacity: var(--fancybox-opacity, 1);
    will-change: opacity
}

.fancybox__carousel {
    position: relative;
    box-sizing: border-box;
    flex: 1;
    min-height: 0;
    z-index: 10;
    overflow-y: visible;
    overflow-x: clip
}

.fancybox__viewport {
    width: 100%;
    height: 100%
}

.fancybox__viewport.is-draggable {
    cursor: move;
    cursor: grab
}

.fancybox__viewport.is-dragging {
    cursor: move;
    cursor: grabbing
}

.fancybox__track {
    display: flex;
    margin: 0 auto;
    height: 100%
}

.fancybox__slide {
    flex: 0 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0 var(--fancybox-slide-gap) 0 0;
    padding: 4px;
    overflow: auto;
    overscroll-behavior: contain;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
    padding-top: 40px
}

.fancybox__slide.has-html5video,
.fancybox__slide.has-iframe,
.fancybox__slide.has-image,
.fancybox__slide.has-video {
    overflow: hidden
}

.fancybox__slide.has-image.is-animating,
.fancybox__slide.has-image.is-selected {
    overflow: visible
}

.fancybox__slide::after,
.fancybox__slide::before {
    content: "";
    flex: 0 0 0;
    margin: auto
}

.fancybox__backdrop:empty,
.fancybox__slide:empty,
.fancybox__track:empty,
.fancybox__viewport:empty {
    display: block
}

.fancybox__content {
    align-self: center;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 0;
    padding: 2rem;
    max-width: 100%;
    color: var(--fancybox-content-color, #374151);
    background: var(--fancybox-content-bg, #fff);
    cursor: default;
    border-radius: 0;
    z-index: 20
}

.is-loading .fancybox__content {
    opacity: 0
}

.is-draggable .fancybox__content {
    cursor: move;
    cursor: grab
}

.can-zoom_in .fancybox__content {
    cursor: zoom-in
}

.can-zoom_out .fancybox__content {
    cursor: zoom-out
}

.is-dragging .fancybox__content {
    cursor: move;
    cursor: grabbing
}

.fancybox__content [contenteditable],
.fancybox__content [data-selectable] {
    cursor: auto
}

.fancybox__slide.has-image>.fancybox__content {
    padding: 0;
    background: rgba(0, 0, 0, 0);
    min-height: 1px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    transition: none;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden
}

.fancybox__slide.has-image>.fancybox__content>picture>img {
    width: 100%;
    height: auto;
    max-height: 100%
}

.is-animating .fancybox__content,
.is-dragging .fancybox__content {
    will-change: transform, width, height
}

.fancybox-image {
    margin: auto;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    filter: blur(0)
}

.fancybox__caption {
    align-self: center;
    max-width: 100%;
    flex-shrink: 0;
    margin: 0;
    padding: 14px 0 4px;
    overflow-wrap: anywhere;
    line-height: 1.375;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    cursor: auto;
    visibility: visible
}

.is-closing .fancybox__caption,
.is-loading .fancybox__caption {
    opacity: 0;
    visibility: hidden
}

.is-compact .fancybox__caption {
    padding-bottom: 0
}

.f-button.is-close-btn {
    --f-button-svg-stroke-width: 2;
    position: absolute;
    top: 0;
    right: 8px;
    z-index: 40
}

.fancybox__content>.f-button.is-close-btn {
    --f-button-width: 34px;
    --f-button-height: 34px;
    --f-button-border-radius: 4px;
    --f-button-color: var(--fancybox-color, #fff);
    --f-button-hover-color: var(--fancybox-color, #fff);
    --f-button-bg: transparent;
    --f-button-hover-bg: transparent;
    --f-button-active-bg: transparent;
    --f-button-svg-width: 22px;
    --f-button-svg-height: 22px;
    position: absolute;
    top: -38px;
    right: 0;
    opacity: .75
}

.is-loading .fancybox__content>.f-button.is-close-btn,
.is-zooming-out .fancybox__content>.f-button.is-close-btn {
    visibility: hidden
}

.fancybox__content>.f-button.is-close-btn:hover {
    opacity: 1
}

.fancybox__footer {
    padding: 0;
    margin: 0;
    position: relative
}

.fancybox__footer .fancybox__caption {
    width: 100%;
    padding: 24px;
    opacity: var(--fancybox-opacity, 1);
    transition: .25s
}

.is-compact .fancybox__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    background: rgba(24, 24, 27, .5)
}

.is-compact .fancybox__footer .fancybox__caption {
    padding: 12px
}

.is-compact .fancybox__content>.f-button.is-close-btn {
    --f-button-border-radius: 50%;
    --f-button-color: #fff;
    --f-button-hover-color: #fff;
    --f-button-outline-color: #000;
    --f-button-bg: rgba(0, 0, 0, 0.6);
    --f-button-active-bg: rgba(0, 0, 0, 0.6);
    --f-button-hover-bg: rgba(0, 0, 0, 0.6);
    --f-button-svg-width: 18px;
    --f-button-svg-height: 18px;
    --f-button-svg-filter: none;
    top: 5px;
    right: 5px
}

.fancybox__nav {
    --f-button-width: 50px;
    --f-button-height: 50px;
    --f-button-border: 0;
    --f-button-border-radius: 50%;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: transparent;
    --f-button-hover-bg: rgba(24, 24, 27, 0.3);
    --f-button-active-bg: rgba(24, 24, 27, 0.5);
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 26px;
    --f-button-svg-height: 26px;
    --f-button-svg-stroke-width: 2.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
    --f-button-svg-disabled-opacity: 0.65;
    --f-button-next-pos: 1rem;
    --f-button-prev-pos: 1rem;
    opacity: var(--fancybox-opacity, 1)
}

.fancybox__nav .f-button:before {
    position: absolute;
    content: "";
    top: -30px;
    right: -20px;
    left: -20px;
    bottom: -30px;
    z-index: 1
}

.is-idle .fancybox__nav {
    animation: .15s ease-out both f-fadeOut
}

.is-idle.is-compact .fancybox__footer {
    pointer-events: none;
    animation: .15s ease-out both f-fadeOut
}

.fancybox__slide>.f-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -.5));
    z-index: 30;
    cursor: pointer
}

.fancybox-protected {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.fancybox-ghost {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    -o-object-fit: contain;
    object-fit: contain;
    z-index: 40;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

.fancybox-focus-guard {
    outline: 0;
    opacity: 0;
    position: fixed;
    pointer-events: none
}

.fancybox__container:not([aria-hidden]) {
    opacity: 0
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>:not(.fancybox__content),
.fancybox__container.is-animated[aria-hidden=false]>:not(.fancybox__backdrop, .fancybox__carousel) {
    animation: var(--f-interface-enter-duration, .25s) ease .1s backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
    animation: var(--f-backdrop-enter-duration, .35s) ease backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>:not(.fancybox__content),
.fancybox__container.is-animated[aria-hidden=true]>:not(.fancybox__backdrop, .fancybox__carousel) {
    animation: var(--f-interface-exit-duration, .15s) ease forwards f-fadeOut
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
    animation: var(--f-backdrop-exit-duration, .35s) ease forwards f-fadeOut
}

.has-html5video .fancybox__content,
.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-vimeo .fancybox__content,
.has-youtube .fancybox__content {
    max-width: 100%;
    flex-shrink: 1;
    min-height: 1px;
    overflow: visible
}

.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content {
    width: calc(100% - 120px);
    height: 90%
}

.fancybox__container.is-compact .has-iframe .fancybox__content,
.fancybox__container.is-compact .has-map .fancybox__content,
.fancybox__container.is-compact .has-pdf .fancybox__content {
    width: 100%;
    height: 100%
}

.has-html5video .fancybox__content,
.has-vimeo .fancybox__content,
.has-youtube .fancybox__content {
    width: 960px;
    height: 540px;
    max-width: 100%;
    max-height: 100%
}

.has-html5video .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-vimeo .fancybox__content,
.has-youtube .fancybox__content {
    padding: 0;
    background: rgba(24, 24, 27, .9);
    color: #fff
}

.has-map .fancybox__content {
    background: #e5e3df
}

.fancybox__html5video,
.fancybox__iframe {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0)
}

.fancybox-placeholder {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.f-carousel__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-outline: 0;
    --f-thumb-outline-color: #5eb0ef;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1;
    --f-thumb-border-radius: 2px;
    --f-thumb-offset: 0px;
    --f-button-next-pos: 0;
    --f-button-prev-pos: 0
}

.f-carousel__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1
}

.f-carousel__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 16px;
    --f-thumb-clip-width: 46px
}

.f-thumbs {
    position: relative;
    flex: 0 0 auto;
    margin: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    perspective: 1000px;
    transform: translateZ(0)
}

.f-thumbs .f-spinner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background-image: linear-gradient(#ebeff2, #e2e8f0);
    z-index: -1
}

.f-thumbs .f-spinner svg {
    display: none
}

.f-thumbs.is-vertical {
    height: 100%
}

.f-thumbs__viewport {
    width: 100%;
    height: auto;
    overflow: hidden;
    transform: translate3d(0, 0, 0)
}

.f-thumbs__track {
    display: flex
}

.f-thumbs__slide {
    position: relative;
    flex: 0 0 auto;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    width: var(--f-thumb-width);
    height: var(--f-thumb-height);
    overflow: visible;
    cursor: pointer
}

.f-thumbs__slide.is-loading img {
    opacity: 0
}

.is-classic .f-thumbs__viewport {
    height: 100%
}

.is-modern .f-thumbs__track {
    width: -moz-max-content;
    width: max-content
}

.is-modern .f-thumbs__track::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc((var(--f-thumb-clip-width, 0)) * -.5);
    width: calc(var(--width, 0) * 1px + var(--f-thumb-clip-width, 0));
    cursor: pointer
}

.is-modern .f-thumbs__slide {
    width: var(--f-thumb-clip-width);
    transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
    transition: none;
    pointer-events: none
}

.is-modern.is-resting .f-thumbs__slide {
    transition: transform .33s
}

.is-modern.is-resting .f-thumbs__slide__button {
    transition: clip-path .33s
}

.is-using-tab .is-modern .f-thumbs__slide:focus-within {
    filter: drop-shadow(-1px 0 0 var(--f-thumb-outline-color)) drop-shadow(2px 0 0 var(--f-thumb-outline-color)) drop-shadow(0 -1px 0 var(--f-thumb-outline-color)) drop-shadow(0 2px 0 var(--f-thumb-outline-color))
}

.f-thumbs__slide__button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: var(--f-thumb-width);
    height: 100%;
    margin: 0 -100%;
    padding: 0;
    border: 0;
    position: relative;
    border-radius: var(--f-thumb-border-radius);
    overflow: hidden;
    background: rgba(0, 0, 0, 0);
    outline: 0;
    cursor: pointer;
    pointer-events: auto;
    touch-action: manipulation;
    opacity: var(--f-thumb-opacity);
    transition: opacity .2s
}

.f-thumbs__slide__button:hover {
    opacity: var(--f-thumb-hover-opacity)
}

.f-thumbs__slide__button:focus:not(:focus-visible) {
    outline: 0
}

.f-thumbs__slide__button:focus-visible {
    outline: 0;
    opacity: var(--f-thumb-selected-opacity)
}

.is-modern .f-thumbs__slide__button {
    --clip-path: inset(0 calc(((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5) round var(--f-thumb-border-radius, 0));
    clip-path: var(--clip-path)
}

.is-classic .is-nav-selected .f-thumbs__slide__button {
    opacity: var(--f-thumb-selected-opacity)
}

.is-classic .is-nav-selected .f-thumbs__slide__button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    bottom: 0;
    border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
    border-radius: var(--f-thumb-border-radius);
    animation: .2s ease-out f-fadeIn;
    z-index: 10
}

.f-thumbs__slide__img {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: var(--f-thumb-offset);
    box-sizing: border-box;
    pointer-events: none;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: var(--f-thumb-border-radius)
}

.f-thumbs.is-horizontal .f-thumbs__track {
    padding: 8px 0 12px
}

.f-thumbs.is-horizontal .f-thumbs__slide {
    margin: 0 var(--f-thumb-gap) 0 0
}

.f-thumbs.is-vertical .f-thumbs__track {
    flex-wrap: wrap;
    padding: 0 8px
}

.f-thumbs.is-vertical .f-thumbs__slide {
    margin: 0 0 var(--f-thumb-gap) 0
}

.fancybox__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-border-radius: 2px;
    --f-thumb-outline: 2px;
    --f-thumb-outline-color: #ededed;
    position: relative;
    opacity: var(--fancybox-opacity, 1);
    transition: max-height .35s cubic-bezier(.23, 1, .32, 1)
}

.fancybox__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-classic .f-spinner {
    background-image: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .05))
}

.fancybox__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 16px;
    --f-thumb-clip-width: 46px;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-modern .f-spinner {
    background-image: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .05))
}

.fancybox__thumbs.is-horizontal {
    padding: 0 var(--f-thumb-gap)
}

.fancybox__thumbs.is-vertical {
    padding: var(--f-thumb-gap) 0
}

.is-compact .fancybox__thumbs {
    --f-thumb-width: 64px;
    --f-thumb-clip-width: 32px;
    --f-thumb-height: 48px;
    --f-thumb-extra-gap: 10px
}

.fancybox__thumbs.is-masked {
    max-height: 0 !important
}

.is-closing .fancybox__thumbs {
    transition: none !important
}

.fancybox__toolbar {
    --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));
    --f-button-width: 46px;
    --f-button-height: 46px;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: rgba(24, 24, 27, 0.65);
    --f-button-hover-bg: rgba(70, 70, 73, 0.65);
    --f-button-active-bg: rgba(90, 90, 93, 0.65);
    --f-button-border-radius: 0;
    --f-button-svg-width: 24px;
    --f-button-svg-height: 24px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));
    --f-button-svg-fill: none;
    --f-button-svg-disabled-opacity: 0.65;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, .5));
    pointer-events: none;
    z-index: 20
}

.fancybox__toolbar :focus-visible {
    z-index: 1
}

.fancybox__toolbar.is-absolute,
.is-compact .fancybox__toolbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.is-idle .fancybox__toolbar {
    pointer-events: none;
    animation: .15s ease-out both f-fadeOut
}

.fancybox__toolbar__column {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start
}

.fancybox__toolbar__column.is-left,
.fancybox__toolbar__column.is-right {
    flex-grow: 1;
    flex-basis: 0
}

.fancybox__toolbar__column.is-right {
    display: flex;
    justify-content: flex-end;
    flex-wrap: nowrap
}

.fancybox__infobar {
    padding: 0 5px;
    line-height: var(--f-button-height);
    text-align: center;
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: subpixel-antialiased;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.fancybox__infobar span {
    padding: 0 5px
}

.fancybox__infobar:not(:first-child):not(:last-child) {
    background: var(--f-button-bg)
}

[data-fancybox-toggle-slideshow] {
    position: relative
}

[data-fancybox-toggle-slideshow] .f-progress {
    height: 100%;
    opacity: .3
}

[data-fancybox-toggle-slideshow] svg g:first-child {
    display: flex
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child,
[data-fancybox-toggle-slideshow] svg g:last-child {
    display: none
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child,
[data-fancybox-toggle-fullscreen] svg g:first-child {
    display: flex
}

[data-fancybox-toggle-fullscreen] svg g:last-child {
    display: none
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: none
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: flex
}

.f-progress {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
    z-index: 30;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

.flatpickr-calendar {
    background: #3f4458;
    opacity: 0;
    display: none;
    text-align: center;
    visibility: hidden;
    padding: 0;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    width: 307.875px;
    box-sizing: border-box;
    touch-action: manipulation;
    box-shadow: 1px 0 0 #20222c, -1px 0 0 #20222c, 0 1px 0 #20222c, 0 -1px 0 #20222c, 0 3px 13px rgba(0, 0, 0, .08)
}

.flatpickr-calendar.inline,
.flatpickr-calendar.open {
    opacity: 1;
    max-height: 640px;
    visibility: visible
}

.flatpickr-calendar.open {
    display: inline-block;
    z-index: 99999
}

.flatpickr-calendar.animate.open {
    animation: .3s cubic-bezier(.23, 1, .32, 1) fpFadeInDown
}

.flatpickr-calendar.inline {
    display: block;
    position: relative;
    top: 2px
}

.flatpickr-calendar.static {
    position: absolute;
    top: calc(100% + 2px)
}

.flatpickr-calendar.static.open {
    z-index: 999;
    display: block
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
    box-shadow: none !important
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
    box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6
}

.flatpickr-calendar .hasTime .dayContainer,
.flatpickr-calendar .hasWeeks .dayContainer {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.flatpickr-calendar .hasWeeks .dayContainer {
    border-left: 0
}

.flatpickr-calendar.hasTime .flatpickr-time {
    height: 40px;
    border-top: 1px solid #20222c
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
    height: auto
}

.flatpickr-calendar:after,
.flatpickr-calendar:before {
    position: absolute;
    display: block;
    pointer-events: none;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    left: 22px
}

.flatpickr-calendar.arrowRight:after,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.rightMost:before {
    left: auto;
    right: 22px
}

.flatpickr-calendar.arrowCenter:after,
.flatpickr-calendar.arrowCenter:before {
    left: 50%;
    right: 50%
}

.flatpickr-calendar:before {
    border-width: 5px;
    margin: 0 -5px
}

.flatpickr-calendar:after {
    border-width: 4px;
    margin: 0 -4px
}

.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowTop:before {
    bottom: 100%
}

.flatpickr-calendar.arrowTop:before {
    border-bottom-color: #20222c
}

.flatpickr-calendar.arrowTop:after {
    border-bottom-color: #3f4458
}

.flatpickr-calendar.arrowBottom:after,
.flatpickr-calendar.arrowBottom:before {
    top: 100%
}

.flatpickr-calendar.arrowBottom:before {
    border-top-color: #20222c
}

.flatpickr-calendar.arrowBottom:after {
    border-top-color: #3f4458
}

.flatpickr-calendar:focus {
    outline: 0
}

.flatpickr-wrapper {
    position: relative;
    display: inline-block
}

.flatpickr-months {
    display: flex
}

.flatpickr-months .flatpickr-month {
    background: #3f4458;
    color: #fff;
    fill: #fff;
    height: 34px;
    line-height: 1;
    text-align: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    overflow: hidden;
    flex: 1
}

.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    height: 34px;
    padding: 10px;
    z-index: 3;
    color: #fff;
    fill: #fff
}

.flatpickr-months .flatpickr-next-month.flatpickr-disabled,
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled {
    display: none
}

.flatpickr-months .flatpickr-next-month i,
.flatpickr-months .flatpickr-prev-month i {
    position: relative
}

.flatpickr-months .flatpickr-next-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
    left: 0
}

.flatpickr-months .flatpickr-next-month.flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
    right: 0
}

.flatpickr-months .flatpickr-next-month:hover,
.flatpickr-months .flatpickr-prev-month:hover {
    color: #eee
}

.flatpickr-months .flatpickr-next-month:hover svg,
.flatpickr-months .flatpickr-prev-month:hover svg {
    fill: #f64747
}

.flatpickr-months .flatpickr-next-month svg,
.flatpickr-months .flatpickr-prev-month svg {
    width: 14px;
    height: 14px
}

.flatpickr-months .flatpickr-next-month svg path,
.flatpickr-months .flatpickr-prev-month svg path {
    transition: fill .1s;
    fill: inherit
}

.numInputWrapper {
    position: relative;
    height: auto
}

.numInputWrapper input,
.numInputWrapper span {
    display: inline-block
}

.numInputWrapper input {
    width: 100%
}

.numInputWrapper input::-ms-clear {
    display: none
}

.numInputWrapper input::-webkit-inner-spin-button,
.numInputWrapper input::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none
}

.numInputWrapper span {
    position: absolute;
    right: 0;
    width: 14px;
    padding: 0 4px 0 2px;
    height: 50%;
    line-height: 50%;
    opacity: 0;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, .15);
    box-sizing: border-box
}

.numInputWrapper span:hover {
    background: rgba(192, 187, 167, .1)
}

.numInputWrapper span:active {
    background: rgba(192, 187, 167, .2)
}

.numInputWrapper span:after {
    display: block;
    content: "";
    position: absolute
}

.numInputWrapper span.arrowUp {
    top: 0;
    border-bottom: 0
}

.numInputWrapper span.arrowUp:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(255, 255, 255, .6);
    top: 26%
}

.numInputWrapper span.arrowDown {
    top: 50%
}

.numInputWrapper span.arrowDown:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(255, 255, 255, .6);
    top: 40%
}

.numInputWrapper span svg {
    width: inherit;
    height: auto
}

.numInputWrapper span svg path {
    fill: rgba(255, 255, 255, .5)
}

.numInputWrapper:hover {
    background: rgba(192, 187, 167, .05)
}

.numInputWrapper:hover span {
    opacity: 1
}

.flatpickr-current-month {
    font-size: 135%;
    font-weight: 300;
    color: inherit;
    position: absolute;
    width: 75%;
    left: 12.5%;
    padding: 7.48px 0 0;
    line-height: 1;
    height: 34px;
    display: inline-block;
    text-align: center;
    transform: translate3d(0, 0, 0)
}

.flatpickr-current-month span.cur-month {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    display: inline-block;
    margin-left: .5ch;
    padding: 0
}

.flatpickr-current-month span.cur-month:hover {
    background: rgba(192, 187, 167, .05)
}

.flatpickr-current-month .numInputWrapper {
    width: 6ch;
    display: inline-block
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: #fff
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: #fff
}

.flatpickr-current-month input.cur-year {
    background: 0 0;
    box-sizing: border-box;
    color: inherit;
    cursor: text;
    padding: 0 0 0 .5ch;
    margin: 0;
    display: inline-block;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    line-height: inherit;
    height: auto;
    border: 0;
    border-radius: 0;
    vertical-align: initial;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.flatpickr-current-month input.cur-year:focus {
    outline: 0
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
    font-size: 100%;
    color: rgba(255, 255, 255, .5);
    background: 0 0;
    pointer-events: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    appearance: menulist;
    background: #3f4458;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    height: auto;
    line-height: inherit;
    margin: -1px 0 0;
    outline: 0;
    padding: 0 0 0 .5ch;
    position: relative;
    vertical-align: initial;
    -webkit-box-sizing: border-box;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    width: auto
}

.flatpickr-current-month .flatpickr-monthDropdown-months:active,
.flatpickr-current-month .flatpickr-monthDropdown-months:focus {
    outline: 0
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background: rgba(192, 187, 167, .05)
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background-color: #3f4458;
    outline: 0;
    padding: 0
}

.flatpickr-weekdays {
    background: 0 0;
    text-align: center;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
    height: 28px
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
    display: flex;
    flex: 1
}

span.flatpickr-weekday {
    cursor: default;
    font-size: 90%;
    background: #3f4458;
    color: #fff;
    line-height: 1;
    margin: 0;
    text-align: center;
    display: block;
    flex: 1;
    font-weight: bolder
}

.dayContainer,
.flatpickr-weeks {
    padding: 1px 0 0
}

.flatpickr-days {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    width: 307.875px
}

.flatpickr-days:focus {
    outline: 0
}

.dayContainer {
    padding: 0;
    outline: 0;
    text-align: left;
    width: 307.875px;
    min-width: 307.875px;
    max-width: 307.875px;
    box-sizing: border-box;
    display: inline-block;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    justify-content: space-around;
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.dayContainer+.dayContainer {
    box-shadow: -1px 0 0 #20222c
}

.flatpickr-day {
    background: 0 0;
    border: 1px solid transparent;
    border-radius: 150px;
    box-sizing: border-box;
    color: rgba(255, 255, 255, .95);
    cursor: pointer;
    font-weight: 400;
    width: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 39px;
    height: 39px;
    line-height: 39px;
    margin: 0;
    display: inline-block;
    position: relative;
    justify-content: center;
    text-align: center
}

.flatpickr-day.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day.nextMonthDay:focus,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.today.inRange,
.flatpickr-day:focus,
.flatpickr-day:hover {
    cursor: pointer;
    outline: 0;
    background: #646c8c;
    border-color: #646c8c
}

.flatpickr-day.today {
    border-color: #eee
}

.flatpickr-day.today:focus,
.flatpickr-day.today:hover {
    border-color: #eee;
    background: #eee;
    color: #3f4458
}

.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
    background: #80cbc4;
    box-shadow: none;
    color: #fff;
    border-color: #80cbc4
}

.flatpickr-day.endRange.startRange,
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange {
    border-radius: 50px 0 0 50px
}

.flatpickr-day.endRange.endRange,
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange {
    border-radius: 0 50px 50px 0
}

.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) {
    box-shadow: -10px 0 0 #80cbc4
}

.flatpickr-day.endRange.startRange.endRange,
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange {
    border-radius: 50px
}

.flatpickr-day.inRange {
    border-radius: 0;
    box-shadow: -5px 0 0 #646c8c, 5px 0 0 #646c8c
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.nextMonthDay,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.prevMonthDay {
    color: rgba(255, 255, 255, .3);
    background: 0 0;
    border-color: transparent;
    cursor: default
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
    cursor: not-allowed;
    color: rgba(255, 255, 255, .1)
}

.flatpickr-day.week.selected {
    border-radius: 0;
    box-shadow: -5px 0 0 #80cbc4, 5px 0 0 #80cbc4
}

.flatpickr-day.hidden {
    visibility: hidden
}

.rangeMode .flatpickr-day {
    margin-top: 1px
}

.flatpickr-weekwrapper {
    float: left
}

.flatpickr-weekwrapper .flatpickr-weeks {
    padding: 0 12px;
    box-shadow: 1px 0 0 #20222c
}

.flatpickr-weekwrapper .flatpickr-weekday {
    float: none;
    width: 100%;
    line-height: 28px
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
    display: block;
    width: 100%;
    max-width: none;
    color: rgba(255, 255, 255, .3);
    background: 0 0;
    cursor: default;
    border: none
}

.flatpickr-innerContainer {
    display: block;
    display: flex;
    box-sizing: border-box;
    overflow: hidden
}

.flatpickr-rContainer {
    display: inline-block;
    padding: 0;
    box-sizing: border-box
}

.flatpickr-time {
    text-align: center;
    outline: 0;
    display: block;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    box-sizing: border-box;
    overflow: hidden;
    display: flex
}

.flatpickr-time:after {
    content: "";
    display: table;
    clear: both
}

.flatpickr-time .numInputWrapper {
    flex: 1;
    width: 40%;
    height: 40px;
    float: left
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: rgba(255, 255, 255, .95)
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: rgba(255, 255, 255, .95)
}

.flatpickr-time.hasSeconds .numInputWrapper {
    width: 26%
}

.flatpickr-time.time24hr .numInputWrapper {
    width: 49%
}

.flatpickr-time input {
    background: 0 0;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    text-align: center;
    margin: 0;
    padding: 0;
    height: inherit;
    line-height: inherit;
    color: rgba(255, 255, 255, .95);
    font-size: 14px;
    position: relative;
    box-sizing: border-box;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.flatpickr-time input.flatpickr-hour {
    font-weight: 700
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
    font-weight: 400
}

.flatpickr-time input:focus {
    outline: 0;
    border: 0
}

.flatpickr-time .flatpickr-am-pm,
.flatpickr-time .flatpickr-time-separator {
    height: inherit;
    float: left;
    line-height: inherit;
    color: rgba(255, 255, 255, .95);
    font-weight: 700;
    width: 2%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    align-self: center
}

.flatpickr-time .flatpickr-am-pm {
    outline: 0;
    width: 18%;
    cursor: pointer;
    text-align: center;
    font-weight: 400
}

.flatpickr-time .flatpickr-am-pm:focus,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time input:hover {
    background: #6a7395
}

.flatpickr-input[readonly] {
    cursor: pointer
}

@keyframes fpFadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.tippy-box[data-theme~=main] {
    padding: 30px;
    font-size: 16px;
    line-height: 150%;
    color: #f7f7f7;
    background: #1b1c1f;
    border-radius: 20px;
    box-shadow: 0 1px 15px 0 rgba(25, 46, 213, .5)
}

.tippy-box[data-theme~=main] b,
.tippy-box[data-theme~=main] strong {
    display: block;
    margin-bottom: 15px;
    font-weight: 700
}

.tippy-box[data-theme~=main] p {
    margin: 0
}

.tippy-content {
    padding: 0
}

.about-camps {
    margin-bottom: 150px
}

.about-camps__description {
    max-width: 900px;
    margin-bottom: 50px
}

.about-camps__description p {
    margin: 0
}

.about-club-text {
    margin-bottom: 150px
}

.about-club-text__text {
    max-width: 900px
}

.about-club-text__text p {
    margin: 0
}

.accordion__item {
    position: relative
}

.accordion__item::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    background: linear-gradient(90deg, #28292e 0, #a6a6a6 50%, #28292e 100%)
}

.accordion__item .accordion__panel {
    visibility: hidden
}

.accordion__item--active .accordion__panel {
    visibility: visible
}

.accordion__item--active .accordion__trigger {
    color: #daff00
}

.accordion__item--active .accordion__trigger::after {
    background-image: url(../images/accordion-arrow--active.svg);
    border-color: #daff00
}

.accordion__trigger {
    position: relative;
    display: block;
    width: 100%;
    padding: 30px 50px 30px 0;
    margin: 0;
    font-size: 40px;
    font-weight: 800;
    line-height: 120%;
    color: #f7f7f7;
    text-align: left;
    cursor: pointer;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    outline: 0;
    box-shadow: none;
    transition: color .3s
}

.accordion__trigger:hover {
    color: #daff00
}

.accordion__trigger::after {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 34px;
    right: 0;
    width: 40px;
    height: 40px;
    content: "";
    background-image: url(../images/accordion-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #fff;
    border-radius: 50%;
    transition: border-color .3s, background-image .3s
}

.accordion__trigger-subtitle {
    display: block;
    margin-top: 5px;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    color: #fff
}

.accordion__panel {
    overflow: hidden;
    transition-timing-function: ease;
    transition-property: height, visibility
}

.accordion__panel-content {
    padding: 20px 0 30px
}

.accreditation-modal {
    position: relative;
    width: 100%;
    height: 100%
}

.accreditation-modal .field-radio {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 37px;
    max-width: 500px
}

.accreditation-modal .feild-search__input {
    height: 50px;
    font-size: 16px
}

.accreditation-modal__scroll {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    padding-right: 40px;
    overflow: hidden auto
}

.accreditation-modal__scroll input:active,
.accreditation-modal__scroll input:focus,
.accreditation-modal__scroll textarea:active,
.accreditation-modal__scroll textarea:focus {
    box-shadow: none
}

.accreditation-modal__scroll::-webkit-scrollbar {
    width: 4px
}

.accreditation-modal__scroll::-webkit-scrollbar-thumb {
    background-color: #192ed5
}

.accreditation-modal__scroll::-webkit-scrollbar-track {
    background-color: #141517
}

.accreditation-modal__title {
    margin-bottom: 20px;
    font-size: 40px;
    font-weight: 800;
    line-height: 120%
}

.accreditation-modal__subtitle {
    margin-bottom: 50px
}

.accreditation-modal__subtitle p {
    margin: 0
}

.accreditation-modal__label {
    margin-bottom: 10px
}

.accreditation-modal__item {
    margin-bottom: 50px
}

.all-events {
    margin-bottom: 150px
}

.all-events__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 30px;
    padding: 0;
    margin: 0;
    list-style: none
}

.all-events__action {
    margin-top: 50px
}

.all-events__action .btn {
    width: 100%
}

.all-events--archive .event-card:not(:hover) .event-card__image {
    filter: grayscale(100%)
}

.all-events--archive .event-card__image {
    transition: filter .3s
}

.all-events--2-columns {
    margin-bottom: 0
}

.all-events--2-columns .all-events__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 30px
}

.amount-returns {
    margin-bottom: 150px
}

.amount-returns__list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px
}

.amount-returns__item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px;
    background-color: #1b1c1f;
    border-radius: 20px
}

.amount-returns__item-title {
    margin-bottom: 34px;
    font-size: 25px;
    font-weight: 600;
    line-height: 120%
}

.amount-returns__item-text {
    max-width: 480px
}

.amount-returns__item-text p {
    margin: 0
}

.app__inner {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

.app__content {
    flex-grow: 1
}

.app__footer-wrapper {
    flex-shrink: 0
}

.article {
    margin-bottom: 150px;
    overflow: clip
}

.article__content {
    max-width: 850px;
    margin: 0 auto
}

.article__content img:not([class]) {
    width: 100%;
    min-height: 350px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 20px
}

.article__content h2 {
    margin-top: 70px;
    margin-bottom: 40px;
    font-size: 30px;
    color: #fff
}

.article__content h3 {
    margin-top: 40px;
    margin-bottom: 20px;
    font-size: 25px;
    font-weight: 600;
    line-height: 120%;
    color: #fff
}

.article__content p {
    margin: 10px 0
}

.article__content p+img:not([class]),
.article__content ul+img:not([class]) {
    margin-top: 70px
}

.article__card {
    padding: 70px 20px;
    background: #1b1c1f;
    border-radius: 20px
}

.article__label {
    display: inline-flex;
    padding: 8px 20px;
    margin-bottom: 30px;
    font-weight: 600;
    color: #fff;
    background: rgba(255, 255, 255, .2);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 100px
}

.article__title {
    margin-bottom: 10px;
    font-size: 40px
}

.article__date {
    margin-bottom: 30px;
    line-height: 120%;
    color: #737373
}

.article__description {
    margin-bottom: 70px;
    font-size: 20px;
    line-height: 120%
}

.article__description p {
    margin: 20px 0
}

.article__list {
    padding: 0;
    margin: 0;
    list-style: none
}

.article__block-text {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 20px;
    margin-top: 70px
}

.article__block-text-content {
    display: flex;
    flex-direction: column;
    gap: 70px 0;
    justify-content: space-between;
    padding: 30px;
    background: #192ed5;
    border-radius: 20px
}

.article__block-text-title {
    font-size: 25px;
    font-weight: 600;
    line-height: 120%;
    color: #fff
}

.article__block-text-action .btn {
    padding-inline: 50px
}

.article__block-text-thumb {
    position: relative;
    display: block;
    height: 100%;
    min-height: 350px;
    overflow: clip;
    border-radius: 20px
}

.article__block-text-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.breadcrumbs {
    padding: 30px 0 100px
}

.breadcrumbs ol,
.breadcrumbs ul {
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #737373;
    list-style: none
}

.breadcrumbs li {
    display: inline-block
}

.breadcrumbs li:not(:last-child)::after {
    display: inline-block;
    margin-left: 5px;
    color: #f7f7f7;
    content: "-"
}

.breadcrumbs a {
    color: #f7f7f7
}

.breadcrumbs--padding-sm {
    padding: 30px 0
}

.btn {
    display: inline-block;
    width: auto;
    max-width: 100%;
    padding: 0 30px;
    overflow: hidden;
    font-size: 16px;
    font-weight: 600;
    line-height: 38px;
    color: #141517;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: #e6e6e6;
    border: none;
    border-radius: 100px;
    outline: 0;
    transition: color .3s, background-color .3s, border-color .3s
}

.btn:focus,
.btn:hover {
    color: #141517;
    text-decoration: none;
    background-color: rgb(204.5, 204.5, 204.5)
}

.btn:active,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(25, 46, 213, .3)
}

.btn--main {
    background-color: #daff00;
    border: 1px solid #daff00
}

.btn--main:focus,
.btn--main:hover {
    color: #daff00;
    background-color: transparent;
    border-color: #daff00
}

.btn--purple {
    color: #f7f7f7;
    background-color: #f08;
    border: 1px solid #f08
}

.btn--purple:focus,
.btn--purple:hover {
    color: #f08;
    background-color: transparent;
    border-color: #f08
}

.btn--blue {
    color: #f7f7f7;
    background-color: #192ed5;
    border: 1px solid #192ed5
}

.btn--blue:focus,
.btn--blue:hover {
    color: #192ed5;
    background-color: transparent;
    border-color: #192ed5
}

.btn--border {
    color: #daff00;
    background-color: transparent;
    border: 1px solid #daff00
}

.btn--border:focus,
.btn--border:hover {
    background-color: #daff00
}

.btn--border.btn--disabled,
.btn--border:disabled {
    color: #737373;
    background-color: transparent
}

.btn--lg {
    font-size: 20px;
    line-height: 48px
}

.btn--xl {
    font-size: 20px;
    line-height: 60px
}

.btn--disabled,
.btn:disabled {
    cursor: not-allowed;
    background-color: #737373;
    border-color: #737373;
    opacity: 1
}

a.btn--disabled {
    pointer-events: none
}

.burger {
    position: relative;
    z-index: 1;
    width: 30px;
    height: 30px;
    padding: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    background-image: url(../images/burger.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    border: none
}

.buy-certificate {
    margin-bottom: 150px
}

.buy-certificate__list {
    padding: 0;
    margin: 0;
    list-style: none
}

.buy-certificate__list-item {
    position: relative;
    display: flex;
    gap: 0 30px;
    padding: 30px;
    border-radius: 20px;
    transition: background-color .3s
}

.buy-certificate__list-item:hover {
    background-color: #1b1c1f
}

.buy-certificate__list-item::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    background: linear-gradient(90deg, #28292e 0, #a6a6a6 50%, #28292e 100%);
    opacity: .5
}

.buy-certificate__list-item:last-child::after {
    display: none
}

.buy-certificate__list-title {
    font-size: 30px;
    font-weight: 800;
    line-height: 120%
}

.buy-certificate__list-content {
    display: flex;
    flex-grow: 1;
    gap: 0 100px;
    align-items: center;
    justify-content: flex-end
}

.buy-certificate__list-content .btn {
    width: 300px
}

.buy-ticket {
    margin-bottom: 120px
}

.buy-ticket .tooltip-toggler {
    flex-shrink: 0;
    width: 15px;
    height: 15px;
    cursor: pointer;
    background-image: url(../images/buy-ticket-tippy-icon.svg);
    background-repeat: no-repeat;
    background-position: center
}

.buy-ticket__list {
    padding: 0;
    margin: 0;
    list-style: none
}

.buy-ticket__list-item {
    position: relative
}

.buy-ticket__list-item::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    background: linear-gradient(90deg, #28292e 0, #a6a6a6 50%, #28292e 100%)
}

.buy-ticket__list-item:last-child::after {
    display: none
}

.buy-ticket__list-item.is-active {
    background-color: #1b1c1f;
    border-radius: 20px
}

.buy-ticket__list-item.is-active .buy-ticket__list-item-hidden {
    max-height: 1000px
}

.buy-ticket__list-item-inner {
    display: grid;
    grid-template-columns: minmax(0, 320px) minmax(0, 831px);
    justify-content: space-between;
    width: 100%;
    padding: 30px;
    border-radius: 20px;
    transition: background-color .3s
}

.buy-ticket__list-item-inner:hover {
    background-color: #1b1c1f
}

.buy-ticket__list-title {
    display: inline-flex;
    gap: 0 15px;
    align-items: flex-start;
    font-size: 30px;
    font-weight: 800;
    line-height: 120%
}

.buy-ticket__list-content {
    display: flex;
    align-items: center
}

.buy-ticket__list-information {
    display: flex;
    flex-grow: 1;
    align-items: center;
    text-align: right
}

.buy-ticket__list-item-hidden {
    max-height: 0;
    overflow: hidden
}

.buy-ticket__list-item-hidden-inner {
    padding: 0 30px 30px
}

.buy-ticket__list-item-hidden-inner img {
    width: 100%
}

.buy-ticket__list-price {
    font-size: 30px;
    font-weight: 800;
    line-height: 120%
}

.buy-ticket__list-price-wrap {
    width: 250px;
    max-width: 100%
}

.buy-ticket__list-controls {
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center
}

.buy-ticket__list-action {
    flex-grow: 1;
    max-width: 300px
}

.buy-ticket__list-action .btn {
    width: 100%
}

.care-service {
    margin-bottom: 150px
}

.care-service__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 20px;
    margin-bottom: 100px
}

.care-service__title {
    margin-bottom: 30px
}

.care-service__label {
    margin-bottom: 10px
}

.care-service__option-wrapper {
    max-width: 500px
}

.care-service__options {
    padding: 0;
    margin: 0 0 50px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 60px
}

.care-service__options .field-checkbox__name-text {
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    color: #f7f7f7
}

.care-service__options .field-checkbox__input {
    background-color: #f7f7f7;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%
}

.care-service__options .field-checkbox__input:checked {
    background-image: url(../images/field-checkbox-rounded.svg)
}

.care-service__options .field-checkbox__input::before {
    display: none;
    content: none
}

.care-service__squares {
    margin-bottom: 50px
}

.care-service__squares .field-checkbox__input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0
}

.care-service__squares .field-checkbox__input:checked+.field-checkbox__name-text {
    background-color: #192ed5;
    border-color: #192ed5
}

.care-service__squares .field-checkbox__name-text {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 115px;
    max-width: 100%;
    height: 40px;
    min-height: 40px;
    padding: 5px 10px;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #737373;
    border-radius: 100px;
    transition: border-color .3s, color .3s, background-color .3s
}

.care-service__squares .field-checkbox__name-text:hover {
    background-color: #192ed5;
    border-color: #192ed5
}

.care-service__squares .field-checkbox__name-text img {
    width: 100%;
    max-height: 100%;
    -o-object-fit: scale-down;
    object-fit: scale-down
}

.care-service__squares-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 13px;
    padding: 0;
    margin: 0;
    list-style: none
}

.care-service__description {
    max-width: 540px
}

.care-service__description p {
    margin: 15px 0
}

.care-service__contacts-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 20px
}

.care-service__contacts-card {
    padding: 30px;
    background-color: #1b1c1f;
    border-radius: 20px
}

.care-service__contacts-title {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 800;
    line-height: 120%
}

.care-service__contacts-value-wrap {
    margin-bottom: 50px
}

.care-service__contacts-value {
    font-size: 40px;
    font-weight: 800;
    line-height: 120%;
    color: #fff
}

.care-service__contacts-notify {
    font-size: 20px;
    line-height: 120%
}

.care-service__contacts-notify p {
    margin: 0
}

.care-service--rent .care-service__description {
    margin-bottom: 75px
}

.care-service--rent .care-service__description p {
    margin: 0
}

.care-service--rent .form__action .btn {
    padding-inline: 50px
}

.cases {
    padding-bottom: 150px;
    overflow: clip
}

.cases .marquee+.marquee {
    margin-top: 20px
}

.cases__card {
    position: relative;
    width: 242px;
    height: 242px;
    overflow: clip;
    border-radius: 50%;
    box-shadow: 0 2px 20px 0 rgba(173, 173, 173, .15)
}

.cases__card::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 0, 0, .4) 0, rgba(0, 0, 0, .4) 60.51%)
}

.cases__card-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 0
}

.cases__card-content {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    padding: 0 20px 20px;
    text-align: center
}

.cases__card-title {
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: 800;
    line-height: 120%;
    color: #f7f7f7
}

.cases__card-description {
    font-size: 14px;
    color: #f7f7f7
}

.cases__list-wrap {
    width: 100%;
    max-width: 100%;
    padding: 20px 100vw 20px 20px;
    margin: -20px -100vw -20px -20px;
    overflow: auto hidden
}

.cases__list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(5, min-content);
    gap: 20px
}

.cases__list-item {
    flex-shrink: 0
}

.cases__personal-list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(242px, 100%), 1fr));
    gap: 20px
}

.cases__action {
    margin-top: 50px
}

.cases__action .btn {
    width: 100%
}

.cases--personal {
    padding-bottom: 0;
    overflow: visible
}

.certificate-list {
    margin-bottom: 150px
}

.certificate-list__row {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(500px, 100%), 1fr));
    gap: 20px
}

.certificate-list__card {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: clip;
    background: #1b1c1f;
    border-radius: 20px
}

.certificate-list__card-content {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    padding: 30px
}

.certificate-list__card-title {
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: 800;
    line-height: 120%
}

.certificate-list__card-description {
    margin-bottom: 40px
}

.certificate-list__card-description p {
    margin: 0
}

.certificate-list__card-action {
    margin-top: auto
}

.certificate-list__card-action .btn {
    width: 250px
}

.certificate-list__card-thumb {
    position: relative;
    width: 100%;
    height: 350px
}

.certificate-list__card-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.certificate-list--indent-top {
    margin-top: 150px
}

.certificates-licenses {
    margin-bottom: 150px;
    overflow: clip
}

.certificates-licenses .swiper {
    overflow: visible
}

.certificates-licenses .swiper-slide {
    width: 300px
}

.certificates-licenses__header {
    display: flex;
    gap: 0 30px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px
}

.certificates-licenses__title {
    margin: 0
}

.certificates-licenses__card {
    position: relative;
    width: 100%;
    height: 400px;
    overflow: clip;
    background: #1b1c1f;
    border-radius: 15px
}

.certificates-licenses__card:hover .certificates-licenses__card-image {
    opacity: 1
}

.certificates-licenses__card:hover .certificates-licenses__card-title {
    opacity: 0
}

.certificates-licenses__card-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 0;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 15px;
    opacity: 0;
    transition: opacity .3s
}

.certificates-licenses__card-title {
    position: absolute;
    right: 15px;
    bottom: 20px;
    left: 15px;
    z-index: 1;
    font-size: 20px;
    font-weight: 800;
    line-height: 120%;
    color: #f7f7f7;
    pointer-events: none;
    transition: opacity .3s
}

.choose-your-city {
    margin-bottom: 150px
}

.choose-your-city .feild-search__input {
    height: 50px;
    font-size: 16px
}

.choose-your-city__card {
    padding: 50px;
    background: #1b1c1f;
    border-radius: 20px;
    box-shadow: 0 0 20px 0 rgba(173, 173, 173, .15), 0 0 30px 0 rgba(25, 46, 213, .3)
}

.choose-your-city__card-title {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 800;
    line-height: 120%
}

.choose-your-city__search {
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 30px
}

.choose-your-city__search::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    content: "";
    background: linear-gradient(90deg, #28292e 0, #a6a6a6 50%, #28292e 100%);
    opacity: .4
}

.choose-your-city__scroll-area {
    max-height: 372px;
    padding-right: 93px;
    overflow: hidden auto
}

.choose-your-city__row {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 30px;
    justify-content: space-between
}

.choose-your-city__column {
    max-width: 220px
}

.choose-your-city__list {
    padding: 0;
    margin: 0;
    list-style: none
}

.choose-your-city__list a {
    display: inline-flex;
    color: #f7f7f7
}

.choose-your-city__list a:hover {
    color: #daff00
}

.choose-your-city__list-item+.choose-your-city__list-item {
    margin-top: 5px
}

.close {
    position: relative;
    z-index: 1;
    display: block;
    width: 60px;
    height: 60px;
    padding: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    background-image: url(../images/close.svg);
    background-repeat: no-repeat;
    background-position: center;
    border: none
}

.close span {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0
}

.club-rent {
    margin-bottom: 150px
}

.club-rent__header {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 20px;
    min-height: 162px;
    margin-bottom: 100px
}

.club-rent__title {
    max-width: 597px;
    margin: 0
}

.club-rent__description p {
    margin: 0
}

.club-rent__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    padding: 0;
    margin: 0;
    list-style: none
}

.club-rent__list-item {
    padding: 30px;
    background-color: #1b1c1f;
    border-radius: 20px
}

.club-rent__list-number {
    margin-bottom: 100px;
    font-size: 45px;
    font-weight: 800;
    line-height: 120%
}

.club-rent__list-text p {
    margin: 0
}

.clubs {
    margin-bottom: 150px
}

.clubs .btn--border:hover {
    color: #daff00;
    background-color: transparent
}

.clubs__list {
    padding: 0;
    margin: 0;
    list-style: none
}

.clubs__list-title {
    margin: 0;
    transition: color .3s
}

.clubs__list-item {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 20px;
    padding: 40px 30px;
    border-radius: 20px;
    transition: background-color .3s
}

.clubs__list-item:hover .clubs__list-footer-button {
    opacity: 1
}

.clubs__list-item:hover .clubs__list-title {
    color: #daff00
}

.clubs__list-item::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    background: linear-gradient(90deg, #28292e 0, #a6a6a6 50%, #28292e 100%)
}

.clubs__list-item:last-child::after {
    display: none;
    content: none
}

.clubs__list-header {
    display: grid;
    grid-template-columns: 1fr 325px;
    gap: 20px
}

.clubs__list-content {
    display: flex;
    flex-direction: column
}

.clubs__list-thumb {
    position: relative;
    width: 100%;
    max-width: 325px;
    height: 176px;
    overflow: hidden;
    border-radius: 20px
}

.clubs__list-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.clubs__list-text {
    margin-bottom: 32px;
    font-weight: 600
}

.clubs__list-text p {
    margin: 0
}

.clubs__list-footer {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0 30px;
    align-items: flex-end;
    margin-top: auto
}

.clubs__list-footer-text {
    color: #737373
}

.clubs__list-footer-button {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    opacity: 0;
    transition: opacity .3s
}

.clubs__list-footer-button .btn::after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    content: ""
}

.clubs-hero {
    margin-top: 30px;
    margin-bottom: 150px
}

.clubs-hero__card {
    position: relative;
    display: flex;
    min-height: 600px;
    padding: 30px 40px 40px;
    overflow: hidden;
    border-radius: 20px
}

.clubs-hero__card::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(217deg, rgba(0, 0, 0, .2) 42%, rgba(0, 0, 0, .4) 100%)
}

.clubs-hero__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 0
}

.clubs-hero__inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    width: 100%
}

.clubs-hero__breadcrumbs {
    margin: 0 0 20px
}

.clubs-hero__breadcrumbs .breadcrumbs {
    padding: 0
}

.clubs-hero__content {
    margin-top: auto
}

.clubs-hero__title {
    margin-bottom: 20px
}

.clubs-hero__location {
    display: inline-flex;
    gap: 0 10px;
    max-width: 470px;
    margin-bottom: 50px;
    font-size: 20px;
    line-height: 120%;
    color: #f7f7f7
}

.clubs-hero__location::before {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    content: "";
    background-image: url(../images/hero-location-icon.svg);
    background-repeat: no-repeat;
    background-position: center
}

.clubs-hero__date {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 120%
}

.clubs-hero__photographer {
    font-size: 20px;
    line-height: 120%
}

.clubs-hero__advantages {
    padding: 0;
    margin: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(350px, 100%), 1fr));
    gap: 20px
}

.clubs-hero__advantages-item {
    padding: 20px 30px;
    background: rgba(247, 247, 247, .1);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border-radius: 20px
}

.clubs-hero__advantages-title {
    margin-bottom: 10px
}

.clubs-hero__advantages-text {
    font-size: 30px;
    font-weight: 800;
    line-height: 120%
}

.clubs-hero__share {
    position: absolute;
    top: 30px;
    right: 40px;
    z-index: 3
}

.clubs-hero__share-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: inherit;
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: 0;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    background-image: url(../images/hero-event-share-icon.svg);
    background-repeat: no-repeat;
    background-position: center
}

.clubs-hero__share-button:hover {
    background-image: url(../images/hero-event-share-icon--active.svg)
}

.clubs-hero--diary {
    margin-bottom: 20px
}

.clubs-hero--diary .clubs-hero__location {
    margin-bottom: 10px
}

.concerts {
    margin-bottom: 150px
}

.concerts__list {
    padding: 0;
    margin: 0;
    list-style: none
}

.concerts__list-item {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 387px) minmax(0, 584px) auto;
    gap: 0 30px;
    justify-content: space-between;
    width: 100%;
    padding: 30px;
    border-radius: 20px;
    transition: background-color .3s
}

.concerts__list-item::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    background: linear-gradient(90deg, #28292e 0, #a6a6a6 50%, #28292e 100%)
}

.concerts__list-date {
    margin-bottom: 5px;
    font-size: 25px;
    font-weight: 600;
    line-height: 120%
}

.concerts__list-day {
    font-size: 20px;
    line-height: 120%;
    color: #737373
}

.concerts__list-column {
    display: flex;
    gap: 0 20px;
    align-items: flex-start;
    justify-content: space-between
}

.concerts__list-column .btn {
    padding-inline: 50px
}

.concerts__list-age {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 39px;
    height: 39px;
    font-weight: 600;
    border: 1px solid #737373;
    border-radius: 10px
}

.concerts__list-location {
    margin-bottom: 5px;
    font-size: 25px;
    font-weight: 600;
    line-height: 120%
}

.concerts__list-city {
    font-size: 20px;
    line-height: 120%;
    color: #737373
}

.concerts__list-price {
    font-size: 25px;
    font-weight: 600;
    line-height: 120%
}

.concerts__action {
    margin-top: 50px
}

.concerts__action .btn {
    width: 100%;
    line-height: 50px
}

.concerts--past-events {
    color: #737373
}

.concerts--past-events .btn--border:not(:hover) {
    color: #737373;
    background-color: transparent;
    border-color: #737373
}

.contacts-clubs {
    margin-bottom: 150px
}

.contacts-clubs a {
    color: inherit
}

.contacts-clubs a:hover {
    color: #daff00
}

.contacts-clubs__section {
    margin-bottom: 100px
}

.contacts-clubs__section--margin-no {
    margin-bottom: 0
}

.contacts-clubs__row {
    display: grid;
    grid-template-columns: minmax(0, 670px) minmax(0, 670px);
    gap: 0 20px;
    margin-bottom: 20px
}

.contacts-clubs__card {
    height: 100%;
    padding: 30px;
    background-color: #1b1c1f;
    border-radius: 20px
}

.contacts-clubs__card-title {
    margin-bottom: 70px;
    font-size: 30px;
    font-weight: 800;
    line-height: 120%
}

.contacts-clubs__card-list {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.contacts-clubs__card-item {
    display: grid;
    grid-template-columns: minmax(0, 300px) minmax(0, 310px);
    gap: 0 20px;
    align-items: flex-start
}

.contacts-clubs__card-item+.contacts-clubs__card-item {
    margin-top: 20px
}

.contacts-clubs__card-text {
    font-size: 20px;
    line-height: 120%
}

.contacts-clubs__card-value {
    max-width: 310px;
    font-size: 20px;
    font-weight: 800;
    line-height: 120%;
    color: #fff
}

.contacts-clubs__map {
    height: 400px;
    overflow: hidden;
    background-color: #1b1c1f;
    border-radius: 20px
}

.contacts-clubs__map>* {
    height: 100%
}

.contacts-clubs__photos .swiper-slide {
    width: 50%
}

.contacts-clubs__thumb {
    position: relative;
    height: 400px;
    overflow: hidden;
    border-radius: 20px
}

.contacts-clubs__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.contacts-information {
    margin-bottom: 150px
}

.contacts-information__row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 20px
}

.contacts-information__card {
    height: 100%;
    padding: 30px;
    background-color: #1b1c1f;
    border-radius: 20px
}

.contacts-information__card--color {
    background-color: #192ed5
}

.contacts-information__up-text {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 800;
    line-height: 120%
}

.contacts-information__value {
    margin-bottom: 50px;
    font-size: 40px;
    font-weight: 800;
    line-height: 120%;
    color: #fff
}

.contacts-information__value a {
    display: inline-flex;
    color: inherit
}

.contacts-information__notify {
    font-size: 20px;
    line-height: 120%
}

.contacts-list {
    margin-bottom: 150px
}

.contacts-list a {
    display: inline-flex;
    color: inherit
}

.contacts-list a:hover {
    color: #daff00
}

.contacts-list__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding: 0;
    margin: 0;
    list-style: none
}

.contacts-list__card {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 250px;
    padding: 30px;
    background-color: #1b1c1f;
    border-radius: 20px
}

.contacts-list__card-up-text {
    margin-bottom: 5px;
    font-size: 20px;
    line-height: 120%
}

.contacts-list__card-title {
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 800;
    line-height: 120%;
    color: #fff
}

.contacts-list__card-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    justify-content: space-between;
    margin: auto 0 0;
    font-size: 25px;
    font-weight: 600;
    line-height: 120%
}

.contacts-list__card-item {
    display: flex;
    flex-direction: column;
    gap: 5px 0;
    max-width: 320px
}

.contacts-with-map {
    margin-bottom: 150px
}

.contacts-with-map__list {
    padding: 0;
    margin: 0 0 30px;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(500px, 100%), 1fr));
    gap: 20px
}

.contacts-with-map__list-item {
    padding: 30px;
    background: #1b1c1f;
    border-radius: 20px
}

.contacts-with-map__list-title {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 800;
    line-height: 120%
}

.contacts-with-map__list-text {
    font-size: 30px;
    font-weight: 800;
    line-height: 120%;
    color: #f7f7f7
}

.contacts-with-map__list-text a:not([class]) {
    font-size: 40px;
    color: #f7f7f7
}

.contacts-with-map__list-text a:not([class]):hover {
    color: #daff00
}

.contacts-with-map__list-social {
    display: flex;
    gap: 0 20px;
    align-items: center;
    color: inherit
}

.contacts-with-map__list-notify {
    margin-top: 50px;
    font-size: 20px;
    line-height: 120%
}

.contacts-with-map__map {
    position: relative;
    width: 100%;
    height: 500px;
    overflow: clip;
    border-radius: 20px
}

.contacts-with-map__map>* {
    width: 100%;
    height: 100%
}

.convenience-service {
    margin-bottom: 150px
}

.convenience-service__list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(350px, 100%), 1fr));
    gap: 20px
}

.convenience-service__list-item {
    padding: 30px;
    background: #1b1c1f;
    border-radius: 20px
}

.convenience-service__list-icon-wrap {
    width: 30px;
    height: 30px;
    margin-bottom: 70px
}

.convenience-service__list-icon {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.convenience-service__list-title {
    font-size: 25px;
    font-weight: 600;
    line-height: 120%
}

.cookies {
    position: fixed;
    right: 40px;
    bottom: 40px;
    z-index: 99;
    width: 257px;
    padding: 13px 20px;
    background: #192ed5;
    border-radius: 10px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .3)
}

.cookies__title {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 120%
}

.cookies__text {
    font-size: 12px;
    line-height: 120%
}

.cookies__text p {
    margin: 0
}

.cookies__text p+a {
    margin-top: 10px
}

.cookies__text a {
    display: inline-flex;
    color: inherit;
    text-decoration: underline
}

.cookies__action {
    margin-top: 20px
}

.cookies__action .btn {
    padding: 0 20px;
    font-size: 16px;
    font-weight: 600;
    line-height: 120%;
    color: #141517
}

.cookies__action .btn:active,
.cookies__action .btn:focus,
.cookies__action .btn:hover {
    background: #daff00
}

.custom-select {
    position: relative
}

.custom-select__toggle {
    display: inline-block;
    width: 100%;
    padding: 5px 70px 5px 30px;
    margin: 0;
    font-family: inherit;
    font-size: 1em;
    line-height: 1.5;
    vertical-align: middle;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    border: 1px solid #737373;
    border-radius: 100px;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 50px;
    color: #737373;
    text-align: left;
    cursor: pointer;
    background: #1b1c1f
}

.custom-select__toggle:focus {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(25, 46, 213, .3);
    box-shadow: none
}

.custom-select__toggle[disabled],
.custom-select__toggle[readonly] {
    cursor: not-allowed;
    background-color: #ccc
}

.custom-select__toggle::-webkit-inner-spin-button,
.custom-select__toggle::-webkit-list-button,
.custom-select__toggle::-webkit-outer-spin-button,
.custom-select__toggle::-webkit-search-cancel-button,
.custom-select__toggle::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none
}

.custom-select__toggle[type=color] {
    padding: 0
}

.custom-select__toggle::-moz-placeholder {
    color: #737373;
    opacity: 1
}

.custom-select__toggle::placeholder {
    color: #737373;
    opacity: 1
}

.custom-select__toggle::after {
    position: absolute;
    top: 13px;
    right: 30px;
    width: 24px;
    height: 24px;
    content: "";
    background-image: url(../images/custom-select-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    transition: transform .3s
}

.custom-select__dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 1;
    display: none;
    padding: 0 30px 16px;
    background: #1b1c1f;
    border: 1px solid #737373;
    border-top-width: 0;
    border-radius: 0 0 20px 20px;
    box-shadow: 0 10px 10px 0 rgba(173, 173, 173, .15), 0 10px 20px 0 rgba(25, 46, 213, .3)
}

.custom-select__dropdown-item+.custom-select__dropdown-item {
    margin-top: 5px
}

.custom-select__dropdown-list {
    padding: 0 5px 0 0;
    margin: 0;
    list-style: none;
    max-height: 200px;
    overflow-y: auto
}

.custom-select__option {
    display: block;
    color: #f7f7f7;
    cursor: pointer;
    border-radius: 0;
    transition: color .3s
}

.custom-select__option input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0
}

.custom-select__option:hover {
    color: #daff00
}

.custom-select--open .custom-select__toggle {
    position: relative;
    z-index: 2;
    border-bottom: none;
    border-radius: 20px 20px 0 0
}

.custom-select--open .custom-select__toggle::after {
    transform: rotate(180deg)
}

.custom-select--open .custom-select__dropdown {
    display: block;
    animation: dropdown-fade-in
}

.custom-select--selected .custom-select__toggle {
    color: #f7f7f7
}

@keyframes dropdown-fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.diary-photogallery {
    margin-bottom: 150px
}

.diary-photogallery__list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(350px, 100%), 1fr));
    gap: 10px
}

.diary-photogallery__list-link {
    position: relative;
    display: block;
    width: 100%;
    height: 450px;
    overflow: clip;
    border: 1px solid #404040;
    border-radius: 20px
}

.diary-photogallery__list-link:hover .diary-photogallery__list-image {
    transform: scale(1.03)
}

.diary-photogallery__list-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 20px;
    transition: transform .8s
}

.event-card {
    position: relative
}

.event-card:hover .event-card__thumb {
    border-color: #737373;
    box-shadow: 0 2px 20px 0 rgba(173, 173, 173, .15), 0 2px 30px 0 rgba(25, 46, 213, .5)
}

.event-card:hover .event-card__title {
    color: #fff
}

.event-card__thumb {
    position: relative;
    height: 300px;
    margin-bottom: 20px;
    overflow: hidden;
    border: 1px solid #404040;
    border-radius: 20px;
    box-shadow: 0 2px 20px 0 rgba(173, 173, 173, .15);
    transition: box-shadow .3s, border-color .3s
}

.event-card__thumb::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: "";
    transition: opacity .3s
}

.event-card__image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -o-object-fit: cover;
    object-fit: cover
}

.event-card__favorite-button {
    padding: 0;
    color: inherit;
    cursor: pointer;
    border: none;
    outline: 0;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 3;
    width: 50px;
    height: 50px;
    background-color: transparent;
    background-image: url(../images/event-card-favorite-icon.svg);
    background-repeat: no-repeat;
    background-position: center
}

.event-card__favorite-button.is-favorite,
.event-card__favorite-button:hover {
    background-image: url(../images/event-card-favorite-icon--active.svg)
}

.event-card__sale {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 5px 20px;
    background-color: #192ed5;
    border-radius: 100px
}

.event-card__body {
    display: flex;
    gap: 0 15px
}

.event-card__photographer {
    position: absolute;
    top: 20px;
    right: 20px;
    left: 20px;
    z-index: 3;
    pointer-events: none
}

.event-card__date {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    flex-direction: column;
    width: 80px;
    height: 80px;
    padding: 5px;
    font-size: 12px;
    line-height: 120%;
    text-align: center;
    border: 1px solid #f7f7f7;
    border-radius: 10px
}

.event-card__date-number {
    font-size: 25px;
    font-weight: 600;
    line-height: 120%
}

.event-card__date-day,
.event-card__date-month {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.event-card__title-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.event-card__title {
    display: -webkit-box;
    height: 48px;
    margin-bottom: 8px;
    overflow: hidden;
    font-size: 20px;
    font-weight: 800;
    line-height: 120%;
    color: #fff;
    text-align: left;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.event-card__title::after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: ""
}

.event-card__location {
    display: inline-flex;
    gap: 0 10px;
    align-items: center;
    text-align: left
}

.event-card__location::before {
    display: block;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    content: "";
    background-image: url(../images/event-card-location-icon.svg);
    background-repeat: no-repeat;
    background-position: center
}

.event-card--linear-gradient .event-card__thumb::before {
    background: linear-gradient(180deg, rgba(0, 0, 0, .5) 17.57%, rgba(0, 0, 0, 0) 36.56%)
}

.event-card-city {
    position: relative;
    height: 370px;
    overflow: hidden;
    border-radius: 20px;
    transition: box-shadow .3s, border-color .3s
}

.event-card-city:hover {
    box-shadow: 0 2px 20px 0 rgba(173, 173, 173, .15), 0 2px 30px 0 rgba(25, 46, 213, .5)
}

.event-card-city::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, .5);
    transition: opacity .3s
}

.event-card-city__image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -o-object-fit: cover;
    object-fit: cover
}

.event-card-city__content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 30px 0;
    align-items: flex-start;
    justify-content: space-between;
    height: 100%;
    padding: 20px
}

.event-card-city__title {
    font-size: 30px;
    font-weight: 800;
    line-height: 120%;
    color: inherit
}

.event-card-city__title::after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: ""
}

.event-card-city__description {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 34px;
    min-height: 34px;
    padding: 4px 15px;
    text-align: center;
    background: rgba(247, 247, 247, .3);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    border: 1px solid #737373;
    border-radius: 100px
}

.event-filter {
    margin-bottom: 150px
}

.event-filter .field-select__select,
.event-filter .field-text__input {
    min-height: 40px
}

.event-filter .field-checkbox__input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0
}

.event-filter .field-checkbox__input:checked+.field-checkbox__name-text {
    background-color: #192ed5;
    border-color: #192ed5
}

.event-filter .field-checkbox__name-text {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 5px 20px;
    font-size: 16px;
    color: #f7f7f7;
    cursor: pointer;
    border: 1px solid #737373;
    border-radius: 100px;
    transition: border-color .3s, color .3s, background-color .3s
}

.event-filter__inner {
    position: relative
}

.event-filter__more-button {
    width: auto;
    padding: 5px 19px;
    color: inherit;
    cursor: pointer;
    border: 1px solid #737373;
    outline: 0;
    min-height: 40px;
    background-color: transparent;
    border-radius: 100px;
    transition: border-color .3s, color .3s, background-color .3s
}

.event-filter__more-button:hover {
    background-color: #192ed5;
    border-color: #192ed5
}

.event-filter__header {
    padding-right: 300px;
    margin-bottom: 50px
}

.event-filter__title {
    margin: 0
}

.event-filter__reset-button {
    width: auto;
    padding: 5px 30px;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid #737373;
    outline: 0;
    display: inline-flex;
    gap: 0 10px;
    align-items: center;
    min-height: 40px;
    color: #737373;
    text-align: left;
    border-radius: 100px;
    transition: border-color .3s, color .3s
}

.event-filter__reset-button svg {
    flex-shrink: 0;
    width: 16px;
    height: 16px
}

.event-filter__reset-button path {
    transition: fill .3s
}

.event-filter__reset-button:hover {
    color: #daff00;
    border-color: #daff00
}

.event-filter__reset-button:hover path {
    fill: #daff00
}

.event-filter__options {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
    padding: 0;
    margin: 0 0 20px;
    list-style: none
}

.event-filter__options-item {
    position: relative
}

.event-filter__close-button {
    padding: 0;
    color: inherit;
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: 0;
    display: inline-block;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin-left: 10px
}

.event-filter__squares {
    margin-top: 50px
}

.event-filter__squares .field-checkbox__name-text {
    position: relative;
    width: 200px;
    max-width: 100%;
    height: 70px;
    padding: 0;
    overflow: hidden
}

.event-filter__squares .field-checkbox__name-text img {
    width: 100%;
    max-height: 100%;
    -o-object-fit: scale-down;
    object-fit: scale-down
}

.event-filter__squares--without-options {
    margin-top: 0
}

.event-filter__small-title {
    margin-bottom: 20px;
    font-size: 25px;
    font-weight: 600;
    line-height: 120%
}

.event-filter__squares-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 0;
    margin: 0;
    list-style: none
}

.event-filter--margin-bottom-sm {
    margin-bottom: 50px
}

.event-items-slider {
    padding-bottom: 30px;
    margin-bottom: 120px;
    overflow: hidden
}

.event-items-slider .swiper {
    overflow: visible
}

.event-items-slider .swiper-slide {
    width: 370px
}

.event-items-slider__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px
}

.event-items-slider__title {
    margin: 0
}

.event-items-slider__title a {
    display: inline-flex;
    gap: 0 20px;
    align-items: center;
    color: inherit
}

.event-items-slider__title a:hover {
    color: #daff00
}

.event-items-slider__title a:hover path {
    fill: #daff00
}

.event-items-slider__title a:hover svg {
    transform: translateX(10px)
}

.event-items-slider__title path {
    transition: fill .3s
}

.event-items-slider__title svg {
    transition: transform .3s
}

.feild-search__input-wrap {
    position: relative;
    display: block
}

.feild-search__input {
    display: inline-block;
    width: 100%;
    padding: 5px 50px 5px 20px;
    margin: 0;
    font-family: inherit;
    line-height: 1.5;
    color: #f7f7f7;
    vertical-align: middle;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    background-color: transparent;
    border: 1px solid #737373;
    border-radius: 100px;
    height: 40px;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.feild-search__input:focus {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(25, 46, 213, .3)
}

.feild-search__input[disabled],
.feild-search__input[readonly] {
    cursor: not-allowed;
    background-color: #ccc
}

.feild-search__input::-webkit-inner-spin-button,
.feild-search__input::-webkit-list-button,
.feild-search__input::-webkit-outer-spin-button,
.feild-search__input::-webkit-search-cancel-button,
.feild-search__input::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none
}

.feild-search__input[type=color] {
    padding: 0
}

.feild-search__input::-moz-placeholder {
    color: #737373;
    opacity: 1
}

.feild-search__input::placeholder {
    color: #737373;
    opacity: 1
}

.feild-search__btn {
    padding: 0;
    color: inherit;
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 20px;
    width: 25px;
    height: 100%;
    background-image: url(../images/feild-search-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.feild-search--error .feild-search__input {
    color: #b81111;
    background-color: rgb(243.9626865672, 135.5373134328, 135.5373134328);
    border-color: #b81111
}

.field-checkbox {
    display: block
}

.field-checkbox__title {
    display: block;
    margin-bottom: 10px;
    color: #737373
}

.field-checkbox__input-wrap+.field-checkbox__input-wrap {
    margin-top: 20px
}

.field-checkbox__name {
    display: flex;
    gap: 0 10px;
    align-items: flex-start
}

.field-checkbox__name-text {
    font-size: 12px;
    line-height: 120%;
    color: #737373
}

.field-checkbox__input {
    position: relative;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin: 0;
    color: #000;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    background-color: #f7f7f7;
    border: 1px solid #f7f7f7;
    border-radius: 3px;
    outline: 0;
    transition: background .3s cubic-bezier(.1, .1, .25, 1)
}

.field-checkbox__input.just-validate-error-field {
    border-color: #b81111
}

.field-checkbox__input.just-validate-error-field:focus {
    box-shadow: 0 0 0 3px rgba(184, 17, 17, .3)
}

.field-checkbox__input::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background-image: url(../images/checkbox--checked.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
    opacity: 0;
    transition: opacity .3s cubic-bezier(.1, .1, .25, 1)
}

.field-checkbox__input:focus {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(25, 46, 213, .3)
}

.field-checkbox__input:checked {
    background-color: #f7f7f7;
    border-color: #f7f7f7
}

.field-checkbox__input:checked::before {
    opacity: 1
}

.field-checkbox__help-text-wrap {
    padding-left: 1.5em
}

.field-checkbox__help-text {
    display: block;
    padding-top: .4em;
    font-size: .75em;
    line-height: 1.2em;
    color: #737373
}

.field-checkbox__help-text:empty {
    display: none
}

.field-file {
    display: block
}

.field-file__name {
    display: block;
    margin-bottom: 10px;
    color: #737373
}

.field-file__input-wrap {
    position: relative;
    display: block
}

.field-file__name-text {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 100%;
    min-height: 51px;
    padding: 5px 30px;
    line-height: 120%;
    color: #737373;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid #737373;
    border-radius: 50px
}

input:disabled~.field-file__name-text {
    cursor: not-allowed;
    background: #ccc
}

.field-file__name-text::before {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin-right: 20px;
    content: "";
    background-image: url(../images/field-file-upload.svg);
    background-repeat: no-repeat;
    background-position: center
}

.field-file__input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0
}

.field-file__input:active~.field-file__name-text,
.field-file__input:focus~.field-file__name-text {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(25, 46, 213, .3)
}

.field-file__help-text {
    display: block;
    padding-top: .4em;
    font-size: .75em;
    line-height: 1.2em;
    color: #737373
}

.field-file__help-text:empty {
    display: none
}

.field-file--error .field-file__help-text,
.field-file--error .field-file__input,
.field-file--error .field-file__name,
.field-file--error .field-file__name-text {
    color: #b81111
}

.field-file--error .field-file__name-text {
    background-color: rgb(243.9626865672, 135.5373134328, 135.5373134328);
    border-color: #b81111
}

.field-num {
    display: block
}

.field-num__name {
    display: block;
    margin-bottom: 10px;
    color: #737373
}

.field-num__input-wrap {
    display: block
}

.field-num__input-and-btns {
    position: relative;
    display: block;
    width: 122px
}

.field-num__input {
    display: inline-block;
    width: 100%;
    padding: 0 35px;
    margin: 0;
    font-family: inherit;
    color: #f7f7f7;
    vertical-align: middle;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    height: 36px;
    font-size: 30px;
    font-weight: 800;
    line-height: 120%;
    text-align: center
}

.field-num__input:focus {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(25, 46, 213, .3)
}

.field-num__input[disabled],
.field-num__input[readonly] {
    cursor: not-allowed;
    background-color: #ccc
}

.field-num__input::-webkit-inner-spin-button,
.field-num__input::-webkit-list-button,
.field-num__input::-webkit-outer-spin-button,
.field-num__input::-webkit-search-cancel-button,
.field-num__input::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none
}

.field-num__input[type=color] {
    padding: 0
}

.field-num__input::-moz-placeholder {
    opacity: 1;
    color: #f7f7f7;
    opacity: 1
}

.field-num__input::placeholder {
    opacity: 1;
    color: #f7f7f7;
    opacity: 1
}

.field-num__btn {
    padding: 0;
    color: inherit;
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 36px;
    font-size: 30px;
    font-weight: 800;
    line-height: 120%;
    transition: color .3s
}

.field-num__btn:focus {
    outline: 0
}

.field-num__btn:hover {
    color: #daff00;
    cursor: pointer;
    background-color: transparent
}

.field-num--disabled .field-num__btn {
    cursor: not-allowed
}

.field-num--disabled .field-num__btn:focus,
.field-num--disabled .field-num__btn:hover {
    background-color: transparent
}

.field-num__btn--plus {
    right: 0
}

.field-num__btn--minus {
    left: 0
}

.field-num__help-text {
    display: block;
    padding-top: .4em;
    font-size: .75em;
    line-height: 1.2em;
    color: #737373
}

.field-num__help-text:empty {
    display: none
}

.field-num--error .field-num__help-text,
.field-num--error .field-num__input,
.field-num--error .field-num__name {
    color: #b81111
}

.field-num--error .field-num__input {
    background-color: rgb(243.9626865672, 135.5373134328, 135.5373134328);
    border-color: #b81111
}

.field-radio {
    display: block
}

.field-radio__title {
    display: block;
    margin-bottom: 10px;
    color: #737373
}

.field-radio__input-wrap--error .field-radio__help-text,
.field-radio__input-wrap--error .field-radio__name-text {
    color: #b81111
}

.field-radio__name {
    position: relative;
    display: inline-block;
    padding-left: 30px
}

.field-radio__name-text {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    color: #f7f7f7
}

input:disabled~.field-radio__name-text {
    cursor: not-allowed
}

.field-radio__name-text::before {
    position: absolute;
    top: 3px;
    left: 0;
    width: 20px;
    height: 20px;
    content: "";
    background-color: #f7f7f7;
    border-radius: 50%
}

input:focus~.field-radio__name-text:before {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(25, 46, 213, .3)
}

input:disabled~.field-radio__name-text:before {
    background: #ccc;
    border-color: #999
}

.field-radio__name-text::after {
    position: absolute;
    top: 7px;
    left: 4px;
    width: 12px;
    height: 12px;
    content: "";
    background-color: #192ed5;
    border-radius: 50%;
    opacity: 0;
    transition: opacity .3s
}

input:checked~.field-radio__name-text::after {
    opacity: 1
}

input:checked:disabled~.field-radio__name-text::after {
    background-color: #999
}

.field-radio__input {
    position: absolute;
    top: .8em;
    left: 0;
    padding: 0;
    margin: 0;
    opacity: 0;
    transform: translateY(-50%)
}

.field-radio__input:active,
.field-radio__input:focus {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(25, 46, 213, .3)
}

.field-radio__help-text-wrap {
    padding-left: 1.5em
}

.field-radio__help-text {
    display: block;
    padding-top: .4em;
    font-size: .75em;
    line-height: 1.2em;
    color: #737373
}

.field-radio__help-text:empty {
    display: none
}

.field-select {
    display: block
}

.field-select option {
    background-color: #1b1c1f
}

.field-select__name {
    display: block;
    margin-bottom: 10px;
    color: #737373
}

.field-select__select-wrap {
    position: relative
}

.field-select__arrow {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 12px;
    height: 16px;
    margin-top: -8px;
    background-image: url(../images/select-down.svg);
    background-repeat: no-repeat;
    background-position: center
}

.field-select__select {
    display: inline-flex;
    align-items: center;
    width: 100%;
    min-width: 170px;
    min-height: 50px;
    padding: 5px 50px 5px 20px;
    font-family: inherit;
    font-size: inherit;
    line-height: 1.5;
    color: #f7f7f7;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 1px solid #737373;
    border-radius: 100px
}

.field-select__select[multiple] {
    min-height: 6.8em;
    background-image: none
}

.field-select__select::-ms-expand {
    display: none
}

.field-select__select:active,
.field-select__select:focus {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(25, 46, 213, .3)
}

.field-select__select[disabled],
.field-select__select[readonly] {
    cursor: default;
    background-color: transparent
}

.field-select__help-text {
    display: block;
    padding-top: .4em;
    font-size: .75em;
    line-height: 1.2em;
    color: #737373
}

.field-select__help-text:empty {
    display: none
}

.field-select--error,
.field-select--error .field-select__help-text,
.field-select--error .field-select__name,
.field-select--error .field-select__select {
    color: #b81111
}

.field-select--error .choices:after,
.field-select--error .choices__inner,
.field-select--error .field-select__select {
    background-color: rgb(243.9626865672, 135.5373134328, 135.5373134328);
    border-color: #b81111
}

.field-text {
    display: block
}

.field-text__name {
    display: block;
    margin-bottom: 10px;
    color: #737373
}

.field-text__input-wrap {
    position: relative;
    display: block
}

.field-text__input {
    display: inline-block;
    width: 100%;
    padding: 5px 20px;
    margin: 0;
    font-family: inherit;
    font-size: 1em;
    line-height: 1.5;
    color: #f7f7f7;
    vertical-align: middle;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    background-color: transparent;
    border: 1px solid #737373;
    border-radius: 100px;
    min-height: 50px
}

.field-text__input:focus {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(25, 46, 213, .3)
}

.field-text__input[disabled],
.field-text__input[readonly] {
    cursor: not-allowed;
    background-color: #ccc
}

.field-text__input::-webkit-inner-spin-button,
.field-text__input::-webkit-list-button,
.field-text__input::-webkit-outer-spin-button,
.field-text__input::-webkit-search-cancel-button,
.field-text__input::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none
}

.field-text__input[type=color] {
    padding: 0
}

.field-text__input::-moz-placeholder {
    color: #737373;
    opacity: 1
}

.field-text__input::placeholder {
    color: #737373;
    opacity: 1
}

textarea.field-text__input {
    height: auto;
    min-height: 120px;
    resize: none;
    border-radius: 20px
}

.field-text__input.flatpickr-input[readonly] {
    cursor: pointer;
    background-color: transparent
}

.field-text__input.flatpickr-input {
    padding-right: 50px;
    background-image: url(../images/field-text-calendar-icon.svg);
    background-repeat: no-repeat;
    background-position: right 20px center
}

.field-text__input.flatpickr-input::-moz-placeholder {
    color: #f7f7f7;
    opacity: 1
}

.field-text__input.flatpickr-input::placeholder {
    color: #f7f7f7;
    opacity: 1
}

.field-text__input.just-validate-error-field {
    color: #b81111;
    border-color: #b81111
}

.field-text__input.just-validate-error-field:focus {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(184, 17, 17, .3)
}

.field-text__help-text {
    position: absolute;
    top: 38px;
    right: 20px;
    z-index: 1;
    display: none;
    width: 500px;
    padding: 30px;
    background: #1b1c1f;
    border-radius: 20px;
    box-shadow: 0 1px 15px 0 rgba(25, 46, 213, .5)
}

.field-text__help-text a {
    color: inherit;
    text-decoration: underline
}

.field-text__help-text a:hover {
    color: #daff00
}

.field-text__help-text p {
    margin: 0
}

.field-text__help-text p+p {
    margin-top: 20px
}

.field-text__help-notification {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 70px
}

.field-text__help-notification:hover .field-text__help-text {
    display: block
}

.field-text__help-notification-tooltip {
    position: absolute;
    top: 17px;
    right: 30px;
    z-index: 1;
    display: block;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background-image: url(../images/field-text-error-icon.svg);
    background-repeat: no-repeat;
    background-position: center
}

.form .btn {
    min-height: 50px;
    padding-inline: 50px;
    font-size: 20px
}

.form__fieldset {
    display: grid;
    gap: 10px 0;
    align-items: flex-start
}

.form__action {
    margin-top: 30px
}

.form__action .field-checkbox {
    margin-bottom: 30px
}

.hero {
    padding-top: 110px;
    margin-bottom: 150px
}

.hero .swiper-slide {
    height: auto
}

.hero__slides {
    padding: 0;
    margin: 0;
    list-style: none
}

.hero__slide {
    position: relative;
    height: 100%;
    border-radius: 30px
}

.hero__slide::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(190deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .4) 100%);
    border-radius: 30px
}

.hero__slide-background {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 30px
}

.hero__slide-wrap {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 600px;
    padding: 100px 40px 40px
}

.hero__slide-content-wrap {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0 30px;
    align-items: flex-end;
    margin-bottom: 70px
}

.hero__slide-title {
    margin-bottom: 20px
}

.hero__slide-location {
    display: inline-flex;
    gap: 0 10px;
    align-items: center;
    margin-bottom: 12px;
    font-size: 20px;
    line-height: 120%;
    color: #fff
}

.hero__slide-location::before {
    display: block;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    content: "";
    background-image: url(../images/hero-location-icon.svg);
    background-repeat: no-repeat;
    background-position: center
}

.hero__slide-date {
    font-size: 20px;
    line-height: 120%
}

.hero__slide-action .btn {
    padding-inline: 50px
}

.hero__slide-pagination {
    --swiper-pagination-bottom: 40px;
    --swiper-pagination-top: auto;
    position: absolute;
    z-index: 3;
    display: flex;
    gap: 0 20px;
    align-items: center;
    width: 100%;
    padding: 0 40px
}

.hero__slide-pagination-item {
    --swiper-pagination-bullet-horizontal-gap: 0;
    padding: 0;
    color: inherit;
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: 0;
    position: relative;
    width: 100%;
    height: 4px;
    background: rgba(247, 247, 247, .3);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 100px;
    opacity: 1
}

.hero__slide-pagination-item::after {
    position: absolute;
    inset: -10px 0;
    content: ""
}

.hero__slide-pagination-item.swiper-pagination-bullet-active .hero__slide-pagination-progress {
    animation-name: countingBar;
    animation-duration: 4s;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-fill-mode: forwards
}

.hero__slide-pagination-progress {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #fff;
    border-radius: 100px
}

.hero__slide-favorite {
    position: absolute;
    top: 50px;
    right: 40px;
    z-index: 3
}

.hero__slide-favorite-button {
    width: auto;
    padding: 0;
    color: inherit;
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: 0;
    display: inline-flex;
    gap: 0 8px;
    align-items: center
}

.hero__slide-favorite-button:hover::after {
    background-image: url(../images/hero-favorite-icon--active.svg)
}

.hero__slide-favorite-button::after {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    content: "";
    background-image: url(../images/hero-favorite-icon.svg);
    background-repeat: no-repeat;
    background-position: center
}

.hero__slide-favorite-button.is-favorite::after {
    background-image: url(../images/hero-favorite-icon--active.svg)
}

.hero__slide-favorite-text {
    font-size: 20px;
    line-height: 120%
}

.hero__slide-sale {
    margin-bottom: 30px
}

.hero__slide-sale-text {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 5px 20px;
    font-size: 16px;
    text-align: center;
    background-color: #192ed5;
    border-radius: 100px
}

.hero--no-padding-top {
    padding-top: 0
}

@keyframes countingBar {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

.hero-event {
    padding: 30px 0 120px
}

.hero-event__card {
    position: relative
}

.hero-event__card::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(190deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .4) 100%);
    border-radius: 30px
}

.hero-event__image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 30px
}

.hero-event__content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    min-height: 600px;
    padding: 30px 40px 50px
}

.hero-event__breadcrumbs {
    max-width: 50%;
    margin: 0 0 20px
}

.hero-event__breadcrumbs .breadcrumbs {
    padding: 0
}

.hero-event__header {
    margin-bottom: 30px
}

.hero-event__age {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    padding: 5px;
    font-size: 20px;
    line-height: 120%;
    border: 1px solid #f7f7f7;
    border-radius: 10px
}

.hero-event__content-inner {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: flex-end
}

.hero-event__sale {
    margin-bottom: 30px
}

.hero-event__sale-text {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 5px 20px;
    font-size: 16px;
    text-align: center;
    background-color: #192ed5;
    border-radius: 100px
}

.hero-event__title {
    margin-bottom: 20px
}

.hero-event__location {
    display: inline-flex;
    gap: 0 10px;
    align-items: center;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 120%;
    color: #fff
}

.hero-event__location::before {
    display: block;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    content: "";
    background-image: url(../images/hero-location-icon.svg);
    background-repeat: no-repeat;
    background-position: center
}

.hero-event__date {
    font-size: 20px;
    line-height: 120%
}

.hero-event__footer {
    display: flex;
    flex-direction: row-reverse;
    gap: 0 30px;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px
}

.hero-event__action {
    max-width: 100%
}

.hero-event__action .btn span {
    font-weight: 400
}

.hero-event__notifications {
    display: flex;
    gap: 0 50px;
    padding-left: 5px
}

.hero-event__notification {
    display: inline-flex;
    gap: 0 10px;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 120%;
    color: #daff00;
    cursor: pointer
}

.hero-event__notification a {
    color: inherit
}

.hero-event__notification a:hover {
    text-decoration: underline
}

.hero-event__notification-icon {
    display: block;
    flex-shrink: 0;
    width: 15px;
    height: 15px;
    background-image: url(../images/hero-event-notify-icon.svg);
    background-repeat: no-repeat;
    background-position: center
}

.hero-event__controls {
    position: absolute;
    top: 30px;
    right: 40px;
    z-index: 3;
    display: flex;
    gap: 0 20px
}

.hero-event__favorite-button {
    width: auto;
    padding: 0;
    color: inherit;
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: 0;
    display: inline-flex;
    gap: 0 8px;
    align-items: center
}

.hero-event__favorite-button:hover::after {
    background-image: url(../images/hero-favorite-icon--active.svg)
}

.hero-event__favorite-button::after {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    content: "";
    background-image: url(../images/hero-favorite-icon.svg);
    background-repeat: no-repeat;
    background-position: center
}

.hero-event__favorite-button.is-favorite::after {
    background-image: url(../images/hero-favorite-icon--active.svg)
}

.hero-event__favorite-text {
    font-size: 20px;
    line-height: 120%
}

.hero-event__share-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: inherit;
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: 0;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    background-image: url(../images/hero-event-share-icon.svg);
    background-repeat: no-repeat;
    background-position: center
}

.hero-event__share-button:hover {
    background-image: url(../images/hero-event-share-icon--active.svg)
}

.hero-spectacle {
    margin-top: 30px;
    margin-bottom: 150px
}

.hero-spectacle__card {
    position: relative;
    display: flex;
    min-height: 400px;
    padding: 30px 40px 40px;
    overflow: hidden;
    border: 1px solid #404040;
    border-radius: 20px
}

.hero-spectacle__card::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(217deg, rgba(0, 0, 0, 0) 42%, rgba(0, 0, 0, .4) 100%)
}

.hero-spectacle__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 0
}

.hero-spectacle__inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    width: 100%
}

.hero-spectacle__breadcrumbs {
    margin: 0 0 20px
}

.hero-spectacle__breadcrumbs .breadcrumbs {
    padding: 0
}

.hero-spectacle__content {
    margin-top: auto
}

.hero-spectacle__title {
    margin-bottom: 20px
}

.hero-spectacle__footer {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.hero-spectacle__genre {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 5px 20px;
    text-align: center;
    border: 1px solid #737373;
    border-radius: 100px
}

.hero-spectacle__controls {
    display: flex;
    gap: 0 20px
}

.hero-spectacle__favorite-button {
    width: auto;
    padding: 0;
    color: inherit;
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: 0;
    display: inline-flex;
    gap: 0 8px;
    align-items: center
}

.hero-spectacle__favorite-button:hover::after {
    background-image: url(../images/hero-favorite-icon--active.svg)
}

.hero-spectacle__favorite-button::after {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    content: "";
    background-image: url(../images/hero-favorite-icon.svg);
    background-repeat: no-repeat;
    background-position: center
}

.hero-spectacle__favorite-button.is-favorite::after {
    background-image: url(../images/hero-favorite-icon--active.svg)
}

.hero-spectacle__favorite-text {
    font-size: 20px;
    line-height: 120%
}

.hero-spectacle__share-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: inherit;
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: 0;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    background-image: url(../images/hero-event-share-icon.svg);
    background-repeat: no-repeat;
    background-position: center
}

.hero-spectacle__share-button:hover {
    background-image: url(../images/hero-event-share-icon--active.svg)
}

.how-it-works {
    margin-bottom: 150px
}

.how-it-works__list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(350px, 100%), 1fr));
    gap: 20px
}

.how-it-works__list-item {
    padding: 30px;
    background: #1b1c1f;
    border-radius: 20px
}

.how-it-works__list-number {
    margin-bottom: 62px;
    font-size: 25px;
    font-weight: 600;
    line-height: 120%;
    color: #737373
}

.how-it-works__list-title {
    margin-bottom: 20px;
    font-size: 25px;
    font-weight: 600;
    line-height: 120%
}

.how-it-works__list-text p {
    margin: 0
}

.information-singer {
    margin-bottom: 50px
}

.information-singer__content {
    max-width: 900px
}

.information-singer__content p {
    margin-top: 0
}

.information-singer__read-more {
    margin-top: 20px
}

.information-singer__read-more-toggler {
    width: auto;
    padding: 0;
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: 0;
    font-weight: 600;
    line-height: 120%;
    color: #daff00;
    transition: color .3s
}

.information-singer__read-more-toggler:hover {
    color: #f08
}

.information-singer__details {
    margin-top: 50px;
    font-weight: 600;
    color: #737373
}

.information-singer__details p {
    margin: 0
}

.lang-select {
    position: relative
}

.lang-select__toggler {
    width: auto;
    padding: 0;
    color: inherit;
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: 0;
    display: flex;
    gap: 0 4px;
    align-items: center;
    height: 40px
}

.lang-select__toggler::after {
    display: block;
    flex-shrink: 0;
    width: 12px;
    height: 22px;
    content: "";
    background-image: url(../images/page-header-toggler-arrow-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: transform .3s
}

.lang-select__current {
    font-size: 14px;
    color: #f7f7f7
}

.lang-select__dropdown {
    position: absolute;
    top: 100%;
    left: -25px;
    z-index: 10;
    padding-top: 10px;
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s
}

.lang-select__dropdown-inner {
    background: #1b1c1f;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 10px 10px 0 rgba(173, 173, 173, .15), 0 10px 20px 0 rgba(25, 46, 213, .3)
}

.lang-select__label {
    display: flex;
    padding: 10px 25px;
    cursor: pointer;
    transition: color .3s
}

.lang-select__label:hover {
    color: #daff00
}

.lang-select.is-active .lang-select__toggler::after {
    transform: rotate(180deg)
}

.lang-select.is-active .lang-select__dropdown {
    visibility: visible;
    opacity: 1
}

.legal-header {
    margin-bottom: 150px
}

.legal-header .article__title {
    margin-top: 0;
    margin-bottom: 70px;
    font-size: 40px
}

.legal-header .article__content h3 {
    margin-top: 0
}

.legal-header .article__content a {
    color: inherit
}

.legal-header__information {
    display: none;
    margin-top: 10px
}

.legal-header__information.is-active {
    display: block
}

.legal-header__information-action {
    margin-top: 70px
}

.legal-header__information-action .btn {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    color: #737373;
    background: #141517;
    transition: box-shadow .3s
}

.legal-header__information-action .btn:hover {
    box-shadow: 0 0 5px 5px rgba(25, 46, 213, .3)
}

.legal-header__description {
    max-width: 700px;
    margin-bottom: 50px;
    font-size: 20px;
    line-height: 120%
}

.legal-header__description p {
    margin: 0
}

.legal-header__description p+p {
    margin-top: 20px
}

.legal-header__action {
    max-width: 100%
}

.legal-header__action .btn {
    width: 100%;
    padding-right: 0;
    padding-left: 0
}

.legal-header__action .btn.is-active {
    color: #737373;
    background: #1b1c1f;
    border-color: #1b1c1f
}

.legal-list {
    margin-bottom: 150px
}

.legal-list__list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(350px, 100%), 1fr));
    gap: 20px
}

.legal-list__item {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 30px 0;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    min-height: 200px;
    padding: 30px;
    background: #1b1c1f;
    border-radius: 20px
}

.legal-list__item-title {
    font-size: 20px;
    font-weight: 800;
    line-height: 120%;
    color: #fff
}

.legal-list__item-title::after {
    position: absolute;
    inset: 0;
    z-index: 1;
    content: ""
}

.legal-list__item-read-more {
    font-size: 20px;
    line-height: 120%
}

.link-border-list {
    display: flex;
    flex-wrap: nowrap;
    gap: 0 20px;
    margin-bottom: 50px;
    overflow: auto hidden
}

.link-border-list__link {
    display: inline-flex;
    flex-shrink: 0;
    padding: 8px 20px;
    color: #f7f7f7;
    text-align: center;
    white-space: nowrap;
    border: 1px solid #737373;
    border-radius: 100px;
    transition: .3s
}

.link-border-list__link--active,
.link-border-list__link:hover {
    color: #f7f7f7;
    background-color: #192ed5;
    border-color: #192ed5
}

.link-list {
    margin-bottom: 50px;
    overflow: clip
}

.link-list__list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    gap: 0 10px;
    overflow: auto hidden
}

.link-list__item {
    flex-shrink: 0
}

.link-list__item--active .link-list__link {
    color: #fff;
    background: #192ed5
}

.link-list__link {
    display: block;
    padding: 8px 20px;
    font-weight: 600;
    color: #737373;
    white-space: nowrap;
    background: #1b1c1f;
    border-radius: 100px;
    transition: background-color .3s, color .3s
}

.link-list__link:hover {
    color: #fff;
    background: #192ed5
}

.location-modal__title {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 800;
    line-height: 120%;
    color: #f7f7f7
}

.location-modal__search {
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 30px
}

.location-modal__search::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    content: "";
    background: linear-gradient(90deg, #28292e 0, #a6a6a6 50%, #28292e 100%);
    opacity: .4
}

.location-modal__list {
    padding: 0;
    margin: 0;
    list-style: none;
    max-height: 311px;
    overflow: hidden auto
}

.location-modal__list a {
    display: inline-flex;
    color: #f7f7f7
}

.location-modal__list a:hover {
    color: #daff00
}

.location-modal__list-item+.location-modal__list-item {
    margin-top: 5px
}

.location-sites {
    margin-bottom: 150px
}

.location-sites__map {
    position: relative;
    width: 100%;
    height: 550px;
    overflow: clip;
    border-radius: 20px
}

.location-sites__map>* {
    width: 100%;
    height: 100%
}

.login-modal__title {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 800;
    line-height: 120%
}

.login-modal__account-links {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(140px, 100%), 1fr));
    gap: 10px;
    margin-bottom: 40px
}

.login-modal__account-link {
    display: block;
    height: 40px;
    border: 1px solid #bfbfbf;
    border-radius: 50px;
    transition: border-color .3s
}

.login-modal__account-link:hover {
    border-color: #daff00
}

.login-modal__account-link img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.login-modal__form {
    margin-bottom: 40px
}

.login-modal__form .field-checkbox__name-text {
    padding-top: 3px
}

.login-modal__form .form__action {
    margin-top: 20px
}

.login-modal__form .form__action .field-checkbox {
    margin-bottom: 20px
}

.login-modal__footer {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between
}

.login-modal__footer-link {
    font-weight: 600;
    color: #daff00
}

.login-modal__footer-link:hover {
    color: #f08
}

.logo {
    display: inline-block;
    white-space: nowrap
}

.logo img {
    display: block
}

.main-nav .menu {
    display: flex;
    flex-wrap: wrap;
    gap: 0 25px;
    align-items: center;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 150%;
    color: #f7f7f7;
    list-style: none
}

.main-nav .menu>.menu-item>a {
    display: inline-flex;
    align-items: center;
    min-height: 60px;
    padding: 10px 0;
    color: inherit
}

.main-nav .menu>.current-menu-item>a,
.main-nav .menu>.menu-item>a:hover {
    color: #daff00
}

.main-nav .sub-menu {
    display: none;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    background: #1b1c1f;
    box-shadow: 0 10px 10px 0 rgba(173, 173, 173, .15), 0 10px 20px 0 rgba(25, 46, 213, .3)
}

.main-nav .sub-menu>.menu-item>a {
    display: inline-flex;
    align-items: center;
    width: 100%;
    padding: 6px 0;
    font-size: 16px;
    color: inherit;
    white-space: nowrap;
    transition: color .3s
}

.main-nav .sub-menu>.menu-item>a:hover {
    color: #daff00
}

.main-nav .menu-item {
    position: relative
}

.main-nav .menu-item-has-children:hover>.sub-menu {
    display: block;
    animation: .3s submenu-fade-in
}

.main-nav .menu-item-has-children.focus>.sub-menu {
    display: block
}

.main-nav .menu-item-has-children>a::after {
    display: inline-flex;
    flex-shrink: 0;
    width: 13px;
    height: 22px;
    margin-left: 5px;
    content: "";
    background-image: url(../images/main-nav-arrow-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: transform .3s, background-image .3s
}

.main-nav .menu-item-has-children.focus>a::after,
.main-nav .menu-item-has-children:hover>a::after {
    transform: rotate(180deg)
}

.main-nav .menu-item-has-children>a:hover::after {
    background-image: url(../images/main-nav-arrow-icon--hover.svg)
}

@keyframes submenu-fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.marquee__scroller {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    width: -moz-max-content;
    width: max-content;
    animation: 50s linear infinite scroll
}

.marquee--reverse .marquee__scroller {
    animation: 50s linear infinite scroll-reverse
}

@keyframes scroll {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(calc(-50% - 10px))
    }
}

@keyframes scroll-reverse {
    from {
        transform: translateX(calc(-50% - 10px))
    }

    to {
        transform: translateX(0)
    }
}

.menu-club {
    margin-bottom: 150px
}

.menu-club__row {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(500px, 100%), 1fr));
    gap: 20px
}

.menu-club__card {
    padding: 30px;
    overflow: clip;
    background: #1b1c1f;
    border-radius: 20px
}

.menu-club__card--image {
    padding: 0;
    background-color: transparent
}

.menu-club__description {
    max-width: 550px;
    margin-bottom: 84px;
    font-size: 18px
}

.menu-club__description p {
    margin: 0
}

.menu-club__links {
    display: flex;
    flex-direction: column;
    gap: 10px 0;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 16px;
    font-weight: 600;
    line-height: 120%;
    color: #daff00
}

.menu-club__links a {
    color: inherit
}

.menu-club__links a:hover {
    color: #f08
}

.menu-club__image {
    width: 100%
}

.mobile-nav {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.mobile-nav__dialog {
    position: relative;
    width: 320px;
    height: 100%;
    margin-left: auto;
    pointer-events: none;
    will-change: transform
}

.mobile-nav__content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 50px 30px;
    overflow-y: auto;
    pointer-events: auto;
    background-color: #1b1c1f;
    outline: 0;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .25), 0 0 20px 0 rgba(173, 173, 173, .2)
}

.mobile-nav__menu {
    margin-bottom: 50px
}

.mobile-nav__header {
    position: relative;
    flex-shrink: 0;
    margin-bottom: 50px
}

.mobile-nav__lang-select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px
}

.mobile-nav__close {
    width: 40px;
    height: 40px
}

.mobile-nav__link {
    font-size: 16px;
    font-weight: 600;
    line-height: 120%;
    color: #f08
}

.mobile-nav__link a {
    color: inherit
}

.mobile-nav__link a:hover {
    color: #daff00
}

.mobile-nav__location {
    display: flex;
    gap: 0 10px;
    align-items: center
}

.mobile-nav__location-icon-wrap {
    width: 17px;
    height: 17px
}

.mobile-nav__location-icon {
    width: 100%;
    height: 100%;
    -o-object-fit: scale-down;
    object-fit: scale-down
}

.mobile-nav__location-value {
    font-size: 14px;
    color: #f08
}

.mobile-nav__phone {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 600;
    line-height: 120%;
    color: #737373
}

.mobile-nav__phone a {
    color: inherit
}

.mobile-nav__body {
    position: relative;
    flex: 1 1 auto;
    margin-bottom: 30px
}

.mobile-nav__footer {
    flex-shrink: 0
}

.mobile-nav__search {
    margin-bottom: 20px
}

.mobile-nav__button .btn {
    width: 100%
}

.mobile-nav--show .mobile-nav__dialog {
    animation: .3s ease-out forwards mobile-nav-dialog
}

.mobile-nav-open {
    overflow: hidden
}

.mobile-nav-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: rgba(51, 51, 51, .5);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    animation: .3s ease-out forwards mobile-nav-backdrop
}

@keyframes mobile-nav-backdrop {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes mobile-nav-dialog {
    from {
        transform: translate(100%, 0)
    }

    to {
        transform: translate(0, 0)
    }
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1053;
    display: none;
    width: 100%;
    height: 100%;
    padding: 0 20px;
    overflow: hidden;
    outline: 0;
    -webkit-overflow-scrolling: touch
}

.modal-open .modal {
    overflow: hidden auto
}

.modal__dialog {
    position: relative;
    display: flex;
    align-items: center;
    width: auto;
    max-width: 480px;
    min-height: calc(100% - 4em);
    margin: 2em auto;
    pointer-events: none
}

.modal__content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 40px;
    padding: 50px;
    pointer-events: auto;
    background: #1b1c1f;
    border-radius: 20px;
    outline: 0;
    box-shadow: 0 0 20px 0 rgba(173, 173, 173, .2)
}

.modal__header {
    position: relative;
    flex-shrink: 0;
    padding: 16px 40px 16px 16px;
    border-bottom: 1px solid #b3b3b3
}

.modal__title {
    margin: 0;
    font-size: 18px;
    font-weight: 400
}

.modal__close {
    position: absolute;
    top: 4px;
    right: 4px;
    outline: 0
}

.modal__body {
    position: relative;
    flex: 1 1 auto;
    padding: 16px
}

.modal__footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 16px;
    border-top: 1px solid #b3b3b3
}

.modal__footer>* {
    margin-left: 8px
}

.modal--show .modal__dialog {
    animation: .3s ease-out forwards modal-dialog
}

.modal--400 .modal__dialog {
    max-width: 400px
}

.modal--600 .modal__dialog {
    max-width: 600px
}

.modal--620 .modal__dialog {
    max-width: 620px
}

.modal--764 .modal__dialog {
    max-width: 764px
}

.modal--1200 .modal__dialog {
    max-width: 1200px
}

.modal--accreditation .modal__content {
    padding: 60px 20px 40px 30px
}

.modal--accreditation .modal__dialog {
    align-items: stretch
}

.modal--box-shadow .modal__content {
    box-shadow: 0 0 20px 0 rgba(173, 173, 173, .15), 0 0 30px 0 rgba(25, 46, 213, .3)
}

.modal-open {
    overflow: hidden
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1052;
    width: 100%;
    height: 100%;
    background: rgba(51, 51, 51, .5);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    animation: .3s ease-out forwards modal-backdrop
}

@keyframes modal-backdrop {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes modal-dialog {
    from {
        transform: translate(0, -2em)
    }

    to {
        transform: translate(0, 0)
    }
}

.musician {
    margin-bottom: 120px
}

.musician__title {
    margin-bottom: 50px
}

.musician__author {
    display: inline-flex;
    gap: 0 20px;
    align-items: center;
    padding: 5px 30px 5px 5px;
    margin-bottom: 120px;
    color: inherit;
    background: #1b1c1f;
    border: 1px solid #2e2e2e;
    border-radius: 100px;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .25)
}

.musician__author-avatar-wrap {
    position: relative;
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 50%
}

.musician__author-avatar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.musician__author-name {
    font-size: 25px;
    font-weight: 600;
    line-height: 120%;
    color: inherit
}

.musician__player {
    position: relative;
    width: 100%;
    height: 153px;
    margin-bottom: 30px;
    overflow: hidden;
    border-radius: 20px
}

.musician__player-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 1360px;
    max-width: unset
}

.musician__track-list {
    padding: 0;
    margin: 0;
    list-style: none
}

.musician__track-item {
    display: flex;
    gap: 0 20px;
    align-items: center;
    padding: 10px 50px;
    border-radius: 20px;
    transition: background-color .3s
}

.musician__track-item:hover {
    background-color: #1b1c1f
}

.musician__track-item:hover .musician__track-add-wishlist {
    opacity: 1
}

.musician__track-item+.musician__track-item {
    margin-top: 15px
}

.musician__track-author {
    display: flex;
    gap: 0 20px
}

.musician__track-avatar-wrap {
    position: relative;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 10px
}

.musician__track-avatar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.musician__track-name {
    margin-bottom: 6px;
    font-weight: 600
}

.musician__track-signer {
    font-size: 14px
}

.musician__track-wishlist-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: auto
}

.musician__track-add-wishlist {
    padding: 0;
    color: inherit;
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: 0;
    width: 50px;
    height: 50px;
    background-image: url(../images/hero-favorite-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    transition: opacity .3s
}

.musician__track-add-wishlist.is-favorite,
.musician__track-add-wishlist:hover {
    background-image: url(../images/hero-favorite-icon--active.svg)
}

.news-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 554px
}

.news-card__text-content {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 20px 30px;
    background: #1b1c1f;
    border-radius: 0 0 20px 20px
}

.news-card__label {
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 2;
    padding: 8px 20px;
    font-weight: 600;
    color: #fff;
    background: rgba(255, 255, 255, .2);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 100px
}

.news-card__date {
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 2
}

.news-card__title {
    min-height: 90px;
    margin-bottom: 20px;
    font-size: 25px;
    font-weight: 600;
    line-height: 120%;
    color: #f7f7f7
}

.news-card__description {
    margin-bottom: 10px
}

.news-card__action {
    margin-top: auto
}

.news-card__read-more {
    font-size: 20px;
    font-weight: 600;
    line-height: 120%;
    color: #daff00
}

.news-card__read-more:hover {
    color: #f08
}

.news-card__read-more::after {
    position: absolute;
    inset: 0;
    z-index: 1;
    content: ""
}

.news-card__thumb {
    position: relative;
    display: block;
    width: 100%;
    height: 250px;
    min-height: 225px;
    overflow: clip;
    border-radius: 20px 20px 0 0
}

.news-card__thumb::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 1;
    background: rgba(0, 0, 0, .2)
}

.news-card__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 0
}

.news-card--big {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    min-height: 450px
}

.news-card--big .news-card__date,
.news-card--big .news-card__label {
    position: static;
    inset: auto
}

.news-card--big .news-card__label {
    margin-bottom: 10px
}

.news-card--big .news-card__date {
    margin-bottom: 50px;
    color: #737373
}

.news-card--big .news-card__title {
    min-height: unset;
    margin-bottom: 20px
}

.news-card--big .news-card__text-content {
    padding: 30px;
    border-radius: 20px 0 0 20px
}

.news-card--big .news-card__thumb {
    height: 100%;
    border-radius: 0 20px 20px 0
}

.news-card--big .news-card__action {
    margin-top: 40px
}

.news-list {
    margin-bottom: 150px
}

.news-list .news-card {
    height: 100%
}

.news-list__list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(380px, 100%), 1fr));
    gap: 60px 20px
}

.news-list__list-item:first-child {
    grid-column: 1/-1
}

.notification-empty {
    max-width: 740px;
    margin: 0 auto
}

.notification-empty__thumb {
    width: 100px;
    height: 100px;
    margin: 0 auto 50px
}

.notification-empty__image {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.notification-empty__text {
    margin-bottom: 50px;
    font-size: 20px;
    font-weight: 800;
    line-height: 120%;
    color: #737373;
    text-align: center
}

.notification-empty__text p {
    margin: 0
}

.notification-empty__action {
    text-align: center
}

.notification-empty__action .btn {
    padding-inline: 50px
}

.offers {
    margin-bottom: 150px
}

.offers__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 20px
}

.offers__card {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%
}

.offers__card-thumb {
    position: relative;
    width: 100%;
    height: 350px;
    overflow: hidden;
    border-radius: 20px 20px 0 0
}

.offers__card-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.offers__card-body {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    padding: 30px;
    background-color: #1b1c1f;
    border-radius: 0 0 20px 20px
}

.offers__card-title {
    max-width: 450px
}

.offers__card-description {
    margin-bottom: 40px
}

.offers__card-description p {
    margin: 0
}

.offers__card-description p+p {
    margin-top: 10px
}

.offers__card-action {
    margin-top: auto
}

.offers__card-action .btn {
    width: 240px;
    max-width: 100%;
    padding-inline: 20px
}

.open-vacancies {
    margin-bottom: 150px
}

.open-vacancies .accordion__trigger {
    font-size: 30px
}

.open-vacancies__list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(450px, 100%), 1fr));
    gap: 20px 40px
}

.open-vacancies__list-item--last {
    display: flex;
    align-items: flex-end
}

.open-vacancies__list-title {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 800;
    line-height: 120%;
    color: #fff
}

.open-vacancies__sublist {
    padding: 0;
    margin: 0;
    list-style: none
}

.open-vacancies__sublist-item {
    position: relative;
    padding-left: 25px;
    color: #fff
}

.open-vacancies__sublist-item::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "—"
}

.organization-events {
    margin-bottom: 150px;
    overflow: clip
}

.organization-events .tabs__links {
    flex-wrap: nowrap;
    padding-right: 100vw;
    margin-right: -100vw;
    overflow: auto hidden
}

.organization-events .tabs__link-wrap {
    flex-shrink: 0
}

.organization-events .tabs__link {
    white-space: nowrap
}

.organization-events .slider-controls {
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 2
}

.organization-events .swiper {
    height: 100%
}

.organization-events .swiper-button-next,
.organization-events .swiper-button-prev {
    border-color: #fff
}

.organization-events .swiper-button-next path,
.organization-events .swiper-button-prev path {
    fill: #fff
}

.organization-events__card {
    position: relative;
    height: 570px;
    overflow: clip;
    border-radius: 20px
}

.organization-events__card-link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}

.organization-events__card-link::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 2;
    background: linear-gradient(182deg, rgba(0, 0, 0, 0) 33.68%, rgba(0, 0, 0, .4) 84.48%), linear-gradient(182deg, rgba(0, 0, 0, .4) 15.52%, rgba(0, 0, 0, 0) 40%);
    border-radius: 20px
}

.organization-events__card-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 0;
    border-radius: 20px
}

.organization-events__card-content {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 2;
    width: 100%;
    max-width: 450px;
    padding: 20px;
    background: rgba(20, 21, 23, .3);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 20px
}

.organization-events__card-title {
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: 800;
    line-height: 120%;
    color: #f7f7f7
}

.organization-events__card-description {
    color: #f7f7f7
}

.organization-events__card-description p {
    margin: 0
}

.page-description {
    margin-top: -30px;
    margin-bottom: 100px;
    font-size: 20px;
    line-height: 120%;
    color: #f7f7f7
}

.page-description p {
    margin: 0
}

.page-description__inner {
    max-width: 700px
}

.page-error-header {
    margin-top: 30px;
    margin-bottom: 150px
}

.page-error-header__card {
    position: relative;
    display: flex;
    align-items: flex-end;
    min-height: 650px;
    padding: 50px 15px;
    overflow: clip;
    border-radius: 20px
}

.page-error-header__card::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, .2)
}

.page-error-header__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.page-error-header__content {
    position: relative;
    z-index: 1;
    max-width: 800px;
    margin: 0 auto;
    text-align: center
}

.page-error-header__title {
    margin-bottom: 20px;
    font-size: 100px;
    line-height: 120%
}

.page-error-header__description {
    margin-bottom: 50px;
    font-size: 25px;
    font-weight: 600;
    line-height: 120%
}

.page-error-header__description p {
    margin: 0
}

.page-error-header__action {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 30px;
    align-items: center;
    justify-content: center
}

.page-error-header__action .btn {
    width: 230px
}

.page-error-header__bug-report {
    margin-top: 100px;
    font-weight: 600;
    line-height: 120%
}

.page-error-header__bug-report a {
    color: inherit
}

.page-error-header__bug-report a:hover {
    color: #f08
}

.page-footer {
    padding: 50px 0 30px;
    background: #1b1c1f
}

.page-footer a.is-active {
    color: #daff00
}

.page-footer__top {
    display: flex;
    flex-wrap: wrap;
    gap: 50px 30px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px
}

.page-footer__logo {
    max-width: 331px
}

.page-footer__button .btn {
    width: 100%;
    padding-inline: 50px
}

.page-footer__middle {
    display: grid;
    grid-template-columns: minmax(0, 280px) minmax(0, 243px) minmax(0, 230px) minmax(0, 177px) minmax(0, 250px);
    gap: 0 30px;
    padding: 30px;
    margin-bottom: 20px;
    background-color: #141517;
    border-radius: 30px
}

.page-footer__menu ul {
    padding: 0;
    margin: 0;
    font-size: 16px;
    list-style: none
}

.page-footer__menu li+li {
    margin-top: 10px
}

.page-footer__menu a {
    display: inline-flex;
    color: inherit
}

.page-footer__menu a:hover {
    color: #daff00
}

.page-footer__menu-text {
    display: inline-flex;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 800;
    line-height: 120%;
    color: inherit
}

.page-footer__bottom {
    padding: 30px;
    margin-bottom: 30px;
    background-color: #141517;
    border-radius: 20px
}

.page-footer__subscribe {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

.page-footer__subscribe-title {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 800;
    line-height: 120%
}

.page-footer__subscribe-description {
    max-width: 590px
}

.page-footer__copyright-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 30px;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    line-height: 120%;
    color: #737373
}

.page-footer__copyright-meta a {
    color: inherit
}

.page-footer__copyright-meta a:hover {
    color: #daff00
}

.page-header__top {
    background-color: #141517
}

.page-header__top-inner {
    display: flex;
    gap: 0 30px;
    align-items: center;
    min-height: 48px
}

.page-header__location {
    position: relative;
    display: flex;
    gap: 0 10px;
    align-items: center
}

.page-header__location-icon-wrap {
    width: 17px;
    height: 17px
}

.page-header__location-icon {
    width: 100%;
    height: 100%;
    -o-object-fit: scale-down;
    object-fit: scale-down
}

.page-header__location-value {
    width: auto;
    padding: 5px 0;
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: 0;
    font-size: 14px;
    color: #f08
}

.page-header__location-value::after {
    position: absolute;
    inset: 0;
    content: ""
}

.page-header__top-menu {
    flex-grow: 1;
    padding: 10px 0 5px 40px
}

.page-header__top-menu ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0 30px;
    align-items: center;
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #737373;
    list-style: none
}

.page-header__top-menu a {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 33px;
    color: inherit;
    text-align: left
}

.page-header__top-menu a:hover {
    color: #daff00
}

.page-header__phone {
    margin-left: auto;
    font-size: 14px;
    color: #737373
}

.page-header__phone a {
    color: inherit
}

.page-header__link {
    font-size: 16px;
    font-weight: 600;
    line-height: 120%;
    color: #f08
}

.page-header__link a {
    color: inherit
}

.page-header__link a:hover {
    color: #daff00
}

.page-header__bottom {
    background-color: #141517
}

.page-header__bottom-inner {
    position: relative;
    display: flex;
    gap: 0 20px;
    align-items: center;
    min-height: 60px;
    padding: 0 30px;
    background-color: #1b1c1f;
    border-radius: 100px
}

.page-header__logo {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    width: 133px
}

.page-header__search {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1
}

.page-header__search .feild-search {
    width: 300px
}

.page-header__search-mobile {
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center
}

.page-header__search-mobile-toggler {
    padding: 0;
    color: inherit;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid #737373;
    outline: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.page-header__menu {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1
}

.page-header__button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    white-space: nowrap
}

.page-header__lang-select {
    margin-left: auto
}

.page-header__login-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    overflow: clip;
    background-color: #192ed5;
    border-radius: 50%;
    transition: border-color .3s
}

.page-header__login-icon {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.page-header__burger {
    display: flex;
    align-items: center;
    justify-content: center
}

.pagination {
    margin-top: 50px
}

.pagination .screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0
}

.pagination .nav-links {
    display: flex;
    flex-wrap: wrap;
    gap: 5px
}

.pagination .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    min-width: 40px;
    height: 40px;
    padding: 5px;
    font-size: 16px;
    line-height: 120%;
    color: #f7f7f7;
    border-radius: 5px;
    transition: background-color .3s, color .3s
}

.pagination .page-numbers:focus,
.pagination .page-numbers:hover {
    color: #fff;
    text-decoration: none;
    background-color: #192ed5
}

.pagination .page-numbers.current {
    color: #fff;
    background-color: #192ed5
}

.pagination .page-numbers.next,
.pagination .page-numbers.prev {
    padding: 5px 15px
}

.pagination span.page-numbers {
    cursor: default
}

.part-of-team {
    margin-bottom: 150px
}

.part-of-team__row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 20px
}

.part-of-team__card {
    height: 100%;
    padding: 30px;
    background-color: #1b1c1f;
    border-radius: 20px
}

.part-of-team__title {
    margin-bottom: 30px
}

.part-of-team__description {
    margin-bottom: 70px;
    font-size: 25px;
    font-weight: 600;
    line-height: 120%
}

.part-of-team__description p {
    margin: 0
}

.part-of-team__action .btn {
    padding-inline: 50px
}

.part-of-team__thumb {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 396px;
    overflow: hidden;
    border-radius: 20px
}

.part-of-team__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.personal-data-card {
    padding: 40px 30px;
    background: #1b1c1f;
    border-radius: 20px
}

.personal-data-card .field-checkbox__name-text {
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    color: #f7f7f7
}

.personal-data-card .field-checkbox__name {
    gap: 0 20px
}

.personal-data-card .field-checkbox__input {
    width: 25px;
    height: 25px
}

.personal-data-card .field-checkbox__input::before {
    background-size: 15px
}

.personal-data-card .field-text__input.flatpickr-input {
    background-image: url(../images/field-text-calendar-icon--light.svg)
}

.personal-data-card .field-text__input.flatpickr-input::-moz-placeholder {
    color: #737373
}

.personal-data-card .field-text__input.flatpickr-input::placeholder {
    color: #737373
}

.personal-data-card.form .form__fieldset {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(350px, 100%), 1fr));
    gap: 30px 20px
}

.personal-data-card.form .form__action {
    margin-top: 50px
}

.personal-data-card__avatar {
    display: flex;
    gap: 0 20px;
    align-items: center;
    margin-bottom: 50px
}

.personal-data-card__avatar-thumb {
    flex-shrink: 0;
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 50%
}

.personal-data-card__avatar-thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.personal-data-card__avatar-content {
    display: flex;
    flex-direction: column;
    gap: 5px 0;
    align-items: flex-start;
    justify-content: flex-start
}

.personal-data-card__avatar-text {
    color: #737373;
    cursor: pointer
}

.personal-data-card__avatar-text a {
    color: inherit
}

.personal-data-card__avatar-text button {
    width: auto;
    padding: 0;
    color: inherit;
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: 0
}

.personal-data-card__title {
    margin-bottom: 50px;
    font-size: 20px;
    font-weight: 800;
    line-height: 120%
}

.personal-data-card--change-password .personal-data-card__form {
    max-width: 500px
}

.personal-data-card--change-password.form .form__fieldset {
    gap: 20px
}

.personal-dropdown {
    position: absolute;
    top: 2px;
    right: 0;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s
}

.personal-dropdown__card {
    width: 300px;
    max-width: 100%;
    padding: 40px 30px;
    background: #1b1c1f;
    border-radius: 20px;
    box-shadow: 0 0 20px 0 rgba(173, 173, 173, .15), 0 0 30px 0 rgba(25, 46, 213, .3)
}

.personal-dropdown__header {
    display: flex;
    gap: 0 10px;
    align-items: center;
    margin-bottom: 30px
}

.personal-dropdown__avatar {
    position: relative;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50%
}

.personal-dropdown__avatar img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.personal-dropdown__user-name {
    font-size: 20px;
    font-weight: 800;
    line-height: 120%
}

.personal-dropdown__user-name a {
    color: inherit
}

.personal-dropdown__user-mail {
    font-size: 14px;
    color: #737373
}

.personal-dropdown__user-mail a {
    color: inherit
}

.personal-dropdown__icon svg {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    color: #737373;
    transition: color .3s;
    transform: translateY(2px)
}

.personal-dropdown__icon path {
    stroke: currentColor
}

.personal-dropdown__icon--fill path {
    fill: currentColor;
    stroke: none
}

.personal-dropdown__menu {
    position: relative;
    padding-top: 30px
}

.personal-dropdown__menu::after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: block;
    height: 2px;
    content: "";
    background: linear-gradient(90deg, #28292e 0, #a6a6a6 50%, #28292e 100%);
    opacity: .3
}

.personal-dropdown__menu+.personal-dropdown__menu {
    margin-top: 30px
}

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

.personal-dropdown__menu li+li {
    margin-top: 10px
}

.personal-dropdown__menu a {
    display: inline-flex;
    gap: 0 10px;
    align-items: flex-start;
    color: inherit
}

.personal-dropdown__menu a:hover,
.personal-dropdown__menu a:hover svg {
    color: #daff00
}

.personal-dropdown.is-active {
    visibility: visible;
    opacity: 1
}

.personal-layout {
    margin-top: 110px;
    margin-bottom: 150px
}

.personal-layout__row {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 30px
}

.personal-menu {
    width: 100%;
    max-width: 100%;
    padding: 40px 30px;
    background: #1b1c1f;
    border-radius: 20px
}

.personal-menu__header {
    display: flex;
    gap: 0 10px;
    align-items: center;
    margin-bottom: 30px
}

.personal-menu__avatar {
    position: relative;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50%
}

.personal-menu__avatar img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.personal-menu__user-name {
    font-size: 20px;
    font-weight: 800;
    line-height: 120%
}

.personal-menu__user-name a {
    color: inherit
}

.personal-menu__user-mail {
    font-size: 14px;
    color: #737373
}

.personal-menu__user-mail a {
    color: inherit
}

.personal-menu__icon svg {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    color: #737373;
    transition: color .3s;
    transform: translateY(2px)
}

.personal-menu__icon path {
    stroke: currentColor
}

.personal-menu__icon--fill path {
    fill: currentColor;
    stroke: none
}

.personal-menu__menu {
    position: relative;
    padding-top: 30px
}

.personal-menu__menu::after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: block;
    height: 2px;
    content: "";
    background: linear-gradient(90deg, #28292e 0, #a6a6a6 50%, #28292e 100%);
    opacity: .3
}

.personal-menu__menu+.personal-menu__menu {
    margin-top: 30px
}

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

.personal-menu__menu li+li {
    margin-top: 10px
}

.personal-menu__menu li.is-active a,
.personal-menu__menu li.is-active a svg {
    color: #daff00
}

.personal-menu__menu a {
    display: inline-flex;
    gap: 0 10px;
    align-items: flex-start;
    color: inherit
}

.personal-menu__menu a:hover,
.personal-menu__menu a:hover svg {
    color: #daff00
}

.personal-sorting {
    position: relative;
    z-index: 4;
    width: 100%
}

.personal-sorting__toggler {
    padding: 15px 20px;
    cursor: pointer;
    border: none;
    outline: 0;
    display: flex;
    gap: 0 20px;
    justify-content: space-between;
    width: 100%;
    color: #f7f7f7;
    background: #1b1c1f;
    border-radius: 10px;
    transition: box-shadow .3s
}

.personal-sorting__toggler:hover {
    box-shadow: 0 0 6px 5px rgba(25, 46, 213, .2)
}

.personal-sorting__dropdown {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 2;
    padding: 20px;
    visibility: hidden;
    background: #1b1c1f;
    border-radius: 10px;
    box-shadow: 0 10px 10px 0 rgba(173, 173, 173, .15), 0 10px 20px 0 rgba(25, 46, 213, .3);
    opacity: 0;
    transition: opacity .3s
}

.personal-sorting__dropdown-list {
    padding: 0;
    margin: 0;
    list-style: none
}

.personal-sorting__dropdown-item+.personal-sorting__dropdown-item {
    margin-top: 10px
}

.personal-sorting__dropdown-link {
    display: flex;
    gap: 0 20px;
    justify-content: space-between;
    width: 100%;
    color: #f7f7f7
}

.personal-sorting__dropdown-link:hover,
.personal-sorting__dropdown-link:hover svg {
    color: #daff00
}

.personal-sorting__dropdown-link svg {
    color: #737373;
    transition: color .3s
}

.personal-sorting__dropdown-link path {
    fill: currentColor
}

.personal-sorting.is-active .personal-sorting__dropdown {
    visibility: visible;
    opacity: 1
}

.personal-sorting-panel {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between;
    margin-bottom: 50px
}

.personal-sorting-panel .feild-search__input {
    height: 50px
}

.personal-sorting-panel .feild-search,
.personal-sorting-panel .personal-sorting {
    width: 350px
}

.personal-ticket-card {
    position: relative;
    display: flex;
    align-items: flex-start;
    padding-bottom: 30px;
    margin-bottom: 30px
}

.personal-ticket-card::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    content: "";
    background: linear-gradient(90deg, #28292e 0, #a6a6a6 50%, #28292e 100%);
    opacity: .4
}

.personal-ticket-card__thumb {
    position: relative;
    display: block;
    flex-shrink: 0;
    width: 160px;
    height: 160px;
    overflow: clip;
    border-radius: 10px
}

.personal-ticket-card__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px
}

.personal-ticket-card__content {
    flex-grow: 1;
    padding-left: 10px
}

.personal-ticket-card__header {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 30px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px
}

.personal-ticket-card__genre-list {
    display: flex;
    flex-wrap: wrap;
    gap: 5px
}

.personal-ticket-card__genre-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 25px;
    padding: 0 15px;
    font-size: 14px;
    text-align: center;
    border: 1px solid #737373;
    border-radius: 100px
}

.personal-ticket-card__price {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 20px;
    font-size: 25px;
    font-weight: 600;
    line-height: 120%
}

.personal-ticket-card__price-current {
    white-space: nowrap
}

.personal-ticket-card__count {
    color: #737373
}

.personal-ticket-card__info {
    display: flex;
    gap: 0 20px;
    justify-content: space-between
}

.personal-ticket-card__info-item {
    min-width: 200px
}

.personal-ticket-card__title {
    margin-bottom: 10px;
    font-size: 25px;
    font-weight: 600;
    line-height: 120%
}

.personal-ticket-card__location {
    display: flex;
    gap: 0 10px;
    align-items: center;
    margin-bottom: 7px;
    color: #fff
}

.personal-ticket-card__location::before {
    display: block;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    content: "";
    background-image: url(../images/hero-location-icon.svg);
    background-repeat: no-repeat;
    background-position: center
}

.personal-ticket-card__links {
    display: grid;
    gap: 5px 0;
    justify-items: end;
    margin-top: 20px;
    margin-bottom: 23px;
    font-size: 20px;
    font-weight: 600;
    line-height: 120%;
    color: #daff00;
    text-align: right
}

.personal-ticket-card__links a {
    color: inherit
}

.personal-ticket-card__links a:hover {
    color: #f08
}

.personal-ticket-card__return-link {
    font-size: 20px;
    font-weight: 600;
    line-height: 120%;
    color: #737373;
    text-align: right
}

.personal-ticket-card__return-link a {
    color: inherit
}

.personal-ticket-card__return-link a:hover {
    color: #f08
}

.personal-ticket-list .personal-ticket-card:last-child {
    padding-bottom: 0;
    margin-bottom: 0
}

.personal-ticket-list .personal-ticket-card:last-child::after {
    display: none
}

.photogallery {
    margin-bottom: 120px;
    overflow: hidden
}

.photogallery .swiper {
    overflow: visible
}

.photogallery .swiper-slide {
    width: 500px
}

.photogallery__header {
    display: flex;
    gap: 0 30px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px
}

.photogallery__title {
    margin-bottom: 0
}

.photogallery__link {
    position: relative;
    display: block;
    height: 400px;
    overflow: hidden;
    border-radius: 20px
}

.photogallery__link:hover .photogallery__image {
    transform: scale(1.05)
}

.photogallery__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform .8s
}

.plan-glamping {
    margin-bottom: 150px
}

.plan-glamping__row {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(500px, 100%), 1fr));
    gap: 20px
}

.plan-glamping__card {
    padding: 30px;
    background: #192ed5;
    border-radius: 20px
}

.plan-glamping__card-title {
    margin-bottom: 20px;
    color: #fff
}

.plan-glamping__card-description {
    margin-bottom: 100px;
    font-size: 20px;
    line-height: 120%
}

.plan-glamping__card-description p {
    margin: 0
}

.plan-glamping__card-action .btn {
    padding-inline: 50px
}

.plan-glamping__thumb {
    position: relative;
    height: 100%;
    min-height: 398px;
    overflow: clip;
    border-radius: 20px
}

.plan-glamping__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.possibilities-sites {
    margin-bottom: 150px
}

.possibilities-sites__list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr));
    gap: 20px
}

.possibilities-sites__item {
    padding: 30px;
    background-color: #1b1c1f;
    border-radius: 20px
}

.possibilities-sites__icon-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    margin-bottom: 90px
}

.possibilities-sites__text {
    font-size: 25px;
    font-weight: 600;
    line-height: 120%
}

.possibilities-sites--3-cols .possibilities-sites__list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(350px, 100%), 1fr));
    gap: 20px
}

.projects {
    margin-bottom: 150px
}

.projects .btn--border:hover {
    color: #daff00;
    background-color: transparent
}

.projects__list {
    padding: 0;
    margin: 0;
    list-style: none
}

.projects__list-title {
    margin: 0;
    transition: color .3s
}

.projects__list-item {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 20px;
    padding: 40px 30px;
    border-radius: 20px;
    transition: background-color .3s
}

.projects__list-item:hover .projects__list-footer-button {
    opacity: 1
}

.projects__list-item:hover .projects__list-title {
    color: #daff00
}

.projects__list-item::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    background: linear-gradient(90deg, #28292e 0, #a6a6a6 50%, #28292e 100%)
}

.projects__list-item:last-child::after {
    display: none;
    content: none
}

.projects__list-header {
    display: grid;
    grid-template-columns: 1fr 325px;
    gap: 20px
}

.projects__list-content {
    display: flex;
    flex-direction: column
}

.projects__list-thumb {
    position: relative;
    width: 100%;
    max-width: 325px;
    height: 176px;
    overflow: hidden;
    border-radius: 20px
}

.projects__list-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.projects__list-text {
    margin-bottom: 32px;
    font-weight: 600
}

.projects__list-text p {
    margin: 0
}

.projects__list-footer {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0 30px;
    align-items: flex-end;
    margin-top: auto
}

.projects__list-footer-text {
    color: #737373
}

.projects__list-footer-button {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    opacity: 0;
    transition: opacity .3s
}

.projects__list-footer-button .btn::after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    content: ""
}

.promo-widget {
    position: fixed;
    bottom: 40px;
    left: 40px;
    z-index: 99
}

.promo-widget__inner {
    position: relative;
    width: 230px;
    color: #141517;
    border-radius: 10px;
    box-shadow: 0 0 20px 0 rgba(173, 173, 173, .3)
}

.promo-widget__close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
    width: 20px;
    height: 20px;
    background-image: url(../images/promo-widget-close.svg)
}

.promo-widget__thumb {
    position: relative;
    width: 100%;
    height: 120px;
    overflow: hidden;
    border-radius: 10px 10px 0 0
}

.promo-widget__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.promo-widget__body {
    padding: 15px 10px;
    background-color: #fff;
    border-radius: 0 0 10px 10px
}

.promo-widget__date {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 120%
}

.promo-widget__title {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 120%
}

.promo-widget__place {
    display: inline-flex;
    gap: 0 10px;
    align-items: center;
    font-size: 12px;
    line-height: 120%;
    color: #737373
}

.promo-widget__place::before {
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    content: "";
    background-image: url(../images/promo-widget-geo.svg);
    background-repeat: no-repeat;
    background-position: center
}

.related-accounts {
    padding: 40px 30px;
    margin-top: 50px;
    background: #1b1c1f;
    border-radius: 20px
}

.related-accounts__title {
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 800;
    line-height: 120%;
    color: #f7f7f7
}

.related-accounts__list-item {
    display: flex;
    gap: 0 10px;
    align-items: center
}

.related-accounts__list-item+.related-accounts__list-item {
    margin-top: 20px
}

.related-accounts__list-icon {
    flex-shrink: 0;
    width: 35px;
    height: 35px;
    overflow: hidden;
    border-radius: 50%
}

.related-accounts__list-icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.related-accounts__list-text {
    color: #737373
}

.related-accounts__list-text a {
    color: inherit
}

.related-accounts__add {
    margin-top: 50px
}

.related-accounts__add-title {
    margin-bottom: 30px
}

.rent-card {
    position: relative;
    display: block;
    min-height: 250px;
    padding: 20px;
    overflow: hidden;
    color: #f7f7f7;
    border-radius: 20px
}

.rent-card:hover {
    color: #daff00
}

.rent-card::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 1;
    background: rgba(0, 0, 0, .5)
}

.rent-card__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 0
}

.rent-card__title {
    position: relative;
    z-index: 2;
    font-size: 30px;
    font-weight: 800;
    line-height: 120%
}

.rent-description {
    margin-bottom: 100px
}

.rent-description .video {
    margin-bottom: 0
}

.rent-description__header {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 30px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px
}

.rent-description__title {
    margin: 0
}

.rent-description__location {
    display: inline-flex;
    gap: 0 10px;
    align-items: center;
    font-size: 20px;
    line-height: 120%
}

.rent-description__location::before {
    display: block;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    content: "";
    background-image: url(../images/rent-description-location-icon.svg);
    background-repeat: no-repeat;
    background-position: center
}

.rent-description__list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr));
    gap: 20px;
    padding: 0;
    margin: 0 0 30px;
    list-style: none
}

.rent-description__list-item {
    padding: 20px 30px;
    background: #1b1c1f;
    border-radius: 20px
}

.rent-description__list-title {
    margin-bottom: 10px
}

.rent-description__list-value {
    font-size: 30px;
    font-weight: 800;
    line-height: 120%
}

.rent-description__video {
    margin-bottom: 30px
}

.rent-description__action {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(400px, 100%), 1fr));
    gap: 30px
}

.rent-description--last,
.rent-header {
    margin-bottom: 150px
}

.rent-header .swiper-slide {
    width: 325px
}

.rent-header__header {
    display: flex;
    gap: 0 30px;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 50px
}

.rent-header__header-text {
    max-width: 700px
}

.rent-header__title {
    margin-bottom: 20px
}

.rent-header__title--no-margin {
    margin-bottom: 0
}

.rent-header__description {
    font-size: 20px;
    line-height: 120%
}

.rent-header__description p {
    margin: 0
}

.rent-header--entertainments {
    overflow: clip
}

.rent-header--entertainments .swiper {
    overflow: visible
}

.rental-price-included {
    margin-bottom: 150px
}

.rental-price-included__title {
    max-width: 900px
}

.rental-price-included__list {
    padding: 0;
    margin: 0;
    list-style: none
}

.rental-price-included__list-item {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(500px, 100%), 1fr));
    gap: 20px;
    position: relative;
    padding: 20px 0
}

.rental-price-included__list-item::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    background: linear-gradient(90deg, #28292e 0, #a6a6a6 50%, #28292e 100%)
}

.rental-price-included__list-title {
    font-size: 30px;
    font-weight: 800;
    line-height: 120%
}

.rental-price-included__list-text {
    font-weight: 600
}

.rental-price-included__list-text p {
    margin: 0
}

.renting-club {
    margin-bottom: 150px
}

.renting-club__row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px
}

.renting-club__description {
    max-width: 550px
}

.renting-club__description p {
    margin: 0
}

.renting-club__action {
    max-width: 100%;
    margin-top: 100px
}

.renting-club__list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr));
    gap: 20px
}

.result-search-card {
    position: relative;
    display: flex;
    gap: 0 10px
}

.result-search-card__thumb {
    position: relative;
    display: block;
    flex-shrink: 0;
    width: 100px;
    height: 100px;
    overflow: clip;
    border-radius: 10px
}

.result-search-card__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.result-search-card__genre {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 5px
}

.result-search-card__genre-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 16px;
    padding: 0 10px 1px;
    font-size: 12px;
    line-height: 120%;
    text-align: center;
    border: 1px solid #737373;
    border-radius: 100px
}

.result-search-card__title {
    margin-bottom: 5px;
    font-size: 25px;
    font-weight: 600;
    line-height: 120%;
    color: inherit
}

.result-search-card__title::after {
    position: absolute;
    inset: 0;
    z-index: 1;
    content: ""
}

.result-search-card__location {
    display: flex;
    gap: 0 10px;
    margin-bottom: 1px;
    font-size: 14px;
    color: #fff
}

.result-search-card__location::before {
    display: block;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    content: "";
    background-image: url(../images/event-card-location-icon.svg);
    background-repeat: no-repeat;
    background-position: center
}

.result-search-card__date {
    font-size: 14px
}

.return-full {
    margin-bottom: 150px
}

.return-full__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(500px, 100%), 1fr));
    gap: 20px
}

.return-full__card {
    padding: 30px;
    background-color: #1b1c1f;
    border-radius: 20px
}

.return-full__title {
    margin-bottom: 100px
}

.return-full__description {
    max-width: 542px
}

.return-full__description p {
    margin: 0
}

.return-full__thumb {
    position: relative;
    height: 100%;
    min-height: 300px;
    overflow: hidden;
    border-radius: 20px
}

.return-full__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.reviews {
    margin-bottom: 150px;
    overflow: clip
}

.reviews .swiper {
    overflow: visible
}

.reviews .swiper-slide {
    width: 400px;
    height: auto
}

.reviews__header {
    display: flex;
    gap: 0 30px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px
}

.reviews__title {
    margin-bottom: 0
}

.reviews__card {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 500px;
    overflow: clip;
    background: #1b1c1f;
    border-radius: 20px
}

.reviews__card--video:hover::after {
    transform: scale(1.1)
}

.reviews__card--video::before {
    position: absolute;
    inset: 0;
    z-index: 1;
    content: "";
    background: linear-gradient(182deg, rgba(0, 0, 0, 0) 33.68%, rgba(0, 0, 0, .4) 84.48%), linear-gradient(182deg, rgba(0, 0, 0, .4) 15.52%, rgba(0, 0, 0, 0) 66.32%)
}

.reviews__card--video::after {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 2;
    width: 100px;
    height: 100px;
    content: "";
    background-color: rgba(247, 247, 247, .15);
    background-image: url(../images/reviews-play-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    border-radius: 50%;
    transition: transform .6s
}

.reviews__card-inner {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 20px
}

.reviews__card-video-link {
    position: absolute;
    inset: 0;
    z-index: 4;
    display: block
}

.reviews__card-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 0;
    border-radius: 20px
}

.reviews__card-author {
    margin-bottom: 5px;
    font-size: 20px;
    line-height: 120%;
    color: #f7f7f7
}

.reviews__card-position {
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 800;
    line-height: 120%;
    color: #daff00
}

.reviews__card-text {
    flex-grow: 1;
    max-height: 312px;
    overflow: clip;
    color: #f7f7f7
}

.reviews__card-text img:not([class]) {
    width: 80px;
    height: 80px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 5px
}

.reviews__card-text p {
    margin: 0 0 10px
}

.reviews__card-read-more {
    margin-top: 17px;
    font-size: 20px;
    font-weight: 600;
    line-height: 120%;
    color: #daff00
}

.reviews__card-read-more a {
    color: inherit
}

.reviews-simple {
    margin-bottom: 150px
}

.reviews-simple .swiper-slide {
    width: 433px
}

.reviews-simple__header {
    display: flex;
    gap: 0 30px;
    justify-content: space-between;
    margin-bottom: 50px
}

.reviews-simple__title {
    margin: 0
}

.reviews-simple__card {
    padding: 30px;
    background: #1b1c1f;
    border-radius: 20px
}

.reviews-simple__card-header {
    display: flex;
    gap: 0 20px;
    margin-bottom: 24px
}

.reviews-simple__card-avatar-wrap {
    position: relative;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50%
}

.reviews-simple__card-avatar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.reviews-simple__card-author {
    font-weight: 600;
    color: #737373
}

.reviews-simple__card-subtitle {
    font-size: 14px;
    color: #737373
}

.reviews-simple__card-text {
    max-height: 168px;
    overflow: hidden
}

.reviews-simple__card-text p {
    margin: 0
}

.reviews-simple__card-read {
    margin-top: 32px;
    font-weight: 600;
    line-height: 120%;
    color: #daff00
}

.reviews-simple__card-read a {
    color: inherit
}

.reviews-simple__card-read a:hover {
    color: #f08
}

.rules-for-use {
    margin-bottom: 150px
}

.rules-for-use__list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px
}

.rules-for-use__list-item {
    padding: 30px;
    background: #1b1c1f;
    border-radius: 20px
}

.rules-for-use__list-title {
    margin-bottom: 30px;
    font-size: 20px;
    line-height: 120%
}

.rules-for-use__list-text {
    font-size: 25px;
    font-weight: 600;
    line-height: 120%
}

.rules-for-use__list-text p {
    margin: 0
}

.rules-for-use__list-text p+p {
    margin-top: 20px
}

.scheme-club {
    margin-bottom: 150px
}

.scheme-club__header {
    display: flex;
    gap: 0 30px;
    justify-content: space-between;
    margin-bottom: 100px
}

.scheme-club__title {
    margin: 0
}

.scheme-club__description {
    max-width: 670px
}

.scheme-club__description p {
    margin: 0
}

.scheme-club__card {
    width: 100%;
    margin-bottom: 20px
}

.scheme-club__background {
    width: 100%;
    border-radius: 20px
}

.scheme-club__list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr));
    gap: 20px
}

.scheme-club__list .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 100px;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 600;
    line-height: 120%;
    border-radius: 20px
}

.scheme-club__list-item {
    padding: 20px 30px;
    background: #1b1c1f;
    border-radius: 20px
}

.scheme-club__list-title {
    margin-bottom: 10px
}

.scheme-club__list-text {
    font-size: 30px;
    font-weight: 800;
    line-height: 120%
}

.search-modal .feild-search__input {
    height: 80px;
    padding-right: 100px;
    padding-left: 50px;
    font-size: 25px;
    font-weight: 600;
    line-height: 120%;
    border-color: #f7f7f7
}

.search-modal .feild-search__btn {
    right: 0;
    width: 80px;
    background-image: url(../images/feild-search-icon--big.svg);
    background-position: left 10px center;
    background-size: 30px;
    border-radius: 0 100px 100px 0
}

.search-modal__search {
    max-width: 1000px
}

.search-modal__empty-notification {
    max-width: 740px;
    padding-left: 50px;
    margin-top: 50px;
    font-size: 25px;
    font-weight: 600;
    line-height: 120%;
    background-image: url(../images/search-modal-notify.svg);
    background-repeat: no-repeat;
    background-position: left top
}

.search-modal__empty-notification p {
    margin: 0
}

.search-modal__result-scroll {
    max-height: 320px;
    margin-top: 50px;
    overflow: hidden auto
}

.search-modal__result-list {
    padding: 0;
    margin: 0;
    list-style: none
}

.search-modal__result-item+.search-modal__result-item {
    margin-top: 30px
}

.services-tabs {
    margin-bottom: 150px
}

.services-tabs .tabs__links {
    flex-direction: column;
    gap: 0;
    margin: 0
}

.services-tabs .tabs__link-wrap {
    position: relative
}

.services-tabs .tabs__link-wrap::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    background: linear-gradient(90deg, #28292e 0, #a6a6a6 50%, #28292e 100%)
}

.services-tabs .tabs__link-wrap:last-child::after {
    display: none;
    content: none
}

.services-tabs .tabs__link-wrap--active .tabs__link {
    color: #daff00;
    background-color: #1b1c1f
}

.services-tabs .tabs__link {
    justify-content: flex-start;
    width: 100%;
    padding: 30px;
    font-size: 30px;
    font-weight: 800;
    line-height: 120%;
    color: #f7f7f7;
    text-align: left;
    background-color: transparent;
    border-radius: 20px;
    transition: background-color .3s
}

.services-tabs__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 20px
}

.services-tabs__title {
    margin-bottom: 50px
}

.services-tabs__card-devices {
    display: none;
    margin-bottom: 20px
}

.services-tabs__card {
    position: relative;
    display: flex;
    align-items: flex-end;
    width: 100%;
    min-height: 578px;
    overflow: hidden;
    border-radius: 20px
}

.services-tabs__card-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.services-tabs__card-content {
    position: relative;
    z-index: 1;
    padding: 30px;
    background: rgba(20, 21, 23, .5);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border-radius: 20px 20px 0 0
}

.services-tabs__card-text {
    margin-bottom: 40px
}

.services-tabs__card-text p {
    margin: 0
}

.sign-up-notifications {
    margin-bottom: 120px
}

.sign-up-notifications .form__fieldset {
    gap: 30px 0
}

.sign-up-notifications .form__action {
    margin-top: 0
}

.sign-up-notifications__row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 20px
}

.sign-up-notifications__card {
    position: relative;
    min-height: 650px;
    padding: 30px;
    background-color: #1b1c1f;
    border-radius: 20px
}

.sign-up-notifications__card--padding-no {
    padding: 0
}

.sign-up-notifications__card--flex-column {
    display: flex;
    flex-direction: column
}

.sign-up-notifications__title {
    margin-bottom: 30px
}

.sign-up-notifications__subtitle {
    margin-bottom: 50px
}

.sign-up-notifications__form {
    margin-top: auto
}

.sign-up-notifications__image-wrap {
    overflow: hidden;
    border-radius: 20px
}

.sign-up-notifications__image {
    width: 100%
}

.similar-artists-card {
    position: relative
}

.similar-artists-card:hover .similar-artists-card__thumb {
    border-color: #737373;
    box-shadow: 0 2px 20px 0 rgba(173, 173, 173, .15), 0 2px 30px 0 rgba(25, 46, 213, .5)
}

.similar-artists-card:hover .similar-artists-card__title {
    color: #fff
}

.similar-artists-card__thumb {
    position: relative;
    height: 300px;
    margin-bottom: 20px;
    overflow: hidden;
    border: 1px solid #404040;
    border-radius: 20px;
    box-shadow: 0 2px 20px 0 rgba(173, 173, 173, .15);
    transition: box-shadow .3s, border-color .3s
}

.similar-artists-card__thumb::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, .1);
    transition: opacity .3s
}

.similar-artists-card__image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -o-object-fit: cover;
    object-fit: cover
}

.similar-artists-card__favorite-button {
    padding: 0;
    color: inherit;
    cursor: pointer;
    border: none;
    outline: 0;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 3;
    width: 50px;
    height: 50px;
    background-color: transparent;
    background-image: url(../images/event-card-favorite-icon.svg);
    background-repeat: no-repeat;
    background-position: center
}

.similar-artists-card__favorite-button.is-favorite,
.similar-artists-card__favorite-button:hover {
    background-image: url(../images/event-card-favorite-icon--active.svg)
}

.similar-artists-card__title {
    display: block;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 800;
    line-height: 120%;
    color: #fff;
    text-align: left
}

.similar-artists-card__title::after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: ""
}

.similar-artists-card__genre {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 5px 20px;
    text-align: center;
    border: 1px solid #737373;
    border-radius: 100px
}

.slider-controls {
    display: flex;
    gap: 0 15px;
    align-items: center
}

.slider-controls .swiper-button-next,
.slider-controls .swiper-button-prev {
    position: static;
    inset: auto;
    flex-shrink: 0;
    margin: 0;
    transform: none
}

.spacer--10 {
    height: 1cm
}

.spacer--20 {
    height: 20px
}

.spacer--30 {
    height: 30px
}

.spacer--40 {
    height: 40px
}

.spacer--50 {
    height: 50px
}

.spacer--60 {
    height: 60px
}

.spacer--70 {
    height: 70px
}

.subscribe {
    margin-bottom: 150px
}

.subscribe__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 20px
}

.subscribe__information {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    height: 100%;
    padding: 30px;
    text-align: left;
    background-color: #1b1c1f;
    border-radius: 20px
}

.subscribe__title {
    margin-bottom: 100px
}

.subscribe__social {
    padding: 0;
    margin: auto 0 0;
    list-style: none
}

.subscribe__social-item {
    display: flex
}

.subscribe__social-item+.subscribe__social-item {
    margin-top: 10px
}

.subscribe__social-link {
    display: inline-flex;
    gap: 0 20px;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 120%;
    color: #daff00
}

.subscribe__social-link:hover {
    color: #f08
}

.subscribe__social-link:hover path {
    fill: #f08
}

.subscribe__social-icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px
}

.subscribe__social-icon svg {
    width: 100%;
    height: 100%
}

.subscribe__social-icon path {
    transition: fill .3s
}

.subscribe__thumb {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 328px;
    overflow: hidden;
    border-radius: 20px
}

.subscribe__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.success-modal__title {
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: 800;
    line-height: 120%
}

.success-modal__text p {
    margin: 0
}

.success-modal__action {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 30px;
    margin-top: 50px
}

.success-modal__action .btn {
    width: 230px;
    max-width: 100%
}

.swiper-button-next,
.swiper-button-prev {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid #737373;
    border-radius: 50%;
    transition: border-color .3s
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    border-color: #daff00
}

.swiper-button-next:hover path,
.swiper-button-prev:hover path {
    fill: #daff00
}

.swiper-button-next::after,
.swiper-button-prev::after {
    display: none;
    content: none
}

.swiper-button-next svg,
.swiper-button-prev svg {
    width: 20px;
    height: 20px
}

.swiper-button-next path,
.swiper-button-prev path {
    transition: fill .3s
}

.tabs__links {
    padding: 0;
    margin: 0 0 20px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.tabs__link-wrap {
    position: relative
}

.tabs__link-wrap--active .tabs__link {
    color: #fff;
    background-color: #192ed5
}

.tabs__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 20px;
    font-weight: 600;
    line-height: 100%;
    color: #737373;
    text-align: center;
    background: #1b1c1f;
    border-radius: 100px;
    transition: background-color .3s, color .3s, border-color .3s
}

.tabs__link:hover {
    color: #fff;
    background-color: #192ed5
}

.tabs__content-wrapper {
    display: block
}

.tabs__content-item {
    position: relative;
    display: none
}

.tabs__content-item--active {
    display: block;
    animation: .3s tab-fade-in
}

.tabs--border-buttons .tabs__links {
    flex-wrap: nowrap;
    overflow: auto hidden;
    margin-bottom: 50px
}

.tabs--border-buttons .tabs__link {
    padding-top: 11px;
    padding-bottom: 11px;
    color: #f7f7f7;
    background-color: transparent;
    border: 1px solid #737373
}

.tabs--border-buttons .tabs__link-wrap--active .tabs__link,
.tabs--border-buttons .tabs__link:hover {
    color: #fff;
    background-color: #192ed5;
    border-color: #192ed5
}

@keyframes tab-fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.team-hero {
    margin: 30px 0 50px
}

.team-hero__card {
    position: relative;
    overflow: hidden;
    border-radius: 20px
}

.team-hero__card::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(182deg, rgba(0, 0, 0, 0) 33.68%, rgba(0, 0, 0, .4) 84.48%), linear-gradient(182deg, rgba(0, 0, 0, .4) 15.52%, rgba(0, 0, 0, 0) 66.32%)
}

.team-hero__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 0
}

.team-hero__inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    min-height: 400px;
    padding: 30px 100px 40px 40px
}

.team-hero__breadcrumbs .breadcrumbs {
    padding: 0;
    margin: 0
}

.team-hero__content {
    margin-top: auto
}

.team-hero__title {
    margin: 0
}

.team-hero__controls {
    position: absolute;
    top: 30px;
    right: 40px;
    z-index: 1
}

.team-hero__share-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: inherit;
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: 0;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    background-image: url(../images/hero-event-share-icon.svg);
    background-repeat: no-repeat;
    background-position: center
}

.team-hero__share-button:hover {
    background-image: url(../images/hero-event-share-icon--active.svg)
}

.team-management {
    margin-bottom: 150px
}

.team-management__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding: 0;
    margin: 0;
    list-style: none
}

.team-management__list-item {
    position: relative;
    display: flex;
    flex-direction: column
}

.team-management__list-item--supervisor {
    grid-column: 1/-1
}

.team-management__list-item--supervisor .team-management__list-name {
    margin-bottom: 10px;
    font-size: 30px
}

.team-management__list-item--supervisor .team-management__list-footer,
.team-management__list-item--supervisor .team-management__list-position {
    font-size: 25px
}

.team-management__list-thumb {
    position: relative;
    height: 250px;
    margin-bottom: 10px;
    overflow: hidden;
    border-radius: 20px
}

.team-management__list-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top
}

.team-management__list-content {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    padding: 30px;
    background-color: #1b1c1f;
    border-radius: 20px
}

.team-management__list-header {
    margin-bottom: 20px
}

.team-management__list-name {
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: 800;
    line-height: 120%
}

.team-management__list-position {
    font-weight: 600;
    color: #737373
}

.team-management__list-footer {
    margin-top: auto;
    font-size: 20px;
    font-weight: 600;
    line-height: 120%
}

.team-management__list-footer a {
    color: inherit
}

.team-management__list-phone {
    margin-bottom: 5px
}

.team-search {
    margin-bottom: 150px
}

.team-search .feild-search__input {
    height: 60px
}

.to-top {
    padding: 0;
    color: inherit;
    cursor: pointer;
    border: none;
    outline: 0;
    position: fixed;
    bottom: 40px;
    left: 40px;
    z-index: 99;
    width: 50px;
    height: 50px;
    visibility: hidden;
    background-color: #192ed5;
    background-image: url(../images/to-up.svg);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    opacity: 0;
    transition: opacity .3s
}

.tour-club {
    margin-bottom: 150px
}

.tour-club__tour {
    position: relative;
    min-height: 600px;
    overflow: clip;
    border-radius: 20px
}

.tour-club__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 0
}

.unit-card {
    position: relative;
    display: flex;
    flex-direction: column
}

.unit-card__list-thumb {
    position: relative;
    height: 250px;
    margin-bottom: 10px;
    overflow: hidden;
    border-radius: 20px
}

.unit-card__list-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top
}

.unit-card__list-content {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    padding: 30px;
    background-color: #1b1c1f;
    border-radius: 20px
}

.unit-card__list-header {
    margin-bottom: 20px
}

.unit-card__list-name {
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: 800;
    line-height: 120%
}

.unit-card__list-position {
    font-weight: 600;
    color: #737373
}

.unit-card__list-footer {
    margin-top: auto;
    font-size: 20px;
    font-weight: 600;
    line-height: 120%
}

.unit-card__list-footer a {
    color: inherit
}

.unit-card__list-phone {
    margin-bottom: 5px
}

.units {
    margin-bottom: 150px
}

.units .unit-card {
    height: 100%
}

.units__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 20px;
    padding: 0;
    margin: 0;
    list-style: none
}

.vacancies-hero {
    margin: 30px 0 150px
}

.vacancies-hero__card {
    position: relative;
    overflow: hidden;
    border-radius: 20px
}

.vacancies-hero__card::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(182deg, rgba(0, 0, 0, 0) 33.68%, rgba(0, 0, 0, .4) 84.48%), linear-gradient(182deg, rgba(0, 0, 0, .4) 15.52%, rgba(0, 0, 0, 0) 66.32%)
}

.vacancies-hero__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 0
}

.vacancies-hero__inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    min-height: 400px;
    padding: 30px 100px 40px 40px
}

.vacancies-hero__breadcrumbs .breadcrumbs {
    padding: 0;
    margin: 0
}

.vacancies-hero__content {
    margin-top: auto
}

.vacancies-hero__title {
    margin: 0
}

.vacancies-hero__controls {
    position: absolute;
    top: 30px;
    right: 40px;
    z-index: 1
}

.vacancies-hero__share-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: inherit;
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: 0;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    background-image: url(../images/hero-event-share-icon.svg);
    background-repeat: no-repeat;
    background-position: center
}

.vacancies-hero__share-button:hover {
    background-image: url(../images/hero-event-share-icon--active.svg)
}

.video {
    margin-bottom: 120px
}

.video__title {
    max-width: 900px
}

.video__card {
    position: relative;
    height: 600px;
    overflow: hidden;
    background-color: #1b1c1f;
    border-radius: 20px
}

.video__link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 20px
}

.video__link:hover .video__image {
    transform: scale(1.05)
}

.video__link::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 1;
    background: rgba(0, 0, 0, .2)
}

.video__link::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    width: 150px;
    height: 150px;
    overflow: clip;
    content: "";
    background-color: rgba(247, 247, 247, .15);
    background-image: url(../images/video-play-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border-radius: 50%
}

.video__image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform .8s
}

.video-list {
    margin-bottom: 120px;
    overflow: hidden
}

.video-list .swiper {
    overflow: visible
}

.video-list .swiper-slide {
    width: 1000px
}

.video-list__header {
    display: flex;
    gap: 0 30px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px
}

.video-list__title {
    margin: 0
}

.video-list__link {
    position: relative;
    display: block;
    width: 100%;
    height: 550px;
    overflow: hidden;
    border-radius: 20px
}

.video-list__link:hover .video-list__image {
    transform: scale(1.05)
}

.video-list__link::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 150px;
    height: 150px;
    content: "";
    background-color: rgba(247, 247, 247, .15);
    background-image: url(../images/video-play-icon.svg);
    background-repeat: no-repeat;
    background-position: left 55% center;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border-radius: 50%
}

.video-list__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform .8s
}

.viewed-widget {
    position: fixed;
    right: 40px;
    bottom: 40px;
    z-index: 99
}

.viewed-widget__inner {
    position: relative;
    display: inline-flex;
    gap: 0 10px;
    align-items: center;
    width: 300px;
    padding: 13px 40px 13px 10px;
    background-color: #192ed5;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px
}

.viewed-widget__close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
    width: 20px;
    height: 20px;
    background-image: url(../images/promo-widget-close.svg)
}

.viewed-widget__thumb {
    position: relative;
    display: block;
    flex-shrink: 0;
    width: 50px;
    height: 64px;
    overflow: hidden;
    border-radius: 10px
}

.viewed-widget__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.viewed-widget__up-text {
    padding-right: 50px;
    margin-bottom: 13px;
    font-size: 12px;
    line-height: 120%
}

.viewed-widget__title {
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 120%;
    color: #f7f7f7
}

.viewed-widget__collapse {
    padding: 0;
    color: inherit;
    border: none;
    outline: 0;
    display: none;
    width: 50px;
    height: 50px;
    cursor: pointer;
    background-color: #192ed5;
    background-image: url(../images/viewed-widget-collapse-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%
}

.viewed-widget--collapsed .viewed-widget__inner {
    display: none
}

.viewed-widget--collapsed .viewed-widget__collapse {
    display: block
}

@media (min-width:768px) {
    .breadcrumbs--only-mobile {
        display: none
    }

    .hero-event__action .btn {
        padding-inline: 50px
    }

    .modal--search .modal__dialog {
        align-items: flex-start;
        min-height: calc(100% - 150px);
        margin-top: 75px;
        margin-bottom: 75px
    }

    .open-vacancies__list-item .btn {
        padding-inline: 50px
    }

    .page-header__search-mobile {
        display: none
    }

    .rent-description .video__card {
        height: 550px
    }

    .team-search .feild-search__input {
        font-size: 20px
    }

    .to-top--visible {
        visibility: visible;
        opacity: 1
    }
}

@media (min-width:1024px) {
    .amount-returns__item {
        grid-column: span 4
    }

    .amount-returns__item:nth-child(4),
    .amount-returns__item:nth-child(5) {
        grid-column: span 6
    }

    .clubs__list-item:hover,
    .concerts__list-item:hover {
        background-color: #1b1c1f
    }

    .contacts-list__card-address,
    .contacts-list__card-worktime {
        text-align: right
    }

    .event-filter .field-checkbox:hover .field-checkbox__name-text {
        background-color: #192ed5;
        border-color: #192ed5
    }

    .event-filter__reset-button {
        position: absolute;
        top: 4px;
        right: 0
    }

    .main-nav .sub-menu {
        position: absolute;
        top: 100%;
        left: -30px;
        z-index: 100;
        width: auto;
        padding: 0 30px 15px;
        border-radius: 0 0 10px 10px
    }

    .main-nav .sub-menu .sub-menu {
        top: 0;
        left: 100%
    }

    .main-nav .sub-menu .menu-item-has-children>a::after {
        transform: rotate(-90deg)
    }

    .page-footer__subscribe-text-content {
        padding-right: 30px
    }

    .page-footer__subscribe-form .form__fieldset {
        grid-template-columns: 1fr auto;
        gap: 20px 30px
    }

    .page-footer__subscribe-form .field-checkbox {
        grid-column: 1/-1
    }

    .page-header__burger {
        display: none
    }

    .projects__list-item:hover {
        background-color: #1b1c1f
    }

    .rules-for-use__list-item:last-child {
        grid-row: 1/3;
        grid-column: 2/-1
    }

    .services-tabs .tabs__link:hover {
        color: #daff00;
        background-color: #1b1c1f
    }

    .sign-up-notifications__image-wrap {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .sign-up-notifications__image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .team-management__list-item--supervisor {
        flex-direction: row;
        gap: 0 20px;
        margin-bottom: 20px
    }

    .team-management__list-item--supervisor .team-management__list-thumb {
        flex: 1 1 50%;
        height: 400px;
        margin-bottom: 0
    }

    .team-management__list-item--supervisor .team-management__list-content {
        flex: 1 1 50%
    }
}

@media (max-width:1359px) {
    .clubs__list-header {
        grid-template-columns: 1fr 200px
    }

    .main-nav .menu {
        gap: 0 20px;
        font-size: 13px
    }

    .page-header__search .feild-search {
        width: 260px
    }

    .projects__list-header {
        grid-template-columns: 1fr 200px
    }
}

@media (max-width:1250px) {

    .page-header__menu,
    .page-header__search {
        flex-grow: 0
    }

    .page-header__button {
        display: none
    }
}

@media (max-width:1023px) {
    .about-camps {
        margin-bottom: 130px
    }

    .accordion__trigger {
        font-size: 30px
    }

    .accordion__trigger::after {
        top: 30px
    }

    .all-events {
        margin-bottom: 100px
    }

    .all-events__list {
        grid-template-columns: repeat(2, 1fr)
    }

    .all-events--2-columns {
        margin-bottom: 0
    }

    .amount-returns {
        margin-bottom: 130px
    }

    .amount-returns__list {
        grid-template-columns: 100%
    }

    .amount-returns__item-title {
        margin-bottom: 70px;
        font-size: 20px
    }

    .article {
        margin-bottom: 130px
    }

    .article__title {
        font-size: 30px
    }

    .article__description {
        font-size: 16px
    }

    .article__block-text-content {
        padding: 30px 15px
    }

    .article__block-text-title {
        font-size: 20px
    }

    .article__block-text-action .btn {
        width: 100%;
        padding-inline: 20px
    }

    .buy-certificate {
        margin-bottom: 130px
    }

    .buy-certificate__list-item {
        flex-direction: column;
        gap: 20px 0;
        padding: 30px 0
    }

    .buy-certificate__list-item:first-child {
        padding-top: 0
    }

    .buy-certificate__list-title {
        font-size: 25px
    }

    .buy-certificate__list-content {
        gap: 0;
        justify-content: space-between
    }

    .buy-certificate__list-content .btn {
        width: 170px
    }

    .buy-ticket__list-item-inner {
        grid-template-columns: 100%;
        gap: 30px 0;
        padding: 30px 15px
    }

    .buy-ticket__list-content {
        flex-direction: column;
        gap: 20px 0;
        align-items: flex-start
    }

    .buy-ticket__list-information {
        flex-grow: 0;
        flex-direction: column;
        gap: 20px 0;
        align-items: flex-start;
        text-align: left
    }

    .buy-ticket__list-action {
        width: 100%
    }

    .care-service {
        margin-bottom: 100px
    }

    .care-service .form .btn {
        width: 100%
    }

    .care-service__grid {
        grid-template-columns: 100%;
        gap: 35px 0;
        margin-bottom: 70px
    }

    .care-service__contacts-grid {
        grid-template-columns: 100%;
        gap: 10px 0
    }

    .cases {
        padding-bottom: 130px
    }

    .cases__card {
        width: 200px;
        height: 200px
    }

    .cases--personal {
        padding-bottom: 0;
        margin-bottom: 0
    }

    .cases--personal .cases__card {
        width: 157px;
        height: 157px
    }

    .cases--personal .cases__card-title {
        font-size: 16px
    }

    .certificate-list {
        margin-bottom: 130px
    }

    .certificate-list__card-content {
        padding: 30px 15px
    }

    .certificate-list__card-title {
        font-size: 25px
    }

    .certificate-list__card-description {
        margin-bottom: 50px
    }

    .certificate-list__card-thumb {
        height: 250px
    }

    .certificate-list--indent-top {
        margin-top: 130px
    }

    .certificates-licenses {
        margin-bottom: 130px
    }

    .certificates-licenses .swiper-slide {
        width: 250px
    }

    .certificates-licenses__card {
        height: 333px
    }

    .certificates-licenses__card-image {
        opacity: 1
    }

    .certificates-licenses__card-title {
        font-size: 16px;
        opacity: 0
    }

    .choose-your-city {
        margin-bottom: 130px
    }

    .choose-your-city__card {
        padding: 30px 15px
    }

    .choose-your-city__scroll-area {
        padding-right: 30px
    }

    .club-rent {
        margin-bottom: 100px
    }

    .club-rent__header {
        grid-template-columns: 100%;
        gap: 20px 0;
        margin-bottom: 50px
    }

    .club-rent__list {
        grid-template-columns: repeat(2, 1fr)
    }

    .clubs {
        margin-bottom: 100px
    }

    .clubs__list-item {
        grid-template-columns: 100%;
        gap: 20px 0;
        padding: 30px 0
    }

    .clubs__list-header {
        grid-template-columns: 100%
    }

    .clubs__list-footer-button {
        opacity: 1
    }

    .clubs-hero__location {
        font-size: 14px
    }

    .clubs-hero__advantages {
        display: flex;
        flex-wrap: wrap;
        gap: 5px
    }

    .clubs-hero__advantages-item {
        padding: 15px
    }

    .clubs-hero__advantages-title {
        margin-bottom: 5px;
        font-size: 14px
    }

    .clubs-hero__advantages-text {
        font-size: 20px
    }

    .concerts {
        margin-bottom: 130px
    }

    .concerts__list-item {
        grid-template-columns: 100%;
        gap: 10px 0;
        padding: 30px 0;
        border-radius: 0
    }

    .concerts__list-day {
        font-size: 14px
    }

    .concerts__list-column .btn {
        width: 100%
    }

    .concerts__list-location {
        font-size: 16px
    }

    .concerts__list-city {
        font-size: 14px
    }

    .concerts__list-price {
        font-size: 16px
    }

    .contacts-clubs {
        margin-bottom: 130px
    }

    .contacts-clubs__row {
        grid-template-columns: 100%;
        gap: 20px 0
    }

    .contacts-clubs__card-title {
        margin-bottom: 50px;
        font-size: 25px
    }

    .contacts-clubs__card-item {
        grid-template-columns: 100%;
        gap: 15px 0
    }

    .contacts-clubs__card-item+.contacts-clubs__card-item {
        margin-top: 30px
    }

    .contacts-clubs__map {
        height: 450px
    }

    .contacts-clubs__photos .swiper-slide {
        width: 280px
    }

    .contacts-clubs__thumb {
        height: 300px
    }

    .contacts-information {
        margin-bottom: 130px
    }

    .contacts-information__row {
        grid-template-columns: 100%;
        gap: 10px 0
    }

    .contacts-information__value {
        font-size: 30px
    }

    .contacts-list {
        margin-bottom: 130px
    }

    .contacts-list__list {
        grid-template-columns: 100%;
        gap: 20px 0
    }

    .contacts-list__card-title {
        margin-bottom: 50px
    }

    .contacts-list__card-list {
        font-size: 20px
    }

    .contacts-list__card-item {
        width: 100%;
        max-width: 100%
    }

    .contacts-with-map {
        margin-bottom: 130px
    }

    .contacts-with-map__list-item {
        padding: 30px 15px
    }

    .contacts-with-map__list-text {
        font-size: 25px
    }

    .contacts-with-map__list-text a:not([class]) {
        font-size: 30px
    }

    .convenience-service {
        margin-bottom: 130px
    }

    .convenience-service__list-item {
        padding: 30px 15px
    }

    .diary-photogallery {
        margin-bottom: 130px
    }

    .diary-photogallery__list-link {
        height: 350px
    }

    .event-filter {
        margin-bottom: 100px
    }

    .event-filter__header {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding-right: 0
    }

    .event-filter__reset-button {
        margin-top: 50px
    }

    .event-filter--margin-bottom-sm,
    .event-items-slider {
        margin-bottom: 70px
    }

    .hero {
        padding-top: 50px;
        margin-bottom: 100px
    }

    .hero__slide-content-wrap {
        grid-template-columns: 100%;
        gap: 30px 0;
        align-items: flex-start
    }

    .hero__slide-pagination {
        gap: 0 10px
    }

    .hero--no-padding-top {
        padding-top: 0
    }

    .hero-event__footer {
        flex-direction: column;
        gap: 30px 0;
        align-items: flex-start
    }

    .how-it-works {
        margin-bottom: 130px
    }

    .how-it-works__list-item {
        padding: 30px 15px
    }

    .how-it-works__list-number {
        margin-bottom: 70px
    }

    .legal-header {
        margin-bottom: 130px
    }

    .legal-header .article__title {
        font-size: 30px
    }

    .legal-list {
        margin-bottom: 130px
    }

    .link-border-list {
        gap: 0 10px;
        padding: 0 20px;
        margin-right: -20px;
        margin-left: -20px
    }

    .link-list__list {
        margin-right: -20px
    }

    .location-sites {
        margin-bottom: 130px
    }

    .main-nav .menu {
        font-size: 16px
    }

    .main-nav .menu>.menu-item>a {
        min-height: unset;
        padding: 5px 0
    }

    .main-nav .sub-menu {
        padding: 0 20px;
        background: 0 0;
        box-shadow: none
    }

    .main-nav .sub-menu>.menu-item>a {
        padding: 2px 0
    }

    .main-nav .menu-item {
        width: 100%
    }

    .menu-club {
        margin-bottom: 130px
    }

    .menu-club__card {
        padding: 30px 15px
    }

    .menu-club__title {
        margin-bottom: 30px
    }

    .menu-club__description {
        margin-bottom: 50px
    }

    .modal__close {
        top: 0;
        right: 0;
        width: 40px;
        height: 40px;
        background-size: 15px
    }

    .news-card {
        min-height: unset
    }

    .news-card__text-content {
        padding: 20px 15px;
        border-radius: 0 0 20px 20px
    }

    .news-card__label {
        top: 20px;
        left: 15px
    }

    .news-card__date {
        bottom: 20px;
        left: 15px
    }

    .news-card__title {
        min-height: unset;
        margin-bottom: 20px;
        font-size: 20px
    }

    .news-card__description {
        margin-bottom: 0
    }

    .news-card__action {
        margin-top: 40px
    }

    .news-card__thumb {
        border-radius: 20px 20px 0 0
    }

    .news-card--big {
        grid-template-columns: 100%;
        min-height: unset
    }

    .news-card--big .news-card__date {
        margin-bottom: 30px
    }

    .news-card--big .news-card__text-content {
        padding: 20px 15px;
        border-radius: 20px 20px 0 0
    }

    .news-card--big .news-card__thumb {
        border-radius: 0 0 20px 20px
    }

    .news-list {
        margin-bottom: 130px
    }

    .offers {
        margin-bottom: 100px
    }

    .offers__grid {
        grid-template-columns: 100%;
        gap: 20px 0
    }

    .open-vacancies {
        margin-bottom: 130px
    }

    .open-vacancies__list {
        row-gap: 30px
    }

    .organization-events {
        margin-bottom: 130px
    }

    .organization-events .slider-controls {
        inset: 15px auto auto 15px;
        display: flex
    }

    .organization-events__card-content {
        inset: auto 0 0;
        max-width: 100%;
        padding: 15px
    }

    .organization-events__card-title {
        font-size: 20px
    }

    .page-description {
        margin-bottom: 70px
    }

    .page-error-header {
        margin-bottom: 130px
    }

    .page-error-header__card {
        min-height: unset
    }

    .page-error-header__title {
        font-size: 70px
    }

    .page-error-header__description {
        font-size: 16px
    }

    .page-error-header__bug-report {
        margin-top: 70px
    }

    .page-footer__middle {
        grid-template-columns: 100%;
        gap: 50px 0;
        padding: 30px 15px
    }

    .page-footer__bottom {
        padding: 30px 15px
    }

    .page-footer__subscribe {
        grid-template-columns: 100%;
        gap: 30px 0
    }

    .page-header__menu,
    .page-header__top-menu {
        display: none
    }

    .page-header__login-link {
        width: 30px;
        height: 30px
    }

    .part-of-team {
        margin-bottom: 130px
    }

    .part-of-team__row {
        grid-template-columns: 100%;
        gap: 20px 0
    }

    .part-of-team__thumb {
        min-height: 350px
    }

    .personal-data-card {
        padding: 30px 15px
    }

    .personal-data-card.form .btn {
        width: 100%;
        padding-inline: 20px
    }

    .personal-dropdown {
        top: 100%
    }

    .personal-layout {
        margin-top: 40px;
        margin-bottom: 130px
    }

    .personal-layout__row {
        grid-template-columns: 100%
    }

    .personal-layout__column--only-desktop {
        display: none
    }

    .personal-sorting-panel {
        flex-direction: column-reverse
    }

    .personal-sorting-panel .feild-search,
    .personal-sorting-panel .personal-sorting {
        width: 100%
    }

    .photogallery--title-no .photogallery__header {
        margin-bottom: 0
    }

    .plan-glamping {
        margin-bottom: 130px
    }

    .plan-glamping__card {
        padding: 30px 15px
    }

    .plan-glamping__card-description {
        margin-bottom: 70px
    }

    .possibilities-sites {
        margin-bottom: 130px
    }

    .possibilities-sites__item {
        padding: 30px 15px
    }

    .possibilities-sites__icon-wrap {
        margin-bottom: 70px
    }

    .projects {
        margin-bottom: 100px
    }

    .projects__list-item {
        grid-template-columns: 100%;
        gap: 20px 0;
        padding: 30px 0
    }

    .projects__list-header {
        grid-template-columns: 100%
    }

    .projects__list-footer-button {
        opacity: 1
    }

    .related-accounts {
        padding: 30px 15px
    }

    .rent-description .video {
        margin-bottom: 0
    }

    .rent-description--last,
    .rent-header {
        margin-bottom: 130px
    }

    .rent-header__description {
        font-size: 16px;
        line-height: 150%
    }

    .rental-price-included {
        margin-bottom: 130px
    }

    .rental-price-included__list-title {
        font-size: 25px
    }

    .renting-club {
        margin-bottom: 130px
    }

    .renting-club__row {
        grid-template-columns: 100%
    }

    .renting-club__action {
        margin-top: 50px
    }

    .return-full {
        margin-bottom: 130px
    }

    .return-full__card {
        padding: 30px 15px
    }

    .return-full__title {
        margin-bottom: 70px
    }

    .reviews {
        margin-bottom: 130px
    }

    .reviews .swiper-slide {
        width: 300px
    }

    .reviews__card {
        min-height: 450px
    }

    .reviews__card-inner {
        padding: 20px 15px
    }

    .reviews__card-text {
        max-height: 238px
    }

    .reviews-simple {
        margin-bottom: 130px
    }

    .reviews-simple .swiper-slide {
        width: 300px
    }

    .reviews-simple__header {
        margin-bottom: 30px
    }

    .reviews-simple__card {
        padding: 30px 15px
    }

    .rules-for-use {
        margin-bottom: 130px
    }

    .rules-for-use__list {
        grid-template-columns: 100%
    }

    .rules-for-use__list-item {
        padding: 30px 15px
    }

    .rules-for-use__list-text {
        font-size: 20px
    }

    .scheme-club {
        margin-bottom: 130px
    }

    .scheme-club__header {
        flex-direction: column;
        gap: 50px 0;
        justify-content: flex-start;
        margin-bottom: 50px
    }

    .scheme-club__list-text {
        font-size: 20px
    }

    .services-tabs {
        margin-bottom: 100px
    }

    .services-tabs .tabs__link-wrap--active .tabs__link {
        background-color: transparent
    }

    .services-tabs .tabs__link-wrap--active .tabs__link::after {
        background-image: url(../images/services-tabs-tab-arrow-icon--active.svg);
        border-color: #daff00
    }

    .services-tabs .tabs__link-wrap--active .services-tabs__card-devices {
        display: block
    }

    .services-tabs .tabs__link {
        justify-content: space-between;
        padding: 20px 0;
        font-size: 25px
    }

    .services-tabs .tabs__link::after {
        display: block;
        flex-shrink: 0;
        width: 40px;
        height: 40px;
        content: "";
        background-image: url(../images/services-tabs-tab-arrow-icon.svg);
        background-repeat: no-repeat;
        background-position: center;
        border: 1px solid #fff;
        border-radius: 50%;
        transition: border-color .3s, background-image .3s
    }

    .services-tabs__grid {
        grid-template-columns: 100%;
        gap: 20px 0
    }

    .services-tabs__column--hide-on-devices {
        display: none
    }

    .sign-up-notifications__row {
        grid-template-columns: 100%;
        gap: 20px 0
    }

    .sign-up-notifications__card {
        min-height: unset
    }

    .slider-controls {
        display: none
    }

    .subscribe {
        margin-bottom: 100px
    }

    .subscribe__grid {
        grid-template-columns: 100%;
        gap: 10px 0
    }

    .subscribe__information {
        padding: 30px 15px
    }

    .subscribe__title {
        margin-bottom: 70px
    }

    .subscribe__thumb {
        height: 250px
    }

    .tabs--border-buttons .tabs__links {
        padding-right: 20px;
        padding-left: 20px;
        margin-right: -20px;
        margin-left: -20px
    }

    .team-management {
        margin-bottom: 130px
    }

    .team-management__list {
        grid-template-columns: repeat(2, 1fr)
    }

    .team-management__list-item--supervisor .team-management__list-thumb {
        height: 350px
    }

    .team-search,
    .units {
        margin-bottom: 130px
    }

    .units__list {
        grid-template-columns: repeat(2, 1fr)
    }

    .video {
        margin-bottom: 130px
    }

    .video-list .swiper-slide {
        width: 300px
    }

    .video-list__link {
        height: 350px
    }
}

@media (max-width:767px) {

    .h1,
    h1 {
        font-size: 35px
    }

    .h2,
    h2 {
        font-size: 30px
    }

    .h3,
    h3 {
        font-size: 20px
    }

    .about-club-text {
        margin-bottom: 130px
    }

    .accreditation-modal__scroll {
        padding-right: 0;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .accreditation-modal__scroll::-webkit-scrollbar {
        display: none
    }

    .accreditation-modal__title {
        font-size: 25px
    }

    .all-events__list {
        grid-template-columns: 100%;
        gap: 60px 0
    }

    .all-events--2-columns .all-events__list {
        grid-template-columns: 100%;
        gap: 50px 0
    }

    .article__content h2 {
        font-size: 25px
    }

    .article__card {
        padding: 50px 20px;
        margin-right: -20px;
        margin-left: -20px
    }

    .article__block-text {
        grid-template-columns: 100%;
        gap: 20px 0
    }

    .breadcrumbs {
        padding: 30px 0
    }

    .care-service__options-item {
        width: 100%
    }

    .care-service__contacts-card {
        padding: 30px 15px
    }

    .care-service__contacts-value {
        font-size: 30px
    }

    .care-service__contacts-notify {
        font-size: 16px
    }

    .care-service--rent .care-service__description {
        margin-bottom: 50px
    }

    .cases__personal-list {
        grid-template-columns: repeat(2, 1fr)
    }

    .cases--personal {
        overflow: clip
    }

    .club-rent__list {
        grid-template-columns: 100%
    }

    .clubs__list-item:first-child {
        padding-top: 0
    }

    .clubs__list-footer {
        grid-template-columns: 100%;
        gap: 20px 0;
        align-items: flex-start
    }

    .clubs__list-footer-button {
        align-items: flex-start;
        justify-content: flex-start
    }

    .clubs-hero {
        margin-top: 0;
        margin-bottom: 130px
    }

    .clubs-hero__card {
        padding: 30px 15px
    }

    .clubs-hero__breadcrumbs {
        display: none
    }

    .clubs-hero__title {
        font-size: 25px
    }

    .clubs-hero__share {
        top: 20px;
        right: 15px
    }

    .clubs-hero--diary {
        margin-bottom: 20px
    }

    .clubs-hero--diary .clubs-hero__card {
        min-height: 500px
    }

    .contacts-clubs__card,
    .contacts-information__card {
        padding: 30px 15px
    }

    .cookies {
        right: 20px;
        bottom: 20px;
        width: 247px;
        padding: 13px 15px
    }

    .event-card__thumb {
        height: 220px
    }

    .event-card__sale {
        min-height: 40px;
        font-size: 14px
    }

    .event-card__date {
        width: 70px;
        height: 70px;
        font-size: 10px
    }

    .event-card__date-number {
        font-size: 25px
    }

    .event-card__title {
        margin-bottom: 3px
    }

    .event-card__location {
        font-size: 14px
    }

    .event-card-city {
        height: 300px
    }

    .event-filter {
        overflow: hidden
    }

    .event-filter__more-button {
        min-height: 35px
    }

    .event-filter__options {
        flex-wrap: nowrap;
        padding-left: 20px;
        margin-right: -20px;
        margin-left: -20px;
        overflow: auto hidden
    }

    .event-filter__options-item {
        flex-shrink: 0;
        white-space: nowrap
    }

    .event-filter__squares .field-checkbox__name-text {
        flex-shrink: 0;
        width: 142px;
        height: 50px
    }

    .event-filter__small-title {
        font-size: 20px
    }

    .event-filter__squares-list {
        flex-wrap: nowrap;
        padding-left: 20px;
        margin-right: -20px;
        margin-left: -20px;
        overflow: auto hidden
    }

    .event-items-slider .swiper-slide {
        width: 280px
    }

    .feild-search__input {
        font-size: 16px
    }

    .field-text__help-text {
        width: 300px;
        padding: 30px 15px
    }

    .hero__slide-wrap {
        padding: 60px 15px 20px
    }

    .hero__slide-content-wrap {
        margin-bottom: 50px
    }

    .hero__slide-title {
        font-size: 25px
    }

    .hero__slide-title br {
        display: none
    }

    .hero__slide-location {
        margin-bottom: 5px;
        font-size: 14px
    }

    .hero__slide-date {
        font-size: 14px
    }

    .hero__slide-pagination {
        --swiper-pagination-bottom: 20px;
        padding: 0 15px
    }

    .hero__slide-favorite {
        top: 10px;
        right: 20px
    }

    .hero__slide-sale-text {
        min-height: 41px;
        font-size: 14px
    }

    .hero-event {
        padding: 0 0 130px
    }

    .hero-event__card::before,
    .hero-event__image {
        border-radius: 20px
    }

    .hero-event__content {
        padding: 20px 15px
    }

    .hero-event__breadcrumbs {
        display: none
    }

    .hero-event__sale-text {
        min-height: 41px;
        font-size: 14px
    }

    .hero-event__title {
        font-size: 25px
    }

    .hero-event__title br {
        display: none
    }

    .hero-event__location {
        margin-bottom: 5px;
        font-size: 14px
    }

    .hero-event__date {
        font-size: 14px
    }

    .hero-event__notifications {
        flex-direction: column;
        gap: 10px 0
    }

    .hero-event__controls {
        top: 20px;
        right: 15px
    }

    .hero-spectacle {
        margin-top: 0;
        margin-bottom: 130px
    }

    .hero-spectacle__card {
        padding: 30px 15px
    }

    .hero-spectacle__breadcrumbs {
        display: none
    }

    .legal-header .article__card {
        margin-right: 0;
        margin-left: 0
    }

    .legal-list__item {
        min-height: 180px
    }

    .login-modal__account-links {
        grid-template-columns: 100%
    }

    .login-modal__footer {
        flex-direction: column
    }

    .mobile-nav__location {
        margin-right: auto
    }

    .modal__content {
        padding: 30px 15px
    }

    .modal--accreditation .modal__content {
        padding: 40px 15px 0
    }

    .modal--search .modal__content {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .musician__track-item {
        padding: 10px 15px
    }

    .musician__track-item+.musician__track-item {
        margin-top: 10px
    }

    .offers__card-thumb {
        height: 200px
    }

    .offers__card-body {
        padding: 30px 20px
    }

    .open-vacancies .accordion__trigger {
        font-size: 20px
    }

    .page-error-header__action .btn,
    .page-footer__button {
        width: 100%
    }

    .page-footer__menu li+li {
        margin-top: 5px
    }

    .page-header__top-inner {
        min-height: unset;
        padding: 17px 0 12px
    }

    .page-header__location {
        margin-right: auto
    }

    .page-header__phone {
        display: none
    }

    .page-header__bottom-inner {
        gap: 0 25px;
        min-height: 50px;
        padding: 0 15px
    }

    .page-header__logo {
        width: 100px
    }

    .page-header__lang-select,
    .page-header__search {
        display: none
    }

    .part-of-team__card {
        padding: 30px 15px
    }

    .part-of-team__description {
        font-size: 18px
    }

    .part-of-team__action .btn {
        width: 100%;
        padding-inline: 20px
    }

    .personal-dropdown__card {
        width: 280px
    }

    .personal-ticket-card {
        flex-direction: column
    }

    .personal-ticket-card__thumb {
        width: 100%;
        height: 180px;
        margin-bottom: 10px
    }

    .personal-ticket-card__content {
        width: 100%;
        padding: 0
    }

    .personal-ticket-card__header {
        margin-bottom: 5px
    }

    .personal-ticket-card__genre-item {
        min-height: 16px;
        padding: 0 10px;
        font-size: 12px;
        line-height: 120%
    }

    .personal-ticket-card__price {
        gap: 10px;
        font-size: 20px
    }

    .personal-ticket-card__count {
        font-size: 16px
    }

    .personal-ticket-card__info {
        flex-direction: column;
        gap: 0;
        justify-content: flex-start
    }

    .personal-ticket-card__info-item {
        min-width: unset
    }

    .personal-ticket-card__title {
        margin-bottom: 5px;
        font-size: 20px
    }

    .personal-ticket-card__location {
        margin-bottom: 5px;
        font-size: 12px;
        line-height: 120%
    }

    .personal-ticket-card__date {
        font-size: 12px;
        line-height: 120%
    }

    .personal-ticket-card__links {
        grid-template-columns: repeat(2, auto);
        justify-content: space-between;
        justify-items: normal;
        margin-top: 20px;
        margin-bottom: 5px;
        font-size: 16px;
        text-align: left
    }

    .personal-ticket-card__return-link {
        font-size: 16px;
        text-align: left
    }

    .photogallery .swiper-slide {
        width: 300px
    }

    .photogallery__link {
        height: 350px
    }

    .plan-glamping__card-action .btn {
        width: 100%;
        padding-inline: 20px
    }

    .projects__list-item:first-child {
        padding-top: 0
    }

    .projects__list-footer {
        grid-template-columns: 100%;
        gap: 20px 0;
        align-items: flex-start
    }

    .projects__list-footer-button {
        align-items: flex-start;
        justify-content: flex-start
    }

    .rent-card {
        min-height: 200px
    }

    .rent-card__title {
        font-size: 25px
    }

    .rent-description__location {
        font-size: 16px;
        line-height: 150%
    }

    .rent-description__list-value {
        font-size: 25px
    }

    .rent-description__action .btn {
        font-size: 16px
    }

    .rent-header .swiper-slide {
        width: 250px
    }

    .result-search-card__thumb {
        width: 70px;
        height: 98px
    }

    .result-search-card__title {
        font-size: 16px
    }

    .result-search-card__location {
        font-size: 12px
    }

    .result-search-card__date {
        font-size: 12px;
        line-height: 120%
    }

    .search-modal .feild-search__input {
        height: 50px;
        padding-right: 60px;
        padding-left: 30px;
        font-size: 16px
    }

    .search-modal .feild-search__btn {
        width: 60px;
        background-size: 25px
    }

    .search-modal__empty-notification {
        font-size: 16px
    }

    .services-tabs__card {
        min-height: 400px
    }

    .services-tabs__card-content {
        padding: 30px 15px
    }

    .services-tabs__card-action,
    .services-tabs__card-action .btn {
        width: 100%
    }

    .sign-up-notifications__card {
        padding: 30px 15px
    }

    .similar-artists-card__thumb {
        height: 220px
    }

    .success-modal__title {
        font-size: 20px
    }

    .success-modal__action .btn {
        width: 100%
    }

    .team-hero {
        margin: 0 0 30px
    }

    .team-hero__inner {
        padding: 30px 15px
    }

    .team-hero__breadcrumbs {
        display: none
    }

    .team-hero__controls {
        right: 15px
    }

    .team-management__list {
        grid-template-columns: 100%;
        gap: 50px 0
    }

    .team-management__list-content {
        padding: 20px 15px
    }

    .tour-club {
        margin-bottom: 130px
    }

    .unit-card__list-content {
        padding: 20px 15px
    }

    .units__list {
        grid-template-columns: 100%;
        gap: 50px 0
    }

    .vacancies-hero {
        margin: 0 0 130px
    }

    .vacancies-hero__inner {
        padding: 30px 15px;
        border: 1px solid #404040
    }

    .vacancies-hero__breadcrumbs {
        display: none
    }

    .vacancies-hero__controls {
        right: 15px
    }

    .video__card {
        height: 400px
    }

    .video__link::after {
        width: 70px;
        height: 70px
    }
}

@media (prefers-reduced-motion:no-preference) {
    html {
        scroll-behavior: smooth
    }
}

@media (hover:hover) {
    .f-button:hover:not([disabled]) {
        color: var(--f-button-hover-color);
        background-color: var(--f-button-hover-bg)
    }
}