@font-face {
    font-family: 'Porsche';
    src: url('/fonts/PorscheRegular_0.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

body {
    padding: 0;
    margin: 0;
    background: url(/images/pr/bg_main.jpg) repeat;
    font-family: "Boxed", Oswald, sans-serif;
}

.d-none {
    display: none;
}

.mouse_scroll_anim {
    position: absolute;
    top: 30px;
    right: 20px;
}
.mouse_scroll_anim .m_mouse {
    
    border: solid 4px #fff;
    width: 52px;
    height: 82px;
    border-radius: 100px;
}
.mouse_scroll_anim .m_scroll {
    border: solid 2px #fff;
    height: 10px;
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -2px;
    border-radius: 20px;
    animation: 2s mouse_scroll_anim_m_scroll ease; 
    animation-iteration-count: infinite;
}
@keyframes mouse_scroll_anim_m_scroll {
    from { 
        top: 10px;
        opacity: 1;
    }
    to { 
        top: 45px;
        opacity: 0;
    }
}
.mouse_scroll_anim .m_down_arrow .mda_1,
.mouse_scroll_anim .m_down_arrow .mda_2,
.mouse_scroll_anim .m_down_arrow .mda_3 {
    position: absolute;
    top: 120%;
    left: 50%;
    opacity: 0; 
    animation: 2s mouse_scroll_m_down_arrow ease-in-out; 
    animation-iteration-count: infinite; 
}
.mouse_scroll_anim .m_down_arrow .mda_1 {
    animation-delay: 0s;
}
.mouse_scroll_anim .m_down_arrow .mda_2 {
    top: 135%;
    animation-delay: .1s;
}
.mouse_scroll_anim .m_down_arrow .mda_3 {
    top: 150%;
    animation-delay: .3s;
}
@keyframes mouse_scroll_m_down_arrow {
    0% { 
        opacity: 0;
    }
    50% { 
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.mouse_scroll_anim .m_down_arrow .mda_1::after,
.mouse_scroll_anim .m_down_arrow .mda_2::after,
.mouse_scroll_anim .m_down_arrow .mda_3::after {
    content: '';
    border: solid #fff;
    border-width: 0 3px 3px 0;
    border-radius: 10px; 
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 20px;
    height:  0px;
    display: block;
    position: absolute;
    top: 0;
    right: -4px;
}
.mouse_scroll_anim .m_down_arrow .mda_1::before,
.mouse_scroll_anim .m_down_arrow .mda_2::before,
.mouse_scroll_anim .m_down_arrow .mda_3::before {
    content: '';
    border: solid #fff;
    border-width: 0 3px 3px 0;
    border-radius: 10px; 
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    width: 20px;
    height:  0px;
    display: block;
    position: absolute;
    top: 0;
    left: -4px;
}
.mouse_scroll_anim {}

.main_bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #101014;
    background: radial-gradient(circle, rgba(255,255,255,0) 0%, rgba(0,0,0,0.31976540616246496) 50%);
    overflow: hidden; 
}
.logo_underdog {
    position: absolute;
    bottom: 17px;
    left: 50%;
    margin-left: -84px;
    width: 168px;
    height: 29px;
    background: url(/images/pr/logo_underdog.svg) no-repeat; 
    animation: .7s logo_underdog ease; 
}
@keyframes logo_underdog {
    0% { 
        bottom: -46px;
    }
    70% { 
        bottom: 25px;
    }
    100% {
        bottom: 17px;
    }
}
.logo_underdog_2 {
    position: absolute;
    bottom: -100px;
    right: 150px;
    margin-left: -84px;
    width: 182px;
    height: 40px;
    background: url(/images/pr/logo_underdog.svg) no-repeat -50px 0; 
    background-size: cover;
    transform: rotate(-45deg);
    animation: .7s logo_underdog_2 ease; 
    z-index: 3;
    
    animation-delay: 1s;
    animation-fill-mode: forwards;  
}
@keyframes logo_underdog_2 {
    from { 
        bottom: -100px;
        right: 150px;
    }
    to { 
        bottom: 60px;
        right: -10px;
    } 
} 
.logo_octagon_top {
    position: absolute;
    top: -80px;
    left: 50%;
    width: 300px;
    height: 40px;
    margin-left: -150px;
    animation: 1s slide_type_4_logo_octagon_top ease;
    animation-delay:.8s;
    animation-fill-mode: forwards; 
}
.logo_octagon_top::after {
    content: '';
    background: url(/images/pr/logo_octagon_3.webp); 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.logo_octagon_top::before {
    content: '';
    border-top: solid 5px #101014;
    z-index: 1;
    position: absolute;
    top: 20px;
    left: -30px;
    right: -30px;
}
@keyframes slide_type_4_logo_octagon_top {
    from { 
        top: -80px;
    }
    to { 
        top: 40px;
    }
}
.logo_octagon_top2 {
    position: absolute;
    top: -80px;
    left: 50%;
    width: 300px;
    height: 40px;
    margin-left: -150px;
    animation: 1s slide_type_4_logo_octagon_top2 ease;
    animation-delay:.8s;
    animation-fill-mode: forwards; 
}
.logo_octagon_top2::after {
    content: '';
    background: url(/images/pr/logo_octagon_3.webp); 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
} 
@keyframes slide_type_4_logo_octagon_top2 {
    from { 
        top: -80px;
    }
    to { 
        top: 30%;
    }
}

.slide_type_1 {
}
.slide_type_1 .bg_slide_top_left,
.slide_type_2 .bg_slide_top_left {
    position: absolute;
    top: -50px;
    left: -150px;
    width: 460px;
    height: 230px;
    background:url(/images/pr/bg_main_top_left.jpg) repeat bottom center;
    animation: 1s bg_slide_top_left ease; 
    transform: rotate(-45deg);
}
.slide_type_1 .bg_slide_top_left img,
.slide_type_2 .bg_slide_top_left img {
    width: 100%;
    position: absolute;
    bottom: 0;
}
.slide_type_1 .bg_slide_top_left::after,
.slide_type_2 .bg_slide_top_left::after {
    content: '';
    position: absolute;
    height: 64px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 71%);
}
@keyframes bg_slide_top_left {
    from { 
        top: -300px; 
        left: -300px;
    }
    to { 
        top: -50px;
        left: -150px;
    }
}
.slide_type_1 .bg_slide_bottom_right,
.slide_type_2 .bg_slide_bottom_right {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 197px;
    height: 197px;
    background: url(/images/pr/bg_bottom_right_1.webp) no-repeat;
    animation: 1s bg_slide_bottom_right ease;
    z-index: 2;
}
@keyframes bg_slide_bottom_right {
    from { 
        bottom: -197px; 
        right: -197px;
    }
    to { 
        bottom: 0; 
        right: 0;
    }
}
.slide_type_1 .logo_octagon {
    position: absolute;
    top: 182px;
    left: 72px;
    width: 729px;
    height: 730px;
    background: url(/images/pr/logo_octagon_2.webp) no-repeat;
    animation: 1s logo_octagon ease;
    transform: scale(1) rotate(0deg);
}
@keyframes logo_octagon {
    from { 
        transform: scale(0) rotate(-180deg);
    }
    to { 
        transform: scale(1) rotate(0deg);
    }
}
.slide_type_1 .title_octagon {
    position: absolute;
    right: 114px;
    top: 193px; 
    color: #fff; 
    font-size: 116px; 
    line-height: 141px;
    text-transform: uppercase;   
    text-align: right; 
    animation: .7s title_octagon ease-out;
    font-weight: bold;
}
@keyframes title_octagon {
    0% { 
        right: -950px; 
    }
    70% { 
        right: 134px;
    }
    100% {
        right: 114px; 
    }
    
}
.slide_type_1 .subtitle_octagon {
    position: absolute;
    right: 119px;
    top: 352px;
    width: 950px;
    height: 131px;
    overflow: hidden;
    color: #fff;
    font-size: 34px;
    line-height: 44px;
    text-transform: uppercase;   
    text-align: right;
    animation: .4s subtitle_octagon ease-out;
}
@keyframes subtitle_octagon {
    0% { 
        right: -950px; 
    }
    70% { 
        right: 179px;
    }
    100% {
        right: 119px; 
    }
    
}
.slide_type_1 .logo_ufc {
    position: absolute;
    top: 526px;
    left: 1022px;
    width: 778px;
    height: 265px;
    background: url(/images/pr/logo_UFC.webp) no-repeat;
    animation: .4s logo_ufc ease-out;
}
@keyframes logo_ufc {
    from { 
        left: -778px;
    }
    to { 
        left: 1022px;
    }
}
.slide_type_1 .icon_next {
    position: absolute;
    top: 608px;
    left: 823px;
    width: 168px;
    height: 101px;
    background: url(/images/pr/icon_next.svg) no-repeat;
    animation: .8s icon_next ease;
}
@keyframes icon_next {
    0% { 
        left: -168px;
    }
    70% { 
        left: 843px;
    }
    100% {
        left: 823px;
    }
}

.slide_type_2 {
     
}
.slide_type_2 .sportsmen_img_1 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width:  calc(100vw - 50%);
    background: url(/images/pr/12.webp) no-repeat left bottom;
    background-size: contain;
    animation: .5s slide_type_2_sportsmen_img_1 ease;
}
@keyframes slide_type_2_sportsmen_img_1 {
    from { 
        left: calc(50% - 100vw);
    }
    to { 
        left: 0px;
    }
}
.slide_type_2 .sportsmen_img_2 {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width:  calc(100vw - 62%);
    background: url(/images/pr/14.webp) no-repeat right bottom;
    background-size: contain;
    animation: .5s slide_type_2_sportsmen_img_2 ease;
}
@keyframes slide_type_2_sportsmen_img_2 {
    from { 
        right: calc(62% - 100vw);
    }
    to { 
        right: 0px;
    }
}
.slide_type_2 .sportsmen_name_1 {
    position: absolute;
    top: calc(100vh - 40vi);
    left: 30%; 
    color: #fff;
    font-size: 3vi; 
    text-transform: uppercase;   
    text-align: left;
    font-weight: bold;
    animation: .5s slide_type_2_sportsmen_name_1 ease;
}
.slide_type_2 .sportsmen_name_1 div {
    font-size: 7vi;
    line-height: 6.5vi;
}
@keyframes slide_type_2_sportsmen_name_1 {
    from { 
        left: 130%;
    }
    to { 
        left: 30%;
    }
}
.slide_type_2 .sportsmen_name_2 {
    position: absolute;
    top: calc(100vh - 25vi);
    right: 30%;  
    color: #fff;
    font-size: 3vi; 
    text-transform: uppercase;   
    text-align: right;
    font-weight: bold;
    animation: .5s slide_type_2_sportsmen_name_2 ease;
}
.slide_type_2 .sportsmen_name_2 div {
    font-size: 7vi;
    line-height: 7vi;
}
@keyframes slide_type_2_sportsmen_name_2 {
    from { 
        right: 130%;
    }
    to { 
        right: 30%;
    }
}
.slide_type_2 .sportsmen_subscribe_1 {
    position: absolute;
    top: calc(100vh - 30vi);
    left: 30%; 
    color: #fff;
    font-size: 2vi; 
    text-transform: uppercase;   
    text-align: left;
    font-weight: bold;
    animation: .5s slide_type_2_sportsmen_subscribe_1 ease;
}
.slide_type_2 .sportsmen_subscribe_1 div {
    font-weight: 200;
    font-size: 1.5vi;
}
@keyframes slide_type_2_sportsmen_subscribe_1 {
    from { 
        left: -30%;
    }
    to { 
        left: 30%;
    }
}
.slide_type_2 .sportsmen_subscribe_2 {
    position: absolute;
    top: calc(100vh - 14vi);
    right: 30%;  
    color: #fff;
    font-size: 2vi; 
    text-transform: uppercase;   
    text-align: right;
    font-weight: bold;
    animation: .5s slide_type_2_sportsmen_subscribe_2 ease;
}
.slide_type_2 .sportsmen_subscribe_2 div {
    font-weight: 200;
    font-size: 1.5vi;
}
@keyframes slide_type_2_sportsmen_subscribe_2 {
    from { 
        right: -30%;
    }
    to { 
        right: 30%;
    }
}


.slide_type_3 {
}
.slide_type_3 .bg_slide_top_left {
    position: absolute;
    top: -50px;
    left: -150px;
    width: 460px;
    height: 230px;
    background:url(/images/pr/bg_main_top_left.jpg) repeat bottom center;
    animation: 1s slide_type_3_bg_slide_top_left ease; 
    transform: rotate(-45deg); 
}
.slide_type_3 .bg_slide_top_left::after {
    content: '';
    position: absolute;
    height: 64px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 71%);
}
.slide_type_3 .bg_slide_top_left .slide_top_left_text {
    position: absolute;
    bottom: -48px;
    left: 0;
    right: 0;
    color: #252525;
    font-size: 192px;
    font-weight: bold;
    text-align: center;
}
@keyframes slide_type_3_bg_slide_top_left {
    from { 
        top: -300px; 
        left: -300px;
    }
    to { 
        top: -50px;
        left: -150px;
    }
}
.slide_type_3 .bg_slide_bottom_right {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 197px;
    height: 197px;
    background: url(/images/pr/bg_bottom_right_1.webp) no-repeat;
    animation: 1s slide_type_3_bg_slide_bottom_right ease;
    z-index: 2;
}
@keyframes slide_type_3_bg_slide_bottom_right {
    from { 
        bottom: -197px; 
        right: -197px;
    }
    to { 
        bottom: 0; 
        right: 0;
    }
}
 
.slide_type_3 .title_slide_top_left {
    z-index: 4;
    position: absolute;
    top: 12vw;
    left: 24vw;
    color: #fff;
    font-size: 42px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    /* transform: rotate(-45deg); */
    animation: 0.5s slide_type_3_title_slide_top_left ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    width: 30vi;
}
.bg_slide_top_left .over { 
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
@keyframes slide_type_3_title_slide_top_left {
    from { 
        top: 12vw;
        left: 24vw;
    }
    to { 
        top: 12vw;
        left: -3vw;
    }
}
.slide_type_3 .counter_kz {
    background: url(/images/pr/kz.webp) left center no-repeat;
    padding-left: 142px;
    min-height: 120px;
    color: #fff;
    min-width: 568px;
} 
.slide_type_3 .counter_kz .audience {
    font-size: 32px;
    line-height: 39px;
    font-weight: 600;
}
.slide_type_3 .counter_kz .counter_num {
    font-size: 86px;
    line-height: 71px;
    font-weight: bold;
}
.slide_type_3 .counter_kz .sponsor_logo {
    max-height: 80px;
    margin-top: 10px;
}
.slide_type_3 .counter_uz {
    background: url(/images/pr/uz.webp) left center no-repeat;
    padding-left: 142px;
    min-height: 120px;
    color: #fff;
    min-width: 568px;
} 
.slide_type_3 .counter_uz .audience {
    font-size: 32px;
    line-height: 39px;
    font-weight: 600;
}
.slide_type_3 .counter_uz .counter_num {
    font-size: 86px;
    line-height: 71px;
    font-weight: bold;
}
.slide_type_3 .counter_uz .sponsor_logo {
    max-height: 80px;
    margin-top: 10px;
}    
.slide_type_3 .counter_ru {
    background: url(/images/pr/ru.webp) left center no-repeat;
    padding-left: 142px;
    min-height: 120px;
    color: #fff;
    min-width: 568px;
} 
.slide_type_3 .counter_ru .audience {
    font-size: 32px;
    line-height: 39px;
    font-weight: 600;
}
.slide_type_3 .counter_ru .counter_num {
    font-size: 86px;
    line-height: 71px;
    font-weight: bold;
}
.slide_type_3 .counter_ru .sponsor_logo {
    max-height: 80px;
    margin-top: 10px;
}  
.slide_type_3 .counter_kg {
    background: url(/images/pr/kg.webp) left center no-repeat;
    padding-left: 142px;
    min-height: 120px;
    color: #fff;
    min-width: 568px;
} 
.slide_type_3 .counter_kg .audience {
    font-size: 32px;
    line-height: 39px;
    font-weight: 600;
}
.slide_type_3 .counter_kg .counter_num {
    font-size: 86px;
    line-height: 71px;
    font-weight: bold;
}
.slide_type_3 .counter_kg .sponsor_logo {
    max-height: 80px;
    margin-top: 10px;
}  
.slide_type_3 .counter_world {
    background: url(/images/pr/world.webp) left center no-repeat;
    padding-left: 142px;
    min-height: 120px;
    color: #fff;
    min-width: 568px;
} 
.slide_type_3 .counter_world .audience {
    font-size: 32px;
    line-height: 39px;
    font-weight: 600;
}
.slide_type_3 .counter_world .counter_num {
    font-size: 86px;
    line-height: 71px;
    font-weight: bold;
}
.slide_type_3 .counter_world .sponsor_logo {
    max-height: 80px;
    margin-top: 10px;
}  
.slide_type_3 .counter_position_1 {
    position: absolute;
    top: 158px;
    left: 20%;
}
.slide_type_3 .counter_position_2 {
    position: absolute;
    top: 158px;
    right: 2%;
}
.slide_type_3 .counter_position_3 {
    position: absolute;
    top: 402px;
    left: 10%;
}
.slide_type_3 .counter_position_4 {
    position: absolute;
    top: 402px;
    right: 8%;
}
.slide_type_3 .counter_position_5 {
    position: absolute;
    top: 661px;
    left: 5%;
}
.slide_type_3 .counter_position_6 {
    position: absolute;
    top: 571px;
    left: 36%;
}
.slide_type_3 .counter_position_7 {
    position: absolute;
    top: 631px;
    right: 0%;
}

.slide_type_4 { }
.slide_type_4 .bg_slide_top_left {
    position: absolute;
    top: -50px;
    left: -150px;
    width: 460px;
    height: 230px;
    background:url(/images/pr/bg_main_top_left.jpg) repeat bottom center;
    animation: 1s slide_type_4_bg_slide_top_left ease; 
    transform: rotate(-45deg); 
}
.slide_type_4 .bg_slide_top_left::after {
    content: '';
    position: absolute;
    height: 64px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 71%);
}
.slide_type_4 .bg_slide_top_left .slide_top_left_text {
    position: absolute;
    bottom: -48px;
    left: 0;
    right: 0;
    color: #252525;
    font-size: 192px;
    font-weight: bold;
    text-align: center;
}
@keyframes slide_type_4_bg_slide_top_left {
    from { 
        top: -300px; 
        left: -300px;
    }
    to { 
        top: -50px;
        left: -150px;
    }
}
.slide_type_4 .bg_slide_bottom_right {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 197px;
    height: 197px;
    background: url(/images/pr/bg_bottom_right_2.webp) no-repeat;
    animation: 1s slide_type_4_bg_slide_bottom_right ease;
    z-index: 2;
}
@keyframes slide_type_4_bg_slide_bottom_right {
    from { 
        bottom: -197px; 
        right: -197px;
    }
    to { 
        bottom: 0; 
        right: 0;
    }
} 
.slide_type_4 .title_slide_top_left {
    z-index: 4;
    position: absolute;
    top: 12vw;
    left: 24vw;
    color: #fff;
    font-size: 42px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    /* transform: rotate(-45deg); */
    animation: 0.5s slide_type_4_title_slide_top_left ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    width: 30vi;
}
.bg_slide_top_left .over { 
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
@keyframes slide_type_4_title_slide_top_left {
    from { 
        top: 12vw;
        left: 24vw;
    }
    to { 
        top: 12vw;
        left: -3vw;
    }
}
.slide_type_4 .content_photos_screen {
    position: absolute;
    top: 120px;
    left: 150px;
    right: 150px;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.slide_type_4 .content_photos_screen img {
    margin: 0 30px; 
    max-width: 300px; 
}
.slide_type_4 .content_photos_screen img:nth-child(1) {
    animation: 1s slide_type_4_content_photos_screen1 ease; 
}
.slide_type_4 .content_photos_screen img:nth-child(2) {
    animation: 1s slide_type_4_content_photos_screen2 ease; 
}
.slide_type_4 .content_photos_screen img:nth-child(3) {
    animation: 1s slide_type_4_content_photos_screen3 ease; 
}
@keyframes slide_type_4_content_photos_screen1 {
    from { 
        margin-top: calc(100vh + 1000px);
    }
    to { 
        margin-top: 0;
    }
}
@keyframes slide_type_4_content_photos_screen2 {
    from { 
        margin-top:  calc(100vh + 500px);
    }
    to { 
        margin-top: 0;
    }
}
@keyframes slide_type_4_content_photos_screen3 {
    from { 
        margin-top: 100vh;
    }
    to { 
        margin-top: 0;
    }
}



.slide_sportsmen { }
.slide_sportsmen .bg_slide_top_left {
    z-index: 4;
    position: absolute;
    top: -50px;
    left: -150px;
    width: 460px;
    height: 230px;
    background:url(/images/pr/bg_main_top_left.jpg) repeat bottom center;
    animation: 1s slide_sportsmen_bg_slide_top_left ease; 
    transform: rotate(-45deg); 
}
.slide_sportsmen .bg_slide_top_left::after {
    content: '';
    position: absolute;
    height: 64px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 71%);
}
.slide_sportsmen .bg_slide_top_left .slide_top_left_text {
    position: absolute;
    bottom: -38px;
    left: 0;
    right: 0;
    color: #252525;
    font-size: 152px;
    font-weight: bold;
    text-align: center;
}
@keyframes slide_sportsmen_bg_slide_top_left {
    from { 
        top: -300px; 
        left: -300px;
    }
    to { 
        top: -50px;
        left: -150px;
    }
}
.slide_sportsmen .bg_slide_bottom_right { 
    position: absolute;
    bottom: 0;
    right: 0;
    width: 197px;
    height: 197px;
    background: url(/images/pr/bg_bottom_right_2.webp) no-repeat;
    animation: 1s slide_sportsmen_bg_slide_bottom_right ease;
    z-index: 3;
}
@keyframes slide_sportsmen_bg_slide_bottom_right {
    from { 
        bottom: -197px; 
        right: -197px;
    }
    to { 
        bottom: 0; 
        right: 0;
    }
} 
.slide_sportsmen .title_slide_top_left {
    z-index: 4;
    position: absolute;
    top: 12vw;
    left: 24vw;
    color: #fff;
    font-size: 42px;
    text-transform: uppercase;
    text-align: center; 
    font-weight: bold; 
    animation: 0.5s slide_sportsmen_title_slide_top_left ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    width: 30vi;
} 
@keyframes slide_sportsmen_title_slide_top_left {
    from { 
        top: 12vw;
        left: 24vw;
    }
    to { 
        top: 12vw;
        left: -3vw;
    }
}
.slide_sportsmen {}
.slide_sportsmen .content_photos_screen {
    margin-top: 238px;
    text-align: center;
    z-index: 1;
    
    animation: 0.5s slide_sportsmen_content_photos_screen ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    opacity: 0;
}
@keyframes slide_sportsmen_content_photos_screen {
    from { 
        opacity: 0;
    }
    to { 
        opacity: 1;
    }
}
.slide_sportsmen .content_photos_screen .item {
    max-width: 220px;
    text-align: center;
}
.slide_sportsmen .content_photos_screen img {
    width: 100%;
    border-radius: 20px;
}
.slide_sportsmen .tv_slide_counters {
    position: absolute;
    top: 102px;
    left: 20%;
    right: 20%;
    display: flex;
    flex-direction: row;
    justify-content:space-around;
    align-items: center;
    color: #fff;
}
.slide_sportsmen .tv_slide_counters .count_item {
    font-size: 66px;
    font-weight: bold;
    line-height: 80px;
    text-align: center;
}
.slide_sportsmen .tv_slide_counters .count_item_subtiitle {
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
}
.slide_sportsmen .sportsmen_left {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: start;
    z-index: 2; 
    animation: 0.5s slide_sportsmen_sportsmen_left ease;
}
@keyframes slide_sportsmen_sportsmen_left {
    from { 
        left: -50%;
    }
    to {  
        left: 0; 
    }
}
.slide_sportsmen .sportsmen_right {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: end;
    z-index: 2;
    animation: 0.5s slide_sportsmen_sportsmen_right ease;
} 
@keyframes slide_sportsmen_sportsmen_right {
    from { 
        right: -50%;
    }
    to {  
        right: 0; 
    }
}
.slide_sportsmen .sportsmen_left img,
.slide_sportsmen .sportsmen_right img {
    width: 100%;
}
.slide_sportsmen .sportsmen_names {
    color: #fff;
    position: absolute;
    left:0;
    right: 0;
    bottom: 70px;
    z-index: 4;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.slide_sportsmen .sportsmen_names .sportsman_first {
    flex: 1;
    font-size: 42px;
    font-weight: 600;
    line-height: 24px;
    text-align: right;
    text-transform: uppercase;  
    position: absolute;
    right: 50%;
    padding-right: 80px;
    animation: 0.5s slide_sportsmen_sportsman_first ease; 
}
@keyframes slide_sportsmen_sportsman_first {
    from { 
        right:-50%;
    }
    to {  
        right:50%;
    }
}
.slide_sportsmen .sportsmen_names .sportsman_first .sname {
    font-size: 86px;
    font-weight: bold;
    line-height: 105px;
}
.slide_sportsmen .sportsmen_names .sportsman_vs {
    font-size: 86px;
    line-height: 98px;
    font-weight: 100; 
    min-height: 141px;
    display: flex;
    align-items: center;
    overflow: hidden;
} 
.slide_sportsmen .sportsmen_names .sportsman_last { 
    flex: 1;  
    font-size: 42px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    text-transform: uppercase; 
    position: absolute;
    left: 50%;
    padding-left: 80px;
    animation: 0.5s slide_sportsmen_sportsman_last ease; 
}
@keyframes slide_sportsmen_sportsman_last {
    from { 
        left:-50%;
    }
    to {  
        left:50%;
    }
}
.slide_sportsmen .sportsmen_names .sportsman_last .sname { 
    font-size: 86px;
    font-weight: bold;
    line-height: 105px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~SECTION SLIDES 2~~~~~~~~~~~~~~~~~~~~*/

.section_slides_main_2 {} 
.section_slides_main_2 .bg_slide_top_left {
    position: absolute;
    top: -50px;
    left: -150px;
    width: 460px;
    height: 230px;
    background:url(/images/pr/bg_main_top_left.jpg) repeat bottom center;
    animation: 1s section_slides_main_2_bg_slide_top_left ease; 
    transform: rotate(-45deg);
    overflow: hidden;
}
.section_slides_main_2 .bg_slide_top_left img {
    position: absolute;
    top: 75px;
    left: 69px;
    transform: rotate(45deg); 
}
.section_slides_main_2 .bg_slide_top_left::after {
    content: '';
    position: absolute;
    height: 64px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 71%);
}
@keyframes section_slides_main_2_bg_slide_top_left {
    from { 
        top: -300px; 
        left: -300px;
    }
    to { 
        top: -50px;
        left: -150px;
    }
}
.section_slides_main_2 .bg_slide_bottom_right {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 197px;
    height: 197px;
    background: url(/images/pr/bg_bottom_right_1.webp) no-repeat;
    animation: 1s section_slides_main_2_bg_slide_bottom_right ease;
    z-index: 2;
}
@keyframes section_slides_main_2_bg_slide_bottom_right {
    from { 
        bottom: -197px; 
        right: -197px;
    }
    to { 
        bottom: 0; 
        right: 0;
    }
}
.section_slides_main_2 .logo_octagon_bg_z1 {
    position: absolute;
    left: 80px;
    right: 83px;
    top: 0%;
    bottom: 0;
    background: url(/images/pr/logo_octagon_bg_b2.png.png) no-repeat center center;
    background-size: contain;
    z-index: 1;
    animation: .5s section_slides_main_2_logo_octagon_bg_z1 ease; 
}
@keyframes section_slides_main_2_logo_octagon_bg_z1 {
    from { 
        background-position-y: -1000px;
    }
    to { 
        background-position-y: center;
    }
}
.section_slides_main_2 .main_bg_fighter {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(/images/pr/fbg1.webp) no-repeat center center;
    background-size: contain;
    z-index: 2;
}
.section_slides_main_2 .logo_octagon_bg_z2 {
    position: absolute;
    left: 83px;
    right: 83px;
    top: 0%;
    bottom: 0;
    background: url(/images/pr/logo_octagon_b2.png) no-repeat center center;
    background-size: contain;
    z-index: 3;
    animation: .5s section_slides_main_2_logo_octagon_bg_z2 ease; 
}
@keyframes section_slides_main_2_logo_octagon_bg_z2 {
    from { 
        background-position-y: 2000px;
    }
    to { 
        background-position-y: center;
    }
}
.section_slides_main_2 .logo_octagon_bg_z2 .text_for_logo_1 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 18%;
    font-size: 1.3vi;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.5vi;
    width: 10vi;
    display: flex;
    flex-direction: row;
    align-items: center;
    animation: 0.5s section_slides_main_2_logo_octagon_bg_z2_text_for_logo_1 ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;  
    width: 0;
    overflow: hidden;
}
@keyframes section_slides_main_2_logo_octagon_bg_z2_text_for_logo_1 {
    from { 
        width: 0;
    }
    to { 
        width: 10vi;
    }
}
.section_slides_main_2 .logo_octagon_bg_z2 .text_for_logo_2 {
    position: absolute;
    top: 4.2vi;
    bottom: 0;
    right: 10.5%;
    font-size: 1.3vi;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.5vi;
    width: 10vi;
    display: flex;
    flex-direction: row;
    align-items: center;
    animation: 0.5s section_slides_main_2_logo_octagon_bg_z2_text_for_logo_2 ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;  
    opacity: 0;
}
@keyframes section_slides_main_2_logo_octagon_bg_z2_text_for_logo_2 {
    from { 
        opacity: 0;
    }
    to { 
        opacity: 1;
    }
}

.section_slides_main_3 .bg_slide_top_left {
    position: absolute;
    top: -50px;
    left: -150px;
    width: 460px;
    height: 230px;
    background:#3F3F3F;
    animation: 1s section_slides_main_3_bg_slide_top_left ease; 
    transform: rotate(-45deg); 
}
.section_slides_main_3 .bg_slide_top_left img {
    position: absolute;
    top: 59px;
    left: 108px;
    transform: rotate(45deg); 
}
.section_slides_main_3 .bg_slide_top_left::after {
    content: '';
    position: absolute;
    height: 64px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 71%);
}
@keyframes section_slides_main_3_bg_slide_top_left {
    from { 
        top: -300px; 
        left: -300px;
    }
    to { 
        top: -50px;
        left: -150px;
    }
}
.section_slides_main_3 .bg_slide_bottom_right {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 197px;
    height: 197px;
    background: url(/images/pr/bg_bottom_right_1.webp) no-repeat;
    animation: 1s section_slides_main_3_bg_slide_bottom_right ease;
    z-index: 2;
}
@keyframes section_slides_main_3_bg_slide_bottom_right {
    from { 
        bottom: -197px; 
        right: -197px;
    }
    to { 
        bottom: 0; 
        right: 0;
    }
}
.section_slides_main_3 .title_slide_top_left {
    z-index: 4;
    position: absolute;
    top: 12vw;
    left: 24vw;
    color: #fff;
    font-size: 42px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    /* transform: rotate(-45deg); */
    animation: 0.5s section_slides_main_3_title_slide_top_left ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    width: 30vi;
}
.section_slides_main_3 .bg_slide_top_left .over { 
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
@keyframes section_slides_main_3_title_slide_top_left {
    from { 
        top: 12vw;
        left: 24vw;
    }
    to { 
        top: 12vw;
        left: -3vw;
    }
}
.section_slides_main_3 .bg_border_ramka {
    border:solid 5px #ED1A3B;
    position: absolute;
    top: 60px;
    left: 50%;
    right: 50%;
    bottom: auto;
    animation: 2s section_slides_main_6_bg_border_ramka ease;
    animation-delay: 1.5s;
    animation-fill-mode: forwards;   
}
@keyframes section_slides_main_6_bg_border_ramka {
    0% { 
        left: 50%;
        right: 50%;
        bottom: auto;
    }
    50% {
        left: 319px;
        right: 401px;
        bottom: calc(100vh - 60px);
    }
    100% {  
        left: 319px;
        right: 401px;
        bottom: 60px;
    }
}
.section_slides_main_3 .central_counter_bg {
    background-image: url(/images/pr/bg_text.png);
    background-repeat: repeat;
    background-size: cover;
    background-position: center;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 49vi;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    line-height: 47vi;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0px;
    animation: 1.2s section_slides_main_3_central_counter_bg ease;
    animation-delay: 2.5s;
    animation-fill-mode: forwards;
    bottom: 100vh;
}
@keyframes section_slides_main_3_central_counter_bg {
    from {  
        bottom: 100vh;
    }
    to {    
        bottom: 0;
    }
}
.section_slides_main_3 .main_bg_fighter {
    background: url(/images/pr/fbg2.webp) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    animation: 2s section_slides_main_3_main_bg_fighter ease;
    animation-delay: 2.5s;
    animation-fill-mode: forwards;
    opacity: 0;
}
@keyframes section_slides_main_3_main_bg_fighter {
    from { 
        opacity: 0;
    }
    to {   
        opacity: 1;
    }
}
.section_slides_main_3 .main_text_plashka_mir {
    position: absolute;
    bottom: 300px;
    left: 248px;
    animation: 2s section_slides_main_3_main_text_plashka_mir ease;
    animation-delay: 2.5s;
    animation-fill-mode: forwards; 
    overflow: hidden;  
    bottom: -200px;
}
@keyframes section_slides_main_3_main_text_plashka_mir {
    from { 
        bottom: -200px;
    }
    to {   
        bottom: 300px;
    }
}
.section_slides_main_3 .main_text_plashka_mir div {
    z-index: 2;
    position: relative;
    background: #fff;
    color: #171819;
    font-size: 52px;
    font-weight: bold;
    padding: 10px 20px;
    line-height: 34px;
    text-transform: uppercase;
}
.section_slides_main_3 .main_text_plashka_mir::before {
    content: '';
    border-left: solid 5px #101014;
    z-index: 1;
    position: absolute;
    top: -20px;
    left: 50%;
    bottom: -20px;
    margin-left: -2px;
}
.section_slides_main_3 .main_text_plashka_hash { 
    position: absolute; 
    left: 252px; 
    animation: 2s section_slides_main_3_main_text_plashka_hash ease;
    animation-delay: 2.5s;
    animation-fill-mode: forwards; 
    overflow: hidden;  
    bottom: -200px;
}
@keyframes section_slides_main_3_main_text_plashka_hash {
    from { 
        bottom: -200px;
    }
    to {   
        bottom: 130px;
    }
}
.section_slides_main_3 .main_text_plashka_hash div {
    z-index: 2;
    position: relative;
    background: url(/images/pr/bg_main_top_left.jpg) repeat;
    color: #171819;
    font-size: 180px;
    font-weight: bold; 
    line-height: 139px;
    text-transform: uppercase;
}
.section_slides_main_3 .main_text_plashka_hash::before {
    content: '';
    border-left: solid 5px #101014;
    z-index: 1;
    position: absolute;
    top: -20px;
    left: 50%;
    bottom: -20px;
    margin-left: -2px;
}
.section_slides_main_3 .main_text_plashka_top3 {
    position: absolute;
    top: 86px;
    right: 186px;
    animation: 2s section_slides_main_3_main_text_plashka_top3 ease;
    animation-delay: 2.5s;
    animation-fill-mode: forwards; 
    overflow: hidden;  
    height: 0;
}
@keyframes section_slides_main_3_main_text_plashka_top3 {
    from { 
        height: 0;
    }
    to {   
        height: 100%;
    }
}
.section_slides_main_3 .main_text_plashka_top3 .hash {
    font-size: 200px;
    line-height: 205px;
    font-weight: bold;
    color: #fff;
    z-index: 2;
    position: relative;
}
.section_slides_main_3 .main_text_plashka_top3 .item_f {
    position: relative;
}
.section_slides_main_3 .main_text_plashka_top3 .item_f::before {
    content: '';
    border-left: solid 5px #101014;
    z-index: 1;
    position: absolute;
    height: 176px;
    left: 31px;
    bottom: -20px;
}
.section_slides_main_3 .main_text_plashka_top3 .hash span {
    font-size: 100px;
    line-height: 102px;
}
.section_slides_main_3 .main_text_plashka_top3 .loca {
    color: #171819;
    background: #fff;
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
    padding: 0 10px;
    text-transform: uppercase;
    display: flex;
    justify-self: start;
    z-index: 2;
    position: relative;
}

.section_slides_main_4 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(/images/pr/bg_map.webp) no-repeat;
    background-size: cover;
}
.section_slides_main_4 .bg_slide_top_left {
    position: absolute;
    top: -50px;
    left: -150px;
    width: 460px;
    height: 230px;
    background:#b61d37;
    animation: 1s section_slides_main_4_bg_slide_top_left ease; 
    transform: rotate(-45deg); 
}
.section_slides_main_4 .bg_slide_top_left img {
    position: absolute;
    top: 60px;
    left: 83px;
    transform: rotate(45deg);
}
.section_slides_main_4 .bg_slide_top_left::after {
    content: '';
    position: absolute;
    height: 64px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 71%);
}
@keyframes section_slides_main_4_bg_slide_top_left {
    from { 
        top: -300px; 
        left: -300px;
    }
    to { 
        top: -50px;
        left: -150px;
    }
}
.section_slides_main_4 .bg_slide_bottom_right {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 197px;
    height: 197px;
    background: url(/images/pr/bg_bottom_right_1.webp) no-repeat;
    animation: 1s section_slides_main_4_bg_slide_bottom_right ease;
    z-index: 2;
}
@keyframes section_slides_main_4_bg_slide_bottom_right {
    from { 
        bottom: -197px; 
        right: -197px;
    }
    to { 
        bottom: 0; 
        right: 0;
    }
}
.section_slides_main_4 .title_slide_top_left {
    z-index: 4;
    position: absolute;
    top: 12vw;
    left: 24vw;
    color: #fff;
    font-size: 42px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    /* transform: rotate(-45deg); */
    animation: 0.5s section_slides_main_4_title_slide_top_left ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    width: 30vi;
}
.section_slides_main_4 .bg_slide_top_left .over { 
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
@keyframes section_slides_main_4_title_slide_top_left {
    from { 
        top: 12vw;
        left: 24vw;
    }
    to { 
        top: 12vw;
        left: -3vw;
    }
}
.section_slides_main_4 .text_country_map {
    color: #fff;
    font-size: 42px; 
    text-transform: uppercase;   
    text-align: left;
    font-weight: bold;
    position: absolute;
}
.section_slides_main_4 .text_country_map span {
    overflow: hidden;
    animation:2s section_slides_main_4_text_country_map_text ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;  
    display: block;
    visibility: hidden;
}
.section_slides_main_4 .text_country_map.kz { 
    top: 19vi;
    left: 46vi;   
}
@keyframes section_slides_main_4_text_country_map_text {
    from { width: 0%;}
    to { width: 100%; visibility: visible;}
}
.section_slides_main_4 .text_country_map.tr { 
    top: 33vi;
    left: 11vi;
}
.section_slides_main_4 .text_country_map.az { 
    top: 30.5vi;
    left: 9vi;
    padding-top: 0; 
    animation:1s section_slides_main_4_text_country_map_az ease;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;  
}
@keyframes section_slides_main_4_text_country_map_az {
    from { padding-top: 0;}
    to { padding-top: 137px;}
}
.section_slides_main_4 .text_country_map.uz { 
    top: 28.5vi;
    left: 33vi;
    padding-top: 0; 
    animation:1s section_slides_main_4_text_country_map_uz ease;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;  
}
@keyframes section_slides_main_4_text_country_map_uz {
    from { padding-top: 0;}
    to { padding-top: 107px;}
}
.section_slides_main_4 .text_country_map.tj { 
    top: 33.5vi;
    left: 36vi;
    padding-top: 0; 
    animation:1s section_slides_main_4_text_country_map_tj ease;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;  
}
@keyframes section_slides_main_4_text_country_map_tj {
    from { padding-top: 0;}
    to { padding-top: 107px;}
}
.section_slides_main_4 .text_country_map.kg { 
    top: 28.5vi;
    left: 45vi;
    padding-top: 0; 
    animation:1s section_slides_main_4_text_country_map_kg ease;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;  
}
@keyframes section_slides_main_4_text_country_map_kg {
    from { padding-top: 0;}
    to { padding-top: 265px;}
}
.section_slides_main_4 .text_country_map.cn { 
    top: 28.5vi;
    left: 75vi;
}
.section_slides_main_4 .text_country_map::after {
    content: '';
    border:solid 8px #fff;
    position: absolute;
    bottom: 18px;
    left: -25px;
    border-radius: 20px;
}
.section_slides_main_4 .text_country_map::before {
    content: '';
    border:solid 4px #fff;
    position: absolute;
    top: 18px;
    left: -21px;
    border-radius: 20px;
}
.section_slides_main_4 .text_country_map em {
    position: absolute;
    top: 20px;
    left: -18px;
    bottom: 20px;
    border-left: solid 3px #fff;
}
.section_slides_main_4 .text_country_map.right::after {
    content: '';
    border:solid 8px #fff;
    position: absolute;
    bottom: 18px;
    right: -25px;
    left: auto;
    border-radius: 20px;
}
.section_slides_main_4 .text_country_map.right::before {
    content: '';
    border:solid 4px #fff;
    position: absolute;
    top: 18px;
    right: -21px;
    left: auto;
    border-radius: 20px;
}
.section_slides_main_4 .text_country_map.right em {
    position: absolute;
    top: 20px;
    right: -18px;
    left: auto;
    bottom: 20px;
    border-left: solid 3px #fff;
}

.section_slides_main_5 { }
.section_slides_main_5 .bg_slide_top_left {
    z-index: 4;
    position: absolute;
    top: -50px;
    left: -150px;
    width: 460px;
    height: 230px;
    background:url(/images/pr/bg_main_top_left.jpg) repeat bottom center;
    animation: 1s section_slides_main_5_bg_slide_top_left ease; 
    transform: rotate(-45deg); 
}
.section_slides_main_5 .bg_slide_top_left::after {
    content: '';
    position: absolute;
    height: 64px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 71%);
}
.section_slides_main_5 .bg_slide_top_left .slide_top_left_text {
    position: absolute;
    bottom: -38px;
    left: 0;
    right: 0;
    color: #252525;
    font-size: 152px;
    font-weight: bold;
    text-align: center;
}
@keyframes section_slides_main_5_bg_slide_top_left {
    from { 
        top: -300px; 
        left: -300px;
    }
    to { 
        top: -50px;
        left: -150px;
    }
}
.section_slides_main_5 .bg_slide_bottom_right { 
    position: absolute;
    bottom: 0;
    right: 0;
    width: 197px;
    height: 197px;
    background: url(/images/pr/bg_bottom_right_1.webp) no-repeat;
    animation: 1s section_slides_main_5_bg_slide_bottom_right ease;
    z-index: 3;
}
@keyframes section_slides_main_5_bg_slide_bottom_right {
    from { 
        bottom: -197px; 
        right: -197px;
    }
    to { 
        bottom: 0; 
        right: 0;
    }
} 
.section_slides_main_5 .title_slide_top_left {
    z-index: 4;
    position: absolute;
    top: 12vw;
    left: 24vw;
    color: #fff;
    font-size: 42px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    /* transform: rotate(-45deg); */
    animation: 0.5s section_slides_main_5_title_slide_top_left ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    width: 30vi;
}
.section_slides_main_5 .bg_slide_top_left .over { 
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
@keyframes section_slides_main_5_title_slide_top_left {
    from { 
        top: 12vw;
        left: 24vw;
    }
    to { 
        top: 12vw;
        left: -3vw;
    }
}
.section_slides_main_5 .main_bg_fighter {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(/images/pr/fbg3.webp) no-repeat center center;
    background-size: contain;
    animation: 0.5s section_slides_main_5_main_bg_fighter ease;
    animation-delay: 1s;
    animation-fill-mode: forwards; 
    opacity: 0;
}
@keyframes section_slides_main_5_main_bg_fighter {
    from { opacity: 0;}
    to { opacity: 1;}
}
.section_slides_main_5 .statist_counter {
    position: absolute;
    color: #fff;
    display: flex;
    flex-direction: column;  
}
.section_slides_main_5 .statist_counter div {  
    white-space: nowrap;
    width: 0%;
    overflow: hidden;
    animation: 0.5s section_slides_main_5_statist_counter ease;
    animation-delay: 1s;
    animation-fill-mode: forwards; 
}
@keyframes section_slides_main_5_statist_counter {
    from { width: 0%;}
    to { width: 100%;}
}
.section_slides_main_5 .statist_counter.revert {
    flex-direction: column-reverse;
}
.section_slides_main_5 .statist_counter.posit_1 {
    top: 111px;
    left: 35vi;
}
.section_slides_main_5 .statist_counter.posit_2 {
    top: 111px;
    right: 5vi;
}
.section_slides_main_5 .statist_counter.posit_3 {
    top: 342px;
    left: 5vi;
}
.section_slides_main_5 .statist_counter.posit_4 {
    top: 450px;
    left: 45vi;
}
.section_slides_main_5 .statist_counter.posit_5 {
    top: 490px;
    right: 5vi;
}
.section_slides_main_5 .statist_counter.posit_6 {
    top: 650px;
    left:  10vi;
}
.section_slides_main_5 .statist_counter.posit_7 {
    top: 680px;
    left:  60vi;
}
.section_slides_main_5 .statist_counter .fisrt_text {
    font-size: 1.5vi;
    font-weight: 600;
    line-height: 27px;
    margin-bottom: 20px;
    max-width: 300px;
}
.section_slides_main_5 .statist_counter .last_text {
    font-size: 8vi;
    line-height: 6vi;
    font-weight: bold;
}
.section_slides_main_5 .statist_counter .last_text span {
    font-size: 5vi;
}

.section_slides_main_6 { }
.section_slides_main_6 .bg_slide_top_left {
    z-index: 4;
    position: absolute;
    top: -50px;
    left: -150px;
    width: 460px;
    height: 230px;
    background:url(/images/pr/bg_main_top_left.jpg) repeat bottom center;
    animation: 1s section_slides_main_6_bg_slide_top_left ease; 
    transform: rotate(-45deg); 
}
.section_slides_main_6 .bg_slide_top_left::after {
    content: '';
    position: absolute;
    height: 64px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 71%);
}
.section_slides_main_6 .bg_slide_top_left .slide_top_left_text {
    position: absolute;
    bottom: -38px;
    left: 0;
    right: 0;
    color: #252525;
    font-size: 152px;
    font-weight: bold;
    text-align: center;
}
@keyframes section_slides_main_6_bg_slide_top_left {
    from { 
        top: -300px; 
        left: -300px;
    }
    to { 
        top: -50px;
        left: -150px;
    }
}
.section_slides_main_6 .bg_slide_bottom_right { 
    position: absolute;
    bottom: 0;
    right: 0;
    width: 197px;
    height: 197px;
    background: url(/images/pr/bg_bottom_right_1.webp) no-repeat;
    animation: 1s section_slides_main_6_bg_slide_bottom_right ease;
    z-index: 3;
}
@keyframes section_slides_main_6_bg_slide_bottom_right {
    from { 
        bottom: -197px; 
        right: -197px;
    }
    to { 
        bottom: 0; 
        right: 0;
    }
} 
.section_slides_main_6 .title_slide_top_left {
    z-index: 4;
    position: absolute;
    top: 12vw;
    left: 24vw;
    color: #fff;
    font-size: 42px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    /* transform: rotate(-45deg); */
    animation: 0.5s section_slides_main_6_title_slide_top_left ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    width: 30vi;
}
.section_slides_main_6 .bg_slide_top_left .over { 
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
@keyframes section_slides_main_6_title_slide_top_left {
    from { 
        top: 12vw;
        left: 24vw;
    }
    to { 
        top: 12vw;
        left: -3vw;
    }
}
.section_slides_main_6 .bg_border_ramka {
    border:solid 5px #ED1A3B;
    position: absolute;
    top: 60px;
    left: 50%;
    right: 50%;
    bottom: auto;
    animation: 2s section_slides_main_6_bg_border_ramka ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;   
}
@keyframes section_slides_main_6_bg_border_ramka {
    0% { 
        left: 50%;
        right: 50%;
        bottom: auto;
    }
    50% {
        left: 420px;
        right: 401px;
        bottom: calc(100vh - 60px);
    }
    100% {  
        left: 420px;
        right: 401px;
        bottom: 130px;
    }
}
.section_slides_main_6 .central_counter_bg {
    background-image: url(/images/pr/bg_text.png);
    background-repeat: repeat;
    background-size: cover;
    background-position: center;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 40vi;
    position: absolute;
    top: 0;
    left: 50px;
    right: 0;
    bottom: 0;
    z-index: 1;
    line-height: 47vi;
    font-weight: bold;
    text-align: center;
    letter-spacing: -35px;
    animation: 1.2s section_slides_main_6_central_counter_bg ease;
    animation-delay: 2.5s;
    animation-fill-mode: forwards;
    bottom: 100vh;
    overflow: hidden;
    
}
.section_slides_main_6 .central_counter_bg span {
    font-size: 9vi;
    margin-left: -123px;  
    letter-spacing: normal;
}
@keyframes section_slides_main_6_central_counter_bg {
    from {  
        bottom: 100vh;
    }
    to {    
        bottom: 0;
    }
} 
.section_slides_main_6 .central_counter_iny {
    position: absolute;
    top: 15.5vi;
    left: 20.5vi;
    font-size: 48px;
    font-weight: 600;
    color: #fff;
    letter-spacing: normal;
    text-shadow: 0 0 0 5px #181a1b;
}
.section_slides_main_6 .main_bg_spiker {
    position: absolute; 
    bottom: 135px;
    right: 20%;
    top: 20%;
    left: 30%;
    background: url(/images/pr/skiker_1.webp) no-repeat bottom center;
    background-size: contain;
    z-index: 2;
    animation: 1.2s section_slides_main_6_main_bg_spiker ease;
    animation-delay: 2.5s;
    animation-fill-mode: forwards;
    top: calc(100vh - 135px);
}
@keyframes section_slides_main_6_main_bg_spiker {
    from {  
        top: calc(100vh - 135px);
    }
    to {    
        top: 20%;
    }
} 
.section_slides_main_6 .countries_icons {
    position: absolute;
    top: 100px;
    right: 363px; 
    animation: 1.2s section_slides_main_6_countries_icons ease;
    animation-delay: 2.5s;
    animation-fill-mode: forwards;
    height: 0;
    overflow: hidden;
}
@keyframes section_slides_main_6_countries_icons {
    from {  
        height: 0;
    }
    to {    
        height: 100%;
    }
} 
.section_slides_main_6 .countries_icons>div {
    margin-bottom: 20px;
    width: 80px;
    height: 80px;
    background-size: contain!important;
}
.section_slides_main_6 .countries_icons .kz { 
    background: url(/images/pr/kz.webp) no-repeat; 
}
.section_slides_main_6 .countries_icons .uz { 
    background: url(/images/pr/uz.webp) no-repeat; 
}
.section_slides_main_6 .countries_icons .kg { 
    background: url(/images/pr/kg.webp) no-repeat; 
}
.section_slides_main_6 .countries_icons .ru { 
    background: url(/images/pr/ru.webp) no-repeat; 
}
.section_slides_main_6 .logos_companys {
    position: absolute;
    bottom: -100px;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    animation: 1.2s section_slides_main_6_logos_companys ease;
    animation-delay: 2.5s;
    animation-fill-mode: forwards; 
}
@keyframes section_slides_main_6_logos_companys {
    from {  
        bottom: -100px;
    }
    to {    
        bottom: 75px;
    }
} 
.section_slides_main_6 .logos_companys img {
    height: 30px;
    margin: 0 20px;
}



.section_slides_main_7 { }
.section_slides_main_7 .bg_slide_top_left {
    z-index: 4;
    position: absolute;
    top: -50px;
    left: -150px;
    width: 460px;
    height: 230px;
    background:#3F3F3F;
    animation: 1s section_slides_main_7_bg_slide_top_left ease; 
    transform: rotate(-45deg); 
}
.section_slides_main_7 .bg_slide_top_left img {
    position: absolute;
    bottom: -24px;
    right: 47px;
    transform: rotate(45deg);
    width: 90%;
}
.section_slides_main_7 .bg_slide_top_left::after {
    content: '';
    position: absolute;
    height: 64px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 71%);
}
.section_slides_main_7 .bg_slide_top_left .slide_top_left_text {
    position: absolute;
    bottom: -38px;
    left: 0;
    right: 0;
    color: #252525;
    font-size: 152px;
    font-weight: bold;
    text-align: center;
}
@keyframes section_slides_main_7_bg_slide_top_left {
    from { 
        top: -300px; 
        left: -300px;
    }
    to { 
        top: -50px;
        left: -150px;
    }
}
.section_slides_main_7 .bg_slide_bottom_right { 
    position: absolute;
    bottom: 0;
    right: 0;
    width: 197px;
    height: 197px;
    background: url(/images/pr/bg_bottom_right_1.webp) no-repeat;
    animation: 1s section_slides_main_7_bg_slide_bottom_right ease;
    z-index: 3;
}
@keyframes section_slides_main_7_bg_slide_bottom_right {
    from { 
        bottom: -197px; 
        right: -197px;
    }
    to { 
        bottom: 0; 
        right: 0;
    }
} 
.section_slides_main_7 .title_slide_top_left {
    z-index: 4;
    position: absolute;
    top: 12vw;
    left: 24vw;
    color: #fff;
    font-size: 42px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    /* transform: rotate(-45deg); */
    animation: 0.5s section_slides_main_7_title_slide_top_left ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    width: 30vi;
}
.section_slides_main_7 .bg_slide_top_left .over { 
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
@keyframes section_slides_main_7_title_slide_top_left {
    from { 
        top: 12vw;
        left: 24vw;
    }
    to { 
        top: 12vw;
        left: -3vw;
    }
}
.section_slides_main_7 .bg_border_ramka {
    border:solid 5px #ED1A3B;
    position: absolute;
    top: 60px;
    left: 50%;
    right: 50%;
    bottom: auto;
    animation: 2s section_slides_main_7_bg_border_ramka ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;   
}
@keyframes section_slides_main_7_bg_border_ramka {
    0% { 
        left: 50%;
        right: 50%;
        bottom: auto;
    }
    50% {
        left: 400px;
        right: 381px;
        bottom: calc(100vh - 60px);
    }
    100% {  
        left: 400px;
        right: 381px;
        bottom: 263px;
    }
}

.section_slides_main_7 .central_counter_bg {
    background-image: url(/images/pr/bg_text.png);
    background-repeat: repeat;
    background-size: cover;
    background-position: center;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 29vi;
    position: absolute;
    top: 0;
    left: 50px;
    right: 0;
    bottom: 0;
    z-index: 1;
    line-height: 33vi;
    font-weight: bold;
    text-align: center;
    letter-spacing: -20px;
    animation: 1.2s section_slides_main_7_central_counter_bg ease;
    animation-delay: 2.5s;
    animation-fill-mode: forwards;
    bottom: 100vh;
    overflow: hidden;
    
}
.section_slides_main_7 .central_counter_bg span {
    font-size: 9vi;
    margin-left: -123px;  
    letter-spacing: normal;
}
@keyframes section_slides_main_7_central_counter_bg {
    from {  
        bottom: 100vh;
    }
    to {    
        bottom: 0;
    }
} 
.section_slides_main_7 .central_counter_iny {
    position: absolute;
    top: 13.5vi;
    left: 20.5vi;
    font-size: 42px;
    font-weight: 600;
    color: #fff;
    letter-spacing: normal; 
}
.section_slides_main_7 .main_bg_fighter {
    background: url(/images/pr/fbg4.webp) no-repeat bottom center;
    background-size: contain;
    position: absolute;
    bottom: 10px;
    right: 0;
    left: 20%;
    top: 20%;
    z-index: 2;
    animation: 1.2s section_slides_main_7_main_bg_fighter ease;
    animation-delay: 2.5s;
    animation-fill-mode: forwards;
    opacity: 0;
}
@keyframes section_slides_main_7_main_bg_fighter {
    from {  
        opacity: 0;
    }
    to {    
        opacity: 1;
    }
} 
.section_slides_main_7 .counters_seetv {
    display: flex;
    flex-direction: row;
    position: absolute;
    bottom: 140px;
    left: 0;
    right: 0;
    justify-content: center;
    align-items: center;
    z-index: 2;
    animation: 1.2s section_slides_main_7_counters_seetv ease;
    animation-delay: 2.5s;
    animation-fill-mode: forwards;
    opacity: 0;
}
@keyframes section_slides_main_7_counters_seetv {
    from {  
        opacity: 0;
    }
    to {    
        opacity: 1;
    }
} 
.section_slides_main_7 .counters_seetv .counters_seetv_item {
    margin:  0 30px;
}
.section_slides_main_7 .counters_seetv .count {
    color: #ED1A3B;
    font-size: 86px;
    font-weight: bold;
    line-height: 60px;
}
.section_slides_main_7 .counters_seetv .count span {
    font-size: 56px;
}
.section_slides_main_7 .counters_seetv .text {
    font-size: 24px;
    color: #fff;
}
.section_slides_main_7 .progress_ages {
    position: absolute;
    bottom: 35px;
    left: 100px;
    right: 200px;
    overflow: hidden;
    padding: 35px 0;
    z-index: 2;
    animation: 1.2s section_slides_main_7_progress_ages ease;
    animation-delay: 2.5s;
    animation-fill-mode: forwards;
    right: 100vw;
}
@keyframes section_slides_main_7_progress_ages {
    from {  
        right: 100vw;
    }
    to {    
        right: 200px;
    }
} 
.section_slides_main_7 .progress_ages .gen { 
    height: 30px;
    background: #fff;
    display: flex;
    flex-direction: row;
    color: #000000;
    font-size: 24px;
    font-weight: 700;
}
.section_slides_main_7 .progress_ages .item_white {}
.section_slides_main_7 .progress_ages .item_red {
    background: #ED1A3B;
    height: 30px;
    transform: skew(-20deg, 0deg);
}
.section_slides_main_7 .progress_ages .item_red::after {
    content: '';
    border-left: solid 3px #ED1A3B;
    border-right: solid 3px #ED1A3B;
    height: 51px;
    display: block;
    position: absolute;
    top: -9px;
    left: 0;
    right: 0;
}
.section_slides_main_7 .progress_ages .item_red .text {
    transform: skew(20deg, 0deg);
}
.section_slides_main_7 .progress_ages .item_red:last-child::after {
    border-right: none;
}
.section_slides_main_7 .progress_ages .item_red:last-child {
    right: -6px;
    position: relative;
}
.section_slides_main_7 .progress_ages .text {
    padding-left: 15px;
}
.section_slides_main_7 .progress_ages .text_age {
    position: absolute;
    top: -7px;
    left: 0;
    color: #ED1A3B;
    font-size: 28px;
    font-weight: bold;
    text-transform: uppercase;
}


.section_slides_main_8 { }
.section_slides_main_8 .bg_slide_top_left {
    z-index: 4;
    position: absolute;
    top: -50px;
    left: -150px;
    width: 460px;
    height: 230px;
    background:#3F3F3F;
    animation: 1s section_slides_main_8_bg_slide_top_left ease; 
    transform: rotate(-45deg);
     
}
.section_slides_main_8 .bg_slide_top_left img {
    position: absolute;
    bottom: -24px;
    right: 47px;
    transform: rotate(45deg);
    width: 90%;
}
.section_slides_main_8 .bg_slide_top_left::after {
    content: '';
    position: absolute;
    height: 64px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 71%);
}
.section_slides_main_8 .bg_slide_top_left .slide_top_left_text {
    position: absolute;
    bottom: -38px;
    left: 0;
    right: 0;
    color: #252525;
    font-size: 152px;
    font-weight: bold;
    text-align: center;
}
@keyframes section_slides_main_8_bg_slide_top_left {
    from { 
        top: -300px; 
        left: -300px;
    }
    to { 
        top: -50px;
        left: -150px;
    }
}
.section_slides_main_8 .bg_slide_bottom_right { 
    position: absolute;
    bottom: 0;
    right: 0;
    width: 197px;
    height: 197px;
    background: url(/images/pr/bg_bottom_right_1.webp) no-repeat;
    animation: 1s section_slides_main_8_bg_slide_bottom_right ease;
    z-index: 3;
}
@keyframes section_slides_main_8_bg_slide_bottom_right {
    from { 
        bottom: -197px; 
        right: -197px;
    }
    to { 
        bottom: 0; 
        right: 0;
    }
} 
.section_slides_main_8 .title_slide_top_left {
    z-index: 4;
    position: absolute;
    top: 12vw;
    left: 24vw;
    color: #fff;
    font-size: 42px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    /* transform: rotate(-45deg); */
    animation: 0.5s section_slides_main_8_title_slide_top_left ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    width: 30vi;
}
.section_slides_main_8 .bg_slide_top_left .over { 
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
@keyframes section_slides_main_8_title_slide_top_left {
    from { 
        top: 12vw;
        left: 24vw;
    }
    to { 
        top: 12vw;
        left: -3vw;
    }
}
.section_slides_main_8 .poster_octagon_central {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    top: -1000px;
    animation: 0.5s section_slides_main_8_poster_octagon_central ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;   
}
@keyframes section_slides_main_8_poster_octagon_central {
    from {  
        top: -1000px;
    }
    to { 
        top: 100px;
    }
}
.section_slides_main_8 .poster_octagon_central .image_mask_poster {
    width: 24vi;
    height: 24vi;
    position: relative; 
}
.section_slides_main_8 .poster_octagon_central .image_mask_poster::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(/images/pr/last_octagon_mask.png) no-repeat center center;
    background-size: contain;
}
.section_slides_main_8 .poster_octagon_central .image_mask_poster img {
    width: 100%;
    -webkit-mask-image: url(/images/pr/last_octagon_m.png);
    mask-image: url(/images/pr/last_octagon_m.png);
    -webkit-mask-repeat: no-repeat;
    mask-size: contain;
}
.section_slides_main_8 .poster_octagon_central .text_count_seen {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 10px; 
} 
.section_slides_main_8 .poster_octagon_central .text_count_seen .title {
    font-size: 2vi; 
}
.section_slides_main_8 .poster_octagon_central .text_count_seen .count {
    font-size: 4vi;
    line-height: 4vi;
}
.section_slides_main_8 .poster_octagon_central .text_subtitle {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    font-size: 22px;
    margin-top: 10px;
}
.section_slides_main_8 .poster_octagon_left {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: -800px;
    bottom: 15px;
    animation: 0.5s section_slides_main_8_poster_octagon_left ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;   
}
@keyframes section_slides_main_8_poster_octagon_left {
    from {  
        left: -800px;
    }
    to { 
        left: 50px;
    }
}
.section_slides_main_8 .poster_octagon_left .text_count_seen {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 10px;
}
.section_slides_main_8 .poster_octagon_left .text_count_seen .title {
    font-size: 2vi; 
}
.section_slides_main_8 .poster_octagon_left .text_count_seen .count {
    font-size: 4vi;
    line-height: 4vi;
}
.section_slides_main_8 .poster_octagon_left .text_subtitle {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    text-align: left;
    font-size: 1.2vi;
    margin-top: 10px;
    position: absolute;
    bottom: 4.5vi;
    left: 24vi;
    transform: rotate(11deg);
    white-space: nowrap;
}
.section_slides_main_8 .poster_octagon_left .image_mask_poster {
    position: relative;
    width: 38vi;
    height: 22vi;
    overflow: hidden;
}
.section_slides_main_8 .poster_octagon_left .image_mask_poster .poster_image {
    right: 15.2vi;
    bottom: 5.5vi;
    position: absolute;
    top: 1.5vi;
    left: 1vi;
    overflow: hidden;
    transform: skew(6deg, 0deg);
}
.section_slides_main_8 .poster_octagon_left .image_mask_poster .poster_image img {
    width: 100%;
    height: 15vi;
}
.section_slides_main_8 .poster_octagon_left .image_mask_poster::after {
    content: '';
    background: url(/images/pr/macbook_img.webp?12) no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}
