/*
Theme Name: HTML5Blank Child
Theme URI: n/a
Description: HTML5Blank Child Theme
Author: Dafaleague
Author URI: n/a
Template: html5blank
Version: 1.0.0
Tags: n/a
Text Domain: html5blank-child
*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}

/*--------------------------------------------------SLICK MIN--------------------------------------------------------------------------------------------*/

.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

/*----------------------------------------------------------------------------------------SLICK THEME---------------------------------------------------------------*/
    
.slick-loading .slick-list{background:#fff center center no-repeat}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:10%;display:block;width:125px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:700;font-family:'Open Sans',sans-serif}.slick-prev{width: 150px;left:264px;z-index:1;border-right:1px solid #000}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'\2039'}.groups-table-container .slick-prev:before{content:'< Sebelumnya'}[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:10px;width:150px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:'\203A'}.groups-table-container .slick-next:before{content:'Berikutnya >'}[dir=rtl] .slick-next:before{content:'←'}.slick-dots{position:absolute;bottom:-25px;display:block;right:174px;bottom:15px;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{background:#fff;border-radius:10px;position:relative;display:inline-block;width:14px;height:14px;margin:0 4px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:14px;height:14px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:14px;height:14px;content:'•';text-align:center;opacity:.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;background:#ffe000;border-radius:10px}

/* -------------------------------------------------------------------------- MAIN CSS --------------------------------------------------------------------*/

@font-face {
    font-family: 'OpenSans-Regular';
    src: url('fonts/open-sans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
          url('fonts/open-sans/OpenSans-Regular.woff') format('woff'),
          url('fonts/open-sans/OpenSans-Regular.ttf')  format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-Bold';
    src: url('fonts/open-sans/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
          url('fonts/open-sans/OpenSans-Bold.woff') format('woff'),
          url('fonts/open-sans/OpenSans-Bold.ttf')  format('truetype');
    font-weight: 700;
    font-style: normal;
}

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

body,
html {
    width: 100%;
    margin: 0;
    height: 100%;
    padding: 0;
    overflow-x: hidden;
}

body {
    font-family: 'OpenSans-Regular', sans-serif;
}

p {
    margin: 0;
}
.slick-next:hover:before, .slick-prev:hover:before{
    color: #ffcd00;
}
.yellow {
    color: #FFE000;
    background: none!important;
}
body {
    background-image: url(../html5blank-child/img/lightgray-bg.jpg);
    background-size: cover;
}
span.yellow {
    display: inline-block;
    font-size: 16px;
} 
.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 0px!important;
    margin-bottom: 0px!important;
}
#post-348, #post-347 {
    display: none;
}
.tournament-a:hover >.tournament-a-title p,.tournament-b:hover >.tournament-b-title p,.tournament-c:hover > .tournament-c-title p {
    color: #ffe000;
}
/* ------------------------------------------------------------------------------- HEADER ------------------------------------------------------------ */

.wrapper {
    max-width: 100%;
    width: 100%;
    position: relative;
}
.links-tab a{
    cursor: pointer;
}
.header {
    height: 80px;
    display: flex;
    position: sticky;
    top: 0;
    z-index: 101;
    background: url(img/header.png);
    background-size: auto;
    background-position: -530px 0px;
}

.desktop-view {
    display: flex;
}

.timer-title {
    margin-left: 15px;
}

.header-container-left {
    height: 100%;
    display: flex;
}

.logo {
    width: 480px;
    position:relative;
    overflow:hidden;
    display: flex;
    align-items: center;
    height: 100%;  
}

.logo a {
    width: 227px;
    height: 53px;
    margin: 0 auto;
}
/*.logo-img {
    width: 227px;
    height: 53px;
    margin-left: 35px;
}*/
.timer-shape{
    width: 20px;
}
.desktop-nav {
    width: 1000px;
    height: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    margin-left: -5px;
}
.sub-menu{
    background: #003c79!important;
}
.desktop-nav ul {
    list-style: none;
    display: flex;
    margin-right:  25px;
    margin-bottom: 0px;
}

.desktop-nav ul li{
    font-size: 18px;
    font-weight: bold;
    padding: 20px 17px 10px 17px;
    display: inline-block;
}

.desktop-nav ul li a{
    color: #fff;
    display: block;
    line-height: 20px;
    padding-bottom: 5px;
    font-family: "OpenSans-Bold";
}

.desktop-nav ul li a:hover {
    text-decoration: none;
}

ul.sub-menu li {
    font-size: 17px;
    border-bottom: none;
    white-space: nowrap;
    font-size: 17px;
    text-transform: none;
    padding: 0;
    display: block;
    border: 0;
    margin: 0;
    height: 33px;
}

ul.sub-menu li:hover {
    background: transparent linear-gradient(90deg, #2a6cae 0%, #003c79 100%) 0% 0% no-repeat padding-box;
}

.desktop-nav ul li:nth-child(5) ul.sub-menu li:hover {
    background: #2a6cae 0% 0% no-repeat padding-box;
}

.desktop-nav ul li:nth-child(5) ul.sub-menu li ul.sub-menu li:hover {
    background: transparent linear-gradient(90deg, #2a6cae 0%, #003c79 100%) 0% 0% no-repeat padding-box;
}

.sub-menu li a {
    padding: 7px 15px;
    width: 100%;
    display: block;
    color: #373737;
}

ul.sub-menu li a:hover {
    color: white;
}

.desktop-nav ul li:nth-child(4) ul.sub-menu, .desktop-nav ul li:nth-child(5) ul.sub-menu, .desktop-nav ul li:nth-child(6) ul.sub-menu {
    position: absolute;
    z-index: 9999;
    background-color: #fff;
    text-align: start;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    padding-bottom: 15px;
}

/*.desktop-nav ul li:nth-child(4) ul.sub-menu {
    left: 840px;
}

.desktop-nav ul li:nth-child(5) ul.sub-menu {
    left: 1010px;
}

.desktop-nav ul li:nth-child(6) ul.sub-menu {
    left: 1105px;
}*/

.desktop-nav ul li a:hover{
    border-bottom: 1px solid #af0000;
    padding-bottom: 5px;
}

.current-menu-item a {
    color: #ffcd00!important;
    border-bottom: 0.5px solid #ffcd00!important;
    color: #ffcd00!important;
}

.desktop-nav ul > li:hover > a {
    border-bottom: 1px solid #ffcd00;
}

.desktop-nav ul li:nth-child(4) li a, .desktop-nav ul li:nth-child(5) li a, .desktop-nav ul li:nth-child(6) li a {
    border-bottom: none;
}

.desktop-nav .fa-chevron-right {
    display: inline-block;
    position: absolute;
    right: 10px;
    margin-top: -20px;
    color: #fff!important;
    font-size: 12px;
}

.desktop-nav ul li:nth-child(4):hover > ul, .desktop-nav ul li:nth-child(5):hover > ul, .desktop-nav ul li:nth-child(5) ul.sub-menu li:nth-child(1):hover > ul, .desktop-nav ul li:nth-child(5) ul.sub-menu li:nth-child(2):hover > ul, .desktop-nav ul li:nth-child(5) ul.sub-menu li:nth-child(3):hover > ul, .desktop-nav ul li:nth-child(5) ul.sub-menu li:nth-child(4):hover > ul, .desktop-nav ul li:nth-child(5) ul.sub-menu li:nth-child(5):hover > ul, .desktop-nav ul li:nth-child(5) ul.sub-menu li:nth-child(6):hover > ul, .desktop-nav ul li:nth-child(5) ul.sub-menu li:nth-child(7):hover > ul, .desktop-nav ul li:nth-child(5) ul.sub-menu li:nth-child(8):hover > ul, .desktop-nav ul li:nth-child(6):hover > ul {
    display: flex!important;
}

.desktop-nav ul li:nth-child(5) ul.sub-menu li:nth-child(1) ul.sub-menu, .desktop-nav ul li:nth-child(5) ul.sub-menu li:nth-child(2) ul.sub-menu, .desktop-nav ul li:nth-child(5) ul.sub-menu li:nth-child(3) ul.sub-menu, .desktop-nav ul li:nth-child(5) ul.sub-menu li:nth-child(4) ul.sub-menu, .desktop-nav ul li:nth-child(5) ul.sub-menu li:nth-child(5) ul.sub-menu, .desktop-nav ul li:nth-child(5) ul.sub-menu li:nth-child(6) ul.sub-menu, .desktop-nav ul li:nth-child(5) ul.sub-menu li:nth-child(7) ul.sub-menu, .desktop-nav ul li:nth-child(5) ul.sub-menu li:nth-child(8) ul.sub-menu {
    position: absolute;
    z-index: 9999;
    background-color: #fff;
    text-align: left;
    display: flex;
    flex-direction: column;
}

.desktop-nav ul li:nth-child(5) ul.sub-menu li:nth-child(1) ul.sub-menu li img, .desktop-nav ul li:nth-child(5) ul.sub-menu li:nth-child(2) ul.sub-menu li img, .desktop-nav ul li:nth-child(5) ul.sub-menu li:nth-child(3) ul.sub-menu li img, .desktop-nav ul li:nth-child(5) ul.sub-menu li:nth-child(4) ul.sub-menu li img, .desktop-nav ul li:nth-child(5) ul.sub-menu li:nth-child(5) ul.sub-menu li img, .desktop-nav ul li:nth-child(5) ul.sub-menu li:nth-child(6) ul.sub-menu li img, .desktop-nav ul li:nth-child(5) ul.sub-menu li:nth-child(7) ul.sub-menu li img, .desktop-nav ul li:nth-child(5) ul.sub-menu li:nth-child(8) ul.sub-menu li img {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.desktop-nav ul li:nth-child(4) ul.sub-menu li:nth-child(1), .desktop-nav ul li:nth-child(6) ul.sub-menu li:nth-child(1) {
    margin-top: 23px;
}

.desktop-nav ul li:nth-child(5) ul.sub-menu li#menu-item-112 {
    margin-top: 23px;
    width: 111px;
}

.desktop-nav ul li:nth-child(5) ul.sub-menu li#menu-item-112 ul.sub-menu li#menu-item-114 {
    width: 100%;
}

.desktop-nav ul li:nth-child(5) ul.sub-menu li:nth-child(4) ul.sub-menu li:nth-child(1), .desktop-nav ul li:nth-child(5) ul.sub-menu li:nth-child(6) ul.sub-menu li:nth-child(1) {
    margin-top: 0px;
}

.desktop-nav ul li:nth-child(5) ul.sub-menu li:nth-child(1) ul.sub-menu {
    left: 111px;
    top: 23px;
}

.desktop-nav ul li:nth-child(5) ul.sub-menu li:nth-child(2) ul.sub-menu {
    left: 111px;
    top: 56px;
}

.desktop-nav ul li:nth-child(5) ul.sub-menu li:nth-child(3) ul.sub-menu {
    left: 111px;
    top: 89px;
}

.desktop-nav ul li:nth-child(5) ul.sub-menu li:nth-child(4) ul.sub-menu {
    left: 111px;
    top: 122px;
}

.desktop-nav ul li:nth-child(5) ul.sub-menu li:nth-child(5) ul.sub-menu {
    left: 111px;
    top: 155px;
}

.desktop-nav ul li:nth-child(5) ul.sub-menu li:nth-child(6) ul.sub-menu {
    left: 111px;
    top: 188px;
}

.desktop-nav ul li:nth-child(5) ul.sub-menu li:nth-child(7) ul.sub-menu {
    left: 111px;
    top: 221px;
}

.desktop-nav ul li:nth-child(5) ul.sub-menu li:nth-child(8) ul.sub-menu {
    left: 111px;
    top: 254px;
}

.header-container-right {
    height: 100%;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.language-ticker {
    width: 100px;
    height: 35px;
    margin: 0 auto;
}

.lang-wrap {
    width: 100px;
    height: 35px;
    position: absolute;
}

.lang-trigger {
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 7px;
    cursor: pointer;
    display: flex;
    background: #003c79;
}

.flags-sprite {
    background-image: url(../html5blank-child/img/flags-sprite.png);
    background-repeat: no-repeat;
}

.lang-trigger span.current-lang {
    display: block;
    width: 38px;
    height: 24px;
}

span.lang-text {
    font-size: 19px;
    height: 20px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    margin: -2px 0px 0px 7px;
    font-family: "OpenSans-Bold";
}

span.lang-text.lang-text-drop-down {
    color:#003c79;
}

.lang-trigger .tpl-arw-lang {
    background-position: -9px -44px;
    position: absolute;
    top: 12px;
    right: 6px;
    width: 13px;
    height: 9px;
}

.sprite {
    background-image: url(img/sprite.png);
    background-repeat: no-repeat;
}

.lang-select {
    background: #fff;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0 0 5px 0;
    display: none;
    z-index: 1;
    position: relative;
}

.lang-select li {
    list-style-type: none;
    clear: both;
}

.lang-select li a {
    float: left;
    clear: both;
    padding: 5px 8px;
    width: 100%;
    display: flex;
    align-items: center;
}

.lang-select li a:hover {
    background-color:#003c79;
}

.lang-select li a:hover > span.lang-text.lang-text-drop-down { color: white; }

.lang-select .lang a#en span, .lang-trigger span#en, .lang-select .lang a#sc span, .lang-trigger span#sc, .lang-select .lang a#th span, .lang-trigger span#th, .lang-select .lang a#vn span, .lang-trigger span#vn, .lang-select .lang a#kr span, .lang-trigger span#kr, .lang-select .lang a#in span, .lang-trigger span#in, .lang-select .lang a#id span, .lang-trigger span#id, .lang-select .lang a#es span, .lang-trigger span#es, .lang-select .lang a#pt span, .lang-trigger span#pt, .lang-select .lang a#ke span, .lang-trigger span#ke, .lang-select .lang a#jp span, .lang-trigger span#jp, .lang-select .lang a#gh span, .lang-trigger span#gh {
    display: block;
    width: 36px;
    height: 24px;
}

.lang-select .lang a#en span:nth-child(1), .lang-trigger span#en {
    background-image: url(../html5blank-child/img/Flags/EN.svg);
}

.lang-select .lang a#sc span:nth-child(1), .lang-trigger span#sc {
    background-image: url(../html5blank-child/img/Flags/SC.svg);
}

