body, h3, h2, form {
font-family: 'PeridotPE';
}


#copyinfo {
    font-size: 12px;
}


h1 {
    font-family: 'BTCosmo-Bold';
}

button {
    text-transform: uppercase;
    font-family: 'BTCosmo-Bold';
}

:root {
--teams-color: #00793F;
--teams-color-pao: #00793F;
    --teams-color-aek: #F2C700;
    --teams-color-osfp: #EF1E1E;
}




/*TITLES*/

.c-title-container {
padding-top: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.c-title-box {
    max-width: 1380px;
    margin: 0 auto;
    width: 100%;
}

.c-title {
font-family: 'BTCosmo-Bold';
font-size: clamp(30px, 3.9vw, 50px);
margin-bottom: 0px;
line-height: 1.2em;
text-align: center;
}

.c-subtitle {
font-family: 'BTCosmo-Bold';
text-align: center;
margin-bottom: 0px;
    font-size: 1.2em;
}

.c-subtext {
padding-top: 30px;
    max-width: 650px;
    margin: 0 auto;
text-align: center;
    padding-bottom: 30px;
}
/*END OF TITLES*/

#contenttop .c-title-balls, #contenttop h1.pagetitle {
position: relative;
margin: 0 auto;
    width: fit-content;
    font-size: 50px;
    font-weight: 700;
}

.c-title-balls::before, #contenttop h1.pagetitle::before {
content: '';
background-image: url('/cache/files/34d66ad29a6c69c70b5a7733aec8c3d3933b625b.svg');
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    background-size: contain;
    background-position: center;
    left: -65px;
    top: 50%;
    transform: translateY(-50%);
}

.c-title-balls::after, #contenttop h1.pagetitle::after {
content: '';
background-image: url('/cache/files/34d66ad29a6c69c70b5a7733aec8c3d3933b625b.svg');
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    background-size: contain;
    background-position: center;
    right: -65px;
    top: 50%;
    transform: translateY(-50%);
}

/* ============= */

.c-image-header-container {
    /*height: 480px;*/
    height: auto;
    max-height: 720px;
    aspect-ratio: 3/1;
    width: 100%; 
    margin: 0 auto;
    background-color: var(--teams-color);
    overflow: hidden;
    position: relative;
}

.c-image-header-container {
    text-align: center;
}

.c-image-header {
    height: 100%;
}

.c-image-header-container img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.c-image-header-container::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0px;
    right: 0px;
    background-image: url('/cache/files/b0d237a7b4502516282ad89be0d4eea96faef37c.svg');
    width: 50px;
    height: 50px;
    z-index: 2;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom right;
}

.c-stage-image {
    height: 1px;
    width: 100%;
    position: relative;
}

.c-stage-image img {
    position: absolute;
    width: 94px;
    height: auto;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.c-team-logo {
    height: 1px;
    width: 100%;
    position: relative;
    margin-bottom: 65px;
}

.c-team-logo-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 106px;
    height: auto;
    padding: 20px;
    border-radius: 50%;
    aspect-ratio: 1/1;
    background-color: #081630;
}

.c-team-logo img {
    /* position: absolute; */
    text-align: center;
    top: 50%;
    left: 50%;
    /* transform: translate(-50%, -50%); */
    width: 100%;
    height: auto;
    /* padding: 20px; */
    /* border-radius: 50%; */
    aspect-ratio: 1/1;
    /* background-color: #081630; */
    object-fit: contain;
}

/* BUTTON */

.c-button {
    transition: 2s;
}

.c-button a {
    border: 1px solid white;
    color: white;
    font-size: 16px;
    padding: 15px 20px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 700;
    transition: 2s;
position: relative;
display: inline-block;
font-family: 'BTCosmo-Bold';
}

button,
a.superfans-link {
    border: 1px solid white;
    color: white;
    font-size: 16px;
    padding: 14px 22px 14px 14px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 700;
    transition: 2s;
    background-color: transparent;
    background-image: none;
    position: relative;
    overflow: hidden;
    display: inline-block;
    font-family: 'BTCosmo-Bold';
}