.section_slides_main_8 .poster_octagon_right {
    position: absolute;
    top: 50px;
    right: -550px;
    animation: 0.5s section_slides_main_8_poster_octagon_right ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;   
}
@keyframes section_slides_main_8_poster_octagon_right {
    from {  
        right: -550px;
    }
    to { 
        right: 50px;
    }
}
.section_slides_main_8 .poster_octagon_right .image_mask_poster {
    width: 24vi;
    height: 36vi; 
}
.section_slides_main_8 .poster_octagon_right .image_mask_poster::after {
    content: '';
    background: url(/images/pr/phone_img.webp?12) no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}
.section_slides_main_8 .poster_octagon_right .image_mask_poster .poster_image {
    position: absolute;
    left: 5.5vi;
    right: 5vi;
    bottom: 1px;
    top: 1vi;
    transform: skewY(-3deg);
}
.section_slides_main_8 .poster_octagon_right .image_mask_poster .poster_image img {
    width: 100%;
    height: 79%;
}
.section_slides_main_8 .poster_octagon_right .image_mask_poster .title_on_poster {
    position: absolute;
    top: 29.5vi;
    left: 6vi;
    z-index: 3;
    font-size: 1vi;
    color: #101014;
    right: 5vi;
    transform: skewY(1deg);
}
.section_slides_main_8 .poster_octagon_right .text_count_seen {
    position: absolute;
    top: 15vi;
    left: -8vi;
    transform: rotate(-90deg);
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 10px;
    font-size: 4vi;
    line-height: 4vi;
}
.section_slides_main_8 .poster_octagon_right .text_subtitle {
    color: #fff;
    position: absolute;
    bottom: -5vi;
    max-width: 13.6vi;
    right: 5vi;
    text-align: right;
    font-size: 1.5vi;
    transform: skewY(2deg);
    z-index: 3;
}
.section_slides_main_8 .poster_octagon_right .text_subtitle div {
    font-size: 1.6vi;
    font-weight: bold;
}

