/*
Theme Name:vrclub
Template: Goodini
Theme URI: https://degorov.ru/
Description: Дочерняя тема для Goodini
Author: Dmitrieva
Author URI: https://degorov.ru/
Version: 1.0
*/

:root {
    --zoom: 1;
    --p-24: calc(16px + (24 - 16) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
    --p-28: calc(16px + (28 - 16) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
    --p-40: calc(20px + (40 - 20) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
    --p-48: calc(24px + (48 - 24) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
    --h2: calc(22px + (36 - 22) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
    --h1: calc(24px + (64 - 24) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
    --big: calc(70px + (172 - 70) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
    --p-32: calc(18px + (32 - 18) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
    --p-30: calc(16px + (30 - 16) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
    --p-36: calc(20px + (36 - 20) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
    --orange: #FF7D04
}

.popup__bullets.popup__banner {
    opacity: 0;
    visibility: hidden;
    display: block;


}



.open-v {
    position: absolute;
    width: 3rem;
    height: 3rem;
    z-index: 2;
    font-size: 11px;
    bottom: 2.7rem;
    right: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    pointer-events: none;
}

.open-v svg {
    width: 2rem;
    height: 2rem;
    transform: rotate(224deg);
    fill: #fff;
}

.popup__bullets.popup__banner p {
    text-transform: none;
    font-weight: 400;
    width: 74%;
    line-height: 1.33;
}

.popup__bullets.popup__banner .zone-popup .zone-sertificate {
    display: none;
}

.popup__bullets.popup__banner .zone-text {
    grid-column-start: 2;
    grid-column-end: 3;
}

.popup__bvg.active {
    display: flex;
    pointer-events: all;
    transition: 0.8s all;
    z-index: 160;
    opacity: 1;
}

.popup__bvg.active .popup__bullets.popup__banner {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}



.info__close {
    top: 0;
    right: 0;
    transform: translate(40%, -46%);
    cursor: pointer;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}

.info__close svg path {
    stroke: #fff;
}

.blag-img {
    width: 34%;
}

#hero.g-hero {
    background-image: url(../i/blag-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
}

#hero.g-hero .main {
    padding-bottom: 0;
}

.popup__bvg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    transition: 0.8s all;
    z-index: 160;
    pointer-events: none;
    opacity: 0;
    align-items: center;
    justify-content: center;
}


.popup__bullets.popup__banner .zone-popup::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background: rgb(0, 0, 0);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 59%, rgba(0, 0, 0, 1) 100%);
}

.popup__bullets.popup__banner .btn::before {
    background: rgb(0, 0, 0);
}

.popup__bullets.popup__banner .btn {
    margin-left: auto;
}

.banner__btns-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}


.popup__bullets.popup__banner p .text_color {
    color: var(--color2);
}

h2 {
    text-transform: uppercase;
    line-height: 130%;
    font-size: var(--h2);
}

h1 {
    font-size: var(--h1);
    line-height: 130%;
    text-transform: uppercase;
}

.btn {
    clip-path: polygon(20% 0%, 92% 0, 100% 21%, 100% 80%, 100% 100%, 8% 100%, 0 79%, 0 0);
    position: relative;

}


.btn span {
    -webkit-box-shadow: 0px 0px 22px 0px rgba(255, 0, 161, 0.5) inset;
    -moz-box-shadow: 0px 0px 22px 0px rgba(255, 0, 161, 0.5) inset;
    box-shadow: 0px 0px 22px 0px rgba(255, 0, 161, 0.5) inset;
}

.button {
    will-change: filter;
    filter: drop-shadow(-1px -4px 10px rgba(255, 0, 161, 0.5))
}

.btn__filter {
    will-change: filter;
    filter: drop-shadow(-1px -4px 17px rgba(255, 0, 161, 0.5));
}

.btn span{
    color: #fff;
}

.btn span {

    font-size: 1.125rem;
    padding: 1.25rem 3rem;
    -webkit-box-shadow: 0px 0px 25px 1px rgba(255, 0, 161, 0.3) inset;
    -moz-box-shadow: 0px 0px 25px 1px rgba(255, 0, 161, 0.3) inset;
    box-shadow: 0px 0px 25px 1px rgba(255, 0, 161, 0.3) inset;
    background-color: rgba(255, 0, 161, 0.05);
}

.btn-youtube {
    background-color: transparent;
    border: none;
    display: block;
    position: relative;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    transition: all 0.3s ease;
}

.btn-youtube:hover {
    top: -10px;
}

.btn-youtube span {
    color: #fff;
    font-size: 1.10rem;
}

.btn-youtube img {
    width: 60px;
}

.wrapper {
    overflow: hidden;
}


.btn::before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 2px;
    bottom: 2px;
    right: 2px;
    background-color: var(--dark);
    clip-path: inherit;
}





.container-fluid,
#hero .container-fluid {
    max-width: 1690px;
}

#header .logo a,
#footer .footer-logo {
    max-width: 32.3rem;
    /*  margin-left: 0;*/
}

#header .logo {
    transform: translate(-4%, 4%);

}

#header {
    padding-top: 1.5rem;
    width: 100%;
    position: fixed;
    top: 0;
    background-color: rgba(115, 4, 255, 0.5);
}

#footer {
    padding-bottom: 0;
}

.vip .el-el {
    bottom: 0;
    left: 20%;
}

.vip .el-tr {
    bottom: 37%;
    left: 7%;
    transform: rotate(45deg);
}

.vip .el.el-top {
    bottom: 16%;
    right: 10%;
}

.vip {
    background-image: url(../i/bg.webp);
    background-repeat: no-repeat;
    background-size: 128% 128%;
    background-position: center;
    padding-bottom: calc(48px + (100 - 48) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
    padding-top: calc(48px + (138 - 48) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
}

.vip_el-2 {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(-59%, 73%);
    z-index: 2;
    width: 12%;
}

.vip_el-1 {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(-95%, -67%);
    z-index: 2;
    width: 10%;
}

#hero .title p {
    font-size: var(--p-30);
    line-height: 1.3;
}

.home #hero .button.btn span {
    font-size: 1.25rem;
}

.title p {
    font-size: var(--p-24);

}

.ahead__inner h2 {
    margin-bottom: 1rem;
}

.first .title h2 {
    margin-bottom: 1rem;
}

.footer-2__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    display: 1rem;
    position: relative;
    padding-top: 1rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.footer-2__inner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #FBFBFB;
}

.footer-2-content,
#footer-2 .footer-2-content a {
    font-size: 0.875rem;
    color: #fff;
    opacity: 1;
}

#footer-2 {
    margin-top: -1px;
}

#footer-2 .footer-2-content a {
    border-bottom: 1px solid;
}

#footer-2 .footer-2-content a:hover {
    border-bottom-color: transparent;
}

.dark_theme .manager-1 .wrap {
    background-color: transparent;
}

.zone__item-video {
    color: var(--color2);
    font-size: 1.125rem;
    border-bottom: 1px dashed;
    transition: all 0.3s;
    font-weight: 700;
    margin-top: 2rem;
    display: block;
    width: max-content;
}

.zone-sertificate img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.zone__item-video:hover {
    color: #fff;
}

.manager-1 .wrap {
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    padding: 0;
}

.manager-1 .text-wrap {
    height: 100%;
    max-width: 630px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 598px;
    flex: 1 0 630px;
    padding: 0 0 4rem 0;
}

.manager-1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 9%;
    transform: translate(0, -18%);
    background: rgb(35, 24, 66);
    background: linear-gradient(0deg, rgba(35, 24, 66, 0) 0%, rgba(35, 24, 66, 1) 50%, rgba(35, 24, 66, 0) 100%);
    filter: blur(20px);
    will-change: filter;
}

#manager {
    overflow: visible;
}

.manager-1 .form-wrap {
    margin-top: 0;
}

.manager__img {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}


.manager__img:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 10%);
    background-color: rgba(0, 200, 255, 0.61);
    border-radius: 50%;
    filter: blur(250px);
    z-index: 1;
    width: 21.5rem;
    height: 21.5rem;
    will-change: filter;
}

@keyframes scaleBg {
    0% {
        transform: scale(1.2);
    }

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


.manager-1 .text-wrap .header h2 {
    margin-right: 0;
    margin-bottom: 4.43rem;
    font-size: var(--h2);
}

#manager .utp ul li {
    font-size: 1.125rem;
    line-height: 1.38;
}

.b2b-copy {
    margin: 0;
}

#footer .row {
    align-items: center;

}

#footer-2 {
    z-index: 1;
}

#footer-2::before {
    display: none;
}

#header .content .contacts {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: unset;
}

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

.header__svg svg {
    width: 2.25rem;
    height: 2.25rem;
}

.header__soc {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.header__blog a {
    color: #ffffff;
    cursor: pointer;
}

.header__blog a:hover {
    text-decoration: underline;
}

#header .contacts .phone-content,
#footer .phone-content {
    font-size: 0.9rem !important;
    color: #fff;
    line-height: 1.64;
}



