body{font-family: Bebas Neue, Arial, sans-serif;}
.w-webflow-badge {
    display: none !important;
    visibility: hidden !important
}

.header-red .header-logo svg g path:first-child,
.header-red .header-logo svg {
    fill: white;
}

.header-dark .header-logo svg {
    fill: white;
}

.header-red .header-logo svg g path:nth-child(2) {
    stroke: white;
}

.header-link-item {
    will-change: transform
}

:root {
    --fz: .833vw
}

@media(max-width:1200px) {
    :root {
        --fz: .96vw
    }
}

@media(max-width:991px) {
    :root {
        --fz: 1.615vw
    }
}

@media(max-width:767px) {
    :root {
        --fz: 3vw
    }
}

@media(max-width:478px) {
    :root {
        --fz: 4.444vw
    }
}

html {
    font-size: calc(1*var(--fz))
}
.form-modal-window.modal-window {
	min-width: 20rem;
}
@media(min-width:768px) {
    :root {
        --transition-ease: .45s cubic-bezier(.23, 1, .32, 1)
    }

    .anim-list-head {
        position: relative;
        display: block;
        transform-style: preserve-3d;
        transform: translateZ(0);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        will-change: transform;
        transition: transform var(--transition-ease)
    }

    .anim-list-head .text,
    .anim-list-head .text-hover {
        display: block;
        transition: transform var(--transition-ease), opacity var(--transition-ease);
        backface-visibility: hidden
    }

    .anim-list-head .text {
        transform: translateY(0)
    }

    .anim-list-head .text-hover {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        transform: translateY(0)
    }
}

    .white-link::before {
        transform: scaleX(1);
        content: " ";
        position: absolute;
        transform-origin: top left;
        background: #fff;
        width: 100%;
        height: .5px;
        transition: transform .2s ease-out;
        bottom: 0;
        left: 0
    }

    .white-link {
        will-change: transform;
        display: inline-block
    }

    .white-link:hover::before {
        transform: scaleX(0);
        transform-origin: top right
    }
    
.header-light .mobile-burg div,
.header-light-dop-menu .mobile-burg div {
    background: var(--dark)
}

.header-dark .header-link,
.header-red .header-link,
.header-dark-dop-menu .header-link {
    color: var(--light)
}

.header-light .header-link,
.header-light-dop-menu .header-link {
    color: var(--dark)
}

.header-light .header-arrow,
.header-light .logo,
.header-dark .logo,
.header-light-dop-menu .header-arrow,
.header-light-dop-menu .logo-dop-menu,
.header-dark-dop-menu:not(.red-dop-menu) .logo-dop-menu {
    background-position: 0% 50%
}

.header-link.menu-clubs-open {
    transition: color .6s ease-in-out
}

.fixdesk-menu {
    transition: all .3s ease-out
}

::marker {
    color: #E53131
}

.page-dark .breadcrumbs-item {
    color: var(--light) !important;
    opacity: 50% !important
}

.breadcrumbs-item {
    transition: opacity .2s ease-in-out
}

.breadcrumbs-item:hover {
    opacity: .3 !important
}

.team-main-page {
    scrollbar-width: thin;
    scrollbar-color: #f3f3f000 rgba(7, 7, 7, 0);
    -ms-overflow-style: -ms-autohiding-scrollbar;
    scrollbar-width: block;
    -ms-overflow-style: block
}

.header-light .header-phone-icon svg path,
.header-light-dop-menu .header-phone-icon svg path {
    fill: #E53131
}

.fillcard {
    border-radius: .25rem
}

.team-modal-container,
.form-modal-container {
    overflow-x: hidden
}

.modal-container {
    display: none;
    opacity: 0;
    transition: opacity .2s cubic-bezier(.5, 0, .19, 1)
}

.modal-window {
    transform: translateX(0vw);
    transition: transform .6s cubic-bezier(.5, 0, .19, 1) .1s
}

.modal-container.active {
    display: flex
}

.modal-container.visible {
    opacity: 1
}

.modal-container.animate .modal-window {
    transform: translateX(-50vw)
}