button .c-button-text,
a .c-button-text {
    line-height: 0.8;
    display: inline-block;
margin-right: 30px;
}

button .c-button-arrow,
a .c-button-arrow {
    display: inline-block;
    width: 27px;
    height: 21px;
    margin-left: 5px;
    overflow: hidden;
    position: absolute;
    right: 16px;
    top: 15px;
    border-radius: 50px;
}

.c-button-arrow::before {
    content: '';
    background-image: url('/cache/files/0169402c885cea7f89c8f5b8fa8de1581e6b526a.svg');
    display: block;
    width: 13px;
    height: 13px;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: 0.5s;
}

.c-button-arrow::after {
    content: '';
    background-image: url('/cache/files/4aafa1f48dc0f375c04d9edf76944e4b18bde837.svg');
    display: block;
    width: 100%;
    height: 100%;
    background-color: #189EFF;
    border-radius: 50px;
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: -40%;
    top: 140%;
    transform: translate(-50%,-50%);
    transition: 0.5s;
}

button:not([disabled]):hover .c-button-arrow::before,
a.superfans-link:hover .c-button-arrow::before,
.c-button a:hover .c-button-arrow::before {
    left: 110%;
    top: -30%;
}

button:not([disabled]):hover .c-button-arrow::after,
a.superfans-link:hover .c-button-arrow::after, .c-button a:hover .c-button-arrow::after {
    left: 50%;
    top: 50%;
    transition-delay: 0.1s;
}
/*END OF BUTTONS*/

label.required:before {
    content: "* ";
}


.c-generic-box {
    max-width: 1380px; 
    margin: 0 auto;
    padding: 40px;
    border: 1px solid #189EFF;
    margin-bottom: 15px;
    border-radius: 20px;
    position: relative;
}

.c-generic-box::after {
    content: '';
    display: block;
    display: none;
    position: absolute;
    bottom: -1px;
    right: -1px;
    background-image: url('/cache/files/b0d237a7b4502516282ad89be0d4eea96faef37c.svg'), url('/cache/files/52ff2ce4cb8f6c08972c5642a17fedc30cd297fe.svg');
    width: 40px;
    height: 40px;
    z-index: 2;
    background-size: cover;
    background-repeat: no-repeat, no-repeat;  
    background-position: bottom right, bottom right; 
}

.cc_div .cookies_scroll {
    overflow-y: scroll;
    max-height: 10em;
    padding-left: 1.2em;
}

.cc_div .cc-link {
    margin: 10px 0px;
    border-radius: unset;
}

#cm.cloud {
   max-width: 70em;
}


.c-terms-container {
padding-bottom: 60px;
}

.microtime, .scoredec {
    font-size: 0.6em;
}.c-newsletter {
padding-top: 100px;
padding-bottom: 100px;
width: 60%;
margin: auto;
}

.c-newsletter form {
    margin: auto;
}

.c-newsletter form label {
    display: block;
    margin-bottom: 20px;
    text-align: center;
    font-size: 1.4em;
    font-weight: 800;
font-family: 'Manrope', sans-serif;
}

.c-newsletter form input {
    padding: 10px;
    border: 2px solid #d3d3d3;
    border-radius: 5px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
}


.c-newsletter form input:focus-visible {
outline: none;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
}

.c-newsletter form input::placeholder {
color: #d1d1d5;
font-size: 14px;
}

.c-newsletter form .submit {
margin-top: 20px;
text-align: center;
}

.c-newsletter form .submit button {
    font-size: 14px;
    font-weight: 400;
    padding: 20px 25px;
    color: white;
    background-color: #595959;
    transition: 0.3s;
    letter-spacing: 1px;
    border-radius: 3px;
    border-color: transparent;
    min-width: 170px;
}

.c-newsletter form .submit button:hover {
color: white;
background-color: #e0751b;
}