.mobile .contacts li {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.mobile .header__soc {
    justify-content: center;
    margin-top: 1rem;
}

.mobile {
    background-color: transparent;
}

.active.mobile .mobile__blur {
    display: block;
    width: 100vw;
    height: 100vh;
    background: rgba(35, 24, 66, 0.399);
    position: absolute;
    top: 0;
    left: 0;
    backdrop-filter: blur(5px);
    z-index: -1;
}

.contacts li::before {
    display: none;
}

.mobile .contacts li {
    padding-left: 0;
}

.mobile .contacts {
    border-bottom: 1px solid var(--color);
}

.mobile__inner {
    max-width: min(400px, calc(100vw - 5rem));
    min-height: 100vh;
    background-color: var(--dark);
    top: 0rem;

}

#footer .phone-content {
    border-bottom: none !important;
}

#footer .link:hover {
    border-bottom: none !important;
    color: var(--color);
}

#header .contacts .link:hover {
    color: var(--color);
}

#header .contacts .link,
#footer .link {
    color: var(--color2);
    border-bottom: 1px dashed var(--color2);

}

#footer .link {
    border-bottom: none;
}


.header__soc a svg {
    width: 2.25rem;
    height: 2.25rem;
}

.header__col-info {
    display: flex;
    align-items: center;
    gap: 1rem;
    line-height: 1.64;
}

.comfort::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 27%;
    transform: translate(0, -60%);
    background: rgb(35, 24, 66);
    background: linear-gradient(0deg, rgba(35, 24, 66, 0) 0%, rgba(35, 24, 66, 1) 50%, rgba(35, 24, 66, 0) 100%);
    filter: blur(15px);
    will-change: filter;
}



#header .contacts svg {
    width: 2.25rem;
    height: 2.25rem;
    margin-bottom: 0;
    margin-right: 1.25rem;
    border: none;
    border-radius: 0;
    padding: 0;
}

.header__soc a {
    width: 2.25rem;
    height: 2.25rem;
    display: block;
    border-radius: 10px;
    display: flex;
    align-items: center;
    border-radius: 5px;
    justify-content: center;
}

.header__soc a svg path {
    transition: all 0.3s;
}

.header__soc a:hover svg path {
    fill: #fff;
}

#header .content .row {
    margin: 0;
    gap: 3.9rem;
    flex-wrap: nowrap;
}

#header .content {
    margin-left: 0;
}



.header__call {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
}

.header__col {
    display: flex;
    align-items: center;
    gap: 4rem;
    justify-content: flex-end;
}

#manager .utp ul li::before {
    background-color: #fff;
    width: 8px;
    clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
    height: 8px;
    background-image: none;
    top: 8px;
}

.social-network {
    position: fixed;
    right: 0;
    top: 70%;
    z-index: 100;
}

.sn-item {
    margin-bottom: 5px;
    padding: 5px;
    background: #ffffff;
    border-radius: 10px 0px 0px 10px;
}

.sn-img {
    transition: all 0.3s ease;
    width: 48px;
}

.sn-item:hover .sn-img {
    transform: translateY(-2.5px);
}

.form-wrap {
    max-width: 464px;
    box-shadow: none;
    padding: 3.9rem 3.1rem;
    border: 1px solid var(--orange);

}

.form__home {
    background-image: url(../i/bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 0;
    z-index: 1;
}

.zone-popup-bg {
    margin: -3rem 0 -3rem -3rem;
}

.popup__bullets.popup__banner .zone-popup.zone-popup-party::before {
    background: linear-gradient(180deg, rgba(33, 23, 64, 0.04) 43.63%, #06101A 58.46%);

}

.zone-popup.zone-popup-party {
    background-color: #06101A;
}

.zone-popup-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.form__home .el {
    width: 2.3rem;
    height: 2.3rem;
    transform: rotate(45deg);
}

.form__home .el-bottom {
    bottom: -2%;
    left: 44%;
    z-index: 1;
}

.form__home .el-el {
    bottom: 38%;
    left: 4%;
}

.el-el-2 {
    animation: animate 10s linear infinite;
}

.form__home .el-el-2 {
    position: absolute;
    bottom: -9%;
    right: 5%;
    z-index: 1;
}

.first .el-tr {
    bottom: 7%;
    z-index: 2;
    right: 13%;
    transform: rotate(149deg);
}

.first .el-bottom {
    bottom: 0;
    z-index: 2;
    left: 20%;
}

.form__home .el.el-top {
    top: 0;
    left: 35%;

}

.dark_theme .manager-1 .form-wrap,
.dark_theme .form__home .form-wrap {
    background: var(--dark);
    -webkit-box-shadow: 0px 0px 23px 2px rgba(255, 125, 4, 0.4), 0px 0px 21px -2px rgba(255, 125, 4, 0.8) inset;
    -moz-box-shadow: 0px 0px 23px 2px rgba(255, 125, 4, 0.4), 0px 0px 21px -2px rgba(255, 125, 4, 0.8) inset;
    box-shadow: 0px 0px 23px 10px rgba(255, 125, 4, 0.4), 0px 0px 21px -2px rgba(255, 125, 4, 0.8) inset;
}

.manager-1 .form .form-head,
.form__home .form-wrap .form-head {
    background-color: transparent;
    padding: 0;
    margin: 0;
    line-height: 1.38;
    font-size: 1.125rem;
}

.form__home .form-wrap .form-head {
    font-weight: 400;
    font-size: 1.25rem;

}


.first.active::before {
    animation: scaleBg 6s linear forwards;
}

.first::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: url(../i/vp.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: screen;
    background-color: var(--dark);

}

.manager-1 .form-wrap .form-header,
.form__home .form-wrap .form-header {
    margin-bottom: 1.5rem;
    width: 80%;
}

.form__home .form-desk {
    margin: 2rem 0;
}

.form__home .hideLabels .form-group {
    margin: .5rem auto 2rem;
}


.form__home .form-wrap .button {
    margin: 0;
}

.form__home .form-wrap .form-header {
    width: 100%;
}

.button__inner {
    margin-bottom: 2rem;
}

.button__inner .contacts-block .head {
    font-size: 0.875rem;
    color: var(--color);
}

.button__inner .contacts-block {
    line-height: 130%;
}

.button__inner .btn span {
    padding: 1.25rem 2.5rem;
    width: 100%;
}



.button__inner .btn {
    width: 100%;
}

.form__home .button__inner .btn span {
    width: max-content;
}

.hideLabels .form-control {
    border-radius: 0;
}

#manager .button__inner .btn span {
    width: 100%;
}

.button__inner .contacts-block a {
    color: #fff;
    font-weight: 400;
}

.form {
    color: #fff;
}

.soc {
    padding: 0;
    margin: 0 !important;
}

.form__home .form-wrap {
    max-width: 475px;
    padding: 3rem;
    flex: 0 0 475px;
}

.button__inner {
    display: grid;
    align-items: center;
    gap: 1rem;
    grid-template-columns: repeat(2, 1fr);
}

.form__home__inner {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.button__inner .contacts-block {
    text-align: center;
}

.soc::before {
    display: none;
}

.dark_theme .hideLabels .form-control {
    color: var(--dark);
}

.manager-1 .form-desk {
    display: none;
}

.dark_theme .popup {
    background-color: var(--dark);
}

.dark_theme .form-group {
    background: #FFFFFF;
    border: 1px solid #999999;
}

.hideLabels .form-group label {
    font-size: 16px;
    color: #999999;
}

.hideLabels .form-group {
    margin: .5rem auto 1.5rem;
}

.form-wrap .button {
    margin: 0;
}

.agreement-label a,
.agreement-label {
    font-size: 0.875rem !important;
}

#manager .button__inner {
    margin-bottom: 1.5rem;
}

.hero__content {
    display: flex;
    align-items: flex-start;
    padding-top: calc(64px + (150 - 64) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
}

.hero__content--inner {
    width: 54%;
}

.hero__content--inner .title h1 {
    margin-bottom: 1.8rem;
}

.hero__content--inner {
    opacity: 0;
}

.hero__info {
    position: relative;
    width: 46%;
}

.hero__img {
    position: absolute;
    top: 0;
    transform: translate(-5%, -20%);
}

.hero__img-two {
    position: absolute;
    right: 0;
    transform: translate(26%, 16%);
}

.home #hero {
    padding-bottom: 5rem;
}

.home #hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: -16%;
    right: 0;
    background-image: url(../i/gr1.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    animation: scaleBg 6s linear forwards;
}


.hero__list {
    display: grid;
    padding-top: calc(64px + (135 - 64) * (calc(100vw / var(--zoom)) - 1023px) / (1920 - 1023));
    grid-template-columns: repeat(5, 1fr);
    gap: 2rem;
}

.hero__item-desc {
    position: relative;
    padding: 1.125rem 0.5rem 0.8rem 1.8rem;
    line-height: 1.3;
    display: flex;
    align-items: center;
}

.hero__item-desc::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: url(../i/gr.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}


.hero__el {
    position: absolute;
    background-color: rgba(0, 200, 255, 0.5);
    width: 24rem;
    height: 24rem;
    border-radius: 50%;
    filter: blur(138px);
    will-change: filter;
    z-index: 35;
}

#hero .hero__el {
    top: 0;
    left: 0;
    transform: translate(-23%, -47%);
}