@media screen and (max-width:767px) {
    .modal-window {
        transform: translateY(0vh);
        transition: transform .6s cubic-bezier(.5, 0, .19, 1) .1s
    }

    .modal-container.animate .modal-window {
        transform: translateY(100vh)
    }

    .wrap-simple-text-numb .simple-text-paragraph {
        padding-left: 0.6rem;
    }

    .second-level-simple-text-list-dot {
        padding-left: 1.6rem;
    }
    
    .team-card-img-wrap {
	    height: 25rem;
		}
    img.team-card-img {
        object-position: top;
    }
}

@media(min-width:767px) {
    :root {
        --transition-ease: .45s cubic-bezier(.23, 1, .32, 1);
        --text-height: 1.125rem;
        --arrow-width: 10.125rem;
        --arrow-footer-height: 3.2rem
    }

		.team-card-img-wrap {
		    height: 33.75rem;
		}

    .flip-button,
    .choice-btn,
    .flip-button .text,
    .flip-button .text-hover,
    .choice-btn-arrow,
    .choice-btn-arrow.clone,
    .front-share-btn,
    .hover-share-btn,
    .front-pagination-btn,
    .hover-pagination-btn {
        transform-style: preserve-3d;
        transform: translateZ(0);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        will-change: transform
    }

    .flip-button {
        position: relative;
        display: inline-block;
        overflow: hidden
    }

    .flip-button .text-wrapper {
        position: relative;
        overflow: hidden;
        display: block;
        height: var(--text-height);
        z-index: 1
    }

    .flip-button .text,
    .flip-button .text-hover {
        display: block;
        transition: transform var(--transition-ease), opacity .35s cubic-bezier(.23, 1, .32, 1);
        backface-visibility: hidden
    }

    .flip-button .text {
        transform: translateY(0);
        opacity: 1
    }

    .flip-button .text-hover {
        position: absolute;
        top: var(--text-height);
        left: 0;
        width: 100%;
        opacity: 0
    }

    .flip-button::before,
    .price-arrow::before,
    .light-slider-btn::before,
    .share-btn-wrap::before,
    .wrap-btn-pagination::before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        transform: translateY(104%);
        transition: transform var(--transition-ease), opacity .35s cubic-bezier(.23, 1, .32, 1);
        z-index: 0
    }

    .flip-button:not(.tab-button-active):hover::before,
    .price-arrow:hover::before,
    .light-slider-btn:hover::before,
    .share-btn-wrap:hover::before,
    .wrap-btn-pagination:hover::before {
        transform: translateY(0)
    }

    .flip-button:not(.tab-button-active):hover .text {
        transform: translateY(calc(-1 * var(--text-height)));
        opacity: 0
    }

    .flip-button:not(.tab-button-active):hover .text-hover {
        transform: translateY(calc(-1 * var(--text-height)));
        opacity: 1
    }

    .flip-button.btn-black-to-white::before,
    .flip-button.btn-red-to-white::before {
        background-color: var(--light)
    }

    .flip-button.btn-grey-to-lightgrey::before,
    .price-arrow::before,
    .wrap-btn-pagination::before {
        background-color: #3D3D3D
    }

    .flip-button.btn-black-to-red::before {
        background-color: var(--accent)
    }

    .flip-button.btn-red-to-black::before,
    .flip-button.btn-white-to-black::before,
    .light-slider-btn::before,
    .share-btn-wrap::before {
        background-color: var(--dark)
    }

    .choice-btn::before {
        content: '';
        position: absolute;
        inset: 0;
        background-color: #070707;
        transform: translateY(100%);
        transition: transform var(--transition-ease);
        z-index: 0
    }

    .hover-share-btn,
    .front-share-btn,
    .front-pagination-btn,
    .hover-pagination-btn {
        transition: transform var(--transition-ease)
    }

    .choice-btn:hover::before {
        transform: translateY(0)
    }

    .share-btn-wrap:hover .hover-share-btn,
    .share-btn-wrap:hover .front-share-btn,
    .wrap-btn-pagination:hover .front-pagination-btn,
    .wrap-btn-pagination:hover .hover-pagination-btn {
        transform: translateY(-100%)
    }
    .block-contact-link-item {
		    padding-right: 2rem;
		}
		
    .all-clubs-container.mega-menu-clubs-container{
	    padding-top: 4rem;
		}
}