.lang-select .lang a#th span:nth-child(1), .lang-trigger span#th {
    background-image: url(../html5blank-child/img/Flags/TH.svg);
}

.lang-select .lang a#vn span:nth-child(1), .lang-trigger span#vn {
    background-image: url(../html5blank-child/img/Flags/VN.svg);
}

.lang-select .lang a#kr span:nth-child(1), .lang-trigger span#kr {
    background-image: url(../html5blank-child/img/Flags/KR.svg);
}

.lang-select .lang a#in span:nth-child(1), .lang-trigger span#in {
    background-image: url(../html5blank-child/img/Flags/IN.svg);
}

.lang-select .lang a#id span:nth-child(1), .lang-trigger span#id {
    background-image: url(../html5blank-child/img/Flags/ID.svg);
}

.lang-select .lang a#es span:nth-child(1), .lang-trigger span#es {
    background-image: url(../html5blank-child/img/Flags/ES.svg);
}

.lang-select .lang a#pt span:nth-child(1), .lang-trigger span#pt {
    background-image: url(../html5blank-child/img/Flags/PT.svg);
}

.lang-select .lang a#ke span:nth-child(1), .lang-trigger span#ke {
    background-image: url(../html5blank-child/img/Flags/KE.svg);
}

.lang-select .lang a#jp span:nth-child(1), .lang-trigger span#jp {
    background-image: url(../html5blank-child/img/Flags/JP.svg);
}

.lang-select .lang a#gh span:nth-child(1), .lang-trigger span#gh {
    background-image: url(../html5blank-child/img/Flags/GH.svg);
}

/* ------------------------------------------------------------------------------- HEADER ------------------------------------------------------------ */

/* ------------------------------------------------------------------------------- HOME PAGE ------------------------------------------------------------ */

section.countdown {
    background: #012951;
    height: 135px;
}

.countdown-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    max-width: 1620px;
    margin: 0 auto;
}

#timer {
    display: flex;
    width: 1030px;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.timer-title p {
    font-size: 40px;
    color: #fff;
    font-weight: bold;
    font-family: "OpenSans-Bold";
}
  
span {
    display: block;
    font-size: 20px;
    color: white;
}
.stadiums-page .clearfix,.single-teams-page,.page-teams,.fixtures,.groups{
    background-image: url(../html5blank-child/img/lightgray-bg.jpg);
    background-size: cover;
}
#days, #hours, #minutes, #seconds {
    font-size: 70px;
    color: #ffcd00;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: "OpenSans-Bold";
    text-align: center;
}

#days-text, #hours-text, #minutes-text, #seconds-text  {
    font-size: 25px;
    color: #fff;
    font-weight: bold;
    font-family: "OpenSans-Bold";
    text-align: center;
    position: relative;
    bottom: 15px;
}

/* Main containers */

.countdonw-container {
    height: 200px;
}