.zone .el {
    width: 2.3rem;
    height: 2.3rem;
}

.zone .el.el-top {
    right: 5%;
    top: 42%;
}

.zone .el-el {
    top: 45%;
    left: 4%;
}

.zone .el.el-bottom {
    bottom: 0;
    left: 27%;
}

.zone .el.el-bottom-2 {
    bottom: 20%;
    right: 7%;
}

.hero__el-two {
    position: absolute;
    top: 50%;
    right: 0;
    background-color: rgba(183, 31, 255, 0.5);
    width: 28rem;
    height: 28rem;
    border-radius: 50%;
    filter: blur(215px);
    will-change: filter;
    z-index: 35;
    transform: translate(31%, -50%);
    z-index: 0;
}

.home #hero .button.btn,
.zone-item .btn {
    background-image: url(../i/btn.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    clip-path: polygon(20% 0%, 95% 0, 100% 21%, 100% 80%, 100% 100%, 5% 100%, 0 79%, 0 0);
    background-color: transparent;
    margin-top: 0;
}

.zone-item .btn {
    width: 21.8rem;
}

.zone-item-img {
    position: relative;
}

.zone-item-img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 1;
    transition: all 0.3s;

}

/*.zone-item:hover .zone-item-img::before {
    opacity: 1;
}*/

.home #hero .btn__filter {
    margin-top: 2rem;
    will-change: filter;
    filter: drop-shadow(-2px -4px 6px rgba(255, 0, 161, 0.8));
    
    display: flex;
    gap: 30px;
}

.zone-item .btn__filter {
    width: 100%;
    will-change: filter;
    filter: drop-shadow(-2px -4px 6px rgba(255, 0, 161, 0.5))
}

.home #hero .button.btn span,
.zone-item .btn span {
    box-shadow: none;
    background-color: transparent;

}

.zone-item .btn {
    width: 100%;
    min-width: auto;
}

.hero__el-four {
    position: absolute;
    bottom: 28%;
    right: 20%;
    width: 10%;
    z-index: 2;
}



.hero__ast-3 {
    position: absolute;
    top: 0;
    right: 0;
}

.hero__ast-4 {
    position: absolute;
    top: 20%;
    right: 15%;
    width: 6%;
}

.hero__ast-2 {
    position: absolute;
    top: 29%;
    right: 2%;
    width: 10%;
}

.hero__ast-3 {
    position: absolute;
    top: 20%;
    right: 22%;
    z-index: 2;
    width: 11%;
}

.popup .contacts-block {
    display: none;
}

.popup .button__inner {
    display: block;
}

/*.zone-item .btn {
    opacity: 0;
}

.zone-item:hover .btn {
    opacity: 1;
}*/

.el {
    width: 2rem;
    height: 2rem;
    color: transparent;
    border-image: linear-gradient(90deg, rgba(121, 187, 248, 1) 0%, rgba(153, 90, 214, 1) 50%, rgba(224, 179, 227, 1) 100%) 1;
    border-width: 6.6px;
    border-style: solid;
    filter: blur(1.5px);
    will-change: filter;
    position: absolute;
}




.hero__el-three {
    position: absolute;
    bottom: 30%;
    left: 38%;
    width: 12%;
}

#hero .el-top {
    top: 10%;
    left: 5%;
}

#hero .el-bottom {
    bottom: 15%;
    right: 8%;
}

.el-tr {
    position: absolute;
    width: 3rem;
    height: 3rem;
}

.el-el {
    position: absolute;
    width: 2.5rem;
    height: 2.5rem;
}

#hero .el-el {
    bottom: 26%;
    left: 20%;
}

#hero .el-tr {
    top: 15%;
    right: 10%;
}

.home #hero .button.btn::before,
.zone-item .btn::before {
    display: none;
}

.zone-item {
    display: flex !important;
    flex-direction: column;
}

/*.zone-item:hover .zone-item-img {
    transform: translateY(-10px);
}*/

.zone-item-title {
    font-size: 1.25rem;
    background-color: rgba(115, 4, 255, 0.7);
    margin-top: 1rem;
    text-align: center;
    padding: 1rem;
}

.zone-item-title p {
    margin: 0;
}

.zone-items {
    margin-top: calc(32px + (100 - 32) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
    padding: 0 8rem;
}

.zone-items .slick-slide {
    margin: 0 2.56rem;
}

.zone-item-img {
    position: relative;
    transition: all 0.3s;
    clip-path: polygon(8% 0%, 100% 0, 100% 21%, 100% 92%, 92% 100%, 20% 100%, 0 100%, 0% 8%);
}

.zone-item .btn__filter {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
}

.zone-item .btn span {
    padding: 0.875rem 1.75rem;
}

.popup__bullets {
    border-radius: 10px;

    border-radius: 0;
    width: 70%;
    position: relative;
    /* border: 1px solid #FF7D04; */
    display: none;
    background-color: transparent;
    filter: drop-shadow(-1px -4px 17px rgba(255, 125, 4, 0.3));
    will-change: filter;
}

.zone-popup {
    padding: 3rem;
    background-color: var(--dark);
    clip-path: polygon(3% 0%, 100% 0, 100% 0, 100% 91%, 96% 100%, 0 100%, 0% 70%, 0% 8%);
}

.zone .slick-list {
    margin: 0 -2.56rem;
}

/* 
.popup__bullets::before {
    content: '';

    position: absolute;

    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
} */


.popup__bullets .f-button.is-close-btn {
    top: 0;
    right: 0;
    transform: translate(-25%, 5%);
    clip-path: polygon(20% 0%, 80% 0%, 100% 0, 100% 80%, 80% 100%, 20% 100%, 0 100%, 0 0);
    background-color: var(--color2);
    opacity: 1;
    width: 3.9rem;
    transition: all 0.3s;
    height: 3.9rem;
}

.popup__bullets .f-button.is-close-btn,
.info__close {

    opacity: 1;
    clip-path: polygon(20% 0%, 80% 0%, 100% 0, 100% 80%, 80% 100%, 20% 100%, 0 100%, 0 0);
    background-color: var(--color2);
    width: 3.9rem;
    transition: all 0.8s;
    height: 3.9rem;
    z-index: 2;
}

#manager .el-tr {
    bottom: 13%;
    right: 5%;
    transform: rotate(45deg);
    width: 3rem;
    height: 3rem;
}

#manager .el.el-bottom {
    bottom: 2%;
    left: 4%;
    width: 2.3rem;
    transform: rotate(45deg);
    height: 2.3rem;
}

.popup__bullets .f-button.is-close-btn:hover {
    background-color: var(--color);
}

.zone .title h2 {
    margin-bottom: 1rem;
}

.popup__bullets .f-button svg {
    width: 3rem;
    height: 3rem;
}

/* .popup__bullets::before {
    content: '';
    position: absolute;
    top: -7px;
    left: 16px;
    background-color: #FF7D04;
    width: 0.8px;
    height: 12%;
    transform: rotate(37.6deg);
}

.popup__bullets::after {
    content: '';
    position: absolute;
    bottom: -14px;
    right: 27px;
    background-color: #FF7D04;
    width: 1px;
    height: 13%;
    transform: rotate(43.6deg);
} */

.zone-popup {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 4rem;
    color: #fff;

}

.zone-title {
    line-height: 130%;
    font-size: var(--h2);
    text-transform: uppercase;
    font-weight: 700;
}

.zone-text p:first-of-type {
    font-size: var(--p-24);
}

.zone__img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -46%) scale(1.4);
}

.zone__el-1 {
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(30%, -27%);
    width: 25%;
}

.zone__el-1::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    background-color: rgba(0, 200, 255, 0.5);
    width: 24rem;
    height: 24rem;
    border-radius: 50%;
    filter: blur(138px);
    will-change: filter;
    z-index: -1;
    transform: translate(-13%, -50%);
}

.zone__el-2 {
    position: absolute;
    top: 0;
    left: 5%;
    width: 12%;
}

.zone__el-3::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    background-color: rgba(183, 31, 255, 0.5);
    width: 24rem;
    height: 41rem;
    border-radius: 50%;
    filter: blur(138px);
    will-change: filter;
    z-index: -1;
    transform: translate(-13%, -80%);
}

.zone .el-tr {
    bottom: 8%;
    right: 13%;
    transform: rotate(90deg);
}

.zone__el-3 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 25%;
    z-index: 1;
}

.zone__wrap {
    position: relative;
}

.zone .clip-text {
    width: 33.5rem;
    margin: 0 auto;
    margin-top: 4.2rem;
}