@media(min-width:991px) {
		.mega-menu-clubs-coll, .mega-menu-clubs-wrap .mega-menu-clubs-coll.anim-step-3{
				width: 33.3333%;
		}
		.mega-menu-clubs-wrap .mega-menu-clubs-coll,
		.all-clubs-container .mega-menu-clubs-coll:first-child{
				width: 66.3333%;
		}
		.mega-menu-clubs-wrap .mega-menu-clubs-coll:first-child .mega-menu-coll-item,
		.all-clubs-container .mega-menu-clubs-coll:first-child .mega-menu-coll-item,
		.mega-menu-coll-item.anim-step-1, .mega-menu-coll-item.anim-step-2{
		    width: 50%;
		}
    .novosti-info-item,
    .club-list-item {
        background: linear-gradient(to top, #E53131 0%, #E53131 0%);
        background-position: bottom;
        background-size: 100% 0%;
        background-repeat: no-repeat;
        transition: background-size .45s cubic-bezier(.23, 1, .32, 1)
    }

    .novosti-info-item:hover,
    .club-list-item:hover {
        background-size: 100% 100%
    }

    .club-list-item {
        position: relative;
        outline: none
    }

    .club-list-item::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #484848;
        z-index: -1
    }

    .anim-list-item:hover .anim-list-head .text,
    .anim-list-item:hover .anim-list-head .text-hover {
        transform: translateY(-100%)
    }

    .anim-list-address {
        transition: opacity var(--transition-ease);
        opacity: .5
    }

    .anim-list-item:hover .anim-list-address {
        opacity: 1
    }

    .arrow-to-top,
    .arrow-to-top.clone {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: var(--arrow-footer-height);
        transition: transform var(--transition-ease), opacity .3s ease
    }

    .arrow-to-top.clone {
        top: 100%;
        transform: translateY(0);
        pointer-events: none
    }

    .arrow-to-top-wrap:hover .arrow-to-top {
        transform: translateY(calc(-1 * var(--arrow-footer-height)))
    }

    .animated-heading>.animated-line {
        padding-top: 3.2rem;
        margin-top: -3rem
    }

    .animated-heading {
        margin-top: -3rem;
        padding-top: 3.2rem
    }
}

.animated-line {
    display: block;
    overflow: hidden
}

.line-inner {
    display: inline-block;
    transform: translateY(126%);
    animation: innerUp .8s cubic-bezier(.23, 1, .32, 1) forwards;
    animation-play-state: paused
}

@keyframes innerUp {
    to {
        transform: translateY(0)
    }
}

@media(max-width:767px) {
    .animated-heading {
        margin-top: -.6rem;
        padding-top: .6rem
    }

    .animated-heading>.animated-line {
        margin-top: -.6rem;
        padding-top: .6rem
    }
}

.wrap-simple-text-numb .simple-text-paragraph {
    padding-left: 1.4rem;
}

.start-simple-second-level .simple-text-paragraph {
    padding-left: 0rem !important;
}

.modal-simpl-text-list-dot:last-child {
    border: none !important;
    margin-bottom: 0rem !important;
    padding-bottom: 0rem !important;
}

.price-card-container .swiper-slide {
    width: auto;
    height: auto;
}

.second-level-simple-text-list-dot {
    margin-bottom: 0;
    padding-left: 3rem;
    list-style-type: disc;
}

@media screen and (min-width: 992px) and (max-width: 1200px) {

    .novosti-img-preview-visible,
    .novosti-img-preview {
        width: 30rem;
        height: 30rem;
    }
}

.text-block h2,
.text-block h3,
.text-block h4,
.text-block h5,
.text-block h6 {
    line-height: var(--lh-105);
    margin-bottom: var(--simple-h2-pad-bot);
}

.text-block h3,
.text-block h4,
.text-block h5,
.text-block h6 {
    margin-top: 3rem;
}

.text-block h2 {
    font-size: var(--simple-h2);
    letter-spacing: var(--ls-1-8);
    margin-top: var(--simple-text-pad-bot);
}