.featured-match-container {
    height: 350px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.promotions-container, .tournament-container {
    height: 330px;
    position: relative;
    display: flex;
    flex-direction: column;
}

.tournament-container {
    position: relative;
    bottom: 30px;
}

.featured-match-inner-container {
    height: 350px;
    position: relative;
    z-index: 0;
}

.group-and-matches-container {
    height: 360px;
}

.groups-promotions-tournament-container {
    background-image: url(../html5blank-child/img/blue-bg.jpg);
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: cover;
}

/* Main containers */

/* Featured match container */

.featured-match-inner-container-1, .featured-match-inner-container-2, .featured-match-inner-container-3 {
    height: 350px!important;
    position: relative;
}

.featured-match-table-container {
    background: rgb(5, 28, 51,0.85);
    color: #fff;
    border-radius: 10px;
    box-shadow: 5px 5px 3px #000000b3;
    padding: 13px 25px 16px 19px;    
    height: 222px!important;
    width: 558px;
    margin-bottom: 25px;
    margin-top: -8px;
    border: 1px solid #FFCD00;
}

.match-group-details {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dotted black;
    font-size: 22px;
    color: black;
}

.match-time-remaining {
    color: #fff;
    font-size: 22px;
}

.match-stadium-details {
    font-size: 17px;
    margin-top: 0px;
}

.match-teams-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.match-teams-inner-container {
    width: 70%;
    display: flex;
    flex-direction: column;
    align-items: baseline;
}

.match-teams-inner-container .team-name, .match-teams-inner-container .odds-1, .match-teams-inner-container .odds-2{
    font-size: 19px;
    font-family: "OpenSans-Bold";
}

.match-team-a, .match-team-b {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 5px 0px;
}

.team-flag {
    width: 44px;
    height: 44px;
    margin-right: 15px;
    margin-left: 13px;
    margin-top: 12px;
}

.team-name {
    font-size: 19px;
    font-weight: bold;
    margin-right: 10px;
}

.match-teams-inner-container .team-name {
    padding-top: 15px;
    color: #fff;
}

.team-score {
    font-size: 19px;
    font-family: "OpenSans-Bold";
    color: #fff;
}

.match-team-a-wrapper, .match-team-b-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.odds-1 {
    font-size: 19px;
    font-style: italic;
    color: #003c79;
    margin-right: 10px;
}

.odds-2 {
    font-size: 19px;
    color: #003c79;
    font-weight: bold;
}

.match-dafabet-link {
    width: 127px;
    height: 74px;
    background-color: #FFE000;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    margin-right: 7px;
    margin-top: 15px;
}

.match-dafabet-link:hover {
    text-decoration: none;
}
.hover_yellow:hover{
    color: #ffcd00!important;
}
.match-dafabet-link p {
    color: #012951;
    font-size: 19px;
    font-weight: bold;
    text-align: center;
    font-family: "OpenSans-Bold";
}

.featured-match-container .match-group-details-inner-container {
    display: flex;
    justify-content: space-between;
    border-bottom: 0.5px solid #00000040;
    font-size: 22px;
    color: #fff;
    padding-bottom: 4px;
}

.featured-match-container .stadium {
    font-size: 17px;
    color: #fff;
    padding-top: 4px;
}

.matches-container .matches-inner-container .match-teams-inner-container {
    width: 65%;
}

.featured-match-bg-1, .featured-match-bg-2, .featured-match-bg-3 {
    width: 100%;
    height: 100%;
}

.featured-match-bg-1-mobi, .featured-match-bg-2-mobi, .featured-match-bg-3-mobi {
    display: none!important;
}

/* Featured match container */

/* Group and matches container */

.groups-container {
    float: left;
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
}

.group-and-matches-container .groups-container {
    width: 50%;
    align-items: center;
}

.group-and-matches-container .matches-inner-container .slick-list.draggable {
    height: 230px!important;
}

.group-and-matches-container .matches-inner-container .slick-list.draggable .slick-track {
    height: 100%!important;
}

.group-static {
    position: absolute;
    z-index: 100;
    width: 50%;
}

span.groups-title {
    color: #eff0f1;
    font-size: 30px;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-family: "OpenSans-Bold";
}

.group-and-matches-container .groups-container span.groups-title {
    margin-top: 25px;
}

.featured-match-container span.groups-title {
    margin-left: 25px;
}

.group-and-matches-container .groups-container span.groups-title hr {
    width: 200px!important;
    border-top: 2px solid #FFFFFF99;
}

.groups-container span.groups-title hr:nth-child(1) {
    /*width: 217px;*/
    border-top: 2px solid #FFFFFF99;
}

.groups-container span.groups-title hr:nth-child(2) {
   /* width: 250px;*/
    border-top: 2px solid #FFFFFF99;
}

hr {
    width: 80px;
    margin: 0px 10px;
}

.matches-container {
    float: left;
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    position: relative;
}

.groups-table-container {
    background: rgb(5, 28, 51,0.65);
    border-radius: 10px;
    box-shadow: 5px 5px 3px #000000b3;
    padding: 8px 20px 10px 18px;
    height: 254px!important;
    width: 570px;
    border: 0.5px solid #003c79;
    color: #fff;
    border: 1px solid #FFCD00;
}
td{
    border-radius: 0px!important;
}
.groups-table-container .slick-next .fa-chevron-right, .groups-table-container .slick-prev .fa-chevron-left {
    display: none;
}

.groups-table {
    max-width: 525px;
    margin: 0 auto;
}

.group-a, .group-b, .group-c, .group-d {
    position: relative;
    height: 234px!important;
}

.groups-category-title {
    font-size: 29px;
    /*color: #003c79;*/
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
    font-family: "OpenSans-Bold";
}

tr {
    border-bottom: none;
}

td, th {
    padding: 0;
}

.team-flag-small {
    width: 30px;
    height: 30px;
}

.groups-table th {
    font-size: 16px;
    display: flex;
    justify-content: center;
    width: 52px!important;
    font-family: "OpenSans-Bold";
}

.groups-table td {
    font-size: 17px;
    display: flex;
    justify-content: center;
    width: 52px!important;
}

.groups-table td span {
    width: 40px!important;
    font-family: "OpenSans-Bold";
}

.groups-table td:nth-child(1), .groups-table th:nth-child(1) {
    width: 110px!important;
}

.groups-table td:nth-child(1) {
    width: 130px!important;
    margin-left: -20px;
}

.groups-table td span {
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    color: #fff;
    margin-left: 5px;
}

.groups-table thead tr {
    display: flex;
}

.groups-table tbody tr {
    display: flex;
}

.groups-page-main-container .groups-table td:nth-child(1) {
    margin-left: 0px;
}

.groups-page-main-container .groups-table thead tr {
    display: flex;
    justify-content: space-between;
}

.groups-page-main-container .groups-table tbody tr {
    margin-top: 21px;
    display: flex;
    justify-content: space-between;
}

.groups-table td:nth-child(2) {
    border-left: 0.5px solid #7070701a;
}

.matches-inner-container {
    width: 100%;
    position: relative;
    height: 254px!important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 15px;
}

.matches-container .groups-title hr:nth-child(1) {
    width: 385px;
}

.matches-container .groups-title hr:nth-child(2) {
    width: 325px;
}

.matches-table-container::before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0px;
    bottom: -1px;
    width: 20%;
    height: 232px;
    border-radius: 10px;
    background: transparent linear-gradient(270deg, #B7052600 0%, #003c79 100%) 0% 0% no-repeat padding-box;
}

.matches-table-container:after {
    content: "";
    position: absolute;
    right: -1px;
    bottom: -3px;
    width: 20%;
    height: 233px;
    border-radius: 10px;
    background: transparent linear-gradient(90deg, #B7052600 0%, #003c79 100%) 0% 0% no-repeat padding-box;
}

.slick-current .matches-table-container:after {
    display: none;
}

.slick-active .matches-table-container:before {
    display: block;
}

.slick-current + .slick-active .matches-table-container::before {
    display: none;
}


.matches-table-container {
    background: white;
    position: relative;
    border-radius: 10px;
    box-shadow: 5px 5px 3px #000000b3;
    padding: 15px;
    height: 230px!important;
    max-width: 520px;
    margin: 0 auto;

}

.group-and-matches-container .matches-container span.groups-title {
    position: relative;
    left: -45px;
    width: 93%;
    margin-top: 25px;
}

.matches-inner-container .slick-prev {
    left: -10px;
}

.matches-inner-container .slick-next {
    right: 165px;
}

.matches-inner-container .slick-prev, .matches-inner-container .slick-next {
    top: 50%;
    width: 42px;
    height: 42px;
    background: white;
    border-radius: 25px;
    box-shadow: 2px 3px 3px #00000080;
    z-index: 1;
    background: #FFCD00;
}

.matches-inner-container .slick-next {
    left: 87%;
}

.slick-next .fa-chevron-right {
    display: inline-block;
    position: absolute;
    right: 16px;
    margin-top: -6px;
    color: #003c79;
    font-size: 12px;
}

.slick-prev .fa-chevron-left {
    display: inline-block;
    position: absolute;
    right: 16px;
    margin-top: -6px;
    color: #003c79;
    font-size: 12px;
}

.matches-inner-container .slick-prev.slick-disabled:before, .matches-inner-container .slick-next.slick-disabled:before {
    opacity: 1;
}

.matches-inner-container .slick-prev:before, .matches-inner-container .slick-next:before {
    font-size: 25px;
    line-height: 0.3;
    color: #003c79;
}

.groups-table-container .groups-page-table-container {
    margin: 0;
    width: 535px;
}

.groups-table-container .groups-page-table-container .groups-category-title {
    font-size: 29px;
}

.groups-table-container .groups-page-table-container .groups-table th {
    font-size: 17px;
}

.groups-table-container .groups-page-table-container .team-flag-small {
    width: 30px;
    height: 30px;
}

.groups-table-container .groups-page-table-container .groups-table td span {
    font-size: 20px;
}

.groups-table-container .groups-page-table-container .groups-table tbody tr i {
    display: none;
}

.groups-table-container .slick-prev.slick-disabled:before, .groups-table-container .slick-next.slick-disabled:before {
    display: none;
}

.groups-table-container .slick-prev.slick-disabled {
    border-right: none;
}

.matches-container .matches-inner-container .fixtures-match-table-container {
    margin: 5px 10px;
    height: 222px!important;
    width: 558px!important;
    border: 1px solid #FFCD00;
}

.matches-container .matches-inner-container .match-group-details-inner-container {
    display: flex;
    justify-content: space-between;
    border-bottom: 0.5px solid #00000040;
    font-size: 22px;
    padding-bottom: 4px;
}

.matches-container .matches-inner-container .fixtures-match-table-container .match-time-remaining {
    font-size: 22px;
}

.matches-container .matches-inner-container .fixtures-match-table-container .stadium {
    font-size: 15px;
    padding-top: 4px;
}

.matches-container .matches-inner-container .fixtures-match-table-container .team-flag {
    width: 45px;
    height: 45px;
}

.matches-container .matches-inner-container .fixtures-match-table-container .team-name, .matches-container .matches-inner-container .fixtures-match-table-container .odds-1, .matches-container .matches-inner-container .fixtures-match-table-container .odds-2 {
    font-size: 19px;
}

.matches-container .matches-inner-container .fixtures-match-table-container .match-dafabet-link {
    width: 127px;
    height: 74px;
}

.matches-container .matches-inner-container .fixtures-match-table-container .match-dafabet-link p {
    font-size: 19px;
}

.matches-inner-container-pseudo-element {
    content: "";
    z-index: 1;
    display: none;
    position: absolute;
    left: 0px;
    bottom: 32px;
    width: 57px;
    height: 228px;
    background: transparent linear-gradient(270deg, #B7052600 0%, #003c79 100%) 0% 0% no-repeat padding-box;
}

.group-and-matches-container .matches-container .matches-inner-container::after {
    content: "";
    position: absolute;
    right: 0px;
    bottom: 23px;
    width: 85px;
    height: 222px;
    border-radius: 0px;
    background: transparent linear-gradient(90deg, #B7052600 0%, #012951  100%) 0% 0% no-repeat padding-box;
}

/* Group and matches container */

/* Promotions container */

.promotions-container .groups-title hr {
    width: 28%;
    border-top: 0.5px solid #FFFFFF99;
}

.promotions-inner-container {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    height: 230px!important;
    max-width: 1550px;
    margin: 15px auto;
}

#promotion-a-link, #promotion-b-link, #promotion-c-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 505px!important;
    height: 222px;
}

.promotions-inner-container .draggable {
    width: 100%;
}

.promotions-inner-container .draggable .slick-track {
    width: 100%!important;
    display: flex;
    justify-content:space-between
}
.promotion-a:hover{
    border: 1px solid #ffe000;
}
.promotion-b:hover{
    border: 1px solid #ffe000;
}
.promotion-c:hover{
    border: 1px solid #ffe000;
}
.tournament-a:hover p,.tournament-b:hover p,.tournament-c:hover p{
    color: #ffcd00!important;
}
.promotion-a, .promotion-b, .promotion-c {
    width: 485px!important;
    height: 222px;
    border-radius: 10px;
    position: relative;
    border: 1px solid #fff;
}
.slick-next:hover:before, .slick-prev:hover:before{
    color: #ffcd00;
}
.promotion-b {
    margin: 0 auto;
}

.promotion-a-img, .promotion-b-img, .promotion-c-img, .tournament-a-img, .tournament-b-img, .tournament-c-img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.promotion-a-title,.promotion-b-title, .promotion-c-title {
    height: 85px;
    width: 100%;
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(1, 41, 81,0.8)
}

.banner-btn{
    border-radius: 5px;
    outline: none;
    border: none;
    background: #ffe000;
    color: #003c79;
    padding: 10px;
    font-weight: 900;
    width: 110px;
    margin-right: 5px;
}
.promotion-a-title p,.promotion-b-title p, .promotion-c-title p {
    font-size: 16px;
    color: white;
    text-align: left;
    padding: 5px;
    max-width: 350px;
}

/* Promotions container */

/* Tournament container */

.tournament-container .groups-title hr {
    width: 39%;
    border-top: 0.5px solid #FFFFFF99;
}

.tournament-inner-container {
    display: flex;
    justify-content: space-evenly;
    height: 230px!important;
    align-items: center;
    max-width: 1550px;
    margin: 15px auto;
}

.tournament-inner-container .draggable {
    width: 100%;
}

.tournament-inner-container .draggable .slick-track {
    width: 100%!important;
    display: flex;
    justify-content: space-between;
}

#tournament-a-link, #tournament-b-link, #tournament-c-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 505px!important;
    height: 222px;
}

.tournament-a, .tournament-b, .tournament-c {
    width: 485px!important;
    height: 222px;
    border-radius: 10px;
    position: relative;
    border: 1px solid #fff;
    
}
.tournament-a:hover, .tournament-b:hover, .tournament-c :hover{
    border: 1px solid #ffe000;
}
.tournament-b-title p{
    color: #ffe000;
}
.tournament-a-title, .tournament-b-title, .tournament-c-title {
    height: 85px;
    width: 100%;
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #003c79bd;
}

.tournament-a-title p, .tournament-b-title p, .tournament-c-title p {
    font-size: 22px;
    color: white;
    text-align: center;
    font-weight: bold;
}

/* Tournament container */

/* ------------------------------------------------------------------------------- HOME PAGE ------------------------------------------------------------ */

/* ------------------------------------------------------------------------------- GROUPS PAGE ------------------------------------------------------------ */

.groups .groups-title {
    height: 100px;
    background: #003c79;
    margin-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.groups .groups-title h1 {
    font-size: 50px;
    color: white;
    font-weight: bold;
    font-family: "OpenSans-Bold";
}

.groups-page-main-container {
    max-width: 1680px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.groups-page-table-container {
    width: 780px;
    margin: 50px 0px;
}

.groups-page-table-container .groups-inner-table-container {
    height: 100%!important;
}

.groups-page-main-container .groups-page-table-container .groups-table {
    margin: 16px 0;
    max-width: 100%;
}

.groups-page-table-container .groups-category-title {
    font-size: 36px;
}

.groups-page-table-container .groups-table th {
    font-size: 20px;
    color: #fff;
}

.groups-page-table-container .groups-table td {
    font-size: 20px;
    border-right: 1px solid #ffe000;
    color: #fff;
    padding-top: 13px;
}

.groups-page-main-container .groups-page-table-container .groups-table td {
    border-right: none;
    border-left: none;
    align-items: center;
    color: #000;
}

.groups .groups-page-table-container .handicap-1 {
    font-family: "OpenSans-Regular";
    font-weight: normal;
}
.rleft{
    padding: 0px 25px;
    margin-left: -120px;
}
.rright{
    padding: 0px 30px;
}
.promotions-container .groups-title {
    margin-left: 120px!important;
}
.tournament-container .groups-title {
    margin-left: 100px!important;
}
.groups-container .groups-title img {
    margin-left: 10px!important;
}
.groups-page-table-container .groups-table td span {
    font-size: 25px;
}

.groups-page-table-container .team-flag-small {
    width: 40px;
    height: 40px;
} 

.groups-page-main-container .fa-chevron-right, .groups-page-main-container .fa-chevron-down {
    color: #003c79;
    font-size: 15px;
    margin-left: 25px;
}

.groups-page-main-container .groups-table td span {
    width: auto!important;
    margin-right: 0px;
}

.groups-page-main-container  .groups-table td:nth-child(1), .groups-page-main-container .groups-table th:nth-child(1) {
    width: 145px!important;
}

.groups-page-main-container .featured-match-table-container {
    margin: 0 auto;
}

.groups-table tbody .tr-hidden .fixtures-match-table-container .match-group-details-inner-container {
    display: flex;
    justify-content: space-between;
    border-bottom: 0.5px solid #00000040;
}

.groups-table tbody .tr-hidden .fixtures-match-table-container .match-group-details-inner-container, .groups-table tbody .tr-hidden .fixtures-match-table-container .match-group-details-inner-container .match-time-remaining {
    font-size: 22px;
    font-family: "OpenSans-Regular";
    color: #fff;
}

.groups-table tbody .tr-hidden .fixtures-match-table-container .match-stadium-details .stadium {
    font-size: 16px;
    font-weight: normal;
    font-family: "OpenSans-Regular";
        color: #fff;
}

.groups-table tbody .tr-hidden .fixtures-match-table-container {
    width: 558px;
    height: 222px!important;
    margin: 10px auto;
    padding: 13px 25px 17px 19px;
}

.groups-table tbody .tr-hidden .fixtures-match-table-container .team-flag {
    width: 44px;
    height: 44px;
}

.groups-table tbody .tr-hidden .fixtures-match-table-container .team-name {
    font-size: 19px;
}

.groups-table tbody .tr-hidden .fixtures-match-table-container .match-dafabet-link {
    width: 127px;
    height: 74px;
}

.groups-table tbody .tr-hidden .fixtures-match-table-container .match-dafabet-link p {
   font-size: 19px;
}

.groups-page-match-group-details {
    border-bottom: 1px dotted black;
    font-size: 22px;
    color: black;
}

.groups-page-match-stadium-details {
    font-size: 17px;
}

.groups-page-match-team-a, .groups-page-match-team-b {
    margin: 10px 0px;
}

.groups-page-team-flag {
    width: 44px;
    height: 44px;
    margin-right: 10px;
}

.groups-page-team-name, .groups-page-odds-1, .groups-page-odds-2 {
    display: inline-block;
    font-size: 19px;
    margin-right: 10px;
}

.groups-page-team-name {
    font-weight: bold;
}

.groups-page-odds-1 {
    font-style: italic;
    color: #003c79;
}

.groups-page-odds-2 {
    color: #003c79;
    font-weight: bold;
}

.groups-page-match-time-remaining {
    position: absolute;
    right: 15px;
    color: #003c79!important;
    font-size: 22px;
    font-weight: bold;
}

.groups-page-match-dafabet-link {
    width: 125px;
    height: 75px;
    background-color: #FFE000;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}

.groups-page-match-teams-container {
    display: flex;
    justify-content: space-between;
}

.groups-page-match-dafabet-link p {
    color: black;
    font-size: 19px;
    font-weight: bold;
    text-align: center;
}

.groups-page-main-container .tr-hidden .fa-chevron-right {
    display: none;
}

.groups-page-match-team-a, .groups-page-match-team-b {
    margin: 20px 0px;
}

.groups-page-main-container .groups-table tbody tr {
    cursor: pointer;
}

.groups-page-main-container .team-score {
    font-size: 19px!important;
}

.groups-page-main-container .groups-table .handicap-1 {
    color: #fff;
    font-size: 19px;
    font-style: italic;
}

.groups-page-main-container .groups-table .handicap-2 {
    color: #fff;
    font-size: 19px;
    font-weight: bold;
    margin-left: 15px;
}

/* Groups hide dublicate groups */
.groups-page-main-container .groups-page-main-container-left .groups-page-table-container:nth-child(2), .groups-page-main-container .groups-page-main-container-left .groups-page-table-container:nth-child(4), .groups-page-main-container .groups-page-main-container-left .groups-page-table-container:nth-child(6), .groups-page-main-container .groups-page-main-container-left .groups-page-table-container:nth-child(8) {
    display: none;
}

.groups-page-main-container .groups-page-main-container-right .groups-page-table-container:nth-child(1), .groups-page-main-container .groups-page-main-container-right .groups-page-table-container:nth-child(3), .groups-page-main-container .groups-page-main-container-right .groups-page-table-container:nth-child(5), .groups-page-main-container .groups-page-main-container-right .groups-page-table-container:nth-child(7) {
    display: none;
}
/* Groups hide dublicate groups */

/* ------------------------------------------------------------------------------- GROUPS PAGE ------------------------------------------------------------ */

/* ------------------------------------------------------------------------------- FIXTURES PAGE ------------------------------------------------------------ */

.fixtures .fixtures-title {
    height: 100px;
    background: #003c79;
    margin-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fixtures .fixtures-title h1 {
    font-size: 50px;
    color: white;
    font-weight: bold;
    font-family: "OpenSans-Bold";
}

.fixtures-page-main-container {
    max-width: 1600px;
    margin: 0px auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.view-switcher-container {
    height: 80px;
    width: 100%;
    background: #70707017 0% 0% no-repeat padding-box;
    border: 0.5px solid #70707078;
    border-radius: 10px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.day-view-container {
    width: 49%;
    height: 60px;
}

.day-view-container a {
    border-radius: 10px;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    width: 100%;
    text-decoration: none;
    font-family: "OpenSans-Bold";
}

.group-view-container {
    width: 49%;
    height: 60px;
}

.group-view-container a {
    border-radius: 10px;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    width: 100%;
    text-decoration: none;
    font-family: "OpenSans-Bold";
}

.day-switcher-container {
    height: 90px;
    width: 100%;
    border-bottom: 2px solid #00000040;
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
}

.match-day-1-title, .match-day-2-title, .match-day-3-title, .knockout-title {
    display: flex;
    cursor: pointer;
    width: 350px;
    height: 75px;
    padding-top: 5px;
}

.match-day-1-title p {
    font-size: 40px;
    text-align: center;
    font-weight: bold;
    width: fit-content;
    margin: 0 auto;
    font-family: "OpenSans-Bold";
}

.tab {  
    color: #0000003F;
    border-bottom: none;
}

.tab.active {
    color: #003c79;
    /*border-bottom: 4px solid #003c79!important;*/
    font-family: "OpenSans-Bold";
    margin-bottom: -3px;
}

.desktop-nav .active4 .fa-chevron-right {
    color: white;
}

.fixtures .match-team-a, .fixtures .match-team-b {
    margin: 0;
}

.fixtures .match-stadium-details {
    margin-top: 0;
}

.tab2 {  
    color: #0000003F;
    background: transparent;
}

.tab2.active2 {
    color: white;
    height: 100%;
    font-family: "OpenSans-Bold";
    background: #003c79;
}

.tab2:hover {
    color: #0000003F;
}

.tab2.active2:hover {
    color: white;
}

.match-day-2-title p, .match-day-3-title p, .knockout-title p {
    color: #0000003F;
    font-size: 40px;
    text-align: center;
    font-weight: bold;
    width: fit-content;
    margin: 0 auto;
    font-family: "OpenSans-Bold";
}

.fixtures-matches-container {
    width: 100%;
}

.fixtures-matches-inner-container {
    display: flex;
    width: 100%;
    margin-top: 50px;
}

.match-day-1-container, .match-day-2-container, .match-day-3-container, .knockout-container {
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.match-day-2-container, .match-day-3-container, .knockout-container {
    opacity: 0.2;
}

.match-day-1-container, .match-day-2-container, .match-day-3-container {
    border-right: 1px solid #00000080;
}

.fixtures-match-table-container {
    background: #022952;
    border-radius: 10px;
    box-shadow: 5px 5px 3px #000000B3;
    border: 1px solid #fff;
    padding: 13px 25px 17px 19px;
    height: 165px!important;
    width: 95%;
    margin-bottom: 8px;
    color: #fff;
}

.fixtures .fixtures-match-table-container {
    background: white;
    border-radius: 10px;
    box-shadow: 5px 5px 3px #000000B3;
    border: 0.25px solid #000000;
    padding: 8px 15px 15px 16px;
    height: 150px!important;
    width: 381px;
    margin-bottom: 8px;
    background: rgb(5, 28, 51,0.85);
    color: white;
}

.fixtures-match-table-container .match-group-details, .fixtures-match-table-container .match-time-remaining {
    font-size: 15px;
}
.stadium-thumbnail:hover .stadium-name{
    color: #ffcd00;
}
.stadium{
    font-size: 10px;
    color: #fff;
}

.fixtures-match-table-container .match-day, .fixtures-match-table-container .match-time-remaining {
    font-size: 15px;
    color: #fff;
    font-weight: normal!important;
}

.fixtures-match-table-container .match-stadium-details {
    font-size: 13px;
}

.fixtures-match-table-container .team-flag {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    margin-left: 0px;
}

.fixtures-match-table-container .team-name, .fixtures-match-table-container .odds-1, .fixtures-match-table-container .odds-2 {
    font-size: 14px;
    font-family: "OpenSans-Bold";
}

.fixtures-page-main-container .fixtures-match-table-container .handicap-1, .fixtures-page-main-container .fixtures-match-table-container .handicap-2 {
    font-size: 16px;
}

.fixtures-page-main-container .groups-page-main-container .handicap-1, .fixtures-page-main-container .groups-page-main-container .handicap-2 {
    font-size: 19px;
}

.fixtures-page-main-container .fixtures-match-table-container .handicap-1 {
    font-family: "OpenSans-Regular";
    font-weight: normal;
}

.fixtures .groups-page-main-container .match-team-a, .fixtures .groups-page-main-container .match-team-b {
    margin: 5px 0;
}

.fixtures-match-table-container .match-team-a a, .fixtures-match-table-container .match-team-b a {
    color: black;
    text-decoration: none;
}

.fixtures-match-table-container .match-dafabet-link {
    width: 92px;
    height: 56px;
    margin-right: 0px;
}

.fixtures-match-table-container .match-dafabet-link p {
    font-size: 16px;
    font-family: "OpenSans-Bold";
}

.match-day-2-container .match-dafabet-link, .match-day-3-container .match-dafabet-link, .knockout-container .match-dafabet-link {
    pointer-events: none;
    cursor: default;
}

.fixtures-tables-container {
    display: none;
    width: 1680px;
}

.fixtures-matches-container .match-group-details-inner-container {
    border-bottom: 0.5px solid #00000040;
    display: flex;
    justify-content: space-between;
    font-size: 15px;
}

.fixtures-matches-container .match-teams-inner-container {
    width: 70%;
}

.fixtures-matches-container .team-score {
    font-size: 16px;
}

.odds {
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
}

.handicap-1 {
    color: #fff;
    font-size: 19px;
    font-style: italic;
}

.handicap-2 {
    color: #fff;
    font-size: 19px;
    font-weight: bold;
    margin-left: 15px;
}

.fixtures-tables-container .groups-page-table-container .groups-table td {
    border-right: none;
    border-left: none;
}

/* ------------------------------------------------------------------------------- FIXTURES PAGE ------------------------------------------------------------ */

/* ------------------------------------------------------------------------------- TEAMS PAGE ------------------------------------------------------------ */

.page-teams .page-teams-title {
    height: 100px;
    background: #003c79;
    margin-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-teams .page-teams-title h1 {
    font-size: 50px;
    color: white;
    font-weight: bold;
    margin: 0;
    font-family: "OpenSans-Bold";
}

.page-teams .groups-main-container {
    max-width: 1600px;
    margin: 0px auto;
}

.page-teams .groups-main-container-up {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page-teams .groups-main-container-down {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

.page-teams .group-container {
    width: 315px;
    height: 400px;
}

.page-teams .group-container-title {
    width: 60%;
    align-items: flex-start;
    height: 40px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    border-bottom: 2px solid #003c79;
    margin-top: 10px;
}

.page-teams .group-container h2 {
    font-size: 22px;
    color: #003c79;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "OpenSans-Bold";
    margin-bottom: 0px;
    margin-top: 0px;
}

.page-teams #menu-group-a li, .page-teams #menu-group-b li, .page-teams #menu-group-c li, .page-teams #menu-group-d li, .page-teams #menu-group-e li, .page-teams #menu-group-f li, .page-teams #menu-group-g li, .page-teams #menu-group-h li {
    width: 100%;
    height: 75px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 3px #000000B3;
    border: 0.5px solid #000000;
    border-radius: 10px;
    margin: 13px 0px;
}

.page-teams #menu-group-a li img, .page-teams #menu-group-b li img, .page-teams #menu-group-c li img, .page-teams #menu-group-d li img, .page-teams #menu-group-e li img, .page-teams #menu-group-f li img, .page-teams #menu-group-g li img, .page-teams #menu-group-h li img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
}

.page-teams #menu-group-a li a, .page-teams #menu-group-b li a, .page-teams #menu-group-c li a, .page-teams #menu-group-d li a, .page-teams #menu-group-e li a, .page-teams #menu-group-f li a, .page-teams #menu-group-g li a, .page-teams #menu-group-h li a {
    display: flex;
    align-items: center;
    color: black;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    width: 100%;
    height: 100%;
    margin-left: 10px;
    font-family: "OpenSans-Bold";
}

.group-select-container {
    display: none;
}

/* ------------------------------------------------------------------------------- TEAMS PAGE ------------------------------------------------------------ */

/* ------------------------------------------------------------------------------- TEAMS SINGLE PAGE ------------------------------------------------------------ */

.single-teams-page .teams-title {
    height: 100px;
    margin-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.single-teams-page .teams-title h1 {
    font-size: 50px;
    color: white;
    font-weight: bold;
    margin: 0;
    font-family: "OpenSans-Bold";
}

.title-text-container {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0px;
}

.team-and-group-container {
    width: 500px;
    height: 110px;
    margin: 20px auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.single-teams-page .team-name {
    font-size: 50px;
    font-weight: bold;
}

.single-teams-page .group-name {
    font-size: 25px;
    color: #003c79;
}

.team-toggle-container {
    width: 500px;
    height: 70px;
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #969a9f!important;
    overflow:hidden;
    position: absolute;
    z-index: 2;
    cursor: pointer;
}

.single-teams-page #menu-group-a, .single-teams-page #menu-group-b, .single-teams-page #menu-group-c, .single-teams-page #menu-group-d, .single-teams-page #menu-group-e, .single-teams-page #menu-group-f, .single-teams-page #menu-group-g, .single-teams-page #menu-group-h {
    margin: 0!important;
}

.single-teams-page #menu-group-a li:nth-child(1), .single-teams-page #menu-group-b li:nth-child(1), .single-teams-page #menu-group-c li:nth-child(1), .single-teams-page #menu-group-d li:nth-child(1), .single-teams-page #menu-group-e li:nth-child(1), .single-teams-page #menu-group-f li:nth-child(1), .single-teams-page #menu-group-g li:nth-child(1), .single-teams-page #menu-group-h li:nth-child(1) {
    font-size: 50px!important;
    color: #003c79!important;
    font-weight: bold;
    text-align: center;
}

.single-teams-page #menu-group-a li:nth-child(1) a, .single-teams-page #menu-group-b li:nth-child(1) a, .single-teams-page #menu-group-c li:nth-child(1) a, .single-teams-page #menu-group-d li:nth-child(1) a, .single-teams-page #menu-group-e li:nth-child(1) a, .single-teams-page #menu-group-f li:nth-child(1) a, .single-teams-page #menu-group-g li:nth-child(1) a, .single-teams-page #menu-group-h li:nth-child(1) a {
    color: #003c79!important;
    border-bottom: none!important;
    font-family: "OpenSans-Bold";
}

.single-teams-page #menu-group-a li a:hover, .single-teams-page #menu-group-b li a:hover, .single-teams-page #menu-group-c li a:hover, .single-teams-page #menu-group-d li a:hover, .single-teams-page #menu-group-e li a:hover, .single-teams-page #menu-group-f li a:hover, .single-teams-page #menu-group-g li a:hover, .single-teams-page #menu-group-h li a:hover {
    text-decoration: none!important;
}

.single-teams-page #menu-group-a li:nth-child(2), .single-teams-page #menu-group-a li:nth-child(3), .single-teams-page #menu-group-a li:nth-child(4) {
    font-size: 32px!important;
    color: #003c79!important;
    text-align: center;
}

.single-teams-page #menu-group-b li:nth-child(2), .single-teams-page #menu-group-b li:nth-child(3), .single-teams-page #menu-group-b li:nth-child(4) {
    font-size: 32px!important;
    color: #003c79!important;
    text-align: center;
}

.single-teams-page #menu-group-c li:nth-child(2), .single-teams-page #menu-group-c li:nth-child(3), .single-teams-page #menu-group-c li:nth-child(4) {
    font-size: 32px!important;
    color: #003c79!important;
    text-align: center;
}

.single-teams-page #menu-group-d li:nth-child(2), .single-teams-page #menu-group-d li:nth-child(3), .single-teams-page #menu-group-d li:nth-child(4) {
    font-size: 32px!important;
    color: #003c79!important;
    text-align: center;
}

.single-teams-page #menu-group-e li:nth-child(2), .single-teams-page #menu-group-e li:nth-child(3), .single-teams-page #menu-group-e li:nth-child(4) {
    font-size: 32px!important;
    color: #003c79!important;
    text-align: center;
}

.single-teams-page #menu-group-f li:nth-child(2), .single-teams-page #menu-group-f li:nth-child(3), .single-teams-page #menu-group-f li:nth-child(4) {
    font-size: 32px!important;
    color: #003c79!important;
    text-align: center;
}

.single-teams-page #menu-group-g li:nth-child(2), .single-teams-page #menu-group-g li:nth-child(3), .single-teams-page #menu-group-g li:nth-child(4) {
    font-size: 32px!important;
    color: #003c79!important;
    text-align: center;
}

