@font-face { font-family: 'the_sidestreamregular'; src: url('/assets/fonts/the_sidestream-webfont.woff2') format('woff2'), url('/assets/fonts/the_sidestream-webfont.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap;}


/* @font-face {
  font-family: 'integralcf-demibold';
  src: url('/assets/fonts/integralcf-demibold-webfont.woff2') format('woff2'),
       url('/assets/fonts/integralcf-demibold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: 'integralcf-demiboldoblique';
  src: url('/assets/fonts/integralcf-demiboldoblique-webfont.woff2') format('woff2'),
       url('/assets/fonts/integralcf-demiboldoblique-webfont.woff') format('woff');
  font-weight: normal;
  font-style: oblique;
  font-display: swap;
} */


.logo{z-index: 1;width: 80%; max-width: 400px;text-align: center;}
p{font-family: 'Inter';color: #fff;}
.home_uk_prov, .ready_to_ball{background-position: center;background-size: cover;background-image: url('../../front_img/video_bg3.jpg');min-height: 100vh;}
.mh-100{min-height: 100vh;}
.plyr video{height: auto;}
.plyr__poster{background-color: transparent;}
.plyr:fullscreen video{height: 100% !important;}
.plyr--fullscreen-enabled [data-plyr=fullscreen]{display: none;}
.logo-container{z-index: 1;width: 80%; max-width: 400px;text-align: center;}
p{font-family: 'Inter';color: white;}
.uk-button-third {background-color: #F2FF1C; color: #0F0F0F !important; border: 0; padding: 1rem 2rem 0.8rem;}
.uk-button-third:hover {background-color: #0F0F0F; color: #F2FF1C !important; border: 0; padding: 1rem 2rem 0.8rem;}
.uk-button-fourth {background-color: transparent; color: #F2FF1C !important; border: 1px solid #F2FF1C !important; padding: 1rem 2rem 0.8rem !important;}
.uk-button-fourth:hover {background-color: #F2FF1C; color: #0F0F0F !important; border: 1px solid #F2FF1C !important; padding: 1rem 2rem 0.8rem !important;}

.uk-text-xlarge {font-size: 2rem;}

/* flatpage */
.flatpage .header{height: 50vh;}
.flatpage .header h1{color: #fff;z-index: 1;margin-bottom: 5vh;}

/* footer */
.footer-legal li{display: inline-block;padding: 0 5px;font-size: 0.8rem;}

/* application */
/* .application_uk{background-image: url('../../front_img/uk/bg-texture.png');background-color: rgb(239, 239, 239);background-blend-mode: difference;background-size: cover;}
.application_uk .header{height: auto;aspect-ratio: 16/9;}
.application_uk .header .header-text{z-index: 1;padding-bottom: 5vh;}
.application_uk .header h1{color: #F2FF1C;font-size: 3rem;}
.application_uk .header h3{font-size: 2rem;color: #fff;}
.application_uk .header p{color: #fff;}
.application_uk .header iframe{width: 100%;height: 100%;}
.application_uk .header-bottom{background-color: #ED453D;padding: 20px;}
.application_uk .header-bottom span{color: #fff;font-family: 'mainfont';text-transform: uppercase;font-size: 0.8rem;}
.application_uk .header-bottom h5{color: #F2FF1C;font-size: 1.4rem;margin: 0;}
.application_uk .header-bottom p{color: #fff;margin: 0;}
.application_uk .application-form h3{font-family: 'mainfont_italic';font-size: 3rem;text-align: center;margin-bottom: 20px;}
.application_uk .application-form h4{text-align: center;margin: -20px auto 0;background: #ED453D;font-family: 'Inter';color: white;display: inline-block;font-weight: 700;text-transform: capitalize;font-size: 1.2rem;padding: 10px 20px;}
.application_uk .application-form input[type=text], .application_uk .application-form input[type=email], .application_uk .application-form input[type=date], .application_uk .application-form input[type=phone]{border-radius: 30px;padding: 5px 20px;}
.application_uk .application-form textarea{border-radius: 30px;padding: 5px 20px;}
.application_uk .application-form select{border-radius: 30px;padding: 5px 20px;}
.application_uk .footer-bottom{background-color: #181818;padding: 20px;}
.application_uk .footer-bottom span{color: #fff;font-family: 'mainfont';text-transform: uppercase;font-size: 0.8rem;}
.application_uk .footer-bottom h5{color: #F2FF1C;font-size: 1.4rem;margin: 0;}
.application_uk .footer-bottom p{color: #fff;margin: 0;}
.application_uk .overlay-bottom{background: transparent;
    background: -webkit-linear-gradient(to bottom, transparent 30%, #000 100%);
    background: -moz-linear-gradient(to bottom, transparent 30%, #000 100%);
    background: linear-gradient(to bottom, transparent 30%, #000 100%);}
.uk-application-footer-logo img{width: 90px;padding: 20px 0;}
.application_uk label{text-transform: capitalize;}
.application_uk label.required-label:after{content: "*";color: #ED453D;}
.application_uk form small label{text-transform: none;}
.application_uk form small a {font-weight: 700;}
.application_uk form .uk-checkbox, .application_uk form .uk-radio{border-color: #181818;}
.application_uk .bl-hr{margin: 30px 0 10px !important;border-top: 3px solid #eee;border-radius: 10px;} */

.application_uk .header iframe{width: 100%;height: 100%;}
.application_uk .header{height: auto;aspect-ratio: 16/9;}
.application_uk .footer-legal a {color: white;}
.application_uk .footer-legal a:hover {color: #F2FF1C;}
.application_uk .bg-dark {background-color: #1d1d1d;}
.application_uk .uk-form-label {color: white;}
.application_uk .uk-button-third {background-color: transparent; color: #F2FF1C !important; border: 1px solid #F2FF1C; padding: 1rem 2rem 0.8rem;}
.application_uk .uk-button-third:hover {background-color: #F2FF1C; color: #000 !important; border: 1px solid #F2FF1C; padding: 1rem 2rem 0.8rem;}
.application_uk{ background-color: #000000; background-blend-mode: difference;background-size: cover;}
/* .application_uk .header{ height: 70vh; min-height: 70vh;} */
.application_uk .header .header-text{z-index: 1;padding-bottom: 15vh;position: absolute;bottom: 0;width: 100%;}
.application_uk .header h1{color: white; font-size: 5rem;position: relative;}
.application_uk .header h3{font-size: 8rem;color: #fff;font-family: "ivypresto-display", serif !important; font-weight: 600; font-style: italic; text-transform: initial !important; margin-top: -44px;position: relative;}
.application_uk .header p{color: #fff;}
.application_uk .header-bottom{background-color: #ED453D;padding: 20px;}
.application_uk .header-bottom span{color: #fff;font-family: 'mainfont';text-transform: uppercase;font-size: 0.8rem;}
.application_uk .header-bottom h5{color: white;font-size: 1.6rem;margin: 0;font-family: "ivypresto-display", serif !important; font-weight: 600; font-style: italic; text-transform: initial !important;}
.application_uk .header-bottom p{color: #fff;margin: 0;}
.application_uk .application-form h3{font-family: 'mainfont';font-size: 3rem;text-align: center;margin-bottom: 20px;color: white !important;}
.application_uk .application-form h3 span {font-family: "ivypresto-display", serif !important; font-weight: 600; font-style: italic; text-transform: initial !important; color: white !important; font-size: 3.4rem;}
.application_uk .application-form h4{text-align: center;margin: -20px auto 0;background: #ED453D;font-family: "ivypresto-display", serif !important; font-weight: 600; font-style: italic;color: white;display: inline-block; text-transform: capitalize;font-size: 1.5rem;padding: 10px 20px;}
.application_uk .application-form input[type=text], .application_uk .application-form input[type=email], .application_uk .application-form input[type=date], .application_uk .application-form input[type=phone]{border-radius: 30px;padding: 5px 20px;}
.application_uk .application-form textarea{border-radius: 30px;padding: 5px 20px;}
.application_uk .application-form select{border-radius: 30px;padding: 5px 20px;}
.application_uk .footer-bottom{background-color: #ED453D;padding: 20px;}
.application_uk .footer-bottom span{color: #fff;font-family: 'mainfont';text-transform: uppercase;font-size: 0.8rem;}
.application_uk .footer-bottom h5{color: white;font-size: 1.6rem;margin: 0;font-family: "ivypresto-display", serif !important; font-weight: 600; font-style: italic; text-transform: initial
    !important;}
.application_uk .footer-bottom p{color: #fff;margin: 0;}
.application_uk .overlay-bottom{background: transparent;
    background: -webkit-linear-gradient(to bottom, transparent 30%, #000 100%);
    background: -moz-linear-gradient(to bottom, transparent 30%, #000 100%);
    background: linear-gradient(to bottom, transparent 30%, #000 100%);}
.uk-application-footer-logo img{width: 90px;padding: 20px 0;    filter: invert(1);}
.application_uk label{text-transform: capitalize;}
.application_uk label.required-label:after{content: "*";color: #ED453D;}
.application_uk form small label{ color: white; text-transform: none;}
.application_uk form small a { color: white; font-weight: 700;}
.application_uk .uk-checkbox:checked, .application_uk .uk-checkbox:indeterminate, .application_uk .uk-radio:checked {    background-color: #ED453D !important;}
.application_uk form .uk-checkbox, .application_uk form .uk-radio{border-color: white;}

/* PRE HOME */
.launch_us{background-image: url('../../front_img/uk/bg-texture.png');background-color: rgb(239, 239, 239);background-blend-mode: difference;background-size: cover;}
.launch_us .navbar-logo-header img{height: 40px;}
.launch_us .header{background-size: contain;height: 70vh;background-color: #000;}
.launch_us .header a.uk-button{margin-bottom: 10vh;}
.launch_us .header .header-text{z-index: 1;bottom: 15vh;position: absolute;width: 100%;}
.launch_us .banner-1{background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(238,44,32,1) 59%);}
.launch_us .banner-1 .b-bg{background-image: url('../../front_img/uk/bg-texture.png');background-blend-mode: difference;background-size: cover;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.launch_us .banner-1 .b-img{position: absolute;top: 0;left: 0;}
.launch_us h3{font-family: 'mainfont_italic';font-size: 3rem;}
.launch_us .bg-secondary h3{color: #181818;}
.launch_us input[type=email]{border-radius: 30px;padding: 5px 20px;margin-bottom: 10px;}
.launch_us form small{margin-bottom: 10px;display: block;margin-left: 20px;color: white;}
.launch_us form small a{color: white;font-weight: 700;}
.bl-home-uk-tickets .bl-topheader-text{background-color: #181818;background-image: none;}
.home_uk h5{font-size: 2rem;margin-top: 50px;}


/* LANDING */
h1, h2, h3, h4, h5, h6 {font-family: 'mainfont' !important;}
.launch_us {background-image: none; background-color: #000000;}
.launch_us h1, .launch_us h2, .launch_us h3, .launch_us h4, .launch_us h5 {text-transform: inherit !important;font-family: 'mainfont';}
.launch_us .header iframe{width: 100%;height: 100%;}
.launch_us .header{height: auto;aspect-ratio: 16/9;}
.launch_us .header .header-text{z-index: 1;}
.launch_us .header h1{color: white; font-size: 5rem; line-height: 1;}
.launch_us .header h3{font-size: 8rem;color: #fff;font-family: "ivypresto-display", serif !important; font-weight: 400; font-style: italic; text-transform: initial !important; margin-top: -34px;}
.launch_us .header-social-list a:hover {color: #F2FF1C !important;}
.launch_us .intro h3 {font-size: 4rem; font-family: "ivypresto-display", serif !important; font-weight: 600; font-style: italic; margin-bottom: -70px; z-index: 1; position: relative;}
.launch_us .intro .text {margin-top: -50px;}
.launch_us .slide {border-top: 1px solid white; border-bottom: 1px solid white; padding: 20px 0;}
.launch_us .slide h3 {color: #fff;font-family: 'mainfont';text-transform: uppercase;font-size: 2rem; text-transform: uppercase; font-weight: 400;}
.launch_us .slide h3 span {font-family: "ivypresto-display", serif; font-weight: 400; font-style: italic; text-transform: uppercase; color: white !important; margin-top: -8px;}
.launch_us .slide h3 img {margin-left: 10px; margin-right: -30px;}
.launch_us .kaicenat {margin-top: 5vh;}
.launch_us .speed {margin-top: 0vh;}
.launch_us .xqc {margin-top: 5vh;}
.launch_us .ronaldinho {margin-top: 0vh;}
.odell {margin-top: -10vh !important; position: relative;}
.launch_us .druski {margin-top: 5vh !important;}
.launch_us .usain {margin-top: 2vh !important}
.launch_us .marlon {margin-top: -2vh !important;}
.launch_us .full-text { font-size: 10vw; width: 100vw; text-align: center; white-space: nowrap; margin: 0; padding: 0; overflow: hidden;box-sizing: border-box;}
.launch_us .baller-circle {margin-top: -100px; margin-bottom: -50px !important;}
.launch_us .notified .overlay-dark {background: transparent; background: -webkit-linear-gradient(to bottom, transparent -30%, #000 100%); background: -moz-linear-gradient(to bottom, transparent -30%, #000 100%); background: linear-gradient(to bottom, transparent -30%, #000 100%); position: absolute; z-index: 1; width: 100%; height: 100%;}
.launch_us .notified h3 {color: #fff;font-family: 'mainfont';text-transform: uppercase;font-size: 5rem; text-transform: uppercase;font-style: normal; line-height: 0.7;}
.launch_us .notified h3 span {font-family: "ivypresto-display", serif; font-weight: 600; font-size: 6rem;  font-style: italic; color: white;    letter-spacing: -2px;}
.launch_us .notified .text {padding: 5vh 0;}
.launch_us .notified input[type="email"], .launch_us .notified input[type="text"], .launch_us .notified input[type="phone"], .launch_us .notified select {margin: 0vh 0 20px; width: 100%; border-radius: 50px; padding-left: 40px !important; padding: 0; height: 55px !important;}
.launch_us .notified .container-accept {max-width:100%; margin: 0 auto;}
.launch_us .notified .container-accept .g-recaptcha {padding-left: 20px; margin-bottom: 20px !important;}
.launch_us .notified .uk-input:focus, .launch_us .notified .uk-select:focus, .uk-textarea:focus {border: 1px solid #ED453D;}
.launch_us .soccer h3 {color: #fff;font-family: 'mainfont';text-transform: uppercase;font-size: 5rem; text-transform: uppercase;font-style: normal; position: relative;}
.launch_us .soccer h3 span {font-family: "ivypresto-display", serif; font-weight: 600; font-size: 6rem;  font-style: italic; color: white; margin-top: -20px;     letter-spacing: -2px;}
.launch_us .soccer h3 span::after {content: ''; position: absolute; width: -webkit-fill-available; height: 30px; background-image: url(/assets/front_img/launch/soccer-line.svg); bottom: 20px; background-repeat: no-repeat; margin: 0 auto; left: calc(50% - 220px);}
.launch_us .soccer h3.new {font-family: 'the_sidestreamregular', sans-serif !important; rotate: -4deg; margin-left: 25vh; color: #F2FF1C;}
.launch_us .footer-bottom {display: none;}
.launch_us .footer-legal a {color: white;}
.launch_us .footer-legal a:hover {color: #F2FF1C;}
.launch_us .overlay-top{background: transparent; background: -webkit-linear-gradient(to top, transparent 30%, #000 100%); background: -moz-linear-gradient(to top, transparent 30%, #000 100%); background: linear-gradient(to top, transparent 30%, #000 100%); position: absolute; width: 100%; height: 100%; left: 0; top: 0;}


/* ===== Pro marquee for slide (seamless + fluid) ===== */
.bl-slide-scroller { --speed: 24s; --gap: 3rem; position: relative; overflow: hidden; }
.bl-slide-scroller__mask:before, .bl-slide-scroller__mask:after { content:""; position:absolute; top:0; bottom:0; width:6rem; z-index:1; pointer-events:none; }
/* Edge fades (adjust background color to your header bg if needed) */
.bl-slide-scroller__mask:before { left:0; background:linear-gradient(90deg, rgba(0,0,0,1), rgba(0,0,0,0)); }
.bl-slide-scroller__mask:after  { right:0; background:linear-gradient(270deg, rgba(0,0,0,1), rgba(0,0,0,0)); }

.bl-slide-scroller__track { display:flex; align-items:center; gap: var(--gap); width:max-content; animation: bl-slide-scroll var(--speed) linear infinite; will-change: transform; }
.bl-slide-scroller__item { white-space:nowrap; display:inline-flex; align-items:center; gap:.75rem; }

/* Pause on hover (optional) */
.bl-slide-scroller:hover .bl-slide-scroller__track { animation-play-state: paused; }

/* Reduced motion accessibility */
@media (prefers-reduced-motion: reduce){ .bl-slide-scroller__track { animation:none; } }

@keyframes bl-slide-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); } /* duplicate content -> move half width */
}

/* === Managers grid === */
.managers-grid { background:#0f0f0f; padding-block: 70px; }
.mgr-grid { row-gap: 60px; }
.mgr-card { position: relative; margin:0; overflow:hidden; border-radius: 8px; }
.mgr-card img { display:block; width:100%; height:auto; transition: transform .35s ease; }
.mgr-card:hover img { transform: scale(1.04); }
.mgr-card figcaption { position:absolute; left:0; top:-1.75rem; font-size:.75rem; letter-spacing:.06em; color:#bdbdbd; text-transform:uppercase; }

.mgr-center__top { color: #fff;font-family: 'mainfont';text-transform: uppercase;font-size: 2rem; text-transform: uppercase; font-weight: 400;    margin-bottom: -50px; }
.mgr-center__main { font-family: "ivypresto-display", serif; font-weight: 600; font-style: italic; font-size: 5rem; color:#fff;     letter-spacing: -2px;}

@media (min-width: 960px){
  .mgr-grid { row-gap: 90px; }
  .mgr-card figcaption { top:-2rem; }
}

/* TOP HEADER ROTATE */
.bl-topheader-text{position: relative;height: 50px;}
.scrolling-text-wrapper {position: absolute;top: 50%;left: 0;width: 100vw;overflow: hidden;z-index: 1;pointer-events: none;transform: translateY(-50%);height: 50px;}
.scrolling-track {display: flex;width: max-content;animation: loop-scroll 20s linear infinite;font-size: 2rem;font-weight: bold;text-transform: uppercase;white-space: nowrap;color: black;}
@keyframes loop-scroll { 0% { transform: translateX(0%); } 100% { transform: translateX(-50%); }}


.words {position: relative;animation: move-words 20s linear infinite;margin: 0;}
@keyframes move-words {
    0% { left: 100%; }
    100% { left: -100%; }
}



@media only screen and (max-width: 1199px){ /* large */

    .launch_us .header h1 {font-size: 4rem; }
    .launch_us .header h3 {font-size: 6rem; margin-top: -34px;}

}
@media only screen and (max-width: 1024px){ /* ipad */

}
@media only screen and (max-width: 959px){ /* medium */
    .flatpage .header h1{text-align: center;}
    .application_uk .header h3, .home_uk h3{font-size: 1.9rem;text-align: center;}
    .home_uk h5{font-size: 1.4rem;text-align: center;}
    .home_uk .uk-button-third{font-size: 0.9rem;}
    .home_de .header{height: auto;}

    .application_uk .header .header-text {padding-bottom: 5vh;}
    .application_uk .header h1 {font-size: 4rem;}
    .application_uk .header h3 {font-size: 4rem; margin-top: -30px;}
    .application_uk .application-form h3 span {font-family: 'mainfont'; font-size: 3rem; text-align: center; margin-bottom: 0px; color: white !important; font-style: normal;}




    .launch_us .intro-resp h1{color: white; font-size: 2.5rem; line-height: 1;}
    .launch_us .intro-resp h3{font-size: 4rem;color: #fff;font-family: "ivypresto-display", serif !important; font-weight: 400; font-style: italic; text-transform: initial !important; margin-top: -14px;}

    .launch_us .kaicenat {margin-top: 40px !important;;}
    .launch_us .speed {margin-top: 40px !important;;}
    .launch_us .xqc {margin-top: 40px !important;;}
    .launch_us .ronaldinho {margin-top: 40px !important;;}
    .launch_us .odell {margin-top: 40px !important; }
    .launch_us .druski {margin-top: 40px !important;}
    .launch_us .usain {margin-top: 40px !important}
    .launch_us .marlon {margin-top: 40px !important;}

    .launch_us .baller-circle {margin-top: -110px; margin-bottom: -90px !important; padding: 5vh 12vh;}

    .launch_us .notified h3 {font-size: 3rem;}
    .launch_us .notified h3 span {font-size: 4rem;}
    .launch_us .soccer h3 {font-size: 3rem;}
    .launch_us .soccer h3 span {font-size: 4rem;}
    .launch_us .soccer h3 span::after {content: ''; position: absolute; width: -webkit-fill-available; height: 20px; background-image: url(/assets/front_img/launch/soccer-line.svg); bottom: 12px; background-repeat: no-repeat; margin: 0 auto; left: calc(50% - 145px);}
    .launch_us .intro h3 {margin-bottom: 0;}
}
@media only screen and (max-width: 767px){ /* medium-small */
    .ready_to_ball body{background-image: url('../../front_img/video_bg4.jpg');}
    /* .application_uk .header{height: 27vh;} */
    .application_uk .header iframe{width: 100%;height: 100%;}
    .application_uk .header .header-text{padding-bottom: 2vh;}
    /* .application_uk .header h1{font-size: 1.5rem;}
    .application_uk .header h3{font-size: 1.2rem;}
    .application_uk .header p{margin: 0;}
    .application_uk .application-form h3{font-size: 1.9rem;} */

    .application_uk .header h1 {font-size: 3rem; line-height: 1;}
    .application_uk .header h3 {font-size: 3rem; margin-top: -10px;}
    .application_uk .header p{margin: 0;}
    .application_uk .application-form h3, .application_uk .application-form h3 span {font-size: 1.9rem;}
    .application-form{padding-left: 0;padding-right: 0;}
    .application-form .uk-container {padding-left: 0;padding-right: 0;}

    .application-form{padding-left: 0;padding-right: 0;}
    /* #form-application .uk-padding{padding-left: 0;padding-right: 0;} */
    .footer-bottom .fb-element{text-align: center;}

    .new_home_uk_prov h3{font-size: 1.6rem;}
    .new_home_uk_prov p.uk-lead{font-size: 1rem;}
    .bl-team-menu-main-icon img{width: 70px;}

    .launch_us .header h1 {font-size: 2.5rem; margin-top: 0; }
    .launch_us .header h3 {font-size: 4rem; margin-top: -14px;}



}
@media only screen and (max-width: 639px){ /* small */

    .application_uk .header h1 {font-size: 1.6rem; line-height: 1;}
    .application_uk .header h3 {font-size: 2rem; margin-top: -10px;}

    .launch_us .kaicenat {margin-top: 20px !important;;}
    .launch_us .speed {margin-top: 20px !important;;}
    .launch_us .xqc {margin-top: 20px !important;;}
    .launch_us .ronaldinho {margin-top:20px !important;;}
    .launch_us .odell {margin-top: 20px !important; }
    .launch_us .druski {margin-top: 20px !important;}
    .launch_us .usain {margin-top: 20px !important}
    .launch_us .marlon {margin-top: 20px !important;}

    .launch_us .notified .text {padding: 40px 0;}

    .launch_us .notified input[type="email"] {max-width: 100% !important;}
    .launch_us .notified .container-accept {max-width: 100% !important;}
    .launch_us .soccer h3 span::after {left: calc(50% - 145px);}



}
@media only screen and (max-width: 459px){ /* x-small */

}