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


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

#copyinfo {
    font-size: 12px;
}
#copyright {
display: none;
}

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


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

/*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;
}

#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 {
content: '';
background-image: url('/cache/files/75cd474149d1c8b042579438998942c566334588.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 {
content: '';
background-image: url('/cache/files/75cd474149d1c8b042579438998942c566334588.svg');
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    background-size: contain;
    background-position: center;
    right: -65px;
    top: 50%;
    transform: translateY(-50%);
}

.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*/




/*BUTTONS*/
.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';
}

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

.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/7ad3c3a2eeb850bcb348aec563ee01bd85fecb5a.svg');
    display: block;
    width: 10px;
    height: 10px;
    background-size: 100%;
    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/4af44d36d14c8c3c827bbac2b69745080fdecc0b.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;
}

.c-button:hover .c-button-arrow::before {
    left: 110%;
    top: -30%;
}

.c-button:hover .c-button-arrow::after {
    left: 50%;
    top: 50%;
    transition-delay: 0.1s;
}
/*END OF BUTTONS*/

.c-image-header-container {
    height: 480px;
    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: auto;
    object-fit: cover;
}

.c-image-header-container::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0px;
    right: 0px;
    background-image: url('/cache/files/481bc685a04d0a48b920df63b9d61ab9f1a1dca6.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-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/481bc685a04d0a48b920df63b9d61ab9f1a1dca6.svg'), url('/cache/files/4cf5f6dd7b4ff17bcbca2a6a70e79832ac4475e8.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-title-container {
    padding-top: 100px;
}

.c-terms-container {
padding-bottom: 60px;
}.c-newlogo {
    background-image: url('/cache/files/e86712627875c37b727243a0b02b87e6bc3e1eab.svg');
    background-position: center;
    background-size: contain;
background-repeat: no-repeat;
}


a.mobile-header-startlink {
    background-image: url('cache/files/notfound');
    background-position: center;
    background-size: contain;
background-repeat: no-repeat;
width: 220px;
    transform: translate(-50%, 0%);
}

.side-nav__header {
    background-color: white;
    background-image: url('/cache/files/e86712627875c37b727243a0b02b87e6bc3e1eab.svg') !important;
    color: #333;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    margin-left: 8vh;
    margin-right: 8vh;
}.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: 8vh;
}

.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>');
}#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;
}


.userroot #topbanner, .userroot #topmenu {
    top: 0;
}

/* HIDE-SHOW LOGIN BUTTON TOP MENU */

.notloggedin div.horizmenu ul li:nth-child(4) {
color: #189EFF;
}

.notloggedin div.horizmenu ul li:nth-child(4) a span {
position: relative;
padding-right: 35px;
display: inline-block;
color: #189EFF;
}

.notloggedin div.horizmenu ul li:nth-child(4) a span::before {
content: '';
background-image: url('/cache/files/cc44e42f1a9b4b16263dfb172fdc410a206cb4b2.svg');
width: 29px;
height: 20px;
display: block;
position: absolute;
top: -1.5px;
right: 0px;
left: auto;
background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent !important;
}

.notloggedin div.horizmenu ul li:nth-child(4) a span::after {
content: '';
background-image: url('/cache/files/9beac6fc461e376f93017cf0c893583d3f67b1a5.svg');
width: 29px;
height: 20px;
display: block;
opacity: 0;
transition: 0.3s;
position: absolute;
top: -1.5px;
right: 0px;
left: auto;
background-size: contain;
    background-repeat: no-repeat;
}

.notloggedin div.horizmenu ul li:nth-child(4):hover a span::after {
opacity: 1;
}

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

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

div.topmenu ul li a span {
position: relative;
}

div.topmenu ul li a.active span::before, div.topmenu 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;
}@media (max-width: 768px) {
.c-home-container {
    z-index: 1 !important;
}

.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: -30px;
}


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

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

.c-follow-sm {
    text-align: center;
    margin-top: 50px;
    padding-bottom: 30px;
}


.c-follow-sm .c-footer-title {
    padding-bottom: 10px;
}