.text-block h3 {
    font-size: 3.375rem;
    letter-spacing: -0.1013rem;
    line-height: var(--lh-105);
    margin-bottom: var(--simple-h2-pad-bot);
}

.text-block h4 {
    font-size: 2.75rem;
    letter-spacing: -0.0825rem
}

.text-block h5 {
    font-size: 2rem;
    letter-spacing: -0.06rem
}

.text-block h6 {
    font-size: 1.5rem;
    letter-spacing: -0.06rem
}


.text-block p,
.text-block ul,
.text-block li,
.text-block ol {
    font-family: var(--inter);
    font-size: var(--simple-text-24-14);
    line-height: var(--lh-130);
    letter-spacing: var(--ls-0-48);
    font-weight: 500;
    margin-bottom: 1rem;
}

.text-block img {
    margin-bottom: 1rem;
}

.text-block ul,
.text-block ol {
    padding-left: 1.6rem;
    margin-bottom: 1.5rem;
}

.text-block img,
.image-block-preview img {
    width: 100%;
    height: auto;
    border-radius: 0.25rem;
}

.text-block a,
.info-card-text a,
.more-block a,
.service-akvazona-text-block a,
.service-akvazona-text-block a {
    color: var(--accent);
    -webkit-text-stroke-color: var(--accent);
    transition: opacity .2s ease-in-out;
}

.text-block a:not(.flip-button):hover,
.info-card-text a:hover,
.more-block a:hover,
.service-akvazona-text-block a:hover,
.service-akvazona-text-block a:hover {
    opacity: .7;
}

.service-akvazona-text-block p,
.service-akvazona-text-block li {
    font-family: var(--inter);
    font-size: var(--simple-text-20-14);
    line-height: var(--lh-130);
    letter-spacing: -.025rem;
    margin-bottom: var(--simpl-text-paragraph\<deleted\|variable-ba54ec83-c3fa-656e-ddab-ac84a5fca0e7\>);
    padding-left: 0;
    font-weight: 500;
}

.service-akvazona-text-block ul,
.service-akvazona-text-block ol {
    padding-left: 1.4rem;
    margin-bottom: 1.5rem;
}

.text-block li:last-child,
.text-block p:last-child,
.service-akvazona-text-block li:last-child,
.service-akvazona-text-block p:last-child,
.service-akvazona-text-block ul:last-child,
.service-akvazona-text-block ol:last-child {
    margin-bottom: 0px;
}

.info-card-text p,
.more-block p,
.info-card-text li,
.more-block li {
    font-family: var(--inter);
    font-size: var(--simple-text-20-14);
    line-height: var(--lh-130);
    letter-spacing: -.025rem;
    margin-bottom: 1.25rem;
    font-weight: 500;
}

ol ol,
ol ul {
    counter-reset: subitem;
    list-style: none;
    padding-left: 0 !important;
}

ol>li {
    counter-increment: item;
}

ol>li>ol>li {
    counter-increment: subitem;
}

ol ol>li {
    display: grid;
    grid-template-columns: 2em 1fr;
    align-items: start;
}

ol>li>ol>li::before {
    color: #E53131;
    content: counter(item) "." counter(subitem) ". ";
    display: block;
}

ol ol>li:first-child {
    margin-top: 1rem;
}

form:not(.open-form) button.flip-button {
    display: block;
    text-align: center;
    width: 100%;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px var(--accent) inset !important;
    -webkit-text-fill-color: var(--light) !important;
}

.open-form input:-webkit-autofill,
.open-form input:-webkit-autofill:hover,
.open-form input:-webkit-autofill:focus,
.open-form input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px #070707 inset !important;
    -webkit-text-fill-color: var(--light) !important;
}