.zone__text {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.33;
    gap: 1rem;
    background-color: var(--dark);
    padding: 1.75rem 1.25rem 1.75rem 3rem;
    clip-path: polygon(20% 0%, 96% 0, 100% 13%, 100% 80%, 100% 100%, 4% 100%, 0 87%, 0 0);
    -webkit-box-shadow: 0px 0px 25px 1px rgba(255, 125, 4, 0.3) inset;
    -moz-box-shadow: 0px 0px 25px 1px rgba(255, 125, 4, 0.3) inset;
    box-shadow: 0px 0px 25px 1px rgba(255, 125, 4, 0.3) inset;
    font-size: 1.125rem;

}

.zone__text .text_color {
    font-size: var(--p-24);
}

.zone__text p {
    margin: 0;
}

.zone__text svg {
    flex-shrink: 0;
}

#manager .button__inner .contacts-block {
    display: none;
}



.vip__item {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: 2rem;
    font-size: var(--p-24);
    line-height: 1.33;
    clip-path: polygon(3% 0%, 100% 0, 100% 21%, 100% 92%, 97% 100%, 20% 100%, 0 100%, 0% 8%);
    background-color: var(--dark);
    -webkit-box-shadow: 0px 0px 25px 1px rgba(255, 125, 4, 0.3) inset;
    -moz-box-shadow: 0px 0px 25px 1px rgba(255, 125, 4, 0.3) inset;
    box-shadow: 0px 0px 25px 1px rgba(255, 125, 4, 0.3) inset;
}

.vip__inner {
    width: 88%;
    margin: 0 auto;

}

.vip__inner-wrapper {

    background-color: #FF7D04;
    padding: 1px;

}

.clip-shadow {
    filter: drop-shadow(-1px -4px 17px rgba(255, 125, 4, 0.3));
    will-change: filter;
}

.clip {
    background-color: #FF7D04;
    padding: 1px;
    clip-path: polygon(3% 0%, 100% 0, 100% 21%, 100% 92%, 97% 100%, 20% 100%, 0 100%, 0% 8%);
}

.vip__item h2 {
    margin-top: 0;
    margin-bottom: 3rem;
}

#hero.hero__error {
    background-image: url(../i/404.webp);
    background-repeat: no-repeat;
    background-size: cover;
}

#hero.hero__error h1 {
    color: var(--color2);
    font-weight: 700;
    font-size: calc(70px + (200 - 70) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
    margin-bottom: 1rem;
}

#hero.hero__error .main {
    padding-bottom: 15rem;
}

.err-img {
    position: absolute;
    width: 66%;
    right: 0;
    bottom: 0;
}

#hero.hero__error .intro p .text_color {
    text-transform: uppercase;
    font-size: var(--h2);
    font-weight: 700;
}

#hero.hero__error .intro {
    font-size: var(--p-24);
}

.vip__item-text {
    padding: 5.43rem 3rem 5.43rem 0;
}

.vip__item-img {
    padding: 5px 0;
}

.vip__item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

ul li {
    position: relative;
    padding-left: 1.25rem;

}

ul li:not(:last-child) {
    margin-bottom: 1rem;
}

ul li::before {
    content: '';
    position: absolute;
    background-color: #fff;
    width: 8px;
    clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
    height: 8px;
    background-image: none;
    top: 8px;
    left: 0;
}

.ahead__items {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    padding-top: calc(32px + (73 - 32) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
    position: relative;
}


.ahead__img {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 20%);
    z-index: -1;

}

.ahead {
    background-image: url(../i/set.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


.collumn {
    width: 37%;
}



.ahead__text {
    padding: 2rem;
    background-color: var(--dark);
    -webkit-box-shadow: 0px 0px 25px 1px rgba(255, 125, 4, 0.3) inset;
    -moz-box-shadow: 0px 0px 25px 1px rgba(255, 125, 4, 0.3) inset;
    box-shadow: 0px 0px 25px 1px rgba(255, 125, 4, 0.3) inset;
    clip-path: polygon(20% 0%, 96% 0, 100% 13%, 100% 80%, 100% 100%, 4% 100%, 0 87%, 0 0);

}

.clip-text {
    background-color: #FF7D04;
    padding: 1px;
    max-width: 32.6rem;
    clip-path: polygon(20% 0%, 96% 0, 100% 13%, 100% 80%, 100% 100%, 4% 100%, 0 87%, 0 0)
}

.ahead__item {
    display: flex;
    align-items: center;
    gap: 3rem;
    padding: 1.5rem 2rem;

    margin-bottom: 2.5rem;
}

.ahead__item {
    position: relative;


}



.ahead__item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: url(../i/v33.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: -1;

}

.comfort .el,
.section__promotion .el {
    width: 2.3rem;
    height: 2.3rem;
}

.section__promotion {
    margin-top: -1px;
}

.comfort .el-el {
    top: 29%;
    right: 6%;
}

.section__promotion .el-el {
    bottom: 2%;
    z-index: 2;
    right: 5%;
}

.section__promotion .el-bottom {
    bottom: -5%;
    z-index: 2;
    left: 19%;
}



.comfort .el-bottom {
    bottom: 0;
    right: 14%;
}

.comfort .el-tr {
    bottom: 0;
    left: 10%;
    transform: rotate(150deg);
}

.ahead__item-img {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.collumn1 .ahead__item {
    text-align: right;
}

.ahead__item-desc p {
    margin: 0;
}

.ahead__item-desc strong {
    display: block;
    font-size: 1.125rme;
    margin-bottom: 0.5rem;
}

.ahead__item-desc br {
    display: none;
}

.ahead__content-effect {
    display: inline-block;
    margin-right: -3rem;
    margin-top: -2rem;
}

.comfort__text.comfort-mobile {
    display: none;
}

.form__home-img1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 15%;
    transform: translate(20%, 0);
}

.form__home-img2 {
    position: absolute;
    top: 0;
    right: 0;
    width: 20%;
}

.ahead__inner .title {
    width: 50rem;
    margin: 0 auto;
}

.ahead__inner .title p {
    width: 79%;
    margin: 0 auto;
}

.ahead__content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    padding-top: 1rem;
}

.ahead__text p {
    margin: 0;
}

.ahead__text-inner {
    width: 35%;
}

.games__column {
    display: grid;
    grid-template-columns: repeat(4, 1fr);  
    justify-items: center;
    gap: 30px;
}

.games__item {
    border: 1px solid #e08032;
    padding: 10px 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: stretch;
    justify-content: flex-start;
}

.games__item-name {
    font-size: 20px;
    font-weight: 600;
}

.games-tabs {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-bottom: 20px;
}

.games__item-button {
    margin-top: auto;
    display: flex;
    justify-content: center;
}

.first-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 5rem;
    row-gap: 4rem;
    padding-top: 3.2rem;
}

.first-item {
    position: relative;
    padding: 2.25rem;
}

.first-item-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    /* transform: scale(1.5); */
}

.promotion__items .first-item-bg::before {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background-color: rgba(35, 24, 66, 0.5);
    filter: blur(30px);
    will-change: filter;
    backdrop-filter: blur(20px);
    clip-path: polygon(20% 0%, 89% 0, 100% 13%, 100% 80%, 100% 100%, 11% 100%, 0 87%, 0 0);
    z-index: -1;
}

.first-item-img {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(25%, -25%);
}

.first-item strong,
.first-item b {
    width: 60%;
    font-size: 1.125rem;
    display: block;
}

.first .clip {
    width: 37.8rem;
    margin: 0 auto;
    margin-top: 2.2rem;
}

.page-template-page-party .section__promotion {
    padding-bottom: 14rem;
}

.page-template-page-party .section__promotion-man {
    bottom: -3rem;
}

.first__text {
    font-size: var(--p-24);
    line-height: 1.33;
    display: flex;
    gap: 1.5rem;
    align-items: center;
    clip-path: polygon(3% 0%, 100% 0, 100% 21%, 100% 92%, 97% 100%, 20% 100%, 0 100%, 0% 8%);
    padding: 2rem;
    background-color: var(--dark);
    -webkit-box-shadow: 0px 0px 25px 1px rgba(255, 125, 4, 0.5) inset;
    -moz-box-shadow: 0px 0px 25px 1px rgba(255, 125, 4, 0.5) inset;
    box-shadow: 0px 0px 25px 1px rgba(255, 125, 4, 0.5) inset;
}

.comfort__text p {
    margin: 0;
}

.comfort__text .text_color {
    display: block;
}

.first__text p {
    margin: 0;
}

.first__text svg {
    flex-shrink: 0;
}

.promotion__items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.25rem;
    margin-top: 1.5rem;
}

.promotion__item {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 2.5rem;
    padding: 2.25rem 2rem;
    font-size: 1.125rem;
    position: relative;
}

.first-item-bg img {
    width: 100%;
    height: 100%;
    object-fit: 100%;
}

.section__promotion-img {
    display: flex;
    align-items: center;
    justify-content: center;
}

.promotion__item p {
    margin: 0;
}