/*  */

.section_slides_main_9 { }
.section_slides_main_9 .bg_slide_top_left {
    z-index: 4;
    position: absolute;
    top: -50px;
    left: -150px;
    width: 460px;
    height: 230px;
    background:#3F3F3F;
    animation: 1s section_slides_main_9_bg_slide_top_left ease; 
    transform: rotate(-45deg);
    /* overflow: hidden; */
}
.section_slides_main_9 .bg_slide_top_left img {
    position: absolute;
    bottom: -55px;
    right: 128px;
    transform: rotate(45deg);
    width: 49%;
}
.section_slides_main_9 .bg_slide_top_left::after {
    content: '';
    position: absolute;
    height: 64px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 71%);
}
.section_slides_main_9 .bg_slide_top_left .slide_top_left_text {
    position: absolute;
    bottom: -38px;
    left: 0;
    right: 0;
    color: #252525;
    font-size: 152px;
    font-weight: bold;
    text-align: center;
}
@keyframes section_slides_main_9_bg_slide_top_left {
    from { 
        top: -300px; 
        left: -300px;
    }
    to { 
        top: -50px;
        left: -150px;
    }
}
.section_slides_main_9 .bg_slide_bottom_right { 
    position: absolute;
    bottom: 0;
    right: 0;
    width: 197px;
    height: 197px;
    background: url(/images/pr/bg_bottom_right_1.webp) no-repeat;
    animation: 1s section_slides_main_9_bg_slide_bottom_right ease;
    z-index: 3;
}
@keyframes section_slides_main_9_bg_slide_bottom_right {
    from { 
        bottom: -197px; 
        right: -197px;
    }
    to { 
        bottom: 0; 
        right: 0;
    }
} 
.section_slides_main_9 .title_slide_top_left {
    z-index: 4;
    position: absolute;
    top: 12vw;
    left: 24vw;
    color: #fff;
    font-size: 42px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    /* transform: rotate(-45deg); */
    animation: 0.5s section_slides_main_9_title_slide_top_left ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    width: 30vi;
}
.section_slides_main_9 .bg_slide_top_left .over { 
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
@keyframes section_slides_main_9_title_slide_top_left {
    from { 
        top: 12vw;
        left: 24vw;
    }
    to { 
        top: 12vw;
        left: -3vw;
    }
}
.section_slides_main_9 .bg_border_ramka {
    border:solid 5px #ED1A3B;
    position: absolute;
    top: 60px;
    left: 50%;
    right: 50%;
    bottom: auto;
    animation: 2s section_slides_main_9_bg_border_ramka ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;   
}
@keyframes section_slides_main_9_bg_border_ramka {
    0% { 
        left: 50%;
        right: 50%;
        bottom: auto;
    }
    50% {
        left: 459px;
        right: 481px;
        bottom: calc(100vh - 60px);
    }
    100% {  
        left: 459px;
        right: 481px;
        bottom: 263px;
    }
}

.section_slides_main_9 .central_counter_bg {
    background-image: url(/images/pr/bg_text.png);
    background-repeat: repeat;
    background-size: cover;
    background-position: center;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 35vi;
    position: absolute;
    top: 0;
    left: 50px;
    right: 0;
    bottom: 0;
    z-index: 1;
    line-height: 35vi;
    font-weight: bold;
    text-align: center;
    letter-spacing: -20px;
    animation: 1.2s section_slides_main_9_central_counter_bg ease;
    animation-delay: 2.5s;
    animation-fill-mode: forwards;
    bottom: 100vh;
    overflow: hidden;
    
}
.section_slides_main_9 .central_counter_bg span {
    font-size: 9vi;
    margin-left: -123px;  
    letter-spacing: normal;
}
@keyframes section_slides_main_9_central_counter_bg {
    from {  
        bottom: 100vh;
    }
    to {    
        bottom: 0;
    }
} 
.section_slides_main_9 .central_counter_iny {
    position: absolute;
    top: 19.4vi;
    left: 22.5vi;
    font-size: 1.3vi;
    color: #fff;
    letter-spacing: normal;
    bottom: auto;
    line-height: normal;
    max-width: 10vi;
    text-align: left;
    font-weight: normal;
}
.section_slides_main_9 .main_bg_fighter {
    background: url(/images/pr/fbg5.webp) no-repeat bottom center;
    background-size: contain;
    position: absolute;
    bottom: 268px;
    right: 0;
    left: 20%;
    top: 20%;
    z-index: 2;
    animation: 1.2s section_slides_main_9_main_bg_fighter ease;
    animation-delay: 2.5s;
    animation-fill-mode: forwards;
    opacity: 0;
}
@keyframes section_slides_main_9_main_bg_fighter {
    from {  
        opacity: 0;
    }
    to {    
        opacity: 1;
    }
} 
.section_slides_main_9 .counters_seetv {
    display: flex;
    flex-direction: row;
    position: absolute;
    bottom: 140px;
    left: 0;
    right: 0;
    justify-content: center;
    align-items: center;
    z-index: 2;
    animation: 1.2s section_slides_main_9_counters_seetv ease;
    animation-delay: 2.5s;
    animation-fill-mode: forwards;
    opacity: 0;
}
@keyframes section_slides_main_9_counters_seetv {
    from {  
        opacity: 0;
    }
    to {    
        opacity: 1;
    }
} 
.section_slides_main_9 .counters_seetv .counters_seetv_item {
    margin:  0 30px;
}
.section_slides_main_9 .counters_seetv .count {
    color: #ED1A3B;
    font-size: 86px;
    font-weight: bold;
    line-height: 60px;
}
.section_slides_main_9 .counters_seetv .count span {
    font-size: 56px;
}
.section_slides_main_9 .counters_seetv .text {
    font-size: 24px;
    color: #fff;
}
.section_slides_main_9 .progress_ages {
    position: absolute;
    bottom: 35px;
    left: 100px;
    right: 200px;
    overflow: hidden;
    padding: 35px 0;
    z-index: 2;
    animation: 1.2s section_slides_main_9_progress_ages ease;
    animation-delay: 2.5s;
    animation-fill-mode: forwards;
    right: 100vw;
}
@keyframes section_slides_main_9_progress_ages {
    from {  
        right: 100vw;
    }
    to {    
        right: 200px;
    }
} 
.section_slides_main_9 .progress_ages .gen { 
    height: 30px;
    background: #fff;
    display: flex;
    flex-direction: row;
    color: #000000;
    font-size: 24px;
    font-weight: 700;
}
.section_slides_main_9 .progress_ages .item_white {}
.section_slides_main_9 .progress_ages .item_red {
    background: #ED1A3B;
    height: 30px;
    transform: skew(-20deg, 0deg);
}
.section_slides_main_9 .progress_ages .item_red::after {
    content: '';
    border-left: solid 3px #ED1A3B;
    border-right: solid 3px #ED1A3B;
    height: 51px;
    display: block;
    position: absolute;
    top: -9px;
    left: 0;
    right: 0;
}
.section_slides_main_9 .progress_ages .item_red .text {
    transform: skew(20deg, 0deg);
}
.section_slides_main_9 .progress_ages .item_red:last-child::after {
    border-right: none;
}
.section_slides_main_9 .progress_ages .item_red:last-child {
    right: -6px;
    position: relative;
}
.section_slides_main_9 .progress_ages .text {
    padding-left: 15px;
}
.section_slides_main_9 .progress_ages .text_age {
    position: absolute;
    top: -7px;
    left: 0;
    color: #ED1A3B;
    font-size: 28px;
    font-weight: bold;
}
.section_slides_main_9 .count_moon_seen {
    position: absolute; 
    top: 10vi;
    right: 15vi;
}
.section_slides_main_9 .count_moon_seen .count {
    font-size: 12vi;
    line-height: 4vi;
    color: #ED1A3B;
    font-weight: 1000;
    text-transform: uppercase;
}
.section_slides_main_9 .count_moon_seen .count span {
    font-size: 2vi;
}
.section_slides_main_9 .count_moon_seen .min_text {
    color: #fff;
    font-size: 1.5vi;
}

/*  */



.section_slides_main_10 { }
.section_slides_main_10 .bg_slide_top_left {
    z-index: 4;
    position: absolute;
    top: -50px;
    left: -150px;
    width: 460px;
    height: 230px;
    background:#3F3F3F;
    animation: 1s section_slides_main_10_bg_slide_top_left ease; 
    transform: rotate(-45deg);
    /* overflow: hidden; */
}
.section_slides_main_10 .bg_slide_top_left img {
    position: absolute;
    bottom: -27px;
    right: 151px;
    transform: rotate(45deg);
    width: 43%;
}
.section_slides_main_10 .bg_slide_top_left::after {
    content: '';
    position: absolute;
    height: 64px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 71%);
}
.section_slides_main_10 .bg_slide_top_left .slide_top_left_text {
    position: absolute;
    bottom: -38px;
    left: 0;
    right: 0;
    color: #252525;
    font-size: 152px;
    font-weight: bold;
    text-align: center;
}
@keyframes section_slides_main_10_bg_slide_top_left {
    from { 
        top: -300px; 
        left: -300px;
    }
    to { 
        top: -50px;
        left: -150px;
    }
}
.section_slides_main_10 .bg_slide_bottom_right { 
    position: absolute;
    bottom: 0;
    right: 0;
    width: 197px;
    height: 197px;
    background: url(/images/pr/bg_bottom_right_1.webp) no-repeat;
    animation: 1s section_slides_main_10_bg_slide_bottom_right ease;
    z-index: 3;
}
@keyframes section_slides_main_10_bg_slide_bottom_right {
    from { 
        bottom: -197px; 
        right: -197px;
    }
    to { 
        bottom: 0; 
        right: 0;
    }
} 
.section_slides_main_10 .title_slide_top_left {
    z-index: 4;
    position: absolute;
    top: 12vw;
    left: 24vw;
    color: #fff;
    font-size: 42px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    /* transform: rotate(-45deg); */
    animation: 0.5s section_slides_main_10_title_slide_top_left ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    width: 30vi;
}
.section_slides_main_10 .bg_slide_top_left .over { 
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
@keyframes section_slides_main_10_title_slide_top_left {
    from { 
        top: 12vw;
        left: 24vw;
    }
    to { 
        top: 12vw;
        left: -3vw;
    }
}
.section_slides_main_10 .bg_border_ramka {
    border:solid 5px #ED1A3B;
    position: absolute;
    top: 60px;
    left: 50%;
    right: 50%;
    bottom: auto;
    animation: 2s section_slides_main_10_bg_border_ramka ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;   
}
@keyframes section_slides_main_10_bg_border_ramka {
    0% { 
        left: 50%;
        right: 50%;
        bottom: auto;
    }
    50% {
        left: 400px;
        right: 381px;
        bottom: calc(100vh - 60px);
    }
    100% {  
        left: 400px;
        right: 381px;
        bottom: 263px;
    }
}

.section_slides_main_10 .central_counter_bg {
    background-image: url(/images/pr/bg_text.png);
    background-repeat: repeat;
    background-size: cover;
    background-position: center;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 35vi;
    position: absolute;
    top: 0;
    left: 50px;
    right: 0;
    bottom: 0;
    z-index: 1;
    line-height: 35vi;
    font-weight: bold;
    text-align: center;
    letter-spacing: -30px;
    animation: 1.2s section_slides_main_10_central_counter_bg ease;
    animation-delay: 2.5s;
    animation-fill-mode: forwards;
    bottom: 100vh;
    overflow: hidden;
    
}
.section_slides_main_10 .central_counter_bg span {
    font-size: 9vi;
    margin-left: -123px;  
    letter-spacing: normal;
}
@keyframes section_slides_main_10_central_counter_bg {
    from {  
        bottom: 100vh;
    }
    to {    
        bottom: 0;
    }
} 
.section_slides_main_10 .central_counter_iny {
    position: absolute;
    top: 30.5vi;
    left: 15.5vi;
    font-size: 42px;
    font-weight: 600;
    color: #fff;
    letter-spacing: normal;
    line-height: normal;
}
.section_slides_main_10 .main_bg_fighter {
    background: url(/images/pr/fbg6.webp) no-repeat bottom center;
    background-size: contain;
    position: absolute;
    bottom: 173px;
    right: 0;
    left: 16%;
    top: 20%;
    z-index: 2;
    animation: 1.2s section_slides_main_10_main_bg_fighter ease;
    animation-delay: 2.5s;
    animation-fill-mode: forwards;
    opacity: 0;
}
@keyframes section_slides_main_10_main_bg_fighter {
    from {  
        opacity: 0;
    }
    to {    
        opacity: 1;
    }
} 
.section_slides_main_10 .counters_seetv {
    display: flex;
    flex-direction: row;
    position: absolute;
    bottom: 140px;
    left: 0;
    right: 0;
    justify-content: center;
    align-items: center;
    z-index: 2;
    animation: 1.2s section_slides_main_10_counters_seetv ease;
    animation-delay: 2.5s;
    animation-fill-mode: forwards;
    opacity: 0;
}
@keyframes section_slides_main_10_counters_seetv {
    from {  
        opacity: 0;
    }
    to {    
        opacity: 1;
    }
} 
.section_slides_main_10 .counters_seetv .counters_seetv_item {
    margin:  0 30px;
}
.section_slides_main_10 .counters_seetv .count {
    color: #ED1A3B;
    font-size: 86px;
    font-weight: bold;
    line-height: 60px;
}
.section_slides_main_10 .counters_seetv .count span {
    font-size: 56px;
}
.section_slides_main_10 .counters_seetv .text {
    font-size: 24px;
    color: #fff;
}
.section_slides_main_10 .progress_ages {
    position: absolute;
    bottom: 35px;
    left: 100px;
    right: 200px;
    overflow: hidden;
    padding: 35px 0;
    z-index: 2;
    animation: 1.2s section_slides_main_10_progress_ages ease;
    animation-delay: 2.5s;
    animation-fill-mode: forwards;
    right: 100vw;
}
@keyframes section_slides_main_10_progress_ages {
    from {  
        right: 100vw;
    }
    to {    
        right: 200px;
    }
} 
.section_slides_main_10 .progress_ages .gen { 
    height: 30px;
    background: #fff;
    display: flex;
    flex-direction: row;
    color: #000000;
    font-size: 24px;
    font-weight: 700;
}
.section_slides_main_10 .progress_ages .item_white {}
.section_slides_main_10 .progress_ages .item_red {
    background: #ED1A3B;
    height: 30px;
    transform: skew(-20deg, 0deg);
}
.section_slides_main_10 .progress_ages .item_red::after {
    content: '';
    border-left: solid 3px #ED1A3B;
    border-right: solid 3px #ED1A3B;
    height: 51px;
    display: block;
    position: absolute;
    top: -9px;
    left: 0;
    right: 0;
}
.section_slides_main_10 .progress_ages .item_red .text {
    transform: skew(20deg, 0deg);
}
.section_slides_main_10 .progress_ages .item_red:last-child::after {
    border-right: none;
}
.section_slides_main_10 .progress_ages .item_red:last-child {
    right: -6px;
    position: relative;
}
.section_slides_main_10 .progress_ages .text {
    padding-left: 15px;
}
.section_slides_main_10 .progress_ages .text_age {
    position: absolute;
    top: -7px;
    left: 0;
    color: #ED1A3B;
    font-size: 28px;
    font-weight: bold;
    text-transform: uppercase;
}


/*  */


.section_slides_main_11 { }
.section_slides_main_11 .bg_slide_top_left {
    z-index: 4;
    position: absolute;
    top: -50px;
    left: -150px;
    width: 460px;
    height: 230px;
    background:#3F3F3F;
    animation: 1s section_slides_main_11_bg_slide_top_left ease; 
    transform: rotate(-45deg);
    /* overflow: hidden; */
}
.section_slides_main_11 .bg_slide_top_left img {
    position: absolute;
    bottom: -24px;
    right: 47px;
    transform: rotate(45deg);
    width: 90%;
}
.section_slides_main_11 .bg_slide_top_left::after {
    content: '';
    position: absolute;
    height: 64px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 71%);
}
.section_slides_main_11 .bg_slide_top_left .slide_top_left_text {
    position: absolute;
    bottom: -38px;
    left: 0;
    right: 0;
    color: #252525;
    font-size: 152px;
    font-weight: bold;
    text-align: center;
}
@keyframes section_slides_main_11_bg_slide_top_left {
    from { 
        top: -300px; 
        left: -300px;
    }
    to { 
        top: -50px;
        left: -150px;
    }
}
.section_slides_main_11 .bg_slide_bottom_right { 
    position: absolute;
    bottom: 0;
    right: 0;
    width: 197px;
    height: 197px;
    background: url(/images/pr/bg_bottom_right_1.webp) no-repeat;
    animation: 1s section_slides_main_11_bg_slide_bottom_right ease;
    z-index: 3;
}
@keyframes section_slides_main_11_bg_slide_bottom_right {
    from { 
        bottom: -197px; 
        right: -197px;
    }
    to { 
        bottom: 0; 
        right: 0;
    }
} 
.section_slides_main_11 .title_slide_top_left {
    z-index: 4;
    position: absolute;
    top: 12vw;
    left: 24vw;
    color: #fff;
    font-size: 42px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    /* transform: rotate(-45deg); */
    animation: 0.5s section_slides_main_11_title_slide_top_left ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    width: 30vi;
}
.section_slides_main_11 .bg_slide_top_left .over { 
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
@keyframes section_slides_main_11_title_slide_top_left {
    from { 
        top: 12vw;
        left: 24vw;
    }
    to { 
        top: 12vw;
        left: -3vw;
    }
}
.section_slides_main_11 .poster_octagon_central {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    top: -1000px;
    animation: 0.5s section_slides_main_11_poster_octagon_central ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;   
}
.section_slides_main_11 .poster_octagon_central.position_left {
    right: 60%;
    margin-top: 100px;
}
.section_slides_main_11 .poster_octagon_central.position_right {
    left: 60%;
    margin-top: -80px;
}
@keyframes section_slides_main_11_poster_octagon_central {
    from {  
        top: -1000px;
    }
    to { 
        top: 100px;
    }
}
.section_slides_main_11 .poster_octagon_central .image_mask_poster {
    width: 24vi;
    height: 24vi;
    position: relative; 
}
.section_slides_main_11 .poster_octagon_central .image_mask_poster::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(/images/pr/last_octagon_mask.png) no-repeat center center;
    background-size: contain;
}
.section_slides_main_11 .poster_octagon_central .image_mask_poster img {
    width: 100%;
    -webkit-mask-image: url(/images/pr/last_octagon_m.png);
    mask-image: url(/images/pr/last_octagon_m.png);
    -webkit-mask-repeat: no-repeat;
    mask-size: contain;
}
.section_slides_main_11 .poster_octagon_central .text_count_seen {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 10px; 
    display: flex;
    flex-direction: column;
}
.section_slides_main_11 .poster_octagon_central .text_count_seen.revert {
    flex-direction: column-reverse;
}
.section_slides_main_11 .poster_octagon_central .text_count_seen .title {
    font-size: 1vi; 
}
.section_slides_main_11 .poster_octagon_central .text_count_seen .count {
    font-size: 4vi;
    line-height: 4vi;
}
.section_slides_main_11 .poster_octagon_central .text_subtitle {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    font-size: 22px;
    margin-top: 10px;
}  