.single-teams-page #menu-group-h li:nth-child(2), .single-teams-page #menu-group-h li:nth-child(3), .single-teams-page #menu-group-h li:nth-child(4) {
    font-size: 32px!important;
    color: #003c79003c79!important;
    text-align: center;
}

.single-teams-page #menu-group-a li:nth-child(2) a, .single-teams-page #menu-group-a li:nth-child(3) a, .single-teams-page #menu-group-a li:nth-child(4) a {
    color: #003c79!important;
    border-bottom: none!important;
}

.single-teams-page #menu-group-b li:nth-child(2) a, .single-teams-page #menu-group-b li:nth-child(3) a, .single-teams-page #menu-group-b li:nth-child(4) a {
    color: #003c79!important;
    border-bottom: none!important;
}

.single-teams-page #menu-group-c li:nth-child(2) a, .single-teams-page #menu-group-c li:nth-child(3) a, .single-teams-page #menu-group-c li:nth-child(4) a {
    color: #003c79!important;
    border-bottom: none!important;
}

.single-teams-page #menu-group-d li:nth-child(2) a, .single-teams-page #menu-group-d li:nth-child(3) a, .single-teams-page #menu-group-d li:nth-child(4) a {
    color: #003c79!important;
    border-bottom: none!important;
}

.single-teams-page #menu-group-e li:nth-child(2) a, .single-teams-page #menu-group-e li:nth-child(3) a, .single-teams-page #menu-group-e li:nth-child(4) a {
    color: #003c79!important;
    border-bottom: none!important;
}