.promotion__item .button {
    margin-top: 0;
}

.section__promotion .header-block {
    width: 54%;
}

.actions__title {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1.5rem;
}

.actions__title .btn,
.actions__title .btn span {
    width: 100%;
}

.section__promotion-man {
    position: absolute;
    bottom: 4rem;
    right: 0;
    z-index: 1;
    transform: scale(1.2) translateY(-8%);
}

.section__promotion-man::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: rgba(183, 31, 255, 0.5);
    width: 33rem;
    height: 33rem;
    border-radius: 50%;
    filter: blur(138px);
    will-change: filter;
    z-index: -1;
    transform: translate(-69%, -50%);
}

.comfort__inner .title {
    width: 69%;
    margin: 0 auto;
}

.comfort {
    background-image: url(../i/bg2.webp);
    background-repeat: no-repeat;
    background-size: cover;
}

.comfort__items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding-top: 2rem;
}

.comfort__content-img {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.comfort__content-img img {
    border-radius: 50%;
}


.comfort__item {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
}

.comfort__item-img {
    flex-shrink: 0;
}

.collumn-comfort {
    display: grid;
    gap: 2.5rem;
    align-items: flex-start;
}

.comfort__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    font-size: var(--p-24);
    line-height: 1.33;
}

.collumn1-comfort .comfort__item {
    text-align: right;
}

.collumn2-comfort .comfort__item {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.collumn2 .ahead__item {
    flex-direction: row-reverse;
    justify-content: flex-end;

}

.collumn2 .ahead__item:nth-child(2) {
    align-items: flex-start;
}

.collumn-comfort .comfort__item:nth-child(even) {
    margin-right: 3rem;
}

.collumn2-comfort .comfort__item:nth-child(even) {
    margin-right: 3rem;
    margin-left: 3rem;
    margin-right: 0;
}

.collumn2-comfort .comfort__item:nth-child(2) br {
    display: block;
}

.collumn2-comfort .comfort__item:nth-child(2) p {
    margin-top: 0.5rem;
}

.el-tr {
    animation: animate 10s linear infinite;
}

.el-top {
    animation: animate-alt 12s linear infinite;
    animation-delay: 1s;
}

.el-el {
    animation: animateTransform 8s linear infinite;
}

.hero__el-four {
    animation: animateTransform2 8s linear infinite;
}

.hero__ast-4 {
    animation: animateTransform3 8s linear infinite;
}

@keyframes animateTransform {
    0% {
        transform: translateY(0) scale(1);
    }

    50% {
        transform: translateY(40px) scale(1.5);

    }

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

.hero__ast-2 {
    animation: scale 8s linear infinite;
}

@keyframes scale {
    0% {
        transform: scale(0.9);
    }

    50% {
        transform: scale(1);

    }

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

.hero__img {
    animation: animateTransformImg 8s linear infinite;
}

.hero__ast-3 {
    animation: animateTransform3 8s linear infinite;
    animation-delay: 1s;
}

.hero__img-two {
    animation: animateTransformImg1 8s linear infinite;
}

.zone__el-2 {
    animation: animateTransform3 8s linear infinite;
}

@keyframes animateTransform2 {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-40px);

    }

    100% {
        transform: translateY(0);
    }
}

@keyframes animateTransform3 {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(40px);

    }

    100% {
        transform: translateY(0);
    }
}

@keyframes animateTransformImg {
    0% {
        transform: translateY(0) scale(1);
    }

    50% {
        transform: translateY(-40px) scale(1.1);

    }

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

@keyframes animateTransformImg1 {
    0% {
        transform: translate(26%, 16%) scale(1);
    }

    50% {
        transform: translate(26%, 26%) scale(1.1);

    }

    100% {
        transform: translate(26%, 16%) scale(1);
    }
}

@keyframes animate {

    10%,
    15% {
        transform: translateX(0);
    }

    16% {
        transform: translateX(0) scale(0.5);
    }

    18% {
        transform: translateX(0) scale(1.5);
    }

    20% {
        transform: translateX(0) scale(1);
    }

    50% {
        transform: translateX(10%) scale(1) rotate(180deg);
    }

    65% {
        transform: translateX(-10%) scale(1) rotate(180deg);
    }
}

@keyframes animate-alt {

    10%,
    15% {
        transform: translateX(-10%);
    }

    16% {
        transform: translateX(-10%) scale(0.5);
    }

    18% {
        transform: translateX(-10%) scale(1.5);
    }

    20% {
        transform: translateX(-10%) scale(1);
    }

    50% {
        transform: translateX(-10%) scale(1) rotate(-180deg);
    }

    65% {
        transform: translateX(-20%) scale(1) rotate(-180deg);
    }
}

.comfort__item-img img {
    border-radius: 50%;
}

.comfort__item-desc p {
    margin-bottom: 0;
}

.collumn1-comfort {
    margin-left: auto;
    width: 72%;
}

.collumn2-comfort {
    width: 80%;
    margin-right: auto;
}

.comfort__item-desc strong,
.comfort__item-desc b {
    font-size: 1.125rem;
    margin-bottom: 0.5rem;
    display: block;
}

.comfort__item-desc br {
    display: none;
}

.rev__item-inner {
    height: 100%;
}

.rev__item .rev__item-inner {
    border: 1px solid transparent;
}

.rev__item .rev__item-inner {
    opacity: 0.5;
    transition: all 0.3s;
}

.rev__item:hover .rev__item-inner {
    opacity: 1;
    transform: translateY(-10px);
    border-color: #FF7D04;
    -webkit-box-shadow: 0px 0px 29px 0px rgba(255, 125, 4, 0.4), 0px 0px 29px 0px rgba(255, 125, 4, 0.4) inset;
    -moz-box-shadow: 0px 0px 29px 0px rgba(255, 125, 4, 0.4), 0px 0px 29px 0px rgba(255, 125, 4, 0.4) inset;
    box-shadow: 0px 0px 29px 0px rgba(255, 125, 4, 0.4), 0px 0px 29px 0px rgba(255, 125, 4, 0.4) inset;
}

.rev .el-el {
    bottom: 0;
    left: 10%;
    z-index: 2;
}

.el-bottom {
    animation: rotateEllipse 5s linear infinite;
}

@keyframes rotateEllipse {
    0% {
        transform: rotate(0deg);
    }

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

.rev .el-bottom {
    bottom: 18%;
    right: 5%;
}

/* .rev__item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.307);
} */

.rev__item-inner .video {
    width: 100%;
    height: 100%;
    padding-bottom: 100%;

}

.rev__item-inner .video__media {
    object-fit: cover;
}

.rev__item-inner img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.rev__items .slick-slide {
    margin: 0 2rem;
}

.rev__item-inner .video__button {
    display: block;
    background-color: var(--color2);
    width: 5rem;
    height: 5rem;
    clip-path: polygon(20% 0%, 80% 0%, 100% 0, 100% 100%, 80% 100%, 20% 100%, 0% 80%, 0 0);
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.rev::before {
    content: '';
    position: absolute;
    background-image: url(../i/bg3.webp);
    background-repeat: no-repeat;
    background-size: cover;
    top: -22%;
    left: 0;
    bottom: 0;
    right: 0;
}

.zone-sertificate .video {
    height: 100%;
    padding-bottom: 100%;
}

.slick-arrow {
    background-color: var(--color2);
    box-shadow: none;
    border-radius: 0;
    width: 3.75rem;
    height: 3.75rem;
}

.slick-arrow:hover {
    background-color: var(--color);
}

.rev__items .slick-list {
    padding-top: 3.68rem;
    margin: 0 -2.5rem;
}

.rev__wrap {
    position: relative;
    padding: 0 7rem;
}

.slick-next {
    right: 0;
    clip-path: polygon(20% 0%, 80% 0%, 100% 0, 100% 80%, 80% 100%, 20% 100%, 0 100%, 0 0);
}

.slick-prev {
    left: 0;
    clip-path: polygon(20% 0%, 100% 0, 100% 20%, 100% 80%, 100% 100%, 20% 100%, 0 100%, 0% 20%);
}

.rev__wrap .slick-arrow {
    bottom: calc(50% - 3.68rem);
    transform: translateY(-50%);
}

.slick-arrow.slick-next svg,
.slick-arrow.slick-prev svg {
    fill: transparent;
}

.slick-arrow.slick-next svg path,
.slick-arrow.slick-prev svg path {
    fill: transparent;
}

.first-item-text p {
    margin-bottom: 0;
}

.blog a:hover {
    text-decoration: underline;
}

.blog-inner {
    display: flex;
    padding-top: 3rem;
    gap: 10px;
}

.blog-items {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.blog-item {
    display: flex;
    align-items: center;
}

.blog-content {
    padding: 10px 10px 10px 0;
    width: 100%;
}



.blog-img {
    padding: 30px;
    width: 100%;
    flex-basis: 50%;
}

.blog-img img {
    width: 1000px;
    clip-path: polygon(20% 0%, 92% 0, 100% 21%, 100% 80%, 100% 100%, 8% 100%, 0 79%, 0 0);
}

.blog-content p {
    display: inline;
    text-align: justify;
}

.blog-title {
    margin: 0;
    padding-bottom: 5px;
}

.blog-param,
.blog-param a {
    color: #01FF01;
    pointer-events: none;
    cursor: default;
    padding-top: 5px;
}

.blog-filter {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100vh;
}

.purple-frame {
    background-color: rgb(255, 0, 162);
    clip-path: polygon(20% 0%, 98% 0, 100% 21%, 100% 80%, 100% 100%, 2% 100%, 0 79%, 0 0);
}

.orange-frame {
    background-color: rgb(255, 125, 5);
    clip-path: polygon(20% 0%, 92% 0, 100% 21%, 100% 80%, 100% 100%, 8% 100%, 0 79%, 0 0);
}

.blog-frame {
    position: relative;
}

.blog-frame::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 2px;
    left: 2px;
    bottom: 2px;
    right: 2px;
    background-color: rgba(35, 24, 66, 0.8);
    ;
    clip-path: inherit;
}

.blog-category {
    padding: 25px 100px;
    text-wrap: nowrap;
}

.blog-category h3 {
    margin: 0;
    font-size: 30px;
    text-align: center;
}

.blog-category li {
    font-size: 20px;
    list-style-type: '> ';
    color: var(--color);
}

.select-category {
    color: #fff !important;
}

.pag-links {
    display: flex;
    gap: 5px;
}

.page-numbers {
    display: block;
    font-size: 20px;
    border: 1px solid rgb(255, 125, 5);
    background-color: rgba(255, 125, 5, 0.2);
    padding: 5px 10px;
    text-decoration: none !important;
}

.post-container {
    max-width: 900px;
    margin: 0 auto;
}

.post-content {
    position: relative;
    padding-top: 3rem;
}

.post-content h1 {
    margin: 0;
    font-size: 40px;
}

.post-content p {
    font-size: 20px;
    line-height: 30px;
}

.post-btn {
    position: absolute;
    left: -190px;
    border: 1px solid rgb(255, 0, 162);
    background-color: rgba(255, 0, 162, 0.2);
    margin-top: 15px;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    color: #fff;
}

.post-params {
    padding-bottom: 10px;
}

.post-params,
.post-params a {
    list-style-type: none;
    color: #01FF01;
    text-wrap: nowrap;
}

.post-body {
    text-align: justify;
}

@media screen and (min-width: 2500px) {
    :root {
        --zoom: 1.333
    }
}

@media screen and (max-width: 1919px) {
    .vip .el-tr {
        left: 3%;
    }

    #manager .el-tr {
        bottom: 3%;

    }

    .hero__ast-3 {
        width: 7%;
    }

    .vip .el.el-top {
        right: 4%;
    }

    .promotion__item {
        gap: 1.5rem;
    }

    .manager-1 .text-wrap {
        max-width: 564px;
        -ms-flex: 1 0 564px;
        flex: 1 0 564px;

    }
}

@media screen and (max-width: 1679px) {

    #header .logo a {
        max-width: 22.3rem;
        margin-left: 0;
    }

    .collumn1-comfort {
        width: 82%;
    }

    .collumn2-comfort {
        width: 86%;

    }

    .first-items {
        column-gap: 3rem;
        row-gap: 2rem;
        padding-top: 2rem;

    }

    .popup__bvg .popup__bullets.popup__banner {
        width: 86%;
    }

    .ahead__item {
        margin-bottom: 2rem;
    }

    .ahead__items {
        padding-top: 2rem;
    }

    .zone-text p:first-of-type {
        font-size: 1rem;
    }

    .popup__bullets .zone-title p {
        font-size: var(--p-24);
    }

    .zone-text p {
        font-size: 1rem;
    }

    .zone .clip-text {
        margin-top: 2rem;
    }

    .zone-item-title {
        padding: 0.5rem;
    }

    .zone-items {
        margin-top: 2rem;
    }

    .hero__item-desc {
        font-size: 0.95rem;
        padding-left: 1.5rem;
        align-items: flex-start;
    }

    #header .content .row {
        gap: 3rem;
    }

    .header__col {
        gap: 3rem;
    }

    .rev__items .slick-slide {
        margin: 0 1rem;
    }

    .rev__items .slick-list {
        padding-top: 1.68rem;
    }

    #hero .el-bottom {
        bottom: 23%;
        right: 4%;
    }

    .promotion__item {
        grid-template-columns: 0.8fr 1.2fr;
    }

}