@media only screen and (max-width: 768px) {
.c-newsletter {
width: 90%;
}
}/*FOOTER*/
.c-footer-container {
display: flex;
    gap: 20px;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    padding: 50px 15px;
    max-width: 1340px;
    margin: 0 auto;
padding-top: 50px;
}

.c-footer-container p {
margin-bottom: 5px;
}

.c-footer-container a, .c-footer-container-sm a {
text-decoration: none;
}


.c-footer-title {
padding-bottom: 20px;
color: #5E5E5E;
}

.c-social {
display: flex;
gap: 10px;
}

.accordion {
    transition: 4s ease-out;
}

@media (max-width: 820px) {
.c-social {
justify-content: center;
}
}

.c-footer-container-sm {

}

.c-footer-container-sm {
    padding: 0 15px;
    padding-top: 50px;
}

#belowsite .c-footer-title-sm {
display: flex;
    color: #FCF7F0;
    justify-content: space-between;
    align-items: center;
    margin-top: 50px;
    position: relative;
    transition: 0.3s;
}

.c-footer-container-sm p{
padding-top: 10px;
}


.c-follow-sm {
text-align: center;
margin-top: 40px;
}

.c-footer-line-sm {
width: 100%;
border-bottom: 1px solid #5E5E5E;
line-height: 0.8em;
padding-top: 0px !important;
}

/*END OF FOOTER*/

.c-footer-container-sm .accordion h3::after {
   content: '';
background-image: url('data:image/svg+xml;charset=UTF-8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="12px" height="13px" viewBox="0 0 12 13" style="overflow:visible;enable-background:new 0 0 12 13;" xml:space="preserve"><style type="text/css">.st0{fill:%23FCF7F0;}</style><path class="st0" d="M11.5,4.7l-5,4.9V0L5,0v9.6L0,4.7v2.1l5.7,5.7l5.7-5.7V4.7z"/></svg>');
width: 12px;
    height: 12px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    transition: 0.3s;
}


#belowsite .c-footer-container-sm .accordion.c-opened h3 {
   color: #189EFF;
}



.c-footer-container-sm .accordion.c-opened h3::after {
    transform: translateY(-50%) rotate(180deg);
background-image: url('data:image/svg+xml;charset=UTF-8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="12px" height="13px" viewBox="0 0 12 13" style="overflow:visible;enable-background:new 0 0 12 13;" xml:space="preserve"><style type="text/css">.st0{fill:%23189EFF;}</style><path class="st0" d="M11.5,4.7l-5,4.9V0L5,0v9.6L0,4.7v2.1l5.7,5.7l5.7-5.7V4.7z"/></svg>');
}@media (max-width: 768px) {
#copyright {
display: none;
}

.c-title-box {
    text-align: center;
}

#contenttop .c-title-balls, #contenttop h1.pagetitle {
    font-size: 30px;
    max-width: calc(100% - 50px);
    width: fit-content;
    display: block;
}

.c-title-balls::before, #contenttop h1.pagetitle::before {
    width: 30px;
    height: 30px;
    left: -40px;
}


.c-title-balls::after, #contenttop h1.pagetitle::after {
    width: 30px;
    height: 30px;
    right: -40px;
}

.c-image-header-container {
    height: 340px;
}

.c-image-header-container img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.c-team-logo {
    margin-bottom: 50px;
}

.c-subtext {
    padding-top: 15px;
    padding-bottom: 15px;
}

.c-follow-sm {
    padding-top: 40px;
    padding-bottom: 40px;
}

.c-footer-container-sm p.c-footer-title {
margin-bottom: 5px;
padding-bottom: 0px;
}

.c-team-logo-inner {
    width: 80px;
    height: auto;
    padding: 15px;
}

.c-team-logo img {
    width: 100%;
    padding: 0px;
}

}@media (max-width: 1380px) {
.c-image-header-container img {
    width: 100%;
    object-fit: cover;
    object-position: center;
}
}.c_superfans_widget {
    background-color: #03091A;
    border-radius: 20px;
    padding: 0px 16px;
    font-size: 15px;
    font-weight: 700;
    margin-top: 6px;
    position: relative;
    float: right;
    z-index: 1;
}