.single-teams-page #menu-group-f li:nth-child(2) a, .single-teams-page #menu-group-f li:nth-child(3) a, .single-teams-page #menu-group-f li:nth-child(4) a {
    color: #003c79!important;
    border-bottom: none!important;
}

.single-teams-page #menu-group-g li:nth-child(2) a, .single-teams-page #menu-group-g li:nth-child(3) a, .single-teams-page #menu-group-g li:nth-child(4) a {
    color: #003c79!important;
    border-bottom: none!important;
}

.single-teams-page #menu-group-h li:nth-child(2) a, .single-teams-page #menu-group-h li:nth-child(3) a, .single-teams-page #menu-group-h li:nth-child(4) a {
    color: #003c79!important;
    border-bottom: none!important;
}


.group-toggle-container {
    width: 500px;
    height: 40px;
    display: flex;
    justify-content: center;
    overflow:hidden;
    position: absolute;
    margin-top: 70px;
    cursor: pointer;
    z-index: 1;
}

.single-teams-page #menu-groups {
    display: flex;
    flex-direction: column;
}

.single-teams-page #menu-groups li {
    font-size: 25px!important;
    color: #003c79!important;
}

.single-teams-page #menu-groups li a {
    color: #003c79!important;
    border-bottom: none!important;
}