@media screen and (max-width: 1535px) {
    #header .content .row {
        gap: 2rem;
    }

    .hero__ast-3 {
        display: none;
    }

    .section__promotion-man {
        transform: unset;
    }

    #manager .form-wrap {
        padding: 3rem;
    }


    .manager-1 .form-wrap {
        max-width: 410px;
    }

    .ahead__items ul li:not(:last-child) {
        margin-bottom: 0.6rem;
    }

    .promotion__item {
        padding: 1.5rem;

    }

    .section__promotion-img {
        width: 5rem;
    }

    .promotion__item {
        grid-template-columns: 0.5fr 1.1fr;
    }

    .actions__title {
        gap: 1rem;
    }

    .actions__title br {
        display: none;
    }

    .collumn {
        width: 39%;
    }

    .first-item strong,
    .first-item b {
        width: 76%;
    }

    .zone-item .btn span {
        padding: 0.875rem 1.2rem;
        font-size: 1rem;
    }

    .collumn-comfort {
        width: 100% !important;
    }

    .vip__item h2 {
        margin-bottom: 2rem;
    }

    .header__col {
        gap: 2rem;
    }

    .hero__item-desc {
        font-size: 0.875rem;
    }

    .hero__list {
        gap: 1rem;
    }



    .hero__img {
        transform: translate(-18%, -26%);
    }

    .hero__content {
        padding-top: 6rem;
    }

    .popup__bullets .f-button.is-close-btn {
        width: 2.9rem;
        height: 2.9rem;
    }

    .info__close {
        width: 2.9rem;
        height: 2.9rem;
    }

    .popup__bullets .f-button.is-close-btn svg,
    .info__close svg {
        width: 2rem;
        height: 2rem;
    }

    h2 {
        margin-bottom: 1rem;
    }

    .ahead__item {
        gap: 1.5rem;
    }

    .first-item {
        padding: 1.75rem;
    }

    .blag-img {
        width: 30%;
    }

    #hero.hero__error .main {
        padding-bottom: 11rem;
    }

    .post-btn {
        position: relative;
        left: 0;
        max-width: 200px;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 1439px) {}

@media screen and (max-width: 1365px) {

    .header__svg svg,
    #header .contacts svg {
        width: 2rem;
        height: 2rem;
    }

    .form__home__inner .button__inner .btn span {
        padding: 1.25rem 1.5rem;
    }

    .manager-1 .text-wrap .header h2 br {
        display: none;
    }

    .manager-1 .text-wrap .header h2 {
        margin-bottom: 2.43rem;
    }


    .ahead__content {
        padding-top: 0;
    }

    .manager__img {
        width: 40%;
    }

    .actions__title {
        font-size: 1rem;
    }

    .ahead__item {
        padding: 1.25rem;
    }

    #header .logo a {
        max-width: 16.3rem;

    }

    .ahead__item-img {
        width: 3rem;
    }

    .popup__bullets {
        width: 81%;

    }

    .vip__inner {
        width: 100%;
    }

    #header .contacts svg {
        margin-right: 1rem;
    }

    .zone-items {
        padding: 0 5rem;
    }

    .zone-items .slick-slide {
        margin: 0 1.5rem;
    }

    .zone-item-title {
        font-size: 1.125rem;
    }

    .zone .slick-list {
        margin: 0 -1.5rem;
    }


    .hero__item-desc {
        padding: 1rem 0.5rem 0.8rem 1.3rem;
    }

    .header__soc {
        gap: 1rem;
    }

    .ahead__content-img {
        width: 30%;
    }

    .footer-2-content,
    #footer-2 .footer-2-content a {
        font-size: 12px;
    }

    .hero__el-four {
        display: none;
    }

    .hero__ast-2 {
        top: 19%;
        right: -3%;

    }

    .section__promotion-man {
        width: 57%;
    }

    .hero__ast-4 {
        display: none;
    }

    .home #hero::before {
        background-size: cover;
    }

    .banner-img {
        width: 8rem;
    }
}

@media screen and (max-width: 1279px) {
    .form__home .form-wrap {
        max-width: 419px;
        flex: 0 0 419px;
    }

    .page-template-page-party .section__promotion {
        padding-bottom: 8rem;
    }

}

@media screen and (max-width: 1181px) {
    .header__col {
        justify-content: center;
    }

    #footer .row {
        justify-content: center;
    }
}