.c_superfans_widget.mobilemode {
    float: none;
}

.c_superfans_widget .user_info {
    display: flex;
    align-items: center;
    padding: 8px 0;
    cursor: pointer;
    user-select: none;
}

.c_superfans_widget .thetrophies img {
    width: 24px;
    height: auto;
}

.c_superfans_widget .vertical_seperator {
    width: 1px;
    background-color: #FCF7F0;
    height: 12px;
    margin: 0 10px;
}

.c_superfans_widget .arrow {
    margin-left: 10px;
}

.c_superfans_widget .expandable {
    text-align: center;
    padding-bottom: 0px;
    max-height: 0px;
    overflow: hidden;
    transition: 0.3s;
    position: absolute;
    top: 20px;
    z-index: -1;
    left: 0;
    width: 100%;
    background-color: #03091a;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding-top: 0px;
}

.c_superfans_widget.expanded .expandable {
    padding-top: 40px;
    max-height: 500px;
    padding-bottom: 20px;
}

.c_superfans_widget .expandable .anentry:first-child {
margin-bottom: 15px;
}

.c_superfans_widget .expandable a {
    color: #FCF7F0;
    text-decoration: none;
}

.c_superfans_widget .expandable .seperator {
    width: 85%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.50);
    margin: 15px auto;
}


.c_superfans_widget .arrow span {
    transform: rotate(0deg);
    transition: 0.3s;
}

.c_superfans_widget.expanded .arrow span {
    transform: rotate(180deg);
}/* MOBILE HEADER */
#mobile-header {
    position: fixed;
    top: 0;
    left: 0;
    background-color: transparent;
    box-shadow: none;
    padding-top: 16px;
    padding-bottom: 16px;
    flex-direction: row-reverse;
background-image: linear-gradient(180deg, rgba(18, 18, 18, 0.40) 0%, rgba(18, 18, 18, 0.00) 100%);
    backdrop-filter: blur(1.5px);
    z-index: 90;
}

.userroot #mobile-header {
    position: relative;
}

a.mobile-header-startlink {
    background-image: url('/cache/files/25b32c0404d7d7fabb81d9ca7b18842eeb731863.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 145px;
    height: 50px;
    transform: translate(-50%, 0%);
    margin-top: 15px;
}

.side-nav__header {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 135px 57px;
    margin-left: 0;
    margin-right: 0;
    height: 92px;
    background-image: url('/cache/files/25b32c0404d7d7fabb81d9ca7b18842eeb731863.svg');
    background-color: #0b193b;
}

.side-nav__header button.side-nav__hide {
    background-image: url('/cache/files/5b357dd01477eeb20e1f3a45fd6f4f36676f18c7.svg');
    width: 38px;
    height: 30px;
    font-size: 0px;
    top: 29px;
    right: 17px;
    left: auto;
}

#mobile-header button {
    width: 38px;
    height: 30px;
    background-image: url('/cache/files/a3bce503e1d2f8d9f8b76fce96a80450eeaa2f76.svg');
    background-size: contain;
    font-size: 0px;
}

/* END MOBILE HEADER */

aside.side-nav .side-nav__container {
    width: 100%;
    max-width: unset;
    box-shadow: none;
    transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -webkit-transform: translate(0, -100%);
    height: 100vh;
}

aside.side-nav.side-nav--visible .side-nav__container {
    transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    -webkit-transform: translate(0, 0%);
}


.side-nav__footer {
   box-shadow: none;
   padding: 0px;
}

/* ================ */

.side-nav ul li a {
    font-family: 'BTCosmo-Bold';
    font-size: 29px;
}

.side-nav ul li {
    margin-bottom: 20px;
}