.c-follow-sm p {
    padding-top: 10px;
    margin: 0;
}

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

.c-image-header-container img {
    object-position: 20%;
}

}/* 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/e86712627875c37b727243a0b02b87e6bc3e1eab.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/e86712627875c37b727243a0b02b87e6bc3e1eab.svg');
    background-color: #0b193b;
}

.side-nav__header button.side-nav__hide {
    background-image: url('/cache/files/9a9fc24ebe3a2dd6b7f2b6fd907ddd8e9b5387e7.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/218e7ea0ed0a49d01c66d2e1f94181eef83270d2.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;
}


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


@media (max-width: 768px) {
.side-nav ul li:nth-child(4) a {
color: #189EFF;
}

.side-nav ul li:nth-child(4) a span {
position: relative;
padding-right: 35px;
display: inline-block;
color: #189EFF;
}

.side-nav ul li:nth-child(4) a span::before {
content: '';
background-image: url('/cache/files/cc44e42f1a9b4b16263dfb172fdc410a206cb4b2.svg');
width: 29px;
height: 20px;
display: block;
position: absolute;
top: 15px;
right: 0px;
background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent !important;
}

.side-nav ul li:nth-child(4) a span::after {
content: '';
background-image: url('/cache/files/9beac6fc461e376f93017cf0c893583d3f67b1a5.svg');
width: 29px;
height: 20px;
display: block;
opacity: 0;
transition: 0.3s;
position: absolute;
top: 15px;
right: 0px;
background-size: contain;
    background-repeat: no-repeat;
}

.side-nav ul li:nth-child(3) a:hover span::after {
opacity: 1;
}


.side-nav ul li:nth-child(4) a:hover span::before{
opacity: 0;
transition: 0.3s;
}
}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;
}.c-title-container {
    padding-top: 150px;
    padding-bottom: 50px;
}

.c-accordion-container {
    max-width: 960px;
    margin: 0 auto;
}


#contenttop h1.c-title-faq {
text-align: left;
margin: 0 auto;
margin-top: 100px;
max-width: 960px;
}

.c-accordion-container.accordion {
    border: 1px solid #189EFF;
    margin-bottom: 15px;
    border-radius: 20px;
    position: relative;
}

/* HIDE IT 
.c-accordion-container.accordion::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    right: -1px;
    background-image: url('/cache/files/481bc685a04d0a48b920df63b9d61ab9f1a1dca6.svg'), url('/cache/files/4cf5f6dd7b4ff17bcbca2a6a70e79832ac4475e8.svg');
    width: 40px;
    height: 36px;
    z-index: 2;
    background-size: cover;
    background-repeat: no-repeat, no-repeat;  
    background-position: bottom right, bottom right; 
} */

.c-accordion-container.accordion h3 {
   padding: 30px 85px 30px 65px;
   font-size: 16px;
   color: #FCF7F0;
   position: relative;
}

.c-accordion-container.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="512px" height="298.1px" viewBox="0 0 512 298.1" style="overflow:visible;enable-background:new 0 0 512 298.1;" xml:space="preserve"><style type="text/css">.st0{fill:%23FCF7F0;}</style><path class="st0" d="M256,298.1L0,42.1L42.1,0L256,213.9L469.9,0L512,42.1L256,298.1z"/></svg>');
width: 12px;
    height: 12px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    transition: 0.3s;
}

.c-accordion-container.accordion p {
   padding: 0px 65px;
}

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

.c-accordion-container.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="512px" height="298.1px" viewBox="0 0 512 298.1" style="overflow:visible;enable-background:new 0 0 512 298.1;" xml:space="preserve"><style type="text/css">.st0{fill:%23189EFF;}</style><path class="st0" d="M256,298.1L0,42.1L42.1,0L256,213.9L469.9,0L512,42.1L256,298.1z"/></svg>');
}

@media (max-width: 768px) {
.c-accordion-container.accordion h3 {
    padding: 20px 40px 20px 20px;
}
.c-accordion-container.accordion h3::after {
    right: 15px;
}
.c-accordion-container.accordion p {
    padding: 0px 20px;
}
}