@media screen and (max-width: 1149px) {

    .header__adress,
    .header__mode,
    .header__blog {
        display: none;
    }

    .open-v {

        bottom: 3.4rem;

    }

    .popup__bullets.popup__banner p {
        width: 100%;
    }

    #header .content .contacts {
        margin-right: 3.5rem;
    }

    .open span {

        background-color: var(--color2);
    }

    .collumn-comfort .comfort__item:nth-child(even) {
        margin-right: 0;
    }

    .manager-1 .text-wrap {
        max-width: 460px;
        -ms-flex: 1 0 460px;
        flex: 1 0 460px;
    }

    #manager .utp ul {
        max-width: 351px;

    }

    .collumn2-comfort .comfort__item:nth-child(even) {
        margin-left: 0;
    }

    .form__home {
        padding-top: 3rem;
    }

    .promotion__items {
        grid-template-columns: repeat(2, 1fr);
        gap: 2.25rem;
        width: 70%;
    }

    .section__promotion-man {
        transform: translateX(37%);
    }

    .section__promotion .header-block {
        width: 80%;
    }

    .first-items {
        column-gap: 2rem;
    }

    .ahead__text-inner {
        width: auto;
    }

    .vip__item-text {
        padding: 3rem 2rem 3rem 0;
    }

    .vip__item {
        font-size: 1.125rem;
    }

    .hero__list {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 2rem;

    }

    .zone-popup {
        padding: 2rem;
        gap: 2rem;

    }

    .popup__bullets {
        width: 91%;
    }

    .zone-items .slick-slide {
        margin: 0 1rem;
    }

    .zone-item .btn span {
        padding: 0.875rem 1rem;
    }

    .zone .slick-list {
        margin: 0 -1rem;
    }

    .slick-arrow {
        width: 2.75rem;
        height: 2.75rem;
    }

    .hero__item-img {
        width: 7rem;
        flex: 0 0 7rem;
        margin-bottom: -0.7rem;
    }

    .home .title h2 {
        margin-top: 0;
    }

    .hero__el-three {
        display: none;
    }

    #hero .el-el {
        bottom: 38%;
    }

    .hero__item-desc {
        padding: 1.4rem 0.5rem 0.8rem 2.1rem;
        min-height: 7rem;
    }

    .hero__item {
        width: 30%;
    }

    .hero__list {
        row-gap: 0;
    }

    #hero .el-el {
        bottom: 45%;
    }

    .footer-2-content {
        width: 70%;
    }

    .vip .el.el-top {
        bottom: -10%;
    }

    .blog-item {
        flex-direction: column;
    }

    .blog-img {
        padding: 30px 30px 5px 30px;
    }

    .blog-content {
        padding: 5px 30px 30px 30px;
    }

    .post-content {
        padding: 3rem;
    }
}

@media screen and (max-width: 1023px) {
    .games__column{
        grid-template-columns: repeat(1, 1fr);
    }
    .hero__content {
        padding-top: 6rem;
    }

    .popup__bvg .popup__bullets.popup__banner .zone-title h2 {
        margin-top: 1rem;
    }

    .popup__bvg .popup__bullets.popup__banner .zone-title {
        margin-bottom: 2rem;
    }

    .popup__bvg .popup__bullets.popup__banner .zone-popup {
        background-image: none !important;
    }

    .popup__bullets.popup__banner .zone-popup .zone-sertificate {
        display: block;
    }

    .popup__bullets.popup__banner .zone-popup .zone-sertificate img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 10%;
    }

    .banner-img {
        display: none;
    }

    .hero__content--inner .title h1 br {
        display: none;
    }



    .vip__item-text {
        padding: 2rem 2rem 2rem 0;
    }

    .collumn {
        width: 48%;
    }



    #footer .col:nth-child(1) {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .rev__items .slick-list {
        margin: 0 -1rem;
    }

    .manager-1 .wrap {
        flex-direction: column;
    }

    @keyframes animateTransformImg1 {
        0% {
            transform: translate(30%, 37%) scale(1.2);
        }

        50% {
            transform: translate(30%, 47%) scale(1.3);

        }

        100% {
            transform: translate(30%, 37%) scale(1.2);
        }
    }

    #manager .form-wrap {
        margin-left: auto;
    }

    .manager__img {
        width: 55%;
        left: 0;
        transform: translateX(-25%);
    }

    .promotion__items {
        width: 100%;
    }

    .rev__wrap {
        padding: 0 4rem;
    }

    .first-item-img {
        transform: translate(29%, -60%);
    }

    .first-items {
        padding-top: 4rem;
    }

    .comfort__content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .form__home-img {
        transform: scale(1.5);
    }

    .comfort__items {
        grid-template-columns: repeat(2, 1fr);

        gap: 8rem;
    }

    .comfort__text {
        display: none;
    }

    .comfort-mobile.comfort__text {
        display: block;
        margin: 0 auto;
        text-align: center;
        font-size: 1.25rem;
        margin-top: 2rem;
    }

    .ahead__inner .title {
        width: 87%;
    }

    .ahead__img {
        left: unset;
        transform: translate(5%, 3%);
        bottom: 0;
        right: 0;
        width: 48%;
    }

    .ahead__item::before {
        display: none;
    }

    .ahead__item {
        border: 1px solid #FF7D04;
        background-color: rgba(255, 125, 4, 0.17);
    }

    .zone__el-3 {
        display: none;
    }

    .vip__item {
        font-size: 1rem;
    }

    .popup__bullets {
        width: 98%;
    }

    .hero__content--inner {
        width: 65%;
    }

    .zone__el-1 {
        position: absolute;
        right: 0;
        top: -4rem;
        transform: translate(32%, 0);
        width: 37%;
    }

    .zone__el-1::before {
        width: 17rem;
        height: 17rem;


    }

    .hero__img-two {
        transform: translate(27%, 37%) scale(1.1);
    }

    .hero__img {
        transform: translate(-18%, 14%) scale(1.1);
    }

    @keyframes animateTransformImg {
        0% {
            transform: translate(-18%, 14%) scale(1.1);
        }

        50% {
            transform: translate(-12%, 14%) scale(1.1);

        }

        100% {
            transform: translate(-18%, 14%) scale(1.1);
        }
    }

    .zone__el-2 {
        top: -4%;
        width: 20%;
    }

    .vip_el-1 {
        width: 16%;
    }

    .vip_el-2 {
        width: 17%;
    }

    .first-items {
        gap: 1rem;
    }

    .comfort__content-img {
        width: 72%;
    }

    .collumn-comfort {
        z-index: 2;
    }

    .manager-1 .text-wrap {
        padding: 0 0 2rem 0;
    }

    .zone__el-2 {
        top: -12%;
        width: 18%;
    }

    .form__home-img1 {
        transform: translate(20%, -69%);
    }

    .home #hero::before {
        bottom: 0;

    }
}