.single-teams-page #menu-groups li a:hover {
    text-decoration: none!important;
}

#menu-group-a .fa-chevron-right, #menu-group-a .fa-chevron-down, #menu-group-b .fa-chevron-right, #menu-group-b .fa-chevron-down, #menu-group-c .fa-chevron-right, #menu-group-c .fa-chevron-down, #menu-group-d .fa-chevron-right, #menu-group-d .fa-chevron-down, #menu-group-e .fa-chevron-right, #menu-group-e .fa-chevron-down, #menu-group-f .fa-chevron-right, #menu-group-f .fa-chevron-down, #menu-group-g .fa-chevron-right, #menu-group-g .fa-chevron-down, #menu-group-h .fa-chevron-right, #menu-group-h .fa-chevron-down {
    font-size: 20px;
    position: absolute;
    right: 45px;
    top: 30px;
}

#menu-groups .fa-chevron-right, #menu-groups .fa-chevron-down {
    font-size: 20px;
    position: absolute;
    right: 45px;
    top: 10px;
}

.single-teams-page .teams-main-content-container {
    max-width: 1600px;
    margin: 0 auto;
}

.single-teams-page .team-details div:nth-child(1) p:nth-child(1), .single-teams-page .team-details div:nth-child(2) p:nth-child(1), .single-teams-page .team-details div:nth-child(3) p:nth-child(1), .single-teams-page .team-details div:nth-child(4) p:nth-child(1) {
    font-size: 50px;
    color: #003c79;
    font-weight: bold;
    font-family: "OpenSans-Bold";
}

.single-teams-page .team-details div:nth-child(1) p:nth-child(2), .single-teams-page .team-details div:nth-child(2) p:nth-child(2), .single-teams-page .team-details div:nth-child(3) p:nth-child(2), .single-teams-page .team-details div:nth-child(4) p:nth-child(2) {
    font-size: 25px;
    color: #222222;
    font-weight: bold;
    font-family: "OpenSans-Bold";
}

.single-teams-page .team-details div:nth-child(4) p:nth-child(1) span {
    font-size: 20px;
    color: #003c79;
    font-family: "OpenSans-Regular";
}

.single-teams-page .team-details {
    display: flex;
    justify-content: space-around;
}

.single-teams-page .team-details div {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}

.single-teams-page .team-details div:nth-child(4) p:nth-child(1) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.single-teams-page .team-description {
    margin-top: 20px;
}

.single-teams-page .team-description p span{
    font-size: 25px;
    color: #222222;
}

.single-teams-page .fixtures-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    position: relative;
}