/*  */




.section_slides_main_12 { }
.section_slides_main_12 .bg_slide_top_left {
    z-index: 4;
    position: absolute;
    top: -50px;
    left: -150px;
    width: 460px;
    height: 230px;
    background:url(/images/pr/bg_main_top_left.jpg) repeat bottom center;
    animation: 1s section_slides_main_12_bg_slide_top_left ease; 
    transform: rotate(-45deg);
    /* overflow: hidden; */
}
.section_slides_main_12 .bg_slide_top_left::after {
    content: '';
    position: absolute;
    height: 64px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 71%);
}
.section_slides_main_12 .bg_slide_top_left .slide_top_left_text {
    position: absolute;
    bottom: -38px;
    left: 0;
    right: 0;
    color: #252525;
    font-size: 152px;
    font-weight: bold;
    text-align: center;
}
@keyframes section_slides_main_12_bg_slide_top_left {
    from { 
        top: -300px; 
        left: -300px;
    }
    to { 
        top: -50px;
        left: -150px;
    }
}
.section_slides_main_12 .bg_slide_bottom_right { 
    position: absolute;
    bottom: 0;
    right: 0;
    width: 197px;
    height: 197px;
    background: url(/images/pr/bg_bottom_right_1.webp) no-repeat;
    animation: 1s section_slides_main_12_bg_slide_bottom_right ease;
    z-index: 3;
}
@keyframes section_slides_main_12_bg_slide_bottom_right {
    from { 
        bottom: -197px; 
        right: -197px;
    }
    to { 
        bottom: 0; 
        right: 0;
    }
} 
.section_slides_main_12 .title_slide_top_left {
    z-index: 4;
    position: absolute;
    top: 12vw;
    left: 24vw;
    color: #fff;
    font-size: 42px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    /* transform: rotate(-45deg); */
    animation: 0.5s section_slides_main_12_title_slide_top_left ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    width: 30vi;
}
.bg_slide_top_left .over { 
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
@keyframes section_slides_main_12_title_slide_top_left {
    from { 
        top: 12vw;
        left: 24vw;
    }
    to { 
        top: 12vw;
        left: -3vw;
    }
}
.section_slides_main_12 .bg_border_ramka {
    border:solid 5px #ED1A3B;
    position: absolute;
    top: 60px;
    left: 50%;
    right: 50%;
    bottom: auto;
    animation: 2s section_slides_main_12_bg_border_ramka ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;   
}
@keyframes section_slides_main_12_bg_border_ramka {
    0% { 
        left: 50%;
        right: 50%;
        bottom: auto;
    }
    50% {
        left: 420px;
        right: 401px;
        bottom: calc(100vh - 60px);
    }
    100% {  
        left: 420px;
        right: 401px;
        bottom: 130px;
    }
}
.section_slides_main_12 .central_counter_bg {
    background-image: url(/images/pr/bg_text.png);
    background-repeat: repeat;
    background-size: cover;
    background-position: center;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 40vi;
    position: absolute;
    top: 0;
    left: 50px;
    right: 0;
    bottom: 0;
    z-index: 1;
    line-height: 47vi;
    font-weight: bold;
    text-align: center;
    letter-spacing: -35px;
    animation: 1.2s section_slides_main_12_central_counter_bg ease;
    animation-delay: 2.5s;
    animation-fill-mode: forwards;
    bottom: 100vh;
    overflow: hidden;
    
}
.section_slides_main_12 .central_counter_bg span {
    font-size: 9vi;
    margin-left: -123px;  
    letter-spacing: normal;
}
@keyframes section_slides_main_12_central_counter_bg {
    from {  
        bottom: 100vh;
    }
    to {    
        bottom: 0;
    }
} 
.section_slides_main_12 .central_counter_iny {
    position: absolute;
    top: 15.5vi;
    left: 20.5vi;
    font-size: 48px;
    font-weight: 600;
    color: #fff;
    letter-spacing: normal;
    text-shadow: 0 0 0 5px #181a1b;
}
.section_slides_main_12 .main_bg_fighter {
    position: absolute; 
    bottom: 85px;
    right: 20%;
    top: 20%;
    left: 30%;
    background: url(/images/pr/fbg7.webp) no-repeat bottom center;
    background-size: contain;
    z-index: 2;
    animation: 1.2s section_slides_main_12_main_bg_fighter ease;
    animation-delay: 2.5s;
    animation-fill-mode: forwards;
    opacity: 0;
}
@keyframes section_slides_main_12_main_bg_fighter {
    from {  
        opacity: 0;
    }
    to {    
        opacity: 1;
    }
} 
.section_slides_main_12 .countries_icons {
    position: absolute;
    top: 164px;
    right: 354px;
    animation: 1.2s section_slides_main_12_countries_icons ease;
    animation-delay: 2.5s;
    animation-fill-mode: forwards;
    height: 0;
    overflow: hidden;
    align-items: center;
    display: flex
;
    flex-direction: column;
}
@keyframes section_slides_main_12_countries_icons {
    from {  
        height: 0;
    }
    to {    
        height: 100%;
    }
} 
.section_slides_main_12 .countries_icons>div {
    margin-bottom: 20px;
    width: 80px;
    height: 80px;
    background-size: contain!important;
}
.section_slides_main_12 .countries_icons .kz { 
    background: url(/images/pr/kz.webp) no-repeat; 
    width: 100px;
    height: 100px;
}
.section_slides_main_12 .countries_icons .uz { 
    background: url(/images/pr/uz.webp) no-repeat; 
}
.section_slides_main_12 .countries_icons .kg { 
    background: url(/images/pr/kg.webp) no-repeat; 
}
.section_slides_main_12 .countries_icons .ru { 
    background: url(/images/pr/ru.webp) no-repeat; 
}
.section_slides_main_12 .logos_companys {
    position: absolute;
    bottom: -100px;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    animation: 1.2s section_slides_main_12_logos_companys ease;
    animation-delay: 2.5s;
    animation-fill-mode: forwards; 
}
@keyframes section_slides_main_12_logos_companys {
    from {  
        bottom: -100px;
    }
    to {    
        bottom: 75px;
    }
} 
.section_slides_main_12 .logos_companys img {
    height: 30px;
    margin: 0 20px;
}
.section_slides_main_12 .plashka_turnirs {
    background: #fff;
    color: #101014;
    font-size: 2vi;
    padding: 0 10px;
    position: absolute;
    bottom: 5.8vi;
    right: 30vi;
    text-transform: uppercase;
    z-index: 2;
    font-weight: bold;
    animation: 1.2s section_slides_main_12_plashka_turnirs ease;
    animation-delay: 2.5s;
    animation-fill-mode: forwards; 
    bottom: -100px;
}
@keyframes section_slides_main_12_plashka_turnirs {
    from {  
        bottom: -100px;
    }
    to {    
        bottom: 5.8vi;
    }
} 


/*  */


.section_slides_main_13 { }
.section_slides_main_13 .bg_slide_top_left {
    z-index: 4;
    position: absolute;
    top: -50px;
    left: -150px;
    width: 460px;
    height: 230px;
    background:#3F3F3F;
    animation: 1s section_slides_main_13_bg_slide_top_left ease; 
    transform: rotate(-45deg);
    /* overflow: hidden; */
}
.section_slides_main_13 .bg_slide_top_left img {
    position: absolute;
    bottom: -24px;
    right: 47px;
    transform: rotate(45deg);
    width: 90%;
}
.section_slides_main_13 .bg_slide_top_left::after {
    content: '';
    position: absolute;
    height: 64px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 71%);
}
.section_slides_main_13 .bg_slide_top_left .slide_top_left_text {
    position: absolute;
    bottom: -38px;
    left: 0;
    right: 0;
    color: #252525;
    font-size: 152px;
    font-weight: bold;
    text-align: center;
}
@keyframes section_slides_main_13_bg_slide_top_left {
    from { 
        top: -300px; 
        left: -300px;
    }
    to { 
        top: -50px;
        left: -150px;
    }
}
.section_slides_main_13 .bg_slide_bottom_right { 
    position: absolute;
    bottom: 0;
    right: 0;
    width: 197px;
    height: 197px;
    background: url(/images/pr/bg_bottom_right_1.webp) no-repeat;
    animation: 1s section_slides_main_13_bg_slide_bottom_right ease;
    z-index: 3;
}
@keyframes section_slides_main_13_bg_slide_bottom_right {
    from { 
        bottom: -197px; 
        right: -197px;
    }
    to { 
        bottom: 0; 
        right: 0;
    }
} 
.section_slides_main_13 .title_slide_top_left {
    z-index: 4;
    position: absolute;
    top: 12vw;
    left: 24vw;
    color: #fff;
    font-size: 42px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    /* transform: rotate(-45deg); */
    animation: 0.5s section_slides_main_13_title_slide_top_left ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    width: 30vi;
}
.section_slides_main_13 .bg_slide_top_left .over { 
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
@keyframes section_slides_main_13_title_slide_top_left {
    from { 
        top: 12vw;
        left: 24vw;
    }
    to { 
        top: 12vw;
        left: -3vw;
    }
}
.section_slides_main_13 .poster_octagon_central {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    top: -1000px;
    animation: 0.5s section_slides_main_13_poster_octagon_central ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;   
}
.section_slides_main_13 .poster_octagon_central.position_left {
    right: 60%;
    margin-top: 100px;
}
.section_slides_main_13 .poster_octagon_central.position_right {
    left: 60%;
    margin-top: -80px;
}
@keyframes section_slides_main_13_poster_octagon_central {
    from {  
        top: -1000px;
    }
    to { 
        top: 100px;
    }
}
.section_slides_main_13 .poster_octagon_central .image_mask_poster {
    width: 24vi;
    height: 24vi;
    position: relative; 
}
.section_slides_main_13 .poster_octagon_central .image_mask_poster::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(/images/pr/last_octagon_mask.png) no-repeat center center;
    background-size: contain;
}
.section_slides_main_13 .poster_octagon_central .image_mask_poster img {
    width: 100%;
    -webkit-mask-image: url(/images/pr/last_octagon_m.png);
    mask-image: url(/images/pr/last_octagon_m.png);
    -webkit-mask-repeat: no-repeat;
    mask-size: contain;
}
.section_slides_main_13 .poster_octagon_central .text_count_seen {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 10px; 
    display: flex;
    flex-direction: column;
}
.section_slides_main_13 .poster_octagon_central .text_count_seen.revert {
    flex-direction: column-reverse;
}
.section_slides_main_13 .poster_octagon_central .text_count_seen .title {
    font-size: 1vi; 
}
.section_slides_main_13 .poster_octagon_central .text_count_seen .count {
    font-size: 4vi;
    line-height: 4vi;
}
.section_slides_main_13 .poster_octagon_central .text_subtitle {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    font-size: 22px;
    margin-top: 10px;
}  