.side-nav__content {
    height: calc(60vh - 46px);
    display: flex;
    flex-direction: column;
    flex: none;
    background-color: #0b193b;
    border-radius: 0px 0px 20px 20px;
    justify-content: center;
}

.c_superfans_widget.mobilemode {
    height: calc(40vh - 46px);
    margin: 0;
    border-radius: 20px 20px 0px 0px;
    padding: 16px
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.c_superfans_widget.mobilemode .user_info {
    justify-content: space-around;
}

.c_superfans_widget.mobilemode .expandable {
    max-height: unset;
    z-index: 0;
    top: 0;
    position: relative;
}

.c_superfans_widget.mobilemode .expandable .seperator {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.25);
}

.c_superfans_widget.mobilemode .anentry {
    margin: 20px auto;
}

.c_superfans_widget.mobilemode .username a img {
margin-left: 10px;
}


/* HIDE LOGIN MOBILE MENU 

.loggedin .side-nav ul li:last-child {
display: none;
} */#topbanner {
position: fixed;
}

#topmenu {
position: fixed;
    background-image: linear-gradient(180deg, rgba(18, 18, 18, 0.40) 0%, rgba(18, 18, 18, 0.00) 100%);
    backdrop-filter: blur(1.5px);
font-family: 'BTCosmo-Bold';
}

.userroot #topmenu,
.userroot #topbanner,
.useradmin #topmenu,
.useradmin #topbanner {
position: relative;
}

/* HIDE-SHOW LOGIN BUTTON TOP MENU */

.c_superfans_widget.c_superfans_widget_login {
    background-color: transparent;
    padding: 17.5px;
    margin-top: 0;
    line-height: 1;
    font-family: 'BTCosmo-Bold';
}

.c_superfans_widget.c_superfans_widget_login a {
    color: #189EFF;
}

.c_superfans_widget.c_superfans_widget_login a span {
position: relative;
padding-right: 35px;
display: inline-block;
color: #189EFF;
}

.c_superfans_widget.c_superfans_widget_login a span::before {
content: '';
background-image: url('/cache/files/6eb9d3c04e37c99c988a714d11fd478f42b1d0c2.svg');
width: 29px;
height: 20px;
display: block;
position: absolute;
top: -1.5px;
right: 0px;
background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent !important;
}

.c_superfans_widget.c_superfans_widget_login a span::after {
content: '';
background-image: url('/cache/files/a55ba90a85cd0a49dcab83c3a158bb555a9eba68.svg');
width: 29px;
height: 20px;
display: block;
opacity: 0;
transition: 0.3s;
position: absolute;
top: -1.5px;
right: 0px;
background-size: contain;
    background-repeat: no-repeat;
}

.c_superfans_widget.c_superfans_widget_login a:hover span::after {
opacity: 1;
}


.c_superfans_widget.c_superfans_widget_login a:hover span::before{
opacity: 0;
transition: 0.3s;
}

/* ======== */

.c-newlogo {
    background-image: url('/cache/files/25b32c0404d7d7fabb81d9ca7b18842eeb731863.svg');
    background-position: center;
    background-size: contain;
background-repeat: no-repeat;
}


.topmenu.c-menu-widget ul {
display: flex;
}

div.topmenu.c-menu-widget  ul li a {
text-transform: uppercase;
}

div.topmenu.c-menu-widget ul li a span {
position: relative;
}

div.topmenu.c-menu-widget ul li a.active span::before, div.topmenu.c-menu-widget ul li a:hover span::before {
content: '';
height: 7px;
width: 110%;
background-color: #189EFF;
display: block;
position: absolute;
bottom: 0px;
left: -5%;
z-index: -1;
opacity: 0.5;
}

aside.side-nav .c_superfans_widget_login {
    display: block;
    clear: both;
    padding: 10px 14px;
    float: none;
    font-size: 22px;
}
/* ============== */