@media screen and (max-width: 767px) {
    .text-block h3 {
        font-size: 1.5rem;
        letter-spacing: -0.03rem;
    }

    .text-block h4 {
        font-size: 1.25rem;
        letter-spacing: -0.025rem
    }

    .text-block h5 {
        font-size: 1.125rem;
        letter-spacing: -0.0225rem
    }

    .text-block h6 {
        font-size: 1rem;
        letter-spacing: -0.016rem
    }

    .text-block h3,
    .text-block h4,
    .text-block h5,
    .text-block h6 {
        margin-top: 2rem;
    }

    .text-block ul,
    .text-block ol {
        padding-left: 1rem;
        margin-bottom: 0.5rem;
    }

    .text-block p,
    .text-block ul,
    .text-block li,
    .text-block ol,
    .text-block img {
        margin-bottom: 0.75rem;
    }

    .service-akvazona-text-block p,
    .service-akvazona-text-block li {
        letter-spacing: -.0175rem;
        font-weight: 400;
        margin-bottom: 0.5rem;
    }

    .service-akvazona-text-block ul,
    .service-akvazona-text-block ol {
        padding-left: 0.8rem;
        margin-bottom: 0.5rem;
    }

    .info-card-text p,
    .more-block p,
    .info-card-text li,
    .more-block li {
        letter-spacing: -.0175rem;
        margin-bottom: .75rem;
    }

    ol ol>li:first-child {
        margin-bottom: 0.75rem;
    }
}


.telegram-btn {
    position: fixed;
    z-index: 999;
    bottom: 20px;
    left: var(--container-side);
    display: block;
    font-weight: 400;
    color: #a2dffc;
    background: linear-gradient(89deg, #00bfff, #034191, #00c4f7, #034499, #0ac9fb);
    background-size: 1000% 1000%;
    border-radius: 30px;
    -webkit-animation: redglow 10s ease infinite;
    -moz-animation: redglow 10s ease infinite;
    animation: redglow 10s ease infinite;
    letter-spacing: 0.05em;
}

@keyframes redglow {
    0% {
        background-position: 0 52%
    }

    50% {
        background-position: 100% 49%
    }

    100% {
        background-position: 0 52%
    }
}

@keyframes redglow {
    0% {
        background-position: 0 52%
    }

    50% {
        background-position: 100% 49%
    }

    100% {
        background-position: 0 52%
    }
}

@keyframes redglow {
    0% {
        background-position: 0 52%
    }

    50% {
        background-position: 100% 49%
    }

    100% {
        background-position: 0 52%
    }
}

.telegram-btn span {
    display: inline-block;
    box-sizing: border-box;
    margin: 2px;
    padding: 10px 20px 10px 10px;
    background: #142d52;
    border-radius: 26px
}

.telegram-btn:hover {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused
}

.telegram-btn:hover span {
    background: #014b8a
}

.telegram-btn a {
    color: inherit;
}
.telegram-btn img {
    width: 32px;
    height: auto
}

.telegram-btn i {
    font-style: normal
}

.all-clubs-btn-wrap {
    margin-top: 4rem;
}
.all-clubs-btn-wrap .flip-button.btn-red-to-white {
    background-color: var(--light);
    color: var(--dark);
}
.all-clubs-btn-wrap .btn.text-hover.text-red {
    color: var(--light);
}
.all-clubs-btn-wrap .flip-button.btn-red-to-white::before{
    background-color: var(--accent);
}
.all-clubs-container.mega-menu-clubs-container{
    padding-right: 0;
}
@media (max-width: 1200px) {
	.all-clubs-container.mega-menu-clubs-container{
    padding-left: 0;
	}
}
@media (max-width: 991px) {
	.all-clubs-container.mega-menu-clubs-container, .all-clubs-container .mega-menu-coll-wrap{
    flex-direction: column;
	}
	.all-clubs-container .mega-menu-coll-wrap{
    grid-row-gap: 0;
	}
	.all-clubs-container.mega-menu-clubs-container{
    grid-row-gap: 2.5rem;
	}
	.all-clubs-container .mega-menu-caps {
    display: block !important;
	}
	.all-clubs-container.mega-menu-clubs-container {
    padding-top: 2.4rem;
	}
	.all-clubs-btn-wrap {
	    margin-top: 1rem;
	}
}


@media (max-width: 480px) {
    .telegram-btn {
        z-index: 9999;
        right: auto;
        bottom: 12px;
        left: var(--container-side);
        font-size: 12px
    }

    .telegram-btn span {
        margin: 2px;
        padding: 4px 5px
    }

    .telegram-btn img {
        width: 48px
    }

    .telegram-btn i {
        display: none
    }
}