.fixtures-title-container {
    width: 600px;
    border-bottom: 1px solid lightgray;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.single-teams-page .fixtures-title-container .fixtures-title {
    font-size: 40px;
    color: #003c79;
    font-weight: bold;
    font-family: "OpenSans-Bold";
}

.single-teams-page .fixtures-container .matches-inner-container .groups-container {
    width: 530px!important;
    height: 245px;
    padding: 0px 10px;

}

.single-teams-page .match-teams-inner-container .team-name {
    font-size: 19px;
    font-family: "OpenSans-Bold";
}

.single-teams-page .matches-table-container::before {
    background: transparent linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 33%, #FFFFFFB3 69%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
}

.single-teams-page .matches-table-container::after {
    background: transparent linear-gradient(270deg, #FFFFFF 0%, #FFFFFF 33%, #FFFFFFB3 69%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
}

.single-teams-page .slick-current .matches-table-container:after {
    display: none;
}

.single-teams-page .slick-active .matches-table-container:before {
    display: block;
}

.single-teams-page .slick-active .matches-table-container:after {
    display: none;
}

.single-teams-page .slick-active + .slick-slide .matches-table-container::before {
    display: none;
}

.single-teams-page .matches-inner-container .slick-next {
    right: 0px;
    left: auto;
    z-index: 1;
}

.player-to-watch-title {
    color: #003c79;
    font-size: 30px;
    font-weight: bold;
    font-family: "OpenSans-Bold";
}

.player-to-watch-container {
    width: 700px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.player-to-watch-description p {
    font-size: 25px;
    margin-bottom: 20px;
}

.player-to-watch-img {
    margin: 15px 0px;
    width: 600px;
    border-radius: 10px;
    box-shadow: 3px 3px 3px #00000080;
}

.squad-list-container {
    width: 780px;
    display: flex;
    flex-direction: column;
}

.main-content-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.squad-list-title {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #969a9f;
    margin-bottom: 10px;
}

.squad-list-title p {
    font-size: 30px;
    color: #003c79;
    font-weight: bold;
    font-family: "OpenSans-Bold";
}

.player-to-watch-title-container {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid lightgray;
}

.squad-list-names-container {
    background: #F1F1F1 0% 0% no-repeat padding-box;
    width: 235px!important;
    display: flex;
    flex-direction: column;
}
.squad-list-names-container p {
    margin-left: 10px;
    font-size: 19px;
    margin-bottom: 10px;
}

.squad-list-position-container, .squad-list-club-container, .squad-list-age-container, .squad-list-cup-container, .squad-list-goals-container {
    display: flex!important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.squad-list-position-container p, .squad-list-club-container p, .squad-list-age-container p, .squad-list-cup-container p, .squad-list-goals-container p {
    font-size: 19px;
    margin-bottom: 10px;
}

.squad-list-position-container {
    width: 140px!important;
}

.squad-list-names-container h3, .squad-list-position-container h3, .squad-list-club-container h3, .squad-list-age-container h3, .squad-list-cup-container h3, .squad-list-goals-container h3 {
    font-size: 22px;
    color: black;
    font-weight: bold;
    margin: 0;
    width: fit-content;
    margin: 10px auto;
    font-family: "OpenSans-Bold";
}

.squad-list-slick-container {
    display: flex;
    width: 700px;
    position: relative;
    justify-content: space-evenly;
}

.squad-list-content-container {
    display: flex;
}

.squad-list-club-container {
    width: 200px!important;
    background: #eff0f1 0% 0% no-repeat padding-box;
    display: flex;
    flex-direction: column;
}

.squad-list-age-container {
    width: 80px!important;
    display: flex;
    flex-direction: column;
}

.squad-list-cup-container {
    width: 80px!important;
    background: #F1F1F1 0% 0% no-repeat padding-box;
    display: flex;
    flex-direction: column;
}

.squad-list-goals-container {
    width: 80px!important;
    display: flex;
    flex-direction: column;
}

.fixtures-container .matches-inner-container .matches-table-container {
    border: 0.25px solid #000000;
}

.player-to-watch-container img {
    border-radius: 10px;
    width: 100%;
    height: 467px;
    margin-top: 10px;
}

.single-teams-page .matches-inner-container {
    display: block;
}

.single-teams-page .fixtures-match-table-container {
    width: 558px!important;
    border: 1px solid #ffcd00;
    height: 222px!important;
    margin: 5px 8.5px;
    /*background: rgb(5, 28, 51,0.65);*/
}
.player-to-watch-description p span{
    color: #000;
}
.single-teams-page .match-group-details-inner-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 22px;
    border-bottom: 1px dotted black;
}
.groups-table-container:hover *,.groups-table-container:hover .slick-next:before{
    color: #ffcd00!important;
}
.single-teams-page .fixtures-match-table-container .team-flag {
    width: 45px;
    height: 45px;
}

.single-teams-page .fixtures-match-table-container .match-time-remaining {
    font-size: 22px;
}

.single-teams-page .fixtures-match-table-container .match-stadium-details {
    font-size: 17px;
}

.single-teams-page .fixtures-match-table-container .match-dafabet-link {
    width: 127px;
    height: 74px;
}

.single-teams-page .fixtures-match-table-container .match-dafabet-link p {
    font-size: 19px;
    font-family: "OpenSans-Bold";
}

.single-teams-page .stadium {
    font-size: 17px;
}

.single-teams-page #team-fixtures-wrapper {
    display: flex;
    justify-content: space-between;
}

.single-teams-page .team-fixtures::after {
    content: "";
    position: absolute;
    right: -10px;
    bottom: 10px;
    width: 3%;
    height: 100%;
    border-radius: 10px;
    background: transparent linear-gradient(270deg, #FFFFFF 0%, #FFFFFF 33%, #FFFFFFB3 69%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
}

.matches-inner-container-single-teams-pseudo-element {
    content: "";
    position: absolute;
    display: none;
    left: 0px;
    z-index: 1;
    bottom: 10px;
    width: 3%;
    height: 254px;
    border-radius: 10px;
    background: transparent linear-gradient(90deg, #FFFFFF 0%, #FFFFFFB3 69%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
}

.single-teams-page .match-teams-inner-container {
    width: 65%;
}

/* ------------------------------------------------------------------------------- TEAMS SINGLE PAGE ------------------------------------------------------------ */

/* ------------------------------------------------------------------------------- FOOTER ------------------------------------------------------------ */

.footer {
    color: #5e5e5e;
    background: #003c79;
}

.partners-tablet, .partners-mobile {
    display: none;
}

.footer-wrapper {
    background: #e6e7e8;
}

.partners-desktop img {
    width: 100%;
}

.footer .footer-sponsors {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    text-align: center;
    padding: 40px 20px 0;
}

.footer .footer-sponsors .sponsors {
    text-align: center;
    width: 100%;
    margin-bottom: 45px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.sponsors .slide img {
    width: 225px;
    height: 90px;
    padding-right: 45px;
    padding-bottom: 20px;
}

.footer .footer-sponsors .sponsors > img:first-child, .footer .footer-sponsors .sponsors > img:last-child {
    margin-right: 15px;
}
.footer .footer-sponsors .sponsors > img {
    margin: 0 4px 16px;
}

.footer .footer-top {
    padding: 20px;
}

.clearfix:before, .clearfix:after {
    content: ' ';
    display: table;
}

.footer .wrapper {
    width: 40%;
    max-width: 1600px;
    margin: 0 auto;
    line-height: 21px;
}

.footer .footer-top .column {
    float: left;
    width: 33.33333%;
    padding-right: 40px;
    padding-left: 40px;
    color: #373737;
}

#col-follow-us {
    text-align: center;
}

.footer .footer-top .column h3 {
    font-size: 18px;
    margin: 30px 0px;
}

#col-about-dafabet p {
    font-size: 15px;
    line-height: 2;
}

#col-quick-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    width: 50%;
}

#col-quick-links ul li {
    margin: 0 0 20px 0;
}

#col-quick-links ul li a {
    font-size: 15px;
    color: #373737;
}

#col-follow-us .social-media-icons {
    margin-bottom: 50px;
}
.stadium-name-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}
#col-follow-us .social-media-icons a {
    width: 47px;
    height: 47px;
    margin: 0 2px;
    display: inline-block;
    text-indent: -9999px;
}
.icon-facebook {
    background-position: -329px -8px;
}

.icon-twitter {
    background-position: -329px -72px;
}

.icon-youtube {
    background-position: -329px -200px;
}

p.dafabet-partners {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.dafabet-partners span.icon-playtech {
    background-position: -103px -143px;
    display: inline-block;
    width: 153px;
    height: 33px;
}

.dafabet-partners span.icon-bitcoin {
    display: inline-block;
    width: 165px;
    height: 37px;
    margin-top: 30px;
    background-image: url(../html5blank-child/img/bitcoin_Footer.png);
    background-repeat: no-repeat;
}

.sprite {
    background-image: url(../html5blank-child/img/sprite.png);
    background-repeat: no-repeat;
}

.footer .copyright {
    color: #fff;
    padding: 10px 20px;
    font-size: 13px;
    text-align: center;
}
.image-center-div{
    height: 80px;
    text-align: center;
    background: #012951;
    padding: 15px;
}
.image-center-div img,.official-partner-div img{
    height: 100%;
}
.official-partner-div {
    /*height: 150px;*/
    background: #003c79;
    text-align: center;
}
.links-tab {
    width: 290px;
    color: #fff;
}
.links-tab h2{
    border-bottom: 1px solid #fff;
    padding-bottom: 5px
}
.links-and-social {
    display: flex;
    background: #003c79;
    justify-content: space-evenly;
    gap: 50px;
}
.links-tab a{
    color: #fff!important;
}
.links-tab h2{
    font-size: 15px;
}
.links-tab ul{
    font-size: 12px;
    margin-top: 5px;
}
.links-tab:last-child ul{
    display: flex;
    gap: 30px;
    text-align: center;
}
.links-tab:last-child h3{
    font-size: 11px;
    padding-top: 5px;
}
.links-tab li {
    padding: 2px;
}
footer hr{
    height: 1px;
    border-width: 0;
    background-color: #165595;
    width: 88%;
    margin: 20px auto;
}
/* ------------------------------------------------------------------------------- FOOTER ------------------------------------------------------------ */

/* ------------------------------------------------------------------ SIDENAV MOBILE MENU ------------------------------------------------------------ */

nav.head-nav.mobile-content {
    display: none;
}

.ma5-toggle-menu {
    border-color: #ffffff !important;
    color: #ffffff !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
}

.ma5-toggle-menu:hover, .ma5-toggle-menu:focus, .ma5-toggle-menu:active {
    border-color: #333 !important;
    background-color: #ffe000 !important;
    color: #333 !important;
}

.ma5-menu-header {
    display: none;
    background-color: #003c79;
}

.ma5-menu-header .logo-mobi {
    display: none;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.sidenav {
    height: 100%;
}

.sidenav header {
    background-color: #003c79;
    height: 60px;
    margin-bottom: 20px;
}

.sidenav span {
    color: #003c79;
    font-weight: 700;
    display: inline-block;
    font-size: 18px;
    font-family: "OpenSans-Bold";
}

.sidenav li > a {
    padding-left: 7px;
}

.sidenav li > a:hover {
    background-color: unset !important;
}

.sidenav .menu-item {
    padding-left: 50px;
    padding-bottom: 7px;
}

.sidenav .current-menu-item a {
    border-bottom: none;
}

.sidenav .fa {
    right: 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    top: 5px;
}

.sidenav .fa-chevron-right {
    position: absolute;
    font-size: 13px;
}

.sidenav #active-menu-line {
    position: relative;
    border-bottom: 1px solid #003c79;
    top: -10px;
}

.sidenav #active-menu-highlight {
    position: absolute;
    top: 5px;
    left: -20px;
    background: transparent linear-gradient(90deg, #003c79 0%, #450C1D87 100%) 0% 0% no-repeat padding-box;
    height: 38px;
    z-index: -1;
    width: 210px;
}

.sidenav .divider {
    display: none;
}

.rotate {
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

.rotate.down {
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
}

.sidenav .menu-item-has-children ul li a span {
    font-size: 12px;
    padding-left: 0;
    font-weight: 100;
    font-family: 'OpenSans-Regular';
}

.sidenav .menu-item .nav-list .menu-item {
    padding-left: 40px;
}

.sidenav .menu-item .nav-list .menu-item a {
    height: 30px;
}

.sidenav .menu-item-has-children ul .current-menu-item a span {
    color: #ffffff;
}

.sidenav li ul li ul li a span {
    padding-left: 35px !important;
}

.sidenav .language-ticker {
    left: -50px;
    top: 25px;
    position: relative;
}

.sidenav .lang-select {
    padding-bottom: 40px;
}

.sidenav .lang-trigger .tpl-arw-lang {
    top: 10px;
}

.sidenav .close {
    position: absolute;
    left: -14px;
    color: #ffffff;
    font-size: 20px;
    opacity: 1;
}

.sidenav .close:hover {
    color: #fcd700;
}

.mobile-navigation .fa-bars:before {
    font-size: x-large;
}

.mobile-navigation {
    position: sticky;
    top: 0px;
    z-index: 2;
}

.sidenav .logo-mobi {
    width: 150px;
    top: 15px;
}

.collapse.in {
    display: inline-block;
}

.sidenav .menu-item-has-children a span .parent-menu-title {
    pointer-events: none;
}

/* ------------------------------------------------------------------ SIDENAV MOBILE MENU ------------------------------------------------------------ */

/* -------------------------------------------------------------------- STADIUMS PAGE ------------------------------------------------------------ */
.stadium-header img {
    height: 600px;
    width: 100%;
}

.stadium-name {
    width: 40%;
    margin: 0 auto;
}

.stadium-name h1 {
    text-align: center;
    font-size: 45px;
    font-weight: 700;
    color: #003c79;
    font-family: "OpenSans-Bold";
    margin-top: 20px!important;
    margin-bottom: 30px!important;
}

.stadium-name hr.divider {
    margin: 0 auto;
    width: 90%;
    position: relative;
    top: -25px;
}

.stadium-location {
    margin: 0 auto;
    width: 35%;
    position: relative;
    top: -20px;
}

.stadium-location h2 {
    text-align: center;
    font-size: 24px;
    position: relative;
    color: #003c79;
}

.stadium-description {
    width: 82%;
    margin: 0 auto;
    font-size: 24px;
    font-weight: 300;
        color: #222222;
}
.stadium-description span {
        color: #222222!important;
}
.stadium-featured-images {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 340px;
    align-items: center;
    max-width: 1460px;
    margin: 0 auto;
}

.stadium-featured-images .image-slider-item {
    position: relative;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 470px!important;
    height: 280px;
}

.stadium-featured-images .image-slider-item img {
    border-radius: 12px;
    box-shadow: 16px 17px 10px -15px black, 3px 0px 8px -8px black;
    width: 455px;
}

.stadium-featured-images .description {
    float: right;
    font-size: 17px;
    background: rgba(5,28,51, 0.8);
    padding-left: 70px;
    padding-right: 70px;
    padding-top: 10px;
    padding-bottom: 55px;
    color: #ffffff;
    top: 20px;
    right: 8px;
    font-weight: 700;
    position: absolute;
    line-height: 20pt;
}
.stadium-featured-images .image-slider-item:hover *{
    color:#ffcd00 ;
}
.stadium-featured-images .description span {
    font-size: 15px;
    font-weight: 100;
    position: absolute;
    right: 75px;
}

.stadium-matches {
    width: 765px;
    margin: 30px auto;
    margin-top: 0;
}

.stadium-matches h1 {
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    color: #003c79;
    font-family: "OpenSans-Bold";
    margin-bottom: 20px!important;
}

.stadium-matches hr.divider {
    margin: 0 auto;
    width: 90%;
    position: relative;
    top: -20px;
}

.stadium-map {
    width: 90px;
    height: 90px;
    position: absolute;
    display: block;
    right: 65px;
    top: 30px;
    cursor: pointer;
    background: rgba(1,41,81, 0.5);
    margin: 0 auto;
    text-align: center;
    border-radius: 80px;
    border: 1px solid #b6b6b6;
}

.map-icon {
    height: 50px !important;
    width: 60px !important;
    width: 20%;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    top: -10px;
    filter: invert(1);
}

.map-icon:hover {
    transition: all .5s ease;
    transform: scale3d(1.2, 1.2, 1.2);
}

.stadium-map-frame {
    position: absolute;
    left: -432px;
    display: none;
}

.stadium-map iframe {
    border-radius: 20px;
    width: 530px;
    height: 400px;
    border: 0;
}

.stadium-map-frame .close {
    height: 50px;
    width: 50px;
    border: 1px solid #ffffff;
    background: rgb(0, 0, 0, .4);
    font-size: 27px;
    border-radius: 50px;
    position: absolute;
    right: 0;
    margin-top: 10px;
    margin-right: 15px;
    color: #ffffff;
    text-shadow: none;
    opacity: 1;
    line-height: 33pt;
    display: none;
}

i.fa.fa-times-thin.fa-2x {
    line-height: 33pt;
    letter-spacing: 1pt;
}

i.fa.fa-times-thin.fa-2x:before {
    content: '\00d7';
}

.stadium-map-frame-mobi {
    display: none;
}

#stadium-selection-box {
    margin: 0 auto;
    width: 90%;
    display: block;
    text-align: center;
    margin-top: -50px;
    position: relative;
    top: -40px;
}

#stadium-selection-box ul li {
    display: inline-block;
    padding-right: 3px;
}