/* MOBILE */
@media (max-width: 768px) {
.c_superfans_widget.c_superfans_widget_login a span::before, .c_superfans_widget.c_superfans_widget_login a span::after{
    width: 31px;
    height: 24px;
}


.side-nav__content li:hover {
background-color: transparent;
}

}div#statusid {
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: transparent;
    width: 350px;
    height: auto;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    transform: translate(-50%, -50%);
}

div#statusid::before {
content: '';
    display: block;
    background-color: rgb(3 9 26 / 75%);
    width: 100vw;
    height: 100vh;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.statusinner {
    color: #FCF7F0;
    background-color: #0C1C41;
    border-top: 0px solid #999999;
    border-left: 0px solid #999999;
    border-right: 0px solid #333333;
    border-bottom: 0px solid #333333;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    position: relative;
    font-family: 'BTCosmo-Bold';
    margin-top: 0px;
padding: 80px;
}

.statusinner::before {
content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: calc(100% + 2px);
    display: block;
    background-image: linear-gradient(90deg, #1644AE, transparent);
    border-radius: 20px;
    z-index: -1;
}


#statusid .statusclose {
    font-size: 2em;
    color: white;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #031241;
    font-size: 1.2em;
    text-align: center;
    line-height: 1.35em;
}:root {--teams-color: #1C3186;}#contenttop .c-title-balls, #contenttop h1.pagetitle {
display: none;
}

#contenttop .c-title-balls, #contenttop h1.pagetitle {
margin-top: 100px;
}

#contenttop #games .c-title-balls {
margin-top: 0px;
}

/* PRE TITLES IMAGES */
@media (min-width: 768px) {

.c-pretitle {
    margin-bottom: -100px;
    text-align: center;
}

.c-pretitle img {
    height: 210px;
    width: auto;
}
}

.c-top-video {
    width: 100%;
    height: 650px;
    max-height: 650px;
    background-color: #0c1c41;
    overflow: hidden;
    position: relative;
}

.c-top-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#intro {
position: relative;
}

.c-intro-title {
    max-width: 630px;
    margin: 0;
    position: absolute;
    top: calc(50% + 0px);
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 72px;
    font-family: 'BTCosmo-Bold';
    line-height: 0.9;
}

.c-about-top-content {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    left: 0;
    text-align: center;
}


.c-des-video {
    margin-bottom: 40px;
    width: 100%;
    position: absolute;
    bottom: 0;
}

#sticky-content {
background-color: #0C1C41;
overflow: hidden;
}

.c-sticky-container {
height: 100vh;
}

.c-sticky-inner {
    margin: 0 auto;
    width: 100vw;
    height: 100vh;
    position: relative;
}

.c-sticky-inner::after {
    content: '';
    background-image: linear-gradient(0deg, #081630, transparent);
    height: 50%;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.c-sticky-images-box {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.c-sticky-preimage {
    padding-top: 100px;
    width: 120%;
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
    margin-bottom: -350px;
}

.c-sticky-preimage img {
    width: 100%;
    height: auto;
}

.c-sticky-image {
    position: relative;
    z-index: 2;
    width: 100%;
    text-align: center;
    top: 10%;
    transition: 0.7s;
}

.c-sticky-image img {
    max-width: 1380px;
    height: auto;
    width: 100%;
}

.c-sticky-image::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 320px;
    background-image: linear-gradient(0deg, #0c1c41, transparent);
    z-index: 1;
}

.c-sticky-content-stage-1, .c-sticky-content-stage-2 {
   font-size: 32px;
   line-height: 1.3;
    font-family: 'BTCosmo-Bold';
    text-align: center;
}

.c-stage-1-content, .c-stage-2-content {
   max-width: 850px;
   margin: 0 auto;
}

.c-sticky-content-stage-1 {
    position: absolute;
    bottom: 25%;
    z-index: 3;
    left: 50%;
    transform: translateX(-50%);
}

.c-sticky-content-stage-2 {
    position: absolute;
    bottom: 20%;
    z-index: 3;
    left: 50%;
    transform: translateX(-50%);
    transition: 1s;
}

#omades {
background-image: url('/cache/files/8922615658724dd2c098a8cc865a30f0b06c99c1.svg');
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    justify-content: space-around;
    position: relative;
    overflow: hidden;
}

#omades::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background-image: linear-gradient(180deg, #081630, transparent);
    z-index: 0;
}

#omades::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background-image: linear-gradient(0deg, #081630, transparent);
    z-index: 0;
}