@media screen and (max-width: 767px) {
    .header__soc a {
        width: 1.75rem;
        height: 1.75rem;
    }

    .zone-popup-bg {
        margin: 0;
        padding-bottom: 1rem;
    }
    .home #hero .btn__filter{
        flex-direction: column;
    }
    .blag-img {
        width: 38%;
        margin: 0 auto;
        margin-top: 2rem;
    }

    .open-v {
        right: 1.5rem;

    }

    .section__promotion-inner .btn span {
        padding: 1rem 2rem;
    }

    #hero.g-hero .list h1+p br {
        display: none;
    }

    .popup__bvg .popup__bullets.popup__banner .zone-popup {
        display: block;
    }

    .section__promotion-man {
        width: 93%;
        bottom: 3rem;
        display: none;
    }

    .popup__bullets.popup__banner p {
        width: 97%;
    }

    .popup__bullets.popup__banner .btn {
        margin: 0 auto;
    }

    .zone .el.el-bottom {
        bottom: 0;
        left: 27%;
        z-index: 2;
    }

    .vip__item-img {
        padding: 0;
    }

    #hero .el-top {
        top: 5%;
    }

    .hero__item-img {
        width: 5rem;
        flex: 0 0 5rem;
        margin-bottom: 0;
    }

    .zone__el-1 {
        top: -8rem;
        transform: translate(32%, 0);
        width: 42%;
    }

    .first-items {
        grid-template-columns: repeat(2, 1fr);

    }

    .section__promotion-img {
        width: 7rem;
    }

    .section__promotion .header-block .title h2,
    .section__promotion .header-block .title p {
        text-align: center !important;
    }

    .section__promotion .header-block .title p br {
        display: none;
    }

    .promotion__items {
        grid-template-columns: repeat(1, 1fr);
        gap: 1.25rem;
        width: 90%;
        margin: 0 auto;
    }

    .collumn-comfort {
        gap: 1.5rem;

    }

    .manager__img {
        width: 55%;
        right: 0;
        left: unset;
        top: 20%;
        transform: translateX(41%) scale(-1, 1);
    }

    .manager-1 .text-wrap {
        padding: 0;
    }

    .collumn1-comfort .comfort__item {
        text-align: left;
        flex-direction: row-reverse;
        justify-content: flex-end;
    }

    .collumn1-comfort .comfort__item {
        text-align: left;
    }

    .comfort__inner .title {
        width: 99%;
    }

    .comfort-mobile.comfort__text {
        display: none;
    }

    .comfort__text {
        display: block;
    }

    .comfort__content {
        position: relative;
        top: unset;
        left: unset;
        transform: unset;
        order: 1;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .comfort__items {
        grid-template-columns: repeat(1, 1fr);
        gap: 1.5rem;
    }

    .section__promotion .header-block {
        width: 70%;
        margin: 0 auto;
        margin-bottom: 2rem;
    }

    .first .clip {
        width: 100%;
    }

    .ahead__items {
        flex-direction: column;
        gap: 0;
    }

    .form__home__inner {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .form__home-img {
        transform: scale(1);
    }

    .button__inner {
        grid-template-columns: repeat(1, 1fr);
    }

    .form__home .form-wrap .button {
        align-items: center;
        justify-content: center;
        display: flex;
    }

    .form__home .form-wrap {
        max-width: 396px;
        flex: 0 0 396px;
    }

    .vip__item {
        grid-template-columns: unset;
        gap: 0;
    }

    .collumn {
        width: 84%;
        margin: 0 auto;
    }

    .ahead__img {
        left: unset;
        transform: translate(9%, 90%);
        bottom: 0;
        right: 0;
        width: 50%;
    }

    .ahead__content-img {
        width: 47%;
        margin-right: auto;
    }

    .ahead__inner .title {
        width: 100%;
    }

    .ahead__inner .title p {
        width: 100%;
    }

    .collumn1 .ahead__item,
    .collumn2 .ahead__item {
        text-align: left;
        flex-direction: row-reverse;
        align-items: flex-start !important;
    }

    .ahead__content {
        flex-direction: column;
        gap: 1rem;
    }

    .vip .clip,
    .vip__item {
        clip-path: polygon(10% 0%, 100% 0, 100% 21%, 100% 95%, 89% 100%, 20% 100%, 0 100%, 0% 5%);
    }

    .vip__item-text {
        padding: 2rem;
        padding-bottom: 3rem;
    }

    .zone .clip-text {
        width: 100%;

    }

    .first-item-text p br {
        display: none;
    }

    .zone-popup {
        grid-template-columns: unset;
        gap: 2rem;
    }

    .zone-sertificate {
        height: 19rem;
    }

    .zone-item .btn span {
        font-size: 0.875rem;
        padding: 0.7rem;
    }

    .zone__text svg {
        width: 2.5rem;
    }

    .first__text svg {
        width: 3rem;
    }

    .zone__text {
        padding: 1.5rem;
    }

    .zone-items {
        padding: 0 1rem;
    }

    .hero__item {
        width: 46.5%;
    }

    .header__col {
        gap: 1rem;
    }

    #hero .el-bottom {
        bottom: 11%;
    }

    .hero__list {
        gap: 1rem;
    }

    .hero__item-desc {
        padding: 1.1rem 0.5rem 0.8rem 0.9rem;
        font-size: 0.8rem;
        min-height: 6.7rem;
    }

    .hero__img,
    .hero__img-two {
        position: relative;
        transform: none
    }

    .hero__img {
        transform: translateX(-26%);
    }

    .hero__img-two {
        margin-top: -54%;
        transform: translateX(26%);
    }

    .hero__content--inner {
        width: 80%;
    }

    .hero__content {
        padding-top: 6rem;
    }

    #hero .el-top {
        top: 6%;
    }

    #hero .title p {
        font-size: 1.125rem;
    }

    .hero__info {
        margin: 0 auto;
        width: 80%;
    }

    .hero__content {
        flex-direction: column;
    }

    #header .logo a {
        max-width: 14.3rem;
    }

    .comfort__item-img {
        flex-shrink: 0;
        width: 3.6rem;
    }

    .footer-2-content {
        width: 100%;
    }

    .section__promotion .el-bottom {
        bottom: 0;

    }

    .form__home .button__inner .btn span {
        width: 100%;
    }

    .home .title h2 {
        margin-top: 2rem;
    }

    .first .el-tr {
        display: none;
    }

    .blog-inner {
        flex-direction: column-reverse;
    }

    .blog-filter {
        height: auto;
    }

    .post-content h1 {
        font-size: 25px;
    }

    .post-body h2 {
        font-size: 17.5px;
    }

    .post-body p {
        font-size: 12.5px;
    }
}

@media screen and (max-width: 550px) {
    #header .header__soc {
        display: none;
    }
}

@media screen and (max-width: 499px) {
    .header__col {
        flex-direction: column-reverse;
    }

    .err-img {
        width: 81%;
    }

    #hero.g-hero h1 {
        margin-bottom: 1rem;
    }

    .blag-img {
        width: 61%;
    }

    .comfort__text p .text_color {
        display: inline;
    }

    .popup__bvg .popup__bullets.popup__banner .zone-title h2 {
        font-size: 1.45rem;
    }

    #header .logo {
        transform: translate(-4%, 14%);
    }

    .section__promotion .header-block {
        width: 96%;
    }

    .comfort__content {
        font-size: 1rem;
    }

    .first-items {
        padding-top: 2rem;
    }

    .zone .el.el-bottom-2 {
        display: none;
    }

    #footer .phone-content {
        font-size: 1.125rem !important;

    }

    #footer .col:nth-child(1) {
        margin-bottom: 0;
    }

    #footer .col:nth-child(2) {
        margin-top: 0;
    }

    .header__call {
        justify-content: center;
        align-items: center;
    }

    .form__home .form-wrap {
        max-width: 100%;
        flex: unset;

    }

    .manager__img img {
        display: none;
    }

    .manager__img {
        background-color: rgba(0, 200, 255, 0.61);
        border-radius: 50%;
        filter: blur(250px);
        width: 21.5rem;
        height: 21.5rem;
        will-change: filter;
    }

    .first-item-img {
        transform: translate(29%, -33%);
    }

    .first-items {
        grid-template-columns: repeat(1, 1fr);
    }

    .zone__text .text_color,
    .zone__text {
        font-size: 1rem;
    }

    .zone__text {
        padding: 1rem;
    }

    #header .logo {
        -ms-flex: 0 0 14rem;
        flex: 0 0 14rem;
    }

    .zone-items {
        padding: 0 3rem;
    }

    .first-item {
        padding-right: 2rem;
    }

    #header .mainrow {
        -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
    }

    .rev__title br {
        display: none;
    }
}

@media screen and (max-width: 413px) {
    .hero__content--inner {
        width: 98%;
    }

    .open-v {
        display: none;
    }

    .popup__bvg .popup__bullets.popup__banner .zone-title h2 {
        font-size: 1.25rem;
    }

    .popup__bvg .popup__bullets.popup__banner .zone-title p {
        font-size: 1rem;
    }

    .popup__bvg .popup__bullets.popup__banner .zone-title {
        margin-bottom: 3rem;
    }

    /* 
    .zone-sertificate {
        height: 15rem;
    } */


    .collumn {
        width: 100%;
    }

    #header .logo {
        -ms-flex: 0 0 12rem;
        flex: 0 0 12rem;
    }

    #manager .form-wrap {
        padding: 2rem;
    }

    .promotion__items {

        width: 100%;
    }

    .rev__wrap {
        padding: 0 2rem;
    }

    .hero__item {
        width: 100%;
        display: flex;
        align-items: flex-start;
    }

    .hero__item-desc {
        padding: 1.1rem 0.5rem 0.8rem 1.6rem;
        min-height: 6rem;
    }

    #hero .el-bottom {
        bottom: -4%;
    }

}

@media screen and (max-width: 374px) {}

@media screen and (max-width: 359px) {}

@media screen and (max-width: 320px) {}

/* Всплывающее окно */
.city-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

/* Контент окна */
.city-popup-content {
    background: #fff;
    padding: 30px;
    border-radius: 16px;
    text-align: center;
    width: 90%;
    max-width: 400px;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
    position: relative;
}

/* Заголовок */
.city-popup-content h2 {
    font-size: 24px;
    color: #333;
    margin-bottom: 10px;
}

/* Подзаголовок */
.city-popup-content p {
    font-size: 16px;
    color: #666;
    margin-bottom: 20px;
}

/* Список городов */
.city-popup-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.city-popup-list-item {
    margin-bottom: 15px;
}

.city-popup-link {
    display: block;
    padding: 12px;
    font-size: 18px;
    font-weight: 500;
    color: #333;
    text-decoration: none;
    border: 1px solid #ddd;
    border-radius: 8px;
    transition: all 0.3s ease;
    background: #f9f9f9;
}

.city-popup-link:hover {
    background: #f0f0f0;
    border-color: #bbb;
    transform: translateY(-2px);
}

/* Кнопка закрытия */
.city-popup-close {
    position: absolute;
    top: 10px;
    right: 10px;
    background: transparent;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #aaa;
    transition: color 0.3s ease;
}

.city-popup-close:hover {
    color: #555;
}