/*  */


.section_slides_main_14 { }
.section_slides_main_14 .bg_slide_top_left {
    z-index: 4;
    position: absolute;
    top: -50px;
    left: -150px;
    width: 460px;
    height: 230px;
    background:url(/images/pr/bg_main_top_left.jpg) repeat bottom center; 
    animation: 1s section_slides_main_14_bg_slide_top_left ease; 
    transform: rotate(-45deg);
    /* overflow: hidden; */
}
.section_slides_main_14 .bg_slide_top_left img {
    position: absolute;
    bottom: 0px;
    right: 17px;
    transform: rotate(0deg);
    width: 90%;
}
.section_slides_main_14 .bg_slide_top_left::after {
    content: '';
    position: absolute;
    height: 64px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 71%);
} 
.section_slides_main_14 .bg_slide_top_left .slide_top_left_text {
    position: absolute;
    bottom: -38px;
    left: 0;
    right: 0;
    color: #252525;
    font-size: 152px;
    font-weight: bold;
    text-align: center;
}
@keyframes section_slides_main_14_bg_slide_top_left {
    from { 
        top: -300px; 
        left: -300px;
    }
    to { 
        top: -50px;
        left: -150px;
    }
}
.section_slides_main_14 .bg_slide_bottom_right { 
    position: absolute;
    bottom: 0;
    right: 0;
    width: 197px;
    height: 197px;
    background: url(/images/pr/bg_bottom_right_1.webp) no-repeat;
    animation: 1s section_slides_main_14_bg_slide_bottom_right ease;
    z-index: 3;
}
@keyframes section_slides_main_14_bg_slide_bottom_right {
    from { 
        bottom: -197px; 
        right: -197px;
    }
    to { 
        bottom: 0; 
        right: 0;
    }
} 
.section_slides_main_14 .title_slide_top_left {
    z-index: 4;
    position: absolute;
    top: 12vw;
    left: 24vw;
    color: #fff;
    font-size: 42px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    /* transform: rotate(-45deg); */
    animation: 0.5s section_slides_main_14_title_slide_top_left ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    width: 30vi;
}
.section_slides_main_14 .bg_slide_top_left .over { 
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
@keyframes section_slides_main_14_title_slide_top_left {
    from { 
        top: 12vw;
        left: 24vw;
    }
    to { 
        top: 12vw;
        left: -3vw;
    }
} 
.section_slides_main_14 .title_slide_top_left_smalltext {
    z-index: 4;
    position: absolute;
    top: 14.8vw;
    left: 2vw;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    width: 19vi;
    opacity: 0;
    animation: 0.5s section_slides_main_14_title_slide_top_left_smalltext ease;
    animation-delay: 2s;
    animation-fill-mode: forwards;
}

@keyframes section_slides_main_14_title_slide_top_left_smalltext {
    from { 
        opacity: 0;
    }
    to { 
        opacity: 1;
    }
}  
.section_slides_main_14 .bg_border_ramka {
    border:solid 5px #ED1A3B;
    position: absolute;
    top: 60px;
    left: 50%;
    right: 50%;
    bottom: auto;
    animation: 2s section_slides_main_14_bg_border_ramka ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;   
}
@keyframes section_slides_main_14_bg_border_ramka {
    0% { 
        left: 50%;
        right: 50%;
        bottom: auto;
    }
    50% {
        left: 600px;
        right: 600px;
        bottom: calc(100vh - 60px);
    }
    100% {  
        left: 600px;
        right: 600px;
        bottom: 90px;
    }
}

.section_slides_main_14 .central_counter_bg {
    background-image: url(/images/pr/bg_text.png);
    background-repeat: repeat;
    background-size: cover;
    background-position: center;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 42vi;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    line-height: 47vi;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0px;
    animation: 1.2s section_slides_main_14_central_counter_bg ease;
    animation-delay: 2.5s;
    animation-fill-mode: forwards;
    bottom: 100vh;
}
@keyframes section_slides_main_14_central_counter_bg {
    from {  
        bottom: 100vh;
    }
    to {    
        bottom: 0;
    }
}
.section_slides_main_14 .sportsmen_left {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 50%; 
    text-align: right;
    z-index: 2;
    animation: 1.2s section_slides_main_14_sportsmen_left ease;
    animation-delay: 2.5s;
    animation-fill-mode: forwards;
    left: -50%;
}
@keyframes section_slides_main_14_sportsmen_left {
    from {  
        left: -50%;
    }
    to {    
        left: 0;
    }
}
.section_slides_main_14 .sportsmen_left img {
    height: 34vi; 
}
.section_slides_main_14 .sportsmen__left_text {
    color: #fff; 
    text-transform: uppercase;
    font-weight: bold;
    text-align: right;
    position: absolute;
    bottom: 180px;
    left: 10vi;
    z-index: 2;
    line-height: 2.7vi;
    animation: 1.2s section_slides_main_14_sportsmen__left_text ease;
    animation-delay: 2.5s;
    animation-fill-mode: forwards;
    bottom: -50%;
}
@keyframes section_slides_main_14_sportsmen__left_text {
    from {  
        bottom: -50%;
    }
    to {    
        bottom: 180px;
    }
}
.section_slides_main_14 .sportsmen__left_text .f_name {
    font-size: 2vi;
}
.section_slides_main_14 .sportsmen__left_text .l_name {
    font-size: 4vi;
}
.section_slides_main_14 .sportsmen__left_text .subscribed {
    font-size: 2vi;
}
.section_slides_main_14 .sportsmen__left_text .subdate {
    font-size: 1.5vi;
    line-height: 1vi;
    font-weight: normal;
}
.section_slides_main_14 .sportsmen_right {
    position: absolute;
    bottom: 0px;
    right: 0;  
    width: 43%;
    text-align: left;
    z-index: 2;
    animation: 1.2s section_slides_main_14_sportsmen_right ease;
    animation-delay: 2.5s;
    animation-fill-mode: forwards;
    right: -50%;
}
@keyframes section_slides_main_14_sportsmen_right {
    from {  
        right: -50%;
    }
    to {    
        right: 0;
    }
}
.section_slides_main_14 .sportsmen__right_text {
    color: #fff; 
    text-transform: uppercase;
    font-weight: bold;
    text-align: left;
    position: absolute;
    top: 150px;
    right: 6vi;
    z-index: 2;
    line-height: 2.7vi;
    animation: 1.2s section_slides_main_14_sportsmen__right_text ease;
    animation-delay: 2.5s;
    animation-fill-mode: forwards;
    top: -50%;
}
@keyframes section_slides_main_14_sportsmen__right_text {
    from {  
        top: -50%;
    }
    to {    
        top: 150px;
    }
}
.section_slides_main_14 .sportsmen__right_text .f_name {
    font-size: 2vi;
}
.section_slides_main_14 .sportsmen__right_text .l_name {
    font-size: 4vi;
}
.section_slides_main_14 .sportsmen__right_text .subscribed {
    font-size: 2vi;
}
.section_slides_main_14 .sportsmen__right_text .subdate {
    font-size: 1.5vi;
    line-height: 1vi;
    font-weight: normal;
}
.section_slides_main_14 .sportsmen_right img { 
    height: 34vi; 
}
.section_slides_main_14 .tx_octaufc {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 30px; 
    left: 0;
    right: 0;
    z-index: 2;
    animation: 1.2s section_slides_main_14_tx_octaufc ease;
    animation-delay: 1.5s;
    animation-fill-mode: forwards;
    bottom: -50%;
    white-space: nowrap;
}
@keyframes section_slides_main_14_tx_octaufc {
    from {  
        bottom: -50%;
    }
    to {    
        bottom: 30px;
    } 
} 
.section_slides_main_14 .tx_octaufc .octagon {
    width: 130px;
    height: 130px;
    background: url(/images/pr/logo_octagon_2.webp) no-repeat center center;
    background-size: contain; 
    position: relative;
    animation: 1.2s section_slides_main_14_tx_octaufc_octagon ease;
    animation-delay: 3.5s;
    animation-fill-mode: forwards;
    opacity: 0;
}
@keyframes section_slides_main_14_tx_octaufc_octagon {
    from {  
        opacity: 0;
    }
    to {    
        opacity: 1;
    } 
} 
.section_slides_main_14 .tx_octaufc .text {
    background: #ED1A3B;
    color: #101014;
    text-transform: uppercase;
    font-size: 36px;
    padding: 0 20px;
    position: relative;
    z-index: 2;
    margin: 0 50px; 
}
.section_slides_main_14 .tx_octaufc .ufc {
    width: 153px;
    height: 52px;
    background: url(/images/pr/logo_UFC.webp) no-repeat center center;
    background-size: contain; 
    z-index: 2;
    position: relative;
    animation: 1.2s section_slides_main_14_tx_octaufc_ufc ease;
    animation-delay: 3.5s;
    animation-fill-mode: forwards;
    opacity: 0;
}
@keyframes section_slides_main_14_tx_octaufc_ufc {
    from {  
        opacity: 0;
    }
    to {    
        opacity: 1;
    } 
} 


/*  */

.section_slides_main_15 .logo_octagon_bg_z1 {
    position: absolute;
    left: 80px;
    right: 83px;
    top: 0%;
    bottom: 0;
    background: url(/images/pr/logo_octagon_bg_b2.png.png) no-repeat  center 50px;
    background-size: contain;
    z-index: 1;
    animation: .5s section_slides_main_15_logo_octagon_bg_z1 ease; 
}
@keyframes section_slides_main_15_logo_octagon_bg_z1 {
    from { 
        background-position-y: -1000px;
    }
    to { 
        background-position-y: 50px;
    }
}
.section_slides_main_15 .logo_octagon_bg_z2 {
    position: absolute;
    left: 83px;
    right: 83px;
    top: 0%;
    bottom: 0;
    background: url(/images/pr/logo_octagon_b2.png) no-repeat  center 23px;
    background-size: contain;
    z-index: 3;
    animation: .5s section_slides_main_15_logo_octagon_bg_z2 ease; 
}
@keyframes section_slides_main_15_logo_octagon_bg_z2 {
    from { 
        background-position-y: 2000px;
    }
    to { 
        background-position-y: 23px;
    }
} 
.section_slides_main_15 .main_bg_fighter {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -150px;
    background: url(/images/pr/chem.webp) no-repeat bottom center;
    background-size: contain;
    z-index: 2;
    animation: 1.2s section_slides_main_15_main_bg_fighter ease;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
    bottom: -150%;
}
@keyframes section_slides_main_15_main_bg_fighter {
    from {  
        bottom: -150%;
    }
    to {    
        bottom: -150px;
    } 
} 
.section_slides_main_15 .text_chemp {
    font-family: "Porsche";
    font-size: 3.3vi;
    color: #fff;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    z-index: 3;
    letter-spacing: 7.3vi;
    margin-left: 4vi;
    animation: 1.2s section_slides_main_15_text_chemp ease;
    animation-delay: 1.5s;
    animation-fill-mode: forwards;
    bottom: -100%; 
}
@keyframes section_slides_main_15_text_chemp {
    from {   
        bottom: -100%; 
    }
    to {     
        bottom: 20px;
    } 
} 
.section_slides_main_15 .ch_cou_names {
    display: flex;
    flex-direction: row;
    position: absolute;
    bottom: 80px;
    left: -20px;
    right: 0px;
    z-index: 3;
    animation: 1.2s section_slides_main_15_ch_cou_names ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    bottom: -150%;
    left:-30%;
}
@keyframes section_slides_main_15_ch_cou_names {
    from {  
        left:-30%;
        bottom: -150%;
    }
    to {    
        left: -20px;
        bottom: 80px;
    } 
} 
.section_slides_main_15 .ch_cou_names .ch_cou_cho {
    display: flex;
    flex-direction: row;
    transform: rotate(-65deg) translateX(50%);
    position: relative;
    bottom: 0;
    margin-left: -50px;
    margin-right: -15px;
    max-width: 380px;
    width: 275px;
}
.section_slides_main_15 .ch_cou_names .img {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    transform: rotate(65deg); 
}
.section_slides_main_15 .ch_cou_names .img img {
    width: 40px;
}
.section_slides_main_15 .ch_cou_names .name {
    color: #fff;
    font-size: 1vi;
    font-weight: 200;
    text-transform: uppercase;
}
.section_slides_main_15 .ch_cou_names .name div {
    font-size: 1vi;
    font-weight: bold;
    white-space: nowrap;
}

/*  */

.section_slides_main_16 {}
.section_slides_main_16 .bg_slide_bottom_right { 
    position: absolute;
    bottom: 0;
    right: 0;
    width: 197px;
    height: 197px;
    background: url(/images/pr/bg_bottom_right_1.webp) no-repeat;
    animation: 1s section_slides_main_16_bg_slide_bottom_right ease;
    z-index: 3;
}
@keyframes section_slides_main_16_bg_slide_bottom_right {
    from { 
        bottom: -197px; 
        right: -197px;
    }
    to { 
        bottom: 0; 
        right: 0;
    }
} 
.section_slides_main_16 .logo_octagon_bg2_z1 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: url(/images/pr/logo_z1.webp) no-repeat center center;
    background-size: 65% auto;
    animation:1s section_slides_main_16_logo_octagon_bg2_z1 ease; 
}
@keyframes section_slides_main_16_logo_octagon_bg2_z1 {
    from { 
        transform: scale(0);
    }
    to { 
        
        transform: scale(1);
    }
} 
.section_slides_main_16 .logo_octagon_bg2_z2 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: url(/images/pr/logo_z2.webp) no-repeat center center;
    background-size: 65% auto;
    animation:1s section_slides_main_16_logo_octagon_bg2_z2 ease; 
}
@keyframes section_slides_main_16_logo_octagon_bg2_z2 {
    from { 
        transform: scale(50);
    }
    to { 
        
        transform: scale(1);
    }
} 
.section_slides_main_16 .finish_year {
    background-image: url(/images/pr/bg_text.png);
    background-repeat: repeat;
    background-size: cover;
    background-position: center;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 13vi;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    line-height: 47vi;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0px; 
    animation: 0.4s section_slides_main_15_finish_year ease;
    animation-delay: 1s;
    animation-fill-mode: forwards; 
    transform: scale(100);
    opacity: 0;
}
@keyframes section_slides_main_15_finish_year {
    from {  
        transform: scale(100);
        opacity: 0;
    }
    to {    
        transform: scale(1);
        opacity: 1;
    } 
} 
.section_slides_main_16 .finish_year_text {
    color: #fff;
    font-size: 27px;
    text-transform: uppercase;
    width: 600px;
    position: absolute;
    bottom: 250px;
    left: 50%;
    margin-left: -300px;
    text-align: center;
    animation: 1s section_slides_main_15_finish_year_text ease;
    animation-delay: 1.5s;
    animation-fill-mode: forwards;  
    opacity: 0;
}
@keyframes section_slides_main_15_finish_year_text {
    from {   
        opacity: 0;
    }
    to {     
        opacity: 1;
    } 
}  


