.section--main-menu{margin-bottom: unset;}
.main-banner{margin-top: 0 !important;}
.section-wrapper .section--catalog-player{margin-bottom: unset;}
.video-block-wrapper:after, .video-block-wrapper.section-wrapper, .video-block-wrapper video.absolute-block{object-fit: cover;}
        video{background-color: white;}
        .h3{font-size: 2rem; text-transform: uppercase; font-weight: 400;}
        .main-page{display: flex; flex-direction: column; gap: 6rem;
             /* margin-top: 400px; */
            }

        .main-banner .container__inner{z-index: 1; display: flex; height: 100%; width: 100%; align-items: center; justify-content: center; text-align: center;}
        .banner-text{max-width: 1150px; z-index: 1;}
        .banner-text h2{font-size: 5rem;}
        .banner-text b{font-size: 6.25rem;}
        .banner-text a{display: block; margin-top: 4rem;}

        .video-block-wrapper{height: 720px; color: var(--white); width: 100%; position: relative;}
        .video-block-wrapper:after{ background: linear-gradient(to right, #141414 0%, rgba(33, 32, 32, 0) 100%);
    content: '';
    display: block;
    position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
        .loyalty-block-wrapper{
            background-color: var(--white);
            border-radius: 2.25rem;
            padding: 110px 105px;
            margin-top: 1.3rem;
        }
        .section-wrapper{
            position: relative;
            overflow: hidden;
            width: 100%;
            line-height: 1;
        }
        .section-wrapper h2{font-weight: 500; padding: unset;}
        .loyalty-block{
            max-width: 559px;
        }
        .about-us-block{max-width: 822px; padding: 160px 0;}
        .section-text-block .button{max-width: 477px;}
        .section-text-block{
            position: relative;
            width: 100%;
            margin: auto 0;
        }
        .section-text-block:not(.subscribe-text-block){z-index: 1;}
        .main-banner .button{max-width: 475px; margin-left: auto; margin-right: auto; font-size: 2.5rem;}
        a.button{text-decoration: none; display: block; text-align: center;}
        .section-text-block p{font-size: 1.75rem; margin-top: 1.5rem; margin-bottom: 3rem;}
        .section-wrapper .absolute-block{
            position: absolute;
            top: 0;
            bottom: 0;
        }
        video.absolute-block{
            width: 100%;
            height: 100%;
            left: 0;
        }
        .loyalty-block-wrapper img{
            margin: auto 0;
            right: 5.3vw;
            width: 673px;
            /*width: 35vw;*/
            aspect-ratio: 673 / 546;
        }        
        
        .section-wrapper p{font-weight: normal;}
        @media(min-width: 1261px) and (max-width: 1310px){
            .city-select{gap: unset !important;}
            .button-href{width: fit-content !important;}
            .services-city .button-href{width: 100% !important;}
        }
        @media(min-width: 1261px){
            .section-text-block h2{font-size:3rem;}
            .button{padding: 15px 0; font-size: 1.625rem;}
            .main-page>.video-block-wrapper.section-wrapper:first-child{margin-bottom: -3rem;}
        }
        @media(max-width: 1260px){
            .main-page>.video-block-wrapper.section-wrapper:first-child{margin-bottom: -1.5rem;}
            .h3{font-size: 1.25rem; font-weight: 500;}
            .banner-text h2{font-size: 2.75rem;}
            .banner-text b{font-size: 3.5rem;}
            .banner-text a{margin-top: 2.5rem}
            .main-banner .button{max-width: 265px;font-size: 1.75rem;}

            .loyalty-block-wrapper img{width: 450px;}
            .loyalty-block-wrapper{padding: 55px 52px;}
            .loyalty-block{max-width: 355px;}
            .about-us-block{max-width: 520px;}
            .main-banner,
            .video-block-wrapper:after,
            .video-block-wrapper {height: auto; aspect-ratio: 1920 / 720;}
            .video-block-wrapper .container__inner{display: flex; height: 100%; align-items: center;}
            .about-us-block{padding: unset; margin: auto 0;}
            .section-text-block p{font-size: 1.125rem; margin-top: 1.125rem; margin-bottom: 1.5rem;}
            .main-page{gap: 3rem;}
        }
        @media(max-width: 991px){
            .loyalty-block-wrapper img{width: 400px;}
        }
        .catalog-item-product__goods img{background-color: var(--white);}
        @media (min-width: 768px) {
            .section-igrok{margin-top: -1.5rem;}
        }
        @media (max-width: 767px) {
            
            .main-banner .button{max-width: 240px;font-size: 1.125rem;}
            .banner-text h2{font-size: 1.625rem;}
            .banner-text b{font-size: 2.25rem;}
            .banner-text a{margin-top: 1.5rem;}
            .main-page{gap: 3rem;}
            .section-text-block{max-width: unset !important;}
            .section-text-block .button{max-width: unset;}
            .section-wrapper{display: flex; flex-direction: column-reverse; padding: unset; gap: 2.25rem; background: unset; /*margin-top: 3rem;*/ border-radius: unset;}
            .section-wrapper.about-us-block-wrapper .absolute-block{position: relative; right: unset;}
            .video-block-wrapper:after,
            .video-block-wrapper, video.absolute-block{height: auto; aspect-ratio: 480 / 280;}
            .video-block-wrapper.about-us-block-wrapper{color: var(--black);aspect-ratio: unset; height: fit-content;}
            .loyalty-block-wrapper img{width: 100%; border-radius: 16px; background-color: var(--white); aspect-ratio: 448 / 246; padding: 15px 0; position: relative !important; left: 0;}
            
            .loyalty-block-wrapper{margin-top: unset;}
        }