#omades > div {
   position: relative;
   z-index: 1;
}

#omades .c-title-box {
    max-width: 805px;
}

.c-omades-badges {
    display: flex;
    max-width: 1380px;
    margin: 0 auto;
    gap: clamp(20px, 2.4vw, 60px);
    justify-content: center;
    margin-top: 100px;
    margin-bottom: 100px;
}

#omades .c-title-container {
    padding-top: 0px;
}

.c-omada-badge {
    width: calc(100% / 8);
}

.c-omada-badge img {
    width: 120px;
    height: 100px;
    object-fit: contain;
}

.c-omades-desc {
    max-width: 680px;
    text-align: center;
    margin: 0 auto;
    font-size: 18px;
    line-height: 1.5;
}

#register {
text-align: center;
}

#register .c-title-box {
    max-width: 760px;
    margin: 0 auto;
}

#register .c-subtitle {
    font-size: 32px;
}

#register .c-subtitle:nth-child(1) {
    margin-bottom: 50px;
}

#register .c-title-container {
    padding-bottom: 50px;
}

.c-cosmotetv-inner {
background-image: url('/cache/files/97ec08b733678fecdc51d93bce2cf637182b950a.jpg');
    min-height: 570px;
    width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.c-cosmotetv-inner .c-subtitle {
    max-width: 650px;
    margin-bottom: 50px;
    font-size: 32px;
    line-height: 1.3;
    font-family: 'BTCosmo-Bold';
}

.c-cosmotetv-container {
    padding-top: 100px;
    padding-bottom: 100px;
    max-width: 1380px;
    margin: 0 auto;
}

.c-omades-badges .c-omada-badge {
    position: relative;
    left: 30%;
    transition: 0.7s;
    opacity: 0;
}
.c-omades-badges.c-animate-badges .c-omada-badge {
    position: relative;
    left: 0px;
    opacity: 1;
}
.c-omades-badges.c-animate-badges .c-omada-badge:nth-child(1) {
   transition-delay: 0s;
}

.c-omades-badges.c-animate-badges .c-omada-badge:nth-child(2) {
   transition-delay: 0.05s;
}

.c-omades-badges.c-animate-badges .c-omada-badge:nth-child(3) {
   transition-delay: 0.1s;
}

.c-omades-badges.c-animate-badges .c-omada-badge:nth-child(4) {
   transition-delay: 0.15s;
}

.c-omades-badges.c-animate-badges .c-omada-badge:nth-child(5) {
   transition-delay: 0.2s;
}

.c-omades-badges.c-animate-badges .c-omada-badge:nth-child(6) {
   transition-delay: 0.25s;
}

.c-omades-badges.c-animate-badges .c-omada-badge:nth-child(7) {
   transition-delay: 0.3s;
}

.c-omades-badges.c-animate-badges .c-omada-badge:nth-child(8) {
   transition-delay: 0.35s;
}

.c-sticky-image.c-animate-sticky {
top: 0;
    transition-delay: 0.7s;
}

.c-sticky-content-stage-2.c-animate-sticky {
    bottom: 25%;
    opacity: 1 !important;
    transition-delay: 0.7s;
}.c-quiz-horizontal {
    max-width: 1380px;
    margin: 0 auto;
}

.c-gamequiz-slider-outer {
position: relative;
margin-top: 30px;
}

.c-gamequiz-slider-outer::before {
    content: '';
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
    width: 30%;
    background-image: linear-gradient(270deg, rgb(8 22 48 / 100%) 10%, transparent 100%);
    z-index: 2;
pointer-events: none;
}

.c-swipe-icon {
    position: absolute;
    z-index: 3;
    top: -29px;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
    opacity: 0;
}

.c-gamequiz-slider .slick-slide img {
    display: block;
    padding: 5px;
    box-sizing: border-box;
width: 100%;
    height: auto;
opacity: 0;
transition: 1s;
}

.c-animate-gamequiz-slide .slick-slide img {
opacity: 1;
transition-delay: 0.2s;
}

.c-animate-gamequiz-slide .slick-slide:nth-child(2) img, .c-animate-gamequiz-slide .slick-slide:nth-child(3) img, .c-animate-gamequiz-slide .slick-slide:nth-child(4) img, .c-animate-gamequiz-slide .slick-slide:nth-child(5) img, .c-animate-gamequiz-slide .slick-slide:nth-child(6) img {
opacity: 1;
transition-delay: 0.4s;
}


.c-gamequiz-slider-outer::before {
opacity: 1;
transition: 1s;
}

.c-gamequiz-slider-outer.c-last-slide::before {
opacity: 0;
}/* Styles for the modal */
.modal-video {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 99;
}

.modal-content {
    background-color: rgba(0, 0, 0, 1);
    width: auto;
    height: auto;
    max-width: 1380px;
    margin: auto;
    padding: 0;
    position: relative;
    top: 0;
    box-sizing: border-box;
}

.modal-content iframe {
    width: 75vw;
    height: auto;
    aspect-ratio: 16/9;
    max-width: 1380px;
}

.close-modal {
    position: absolute;
    top: -40px;
    right: 20px;
    font-size: 24px;
    cursor: pointer;
}

.close-modal img {
   width: 20px;
   height: 20px;
}

/* Style for the div that triggers the modal */
.c-des-video {
    cursor: pointer;
}@media (max-width: 1440px) {
.c-sticky-preimage {
    margin: 0 -10%;
}
}

@media (max-width: 768px) {
.c-intro-title {
    font-size: 32px;
    width: 90%;
}

.c-title {
    font-size: clamp(22px, 3.9vw, 50px);
    padding: 0 20px;
}

.c-sticky-container {
    height: auto;
}
.c-sticky-inner {
    height: auto;
}
.c-sticky-images-box {
    height: auto;
    position: relative;
}

.c-sticky-content-stage-1, .c-sticky-content-stage-2 {
    font-size: 20px;
}

.c-sticky-content-stage-1, .c-sticky-content-stage-2 {
    bottom: auto;
    width: 90%;
   position: relative;
   padding-top: 50px;
}

.c-sticky-content-stage-2 {
   padding-bottom: 20px;
}

.c-sticky-preimage {
    padding-top: 0;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 0px;
    z-index: 3;
    position: absolute;
    bottom: -30px;
}

.c-sticky-inner::after {
    bottom: -30px;
}

.c-sticky-image {
    top: 0%;
}

.c-omades-badges {
    flex-wrap: wrap;
    padding: 0 20px;
}
.c-omada-badge {
    width: calc(33.33% - 20px);
}

.c-omades-desc {
    font-size: 16px;
    margin-top: 30px;
    padding: 0 20px;
}

#register .c-subtitle {
    font-size: 22px;
    padding: 0 20px;
}

.c-gamequiz-slider .slick-slide img, .c-pretitle, .c-title, .c-subtext {
    opacity: 1 !important;
}

.c-swipe-icon {
    top: -19px;
}

.c-swipe-icon img {
    width: 90px;
    height: auto;
}

.c-cosmotetv-inner {
    background-size: cover;
min-height: 400px;
}

.c-cosmotetv-inner .c-subtitle {
    font-size: 20px;
    padding: 20px;
}

#omades {
    background-image: url('/cache/files/933fa1e6f18d976d13bed8d1477c10288734b8bd.svg');
}

.c-title-container {
    padding: 0 20px;
    padding-top: 50px;
}

#games .c-pretitle {
    margin-bottom: -40px;
}


.c-top-video {
    height: 50vh;
    aspect-ratio: auto;
}


}