/*  */


.section_slides_main_17 .bg_slide_top_left { 
    z-index: 4;
    position: absolute;
    top: -50px;
    left: -150px;
    width: 460px;
    height: 230px;
    background:#C7C9CB;
    animation: 1s section_slides_main_17_bg_slide_top_left ease; 
    transform: rotate(-45deg);
    overflow: hidden;
}
.section_slides_main_17 .bg_slide_top_left img {
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(45deg);
    width: 100%;
    bottom: -100px;
    right: 0;
    display: flex;
    align-self: center; 
}
.section_slides_main_17 .bg_slide_top_left .over { 
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
}
.section_slides_main_17 .bg_slide_top_left::after {
    content: '';
    position: absolute;
    height: 64px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 71%);
}
@keyframes section_slides_main_17_bg_slide_top_left {
    from { 
        top: -300px; 
        left: -300px;
    }
    to { 
        top: -50px;
        left: -150px;
    }
}
.section_slides_main_17 .bg_slide_bottom_right {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 197px;
    height: 197px;
    background: url(/images/pr/bg_bottom_right_1.webp) no-repeat;
    animation: 1s section_slides_main_17_bg_slide_bottom_right ease;
    z-index: 2;
}
@keyframes section_slides_main_17_bg_slide_bottom_right {
    from { 
        bottom: -197px; 
        right: -197px;
    }
    to { 
        bottom: 0; 
        right: 0;
    }
}
.section_slides_main_17 .logo_octagon_bg_z1 {
    position: absolute;
    left: 80px;
    right: 83px;
    top: 0%;
    bottom: 0;
    background: url(/images/pr/logo_octagon_bg_b2.png.png) no-repeat center center;
    background-size: contain;
    z-index: 1;
    animation: 1s section_slides_main_17_logo_octagon_bg_z1 ease; 
}
@keyframes section_slides_main_17_logo_octagon_bg_z1 {
    from { 
        background-position-y: -1000px;
    }
    to { 
        background-position-y: center;
    }
}
.section_slides_main_17 .main_bg_fighter {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(/images/pr/fbg4.webp) no-repeat center center;
    background-size: contain;
    z-index: 2;
}
.section_slides_main_17 .logo_octagon_bg_z2 {
    position: absolute;
    left: 83px;
    right: 83px;
    top: 0%;
    bottom: 0;
    background: url(/images/pr/logo_octagon_b2.png) no-repeat center center;
    background-size: contain;
    z-index: 3;
    animation: 1s section_slides_main_17_logo_octagon_bg_z2 ease; 
}
@keyframes section_slides_main_17_logo_octagon_bg_z2 {
    from { 
        background-position-y: 2000px;
    }
    to { 
        background-position-y: center;
    }
}
.section_slides_main_17 .logo_octagon_bg_z2 .text_for_logo_1 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 18%;
    font-size: 1.8vi;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.8vi;
    width: 15vi;
    display: flex;
    flex-direction: row;
    align-items: center;
    animation: 0.5s section_slides_main_17_logo_octagon_bg_z2_text_for_logo_1 ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;  
    width: 0;
    overflow: hidden;
}
@keyframes section_slides_main_17_logo_octagon_bg_z2_text_for_logo_1 {
    from { 
        width: 0;
    }
    to { 
        width: 15vi;
    }
}