#stadium-quick-nav {
    position: relative;
    width: 100%;
   /* margin-top: -75px;*/
}

.stadium-thumbnail {
    position: relative;
    display: inline-grid;
}

.stadium-thumbnail .stadium-name {
    width: 96%;
    position: absolute;
    top: 77px;
    background: rgba(5,28,51, 0.8);
    padding: 2px 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    color: #ffffff;
    letter-spacing: .4pt;
}

.stadium-thumbnail img {
    width: 185px;
    height: 110px;
    border-radius: 12px;
    box-shadow: 8px 6px 10px -15px black, 3px 10px 8px -8px black;
}

#stadium-selection li a.active .stadium-thumbnail img {
    border: 3px solid #ffffff;
}

.stadium-featured-images-shadow-effect {
    width: 5px;
    background-color: #ffffff;
    height: 260px;
    position: absolute;
    right: 0;
    z-index: 1;
    box-shadow: 0px 0px 20px 10px #ffffff;
}

.stadium-matches .tab {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

.stadium-matches .tab button {
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 15px 30px;
    font-size: 32px;
    margin: 0 auto;
    text-align: center;
    width: 50%;
    display: inline-block;
    font-weight: 700;
    color: #bababa;
    background: #003C7A;
    transition: 0.3s;
    border-top-right-radius: 17px;
    border-top-left-radius: 17px;
}

.stadium-matches .tab button.active {
    color: #000000;
    border: 2px solid #d5d5d5;
}

.stadium-matches .tab #groups.active {
    border-left: none;
    border-bottom: none;
    border-top-right-radius: 17px;
}

.stadium-matches .tab #groups.active ~ #knockouts {
    border-bottom: 2px solid #d5d5d5;
    font-family: "OpenSans-Bold";
}

.stadium-matches .tab #knockouts.active {
    border-right: none;
    border-bottom: none;
    border-top-left-radius: 17px;
    background: #022952;
    color: #ffe000;
}
.stadium-matches .tab #groups.active{
    background: #022952;
    color: #ffe000;
}

.stadium-matches .tab #groups:not(.stadium-matches .tab #knockouts.active) {
    border-bottom: 2px solid #d5d5d5;
}

.stadium-matches .tab #groups.active:not(.stadium-matches .tab #knockouts.active) {
    border-bottom: none;
    font-family: "OpenSans-Bold";
}

/*.stadium-matches .tab button:focus {
    background-color: unset !important;
}*/

.stadium-matches .tabcontent {
    display: none;
    width: 100%;
    margin: 0 auto;
    background: #022952;
}

.stadium-matches .tab.active {
    color: unset;
    border-bottom: unset;
    display: block !important;
}

.stadiums-page .match-group-details-inner-container {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #fff;
}

.stadiums-page .match-group-details-inner-container, .stadiums-page .fixtures-match-table-container .match-time-remaining {
    font-size: 22px;
}

.stadiums-page .fixtures-match-table-container .stadium {
    font-size: 17px;
}

.stadiums-page .fixtures-match-table-container {
    height: 235px!important;
    width: 100%;
    margin-bottom: 15px;
}

.stadiums-page .fixtures-match-table-container .team-flag {
    width: 60px;
    height: 60px;
}

.stadiums-page .fixtures-match-table-container .match-team-a, .stadiums-page .fixtures-match-table-container .match-team-b {
   margin: 0;
}

.stadiums-page .fixtures-match-table-container .team-name {
    font-size: 25px;
    font-family: "OpenSans-Bold";
}

.stadiums-page .fixtures-match-table-container .match-dafabet-link {
    width: 127px;
    height: 74px;
}

.stadiums-page .fixtures-match-table-container .match-dafabet-link p {
   font-size: 19px;
   font-family: "OpenSans-Bold";
}

.stadiums-page #stadium_groups_matches_section, .stadiums-page #stadium_knockouts_matches_section {
    /*margin-top: 30px;*/
    padding: 15px;
}

.stadiums-page .fixtures-match-table-container .handicap-1, .stadiums-page .fixtures-match-table-container .handicap-2 {
    font-size: 25px;
}

.stadiums-page .fixtures-match-table-container .handicap-2 {
    margin-left: 15px;
}
.fixtures-match-table-container:hover *:not(.match-dafabet-link p){
    color: #ffcd00!important;
} 
/* -------------------------------------------------------------------- STADIUMS PAGE ------------------------------------------------------------ */

body.single-fixtures .fixtures-match-table-container .match-time-remaining ,
body.single-fixtures .stadium,
body.single-fixtures .handicap-1,
body.single-fixtures .handicap-2,
body.single-fixtures .match-teams-inner-container .team-name {
   /* color: #000;*/
}

body.page-template-page-groups .groups-page-table-container .groups-table th ,
body.single-fixtures .groups-page-table-container .groups-table th ,
body.page-template-page-groups .groups-table td span ,
body.single-fixtures .groups-table td span { 
    color: #000;
}
body.page-template-page-groups .groups-table .fixtures-match-table-container .stadium,
body.page-template-page-groups .groups-table .fixtures-match-table-container .match-time-remaining,
body.page-template-page-groups .groups-table .fixtures-match-table-container .handicap-1,
body.page-template-page-groups .groups-table .fixtures-match-table-container .handicap-2{
	color: #fff;
}

/* -------------------------------------------------------------------- LOADER ------------------------------------------------------------ */

#groups_matches_loader {
    background: url('img/loading.svg') no-repeat center center;
    width: 65px;
    height: 100px;
    margin: 20px auto;
    display: none;
}

#team-fixtures-section-loader {
    background: url('img/loading.svg') no-repeat center center;
    width: 65px;
    height: 100px;
    margin: 20px auto;
    display: none;
}

#stadium-matches-section-loader {
    background: url('img/loading.svg') no-repeat center center;
    width: 65px;
    height: 100px;
    margin: 20px auto;
    display: none;
}