/*  */


.section_slides_main_18 .bg_slide_top_left { 
    z-index: 4;
    position: absolute;
    top: -50px;
    left: -150px;
    width: 460px;
    height: 230px;
    background:#C7C9CB;
    animation: 1s section_slides_main_18_bg_slide_top_left ease; 
    transform: rotate(-45deg); 
}
.section_slides_main_18 .bg_slide_top_left img {
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(45deg);
    width: 100%;
    bottom: -100px;
    right: 0;
    display: flex;
    align-self: center; 
}
.section_slides_main_18 .bg_slide_top_left .over { 
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
}
.section_slides_main_18 .bg_slide_top_left::after {
    content: '';
    position: absolute;
    height: 64px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 71%);
}
@keyframes section_slides_main_18_bg_slide_top_left {
    from { 
        top: -300px; 
        left: -300px;
    }
    to { 
        top: -50px;
        left: -150px;
    }
}
.section_slides_main_18 .bg_slide_bottom_right {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 197px;
    height: 197px;
    background: url(/images/pr/bg_bottom_right_1.webp) no-repeat;
    animation: 1s section_slides_main_18_bg_slide_bottom_right ease;
    z-index: 2;
}
@keyframes section_slides_main_18_bg_slide_bottom_right {
    from { 
        bottom: -197px; 
        right: -197px;
    }
    to { 
        bottom: 0; 
        right: 0;
    }
}
.section_slides_main_18 .title_slide_top_left {
    z-index: 4;
    position: absolute;
    top: 12vw;
    left: 24vw;
    color: #fff;
    font-size: 42px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    /* transform: rotate(-45deg); */
    animation: 0.5s section_slides_main_18_title_slide_top_left ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    width: 30vi;
}
.section_slides_main_18 .bg_slide_top_left .over { 
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
@keyframes section_slides_main_18_title_slide_top_left {
    from { 
        top: 12vw;
        left: 24vw;
    }
    to { 
        top: 12vw;
        left: -3vw;
    }
} 
.section_slides_main_18 .podtype_logos_items {
    display: flex;
    flex-direction: row;
    position: absolute;
    left: 0;
    right: 0;
    top: 150px;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-transform: uppercase;
    animation: 0.5s section_slides_main_19_podtype_logos_items ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    opacity: 0;
}
@keyframes section_slides_main_19_podtype_logos_items {
    from { 
        opacity: 0;
    }
    to { 
        opacity: 1;
    }
} 
.section_slides_main_18 .podtype_logos_items .item {
    font-size: 1vi; 
    max-width: 273px;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 26px;
}
.section_slides_main_18 .podtype_logos_items .item span {
    font-weight: bold;
    font-size: 5vi;
    float: left;
    display: block;
    margin-right: 10px;
}
.section_slides_main_18 .brend_octagon {
    width: 40vi;
    height: 40vi;
    position: absolute;
    top:12vi;
    left: 3vi;
    animation: 0.5s section_slides_main_19_brend_octagon ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    opacity: 0;
}
.section_slides_main_18 .brend_octagon img {
    width: 100%;
}
@keyframes section_slides_main_19_brend_octagon {
    from { 
        opacity: 0;
    }
    to { 
        opacity: 1;
    }
} 
.section_slides_main_18 .brend_octagon_photo {
    width: 900px;
    height: 400px;
    position: absolute;
    top: 18vi;
    right: 4vi;
    overflow: hidden;
    border-radius: 100px;
    border:solid 2px #ED1A3B;
    animation: 0.5s section_slides_main_19_brend_octagon_photo ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    opacity: 0;
}
@keyframes section_slides_main_19_brend_octagon_photo {
    from { 
        opacity: 0;
    }
    to { 
        opacity: 1;
    }
} 
.section_slides_main_18 .brend_octagon_photo img {
    width: 100%;
}

/*  */


.section_slides_main_19 .bg_slide_top_left { 
    z-index: 4;
    position: absolute;
    top: -50px;
    left: -150px;
    width: 460px;
    height: 230px;
    background:#C7C9CB;
    animation: 1s section_slides_main_19_bg_slide_top_left ease; 
    transform: rotate(-45deg); 
}
.section_slides_main_19 .bg_slide_top_left img {
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(45deg);
    width: 100%;
    bottom: -100px;
    right: 0;
    display: flex;
    align-self: center; 
}
.section_slides_main_19 .bg_slide_top_left .over { 
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
}
.section_slides_main_19 .bg_slide_top_left::after {
    content: '';
    position: absolute;
    height: 64px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 71%);
}
@keyframes section_slides_main_19_bg_slide_top_left {
    from { 
        top: -300px; 
        left: -300px;
    }
    to { 
        top: -50px;
        left: -150px;
    }
}
.section_slides_main_19 .bg_slide_bottom_right {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 197px;
    height: 197px;
    background: url(/images/pr/bg_bottom_right_1.webp) no-repeat;
    animation: 1s section_slides_main_19_bg_slide_bottom_right ease;
    z-index: 2;
}
@keyframes section_slides_main_19_bg_slide_bottom_right {
    from { 
        bottom: -197px; 
        right: -197px;
    }
    to { 
        bottom: 0; 
        right: 0;
    }
}
.section_slides_main_19 .title_slide_top_left {
    z-index: 4;
    position: absolute;
    top: 12vw;
    left: 24vw;
    color: #fff;
    font-size: 42px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    /* transform: rotate(-45deg); */
    animation: 0.5s section_slides_main_19_title_slide_top_left ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    width: 30vi;
}
.section_slides_main_19 .bg_slide_top_left .over { 
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
@keyframes section_slides_main_19_title_slide_top_left {
    from { 
        top: 12vw;
        left: 24vw;
    }
    to { 
        top: 12vw;
        left: -3vw;
    }
} 
.section_slides_main_19 .press_wall {
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    text-align: center;
    animation: 0.5s section_slides_main_19_press_wall ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    opacity: 0;
}
@keyframes section_slides_main_19_press_wall {
    from { 
        opacity: 0;
    }
    to { 
        opacity: 1;
    }
} 
.section_slides_main_19 .press_wall img {
    max-width: 140vh;
}


/*  */


.section_slides_main_20 .bg_slide_top_left { 
    z-index: 4;
    position: absolute;
    top: -50px;
    left: -150px;
    width: 460px;
    height: 230px;
    background:#C7C9CB;
    animation: 1s section_slides_main_20_bg_slide_top_left ease; 
    transform: rotate(-45deg); 
}
.section_slides_main_20 .bg_slide_top_left img {
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(45deg);
    width: 100%;
    bottom: -100px;
    right: 0;
    display: flex;
    align-self: center; 
}
.section_slides_main_20 .bg_slide_top_left .over { 
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
}
.section_slides_main_20 .bg_slide_top_left::after {
    content: '';
    position: absolute;
    height: 64px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 71%);
}
@keyframes section_slides_main_20_bg_slide_top_left {
    from { 
        top: -300px; 
        left: -300px;
    }
    to { 
        top: -50px;
        left: -150px;
    }
}
.section_slides_main_20 .bg_slide_bottom_right {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 197px;
    height: 197px;
    background: url(/images/pr/bg_bottom_right_1.webp) no-repeat;
    animation: 1s section_slides_main_20_bg_slide_bottom_right ease;
    z-index: 2;
}
@keyframes section_slides_main_20_bg_slide_bottom_right {
    from { 
        bottom: -197px; 
        right: -197px;
    }
    to { 
        bottom: 0; 
        right: 0;
    }
}
.section_slides_main_20 .title_slide_top_left {
    z-index: 4;
    position: absolute;
    top: 12vw;
    left: 24vw;
    color: #fff;
    font-size: 42px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    /* transform: rotate(-45deg); */
    animation: 0.5s section_slides_main_20_title_slide_top_left ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    width: 30vi;
}
.section_slides_main_20 .bg_slide_top_left .over { 
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
@keyframes section_slides_main_20_title_slide_top_left {
    from { 
        top: 12vw;
        left: 24vw;
    }
    to { 
        top: 12vw;
        left: -3vw;
    }
} 
.section_slides_main_20 .led_scene { 
    position: absolute;
    top: 6vi;
    left: 15vi;
    right: 15vi;
    bottom: 5vi;
    overflow: hidden;
    border-radius: 100px;
    border:solid 2px #ED1A3B;
    animation: 0.5s section_slides_main_20_led_scene ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
@keyframes section_slides_main_20_led_scene {
    from { 
        opacity: 0;
    }
    to { 
        opacity: 1;
    }
} 
.section_slides_main_20 .led_scene img {
    width: 100%;
}



/*  */


.section_slides_main_21 .bg_slide_top_left { 
    z-index: 4;
    position: absolute;
    top: -50px;
    left: -150px;
    width: 460px;
    height: 230px;
    background:#C7C9CB;
    animation: 1s section_slides_main_21_bg_slide_top_left ease; 
    transform: rotate(-45deg); 
}
.section_slides_main_21 .bg_slide_top_left img {
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(45deg);
    width: 100%;
    bottom: -100px;
    right: 0;
    display: flex;
    align-self: center; 
}
.section_slides_main_21 .bg_slide_top_left .over { 
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
}
.section_slides_main_21 .bg_slide_top_left::after {
    content: '';
    position: absolute;
    height: 64px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 71%);
}
@keyframes section_slides_main_21_bg_slide_top_left {
    from { 
        top: -300px; 
        left: -300px;
    }
    to { 
        top: -50px;
        left: -150px;
    }
}
.section_slides_main_21 .bg_slide_bottom_right {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 197px;
    height: 197px;
    background: url(/images/pr/bg_bottom_right_1.webp) no-repeat;
    animation: 1s section_slides_main_21_bg_slide_bottom_right ease;
    z-index: 2;
}
@keyframes section_slides_main_21_bg_slide_bottom_right {
    from { 
        bottom: -197px; 
        right: -197px;
    }
    to { 
        bottom: 0; 
        right: 0;
    }
}
.section_slides_main_21 .title_slide_top_left {
    z-index: 4;
    position: absolute;
    top: 12vw;
    left: 24vw;
    color: #fff;
    font-size: 42px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    /* transform: rotate(-45deg); */
    animation: 0.5s section_slides_main_21_title_slide_top_left ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    width: 30vi;
}
.section_slides_main_21 .bg_slide_top_left .over { 
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
@keyframes section_slides_main_21_title_slide_top_left {
    from { 
        top: 12vw;
        left: 24vw;
    }
    to { 
        top: 12vw;
        left: -3vw;
    }
} 
.section_slides_main_21 .insta_pages_items {
    display: flex;
    flex-direction: row;
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: center;
    align-items: center;
}
.section_slides_main_21 .insta_pages_items .item {  
    overflow: hidden;
    width: 26vi;
    border-radius: 50px;
    border:solid 2px #A7A7A7;
    margin: 0 20px;
    animation: 0.5s section_slides_main_21_insta_pages_items ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    opacity: 0; 
}
@keyframes section_slides_main_21_insta_pages_items {
    from { 
        opacity: 0;
    }
    to { 
        opacity: 1;
    }
} 
.section_slides_main_21 .insta_pages_items img {
    width: 100%;
}



/*  */


.section_slides_main_22 .bg_slide_top_left { 
    z-index: 4;
    position: absolute;
    top: -50px;
    left: -150px;
    width: 460px;
    height: 230px;
    background:#C7C9CB;
    animation: 1s section_slides_main_22_bg_slide_top_left ease; 
    transform: rotate(-45deg); 
}
.section_slides_main_22 .bg_slide_top_left img {
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(45deg);
    width: 100%;
    bottom: -100px;
    right: 0;
    display: flex;
    align-self: center; 
}
.section_slides_main_22 .bg_slide_top_left .over { 
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
}
.section_slides_main_22 .bg_slide_top_left::after {
    content: '';
    position: absolute;
    height: 64px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 71%);
}
@keyframes section_slides_main_22_bg_slide_top_left {
    from { 
        top: -300px; 
        left: -300px;
    }
    to { 
        top: -50px;
        left: -150px;
    }
}
.section_slides_main_22 .bg_slide_bottom_right {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 197px;
    height: 197px;
    background: url(/images/pr/bg_bottom_right_1.webp) no-repeat;
    animation: 1s section_slides_main_22_bg_slide_bottom_right ease;
    z-index: 2;
}
@keyframes section_slides_main_22_bg_slide_bottom_right {
    from { 
        bottom: -197px; 
        right: -197px;
    }
    to { 
        bottom: 0; 
        right: 0;
    }
}
.section_slides_main_22 .title_slide_top_left {
    z-index: 4;
    position: absolute;
    top: 12vw;
    left: 24vw;
    color: #fff;
    font-size: 42px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    /* transform: rotate(-45deg); */
    animation: 0.5s section_slides_main_22_title_slide_top_left ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    width: 30vi;
}
.section_slides_main_22 .bg_slide_top_left .over { 
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
@keyframes section_slides_main_22_title_slide_top_left {
    from { 
        top: 12vw;
        left: 24vw;
    }
    to { 
        top: 12vw;
        left: -3vw;
    }
} 
.section_slides_main_22 .insta_phone_items {
    display: flex;
    flex-direction:row;
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: space-around;
    align-items: center;
}
.section_slides_main_22 .insta_phone_items .item {  
    overflow: hidden;
    width: 32vi; 
    margin: 0 20px;
    position: relative;
    animation: 0.5s section_slides_main_22_insta_phone_items ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    opacity: 0; 
}
@keyframes section_slides_main_22_insta_phone_items {
    from { 
        opacity: 0;
    }
    to { 
        opacity: 1;
    }
} 
.section_slides_main_22 .insta_phone_items .name_insta {
    position: absolute;
    top: 15vi;  
    color: #fff;
    font-size: 2.2vi;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
}
.section_slides_main_22 .insta_phone_items .item:first-child .name_insta {
    left: 3.5vi;
    transform: rotate(70deg);
}
.section_slides_main_22 .insta_phone_items .item:last-child .name_insta {
    right: 3vi;
    transform: rotate(-70deg);
}
.section_slides_main_22 .insta_phone_items img {
    width: 100%;
}
.section_slides_main_22 .center_partner_logo {
    max-width: 320px;
    position: absolute;
    left: 50%;
    top: 15vi;
    margin-left: -160px;
    text-align: center;
    animation: 0.5s section_slides_main_22_center_partner_logo ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    opacity: 0; 
}
@keyframes section_slides_main_22_center_partner_logo {
    from { 
        opacity: 0;
    }
    to { 
        opacity: 1;
    }
} 
.section_slides_main_22 .center_partner_logo .text_partner {
    color: #fff;
    font-size: 1vi;
    text-transform: uppercase;
    text-align: center;
}
.section_slides_main_22 .center_partner_logo .logo_partner {
    width: 230px;
    margin: 0 auto;
}
.section_slides_main_22 .center_partner_logo .logo_partner img {
    width: 100%;
}




/*  */


.section_slides_main_23 .bg_slide_top_left { 
    z-index: 4;
    position: absolute;
    top: -50px;
    left: -150px;
    width: 460px;
    height: 230px;
    background:#C7C9CB;
    animation: 1s section_slides_main_23_bg_slide_top_left ease; 
    transform: rotate(-45deg); 
}
.section_slides_main_23 .bg_slide_top_left img {
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(45deg);
    width: 100%;
    bottom: -100px;
    right: 0;
    display: flex;
    align-self: center; 
}
.section_slides_main_23 .bg_slide_top_left .over { 
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
}
.section_slides_main_23 .bg_slide_top_left::after {
    content: '';
    position: absolute;
    height: 64px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 71%);
}
@keyframes section_slides_main_23_bg_slide_top_left {
    from { 
        top: -300px; 
        left: -300px;
    }
    to { 
        top: -50px;
        left: -150px;
    }
}
.section_slides_main_23 .bg_slide_bottom_right {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 197px;
    height: 197px;
    background: url(/images/pr/bg_bottom_right_1.webp) no-repeat;
    animation: 1s section_slides_main_23_bg_slide_bottom_right ease;
    z-index: 2;
}
@keyframes section_slides_main_23_bg_slide_bottom_right {
    from { 
        bottom: -197px; 
        right: -197px;
    }
    to { 
        bottom: 0; 
        right: 0;
    }
}
.section_slides_main_23 .title_slide_top_left {
    z-index: 4;
    position: absolute;
    top: 12vw;
    left: 24vw;
    color: #fff;
    font-size: 42px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    /* transform: rotate(-45deg); */
    animation: 0.5s section_slides_main_23_title_slide_top_left ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    width: 30vi;
}
.section_slides_main_23 .bg_slide_top_left .over { 
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
@keyframes section_slides_main_23_title_slide_top_left {
    from { 
        top: 12vw;
        left: 24vw;
    }
    to { 
        top: 12vw;
        left: -3vw;
    }
} 
.section_slides_main_23 .spiker_photo {
    position: absolute;
    right: 10vi;
    bottom: 0;
    animation: 0.5s section_slides_main_23_spiker_photo ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    opacity: 0;
}
@keyframes section_slides_main_23_spiker_photo {
    from { 
        opacity: 0;
    }
    to { 
        opacity: 1;
    }
} 
.section_slides_main_23 .spiker_photo img {
    max-height: 95vh;
}
.section_slides_main_23 .spiker_text {
    position: absolute;
    top: 17vi;
    font-size: 5vi;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    width: 40%;
    left: 10vi;
    text-align: right;
    animation: 0.5s section_slides_main_23_spiker_text ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    width: 0;
    overflow: hidden;
}
@keyframes section_slides_main_23_spiker_text {
    from { 
        width: 0;
    }
    to { 
        width: 40%;
    }
} 


/*  */

.section_slides_main_24 .bg_slide_top_left { 
    z-index: 4;
    position: absolute;
    top: -50px;
    left: -150px;
    width: 460px;
    height: 230px;
    background:#C7C9CB;
    animation: 1s section_slides_main_24_bg_slide_top_left ease; 
    transform: rotate(-45deg); 
}
.section_slides_main_24 .bg_slide_top_left img {
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(45deg);
    width: 100%;
    bottom: -100px;
    right: 0;
    display: flex;
    align-self: center; 
}
.section_slides_main_24 .bg_slide_top_left .over { 
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
}
.section_slides_main_24 .bg_slide_top_left::after {
    content: '';
    position: absolute;
    height: 64px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 71%);
}
@keyframes section_slides_main_24_bg_slide_top_left {
    from { 
        top: -300px; 
        left: -300px;
    }
    to { 
        top: -50px;
        left: -150px;
    }
}
.section_slides_main_24 .bg_slide_bottom_right {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 197px;
    height: 197px;
    background: url(/images/pr/bg_bottom_right_1.webp) no-repeat;
    animation: 1s section_slides_main_24_bg_slide_bottom_right ease;
    z-index: 2;
}
@keyframes section_slides_main_24_bg_slide_bottom_right {
    from { 
        bottom: -197px; 
        right: -197px;
    }
    to { 
        bottom: 0; 
        right: 0;
    }
}
.section_slides_main_24 .title_slide_top_left {
    z-index: 4;
    position: absolute;
    top: 12vw;
    left: 24vw;
    color: #fff;
    font-size: 42px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    /* transform: rotate(-45deg); */
    animation: 0.5s section_slides_main_24_title_slide_top_left ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    width: 30vi;
}
.section_slides_main_24 .bg_slide_top_left .over { 
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
@keyframes section_slides_main_24_title_slide_top_left {
    from { 
        top: 12vw;
        left: 24vw;
    }
    to { 
        top: 12vw;
        left: -3vw;
    }
} 
.section_slides_main_24 .main_bg_fighter {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(/images/pr/fbg3.webp) no-repeat center center;
    background-size: contain;
    animation: 0.5s section_slides_main_24_main_bg_fighter ease;
    animation-delay: 1s;
    animation-fill-mode: forwards; 
    opacity: 0;
}
@keyframes section_slides_main_24_main_bg_fighter {
    from { opacity: 0;}
    to { opacity: 1;}
}
.section_slides_main_24 .statist_counter {
    position: absolute;
    color: #fff;
    display: flex;
    flex-direction: column;  
}
.section_slides_main_24 .statist_counter div {  
    white-space: nowrap;
    width: 0%;
    overflow: hidden;
    animation: 0.5s section_slides_main_24_statist_counter ease;
    animation-delay: 1s;
    animation-fill-mode: forwards; 
}
@keyframes section_slides_main_24_statist_counter {
    from { width: 0%;}
    to { width: 100%;}
}
.section_slides_main_24 .statist_counter.revert {
    flex-direction: column-reverse;
}
.section_slides_main_24 .statist_counter.posit_1 {
    top: 111px;
    left: 35vi;
}
.section_slides_main_24 .statist_counter.posit_2 {
    top: 111px;
    right: 5vi;
}
.section_slides_main_24 .statist_counter.posit_3 {
    top: 342px;
    left: 5vi;
}
.section_slides_main_24 .statist_counter.posit_4 {
    top: 450px;
    left: 45vi;
}
.section_slides_main_24 .statist_counter.posit_5 {
    top: 490px;
    right: 5vi;
}
.section_slides_main_24 .statist_counter.posit_6 {
    top: 650px;
    left:  10vi;
}
.section_slides_main_24 .statist_counter.posit_7 {
    top: 680px;
    left:  60vi;
}
.section_slides_main_24 .statist_counter .fisrt_text {
    font-size: 1.5vi;
    font-weight: 600;
    line-height: 27px;
    margin-bottom: 20px;
    max-width: 300px;
}
.section_slides_main_24 .statist_counter .last_text {
    font-size: 8vi;
    line-height: 6vi;
    font-weight: bold;
}
.section_slides_main_24 .statist_counter .last_text span {
    font-size: 5vi;
}


/*  */



.section_slides_main_25 .bg_slide_top_left { 
    z-index: 4;
    position: absolute;
    top: -50px;
    left: -150px;
    width: 460px;
    height: 230px;
    background:#C7C9CB;
    animation: 1s section_slides_main_25_bg_slide_top_left ease; 
    transform: rotate(-45deg); 
}
.section_slides_main_25 .bg_slide_top_left img {
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(45deg);
    width: 100%;
    bottom: -100px;
    right: 0;
    display: flex;
    align-self: center; 
}
.section_slides_main_25 .bg_slide_top_left .over { 
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
}
.section_slides_main_25 .bg_slide_top_left::after {
    content: '';
    position: absolute;
    height: 64px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 71%);
}
@keyframes section_slides_main_25_bg_slide_top_left {
    from { 
        top: -300px; 
        left: -300px;
    }
    to { 
        top: -50px;
        left: -150px;
    }
}
.section_slides_main_25 .bg_slide_bottom_right {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 197px;
    height: 197px;
    background: url(/images/pr/bg_bottom_right_1.webp) no-repeat;
    animation: 1s section_slides_main_25_bg_slide_bottom_right ease;
    z-index: 2;
}
@keyframes section_slides_main_25_bg_slide_bottom_right {
    from { 
        bottom: -197px; 
        right: -197px;
    }
    to { 
        bottom: 0; 
        right: 0;
    }
}
.section_slides_main_25 .title_slide_top_left {
    z-index: 4;
    position: absolute;
    top: 12vw;
    left: 24vw;
    color: #fff;
    font-size: 42px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    /* transform: rotate(-45deg); */
    animation: 0.5s section_slides_main_25_title_slide_top_left ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    width: 30vi;
}
.section_slides_main_25 .bg_slide_top_left .over { 
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
@keyframes section_slides_main_25_title_slide_top_left {
    from { 
        top: 12vw;
        left: 24vw;
    }
    to { 
        top: 12vw;
        left: -3vw;
    }
} 
.section_slides_main_25 .prosport_scene {
    position: absolute;
    top: 0;
    right: 0;
    left: 50%;
    bottom: 0;
    text-align: right;
    animation: 0.5s section_slides_main_25_prosport_scene ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    right: -100%;
}
@keyframes section_slides_main_25_prosport_scene {
    from { 
        right: -100%;
    }
    to { 
        right: 0;
    }
} 
.section_slides_main_25 .prosport_scene img {
    height: 100%;
}
.section_slides_main_25 .prosport_scenespiker_text {
    position: absolute;
    top: 17vi;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    width: 30%;
    left: 25%;
    text-align: left; 
    overflow: hidden;
    animation: 0.5s section_slides_main_25_prosport_scenespiker_text ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    opacity: 0;
}
@keyframes section_slides_main_25_prosport_scenespiker_text {
    from { 
        opacity: 0;
    }
    to { 
        opacity: 1;
    }
} 
.section_slides_main_25 .prosport_scenespiker_text h2 {
    line-height: normal;
    margin: 0;
    padding: 0;
    font-size: 8vi;
}
.section_slides_main_25 .prosport_scenespiker_text .subtitile {
    font-size: 1vi;
    max-width: 80%;
}


/*  */

.section_slides_main_26 {}
.section_slides_main_26 .bg_slide_bottom_right { 
    position: absolute;
    bottom: 0;
    right: 0;
    width: 197px;
    height: 197px;
    background: url(/images/pr/bg_bottom_right_1.webp) no-repeat;
    animation: 1s section_slides_main_26_bg_slide_bottom_right ease;
    z-index: 3;
}
@keyframes section_slides_main_26_bg_slide_bottom_right {
    from { 
        bottom: -197px; 
        right: -197px;
    }
    to { 
        bottom: 0; 
        right: 0;
    }
} 
.section_slides_main_26 .logo_octagon_bg2_z1 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: url(/images/pr/logo_z1.webp) no-repeat center center;
    background-size: 65% auto;
    animation:1s section_slides_main_26_logo_octagon_bg2_z1 ease; 
}
@keyframes section_slides_main_26_logo_octagon_bg2_z1 {
    from { 
        transform: scale(0);
    }
    to { 
        
        transform: scale(1);
    }
} 
.section_slides_main_26 .logo_octagon_bg2_z2 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: url(/images/pr/logo_z2.webp) no-repeat center center;
    background-size: 65% auto;
    animation:1s section_slides_main_26_logo_octagon_bg2_z2 ease; 
}
@keyframes section_slides_main_26_logo_octagon_bg2_z2 {
    from { 
        transform: scale(50);
    }
    to { 
        
        transform: scale(1);
    }
}   
.section_slides_main_26 .sponsor_logo {
    position: absolute;
    top: 35%;
    left: 0;
    right: 0;
    text-align: center;
    animation: 1s section_slides_main_15_sponsor_logo ease;
    animation-delay: 1.5s;
    animation-fill-mode: forwards;  
    opacity: 0;
}
@keyframes section_slides_main_15_sponsor_logo {
    from {    
        opacity: 0;
    }
    to {      
        opacity: 1;
    } 
}  
.section_slides_main_26 .sponsor_logo img {
    width: 25vi;
}
.section_slides_main_26 .contacts_for_sponsor {
    color: #fff;
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
    width: 14vi;
    position: absolute;
    top: 63%;
    left: 50%;
    margin-left: -7vi;
    animation: 1s section_slides_main_15_contacts_for_sponsor ease;
    animation-delay: 1.5s;
    animation-fill-mode: forwards;  
    top: -100vh;
}
@keyframes section_slides_main_15_contacts_for_sponsor {
    from {    
        top: -100vh;
    }
    to {      
        top: 63%;
    } 
}  
.section_slides_main_26 hr {
    border-top: solid 1px #ffffff7a;
    margin: 5px 0;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/