/* @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700|Teko:300,500); */

html, body { padding: 0px; margin: 0px; position: relative; float: left; width: 100%; min-height: 100%; box-sizing: border-box; }
body { /* padding-top: 157px; padding-bottom: 87px; */ background: transparent url("../images/bg-new.png") center top no-repeat; background-size: cover; }

body .zoom { zoom: .75; /* all browsers */-moz-transform: scale(0.75);  /* Firefox */ }
.zoom { zoom: 75%; }

/* Classes */
.teko-medium, .teko-light { font-family: "Teko", arial, verdana; }
.teko-light { font-weight: 300; }
.teko-medium { font-weight: 500; }
.opensans, .opensans-bold { font-family: "Open Sans", arial, verdana; }
.opensans { font-weight: 400; }
.opensans-bold { font-weight: 700; }
.blue { color: #065e9b !important; }
.gray { color: #333333 !important; }
.white { color: #fff !important; }
.red-btn { padding: 3px 20px; color: #fff !important; background: #ef4123 !important; font: 300 26px "Teko", arial, verdana !important; border: 2px solid #c7ccd0; border-radius: 13px; text-decoration: none !important; cursor: pointer; }
.red-btn:hover { font: 300 26px "Teko", arial, verdana; }
.green-btn { padding: 3px 20px; color: #fff !important; background: #018b3e !important; font: 300 26px "Teko", arial, verdana !important; border: 2px solid #c7ccd0; border-radius: 13px; text-decoration: none !important; cursor: pointer; }
.green-btn:hover { font: 300 26px "Teko", arial, verdana; }

/* DEFAULT CLASS */
.mobile-only { display: none !important; }
.center-wrapper { float: left; clear: left; width: 100%; height: 100%; position: relative; }
.center-wrapper .center-table { display: table; width: 100%; height: 100%; }
.center-wrapper .center-table-width { display: table; width: 100%; }
.center-wrapper .center-table-column { display: table-cell; vertical-align: middle; text-align: center; }
.center-wrapper .center-inner-wrapper { float: left; clear: left; width: 100%; /* height: 100%; */ } 

/* DEFAULT FOR PRELAUNCH */
.prelaunch { display: block; }
.postlaunch { display: none; }
.prelaunch.live-ready { display: none; }
.postlaunch.live-ready { display: block; }
.postlaunch.col-xs-12, .postlaunch.col-md-12, .postlaunch.col-sm-12 { padding: 0px !important; }

/* MAIN DEFAULT CLASS */
.default-content-wrapper { padding-top: 175px; padding-bottom: 125px; float: left; clear: left; width: 100%; background: #fff; }
.default-content-title,
.default-secondary-title { margin: 0px; padding: 0px; float: left; clear: left; width: 100%; font-size: 40px; }
.default-secondary-title { margin-bottom: 24px; font-size: 30px; }
.main-title { margin-bottom: 70px; }

/* HEADER AREA */
.header-wrapper { z-index: 100000; position: fixed; top: 0px; left: 0px; padding: 16px 0px; float: left; clear: left; width: 100%; background: #fff; border-bottom: 1px solid #0a568d; }
#header-logo { display: inline-block; float: left; text-decoration: none; border: 0px; }
#header-logo img, #header-logo span { float: left; }
#header-logo span.logo-title { margin-top: 10px; margin-left: 15px; font-size: 40px; }
#home-navigation, #home-navigation li { margin: 0px; padding: 0px; float: right; text-transform: uppercase; list-style: none; }
#home-navigation { margin-top: 18px; }
#home-navigation li { position: relative; float: left; margin-left: 30px; }
#home-navigation li a { display: block; float: left; clear: left; width: 100%; font: 300 26px "Teko", arial, verdana; color: #333333; text-decoration: none; }
#home-navigation a#home { width: 48px; }
#home-navigation a#matches { width: 78px; }
#home-navigation a#groups { width: 66px; }
#home-navigation a#betting { width: 68px; }
#home-navigation a#members { width: 82px; }
#home-navigation a#live { width: 35px; }
#home-navigation a#videos { width: 60px; }
#home-navigation li a:hover, 
#home-navigation li.selected a,
#home-navigation li.selected li a:hover { font-weight: 500; color: #065e9b; }
#home-navigation li.selected li a { font-weight: 300; color: #333333; }
#home-navigation li.multilevel { padding-right: 18px; background: transparent url("../images/navigation-down-arrow.png") right center no-repeat; }
#home-navigation li.multilevel ul.additional-navigation,
#home-navigation li.multilevel ul.additional-navigation li { margin: 0px; padding: 0px; float: left; clear: left; list-style: none; }
#home-navigation li.multilevel ul.additional-navigation { display: none; position: absolute; top: 100%; left: -22px; padding: 0px 18px; width: 110px; background: #fff; }
#home-navigation li.multilevel.live ul.additional-navigation { left: -53px; width: 140px; }
#home-navigation li.multilevel:hover ul.additional-navigation { display: block; }
#home-navigation li.multilevel ul.additional-navigation li { padding: 5px 0px; width: 100%; }
#home-navigation li.multilevel ul.additional-navigation li.border { border-top: 1px solid #c7ccd0; }
#home-navigation li.multilevel ul.additional-navigation a { text-align: center; }
.header-wrapper #bet-legally { position: absolute; right: 0px; top: 0px; height: 100%; }

/* MOBILE NAVIGATION */
.js .nav-collapse { position: absolute; display: block; max-height: 0; clip: rect(0 0 0 0); zoom: 1; } /* overflow: hidden; */
.nav-collapse.opened { max-height: 9999px; }
.disable-pointer-events { pointer-events: none !important; }
.mask { z-index: 2; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0, .5); opacity: 0; visibility: hidden; transition: opacity 300ms; -webkit-transition: opacity 300ms; -moz-transition: opacity 300ms; }
.android .mask { transition: none; -webkit-transition: none; }
.js-nav-active .mask { opacity: 1; visibility: visible; }
.fixed { position: fixed; top: 0; left: 0; width: 100%; }
.nav-collapse,
.nav-collapse * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.nav-collapse, .nav-collapse ul,
.nav-collapse li { float: left; width: 100%; list-style: none; }
.nav-collapse a { float: left; width: 100%; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.nav-collapse a:active,
.nav-collapse .active a { background: #b73214; }
.nav-toggle { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
.nav-toggle { position: relative; width: 60px; height: 55px; float: right; text-indent: -300px; text-decoration: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow: hidden; }
.nav-toggle.active:before { font-size: 24px; }

/* COUNTDOWN AREA */
.countdown-wrapper { float: left; clear: left; width: 100%; display: inline-block; text-align: center; }
.time-remaining-wrapper { padding: 10px; display: inline-block; background: #fff; border-radius: 10px; }
.hasCountdown { float: left; clear: left; width: 100%; background: transparent !important; border: 0px !important; }
.date-counter-wrapper,
.time-counter-wrapper { padding: 15px; float: left; border-radius: 10px; }
.date-counter-wrapper { margin-right: 10px; background: #bf000d; }
.time-counter-wrapper { background: #065e9b; }
.time-counter-wrapper .digits-wrapper { float: left; width: 90px; }
.time-counter-wrapper .divider { margin: 0px 15px; float: left; color: #0d3860; font-size: 140px; line-height: 120px; }
.time-remaining-wrapper .digit, .time-remaining-wrapper .label { float: left; width: 100%; color: #fff; text-align: center; }
.time-remaining-wrapper .digit { margin-top: 40px; font-size: 140px; line-height: 60px; }
.time-remaining-wrapper .label { margin: 0px; margin-top: 10px; padding: 0px; clear: left; font-size: 30px; text-align: center; }

/* HOME OTHERS */
.higlights-title { margin: 0px; font-size: 30px; text-align: center; }
.home-video-wrapper { margin-top: 0px !important; float: left; clear: left; width: 100%; }

/* BANNERS AREA */
.banners-wrapper { padding-top: 100px; float: left; clear: left; width: 100%; height: 604px; }
.banners-wrapper .banner-logo { margin-top: 22px; margin-right: 15%; float: right; }

/* SCORES AREA */
.scores-wrapper { float: left; clear: left; width: 100%; height: 190px; background: transparent url("../images/scores-bg.png") left top repeat-x; }

/* HOME CONTENT AREA */
.home-content-wrapper { padding-top: 30px; padding-bottom: 40px; float: left; clear: left; width: 100%; background: #fff; }
.highlights-wrapper a#signup-btn,
.buttons-wrapper a { display: block; float: left; clear: left; width: 100%; text-decoration: none; border: 0px; cursor: pointer; }
.highlights-wrapper a#signup-btn img, 
.buttons-wrapper a img { float: left; width: 100%; }
.home-info-wrapper h3 { padding: 0px; margin: 0px; font-size: 40px; text-align: center; }
.home-info-wrapper p { font-size: 15px; text-align: justify; }
.buttons-wrapper a#calendar-btn { margin-top: 10px; }

/* GROUPS PAGE AREA */
.groups-content-wrapper { padding: 70px 10px; padding-top: 170px; float: left; clear: left; width: 100%; background: rgba(26, 26, 26, 0.9); }
.groups-widget-wrapper { float: left; clear: left; width: 100%; }
.wc-widget{ width: 100%; overflow: hidden; }
.groups-content-wrapper .sr-tab-content { height: 150px !important; }
.groups-content-wrapper td, .groups-content-wrapper th,
.groups-content-wrapper span { color: #fff; }

/* VIDEOS PAGE AREA */
.videos-content-wrapper { padding-top: 175px; padding-bottom: 125px; float: left; clear: left; width: 100%; background: #fff; }
.videos-content-title { margin: 0px; padding: 0px; float: left; clear: left; width: 100%; font-size: 40px; text-align: center; }
#videos-list, #videos-list li { float: left; list-style: none; }
#videos-list { padding: 0px; clear: left; width: 100%; }
.home-video-wrapper,
#videos-list li { margin-top: 20px; }
.home-video-wrapper a,
#videos-list li a { display: block; position: relative; float: left; width: 100%; text-decoration: none; border-radius: 10px; border: 0px; cursor: pointer; }
.home-video-wrapper a .play-button,
#videos-list li a .play-button { position: absolute; right: 10px; top: 10px; }
.home-video-wrapper a .blue-gradient,
#videos-list li a .blue-gradient { position: absolute; right: 0px; bottom: 0px; height: 100%; width: 100%; background: transparent url("../images/blue-gradient.png") left bottom repeat-x;  border-radius: 10px; opacity: 0.7; }
.home-video-wrapper a .image-wrapper,
#videos-list li a .image-wrapper { float: left; clear: left; width: 100%; border-radius: 10px; }
.home-video-wrapper a .image-wrapper img,
#videos-list li a .image-wrapper img { float: left; width: 100%; }
.home-video-wrapper a .video-details,
#videos-list li a .video-details { position: absolute; left: 0px; bottom: 10px; width: 100%; }
.home-video-wrapper a .video-details p,
#videos-list li a .video-details p { margin: 0px; padding: 0px 10%; font-size: 23px; width: 100%; }

/* LIVE VENUES PAGE */
.venues-wrapper { margin-bottom: 30px; float: left; clear: left; width: 100%; }
.venues-wrapper .venues-title { margin: 0px; padding: 0px; float: left; clear: left; width: 100%; font-size: 26px; }
.venues-wrapper .venues-details { float: left; clear: left; width: 100%; font-size: 14px; line-height: 20px; }

/* MEMBERS PAGE */
.second-title { margin-top: 70px; }

/* FOOTER AREA */
.footer-wrapper, .footer-content-wrapper,
.copyright-wrapper { float: left; clear: left; width: 100%; }
.footer-wrapper { padding-top: 10px; padding-bottom: 50px; background: #fff; }
.play-responsible, .footer-content { padding-top: 0px; padding-bottom: 0px; }
.play-responsible { float: left; }
.play-responsible img { display: inline-block; float: left; width: 85%; }
.footer-content { float: right; }
.footer-content p { margin: 0px; padding: 0px; float: left; font-size: 12px; }
.copyright-wrapper { margin-top: 15px; padding: 15px 0px; background: #eef0f1; }
.copyright-wrapper p { margin: 0px; padding: 0px; float: left; font-size: 11px; }


/* Landscape tablet and smaller screens 1024 */
@media screen and (min-width: 769px) {
    
        /* ------------------------------------------
            RESPONSIVE NAV STYLES
        --------------------------------------------- */
        .js .nav-collapse { position: relative; }
        .js .nav-collapse.closed { max-height: none; }
        .nav-toggle { display: none; }

        /* ------------------------------------------
            MASK
        --------------------------------------------- */
        .mask { display: none !important; opacity: 0 !important; }

        /* ------------------------------------------
            NAVIGATION STYLES
        --------------------------------------------- */
        .nav-collapse { float: right; width: auto; }
        .nav-collapse li { width: auto; } 
}
@media screen and (max-width: 768px) {

        /* UPDATE ON SOME PARTS */
        .mobile-only { display: block !important; }
        .desktop-only { display: none !important; }
        
        /* HEADER AREA */
        .header-wrapper { z-index: 1000; position: fixed; padding-top: 0px; background: transparent; border-bottom: 0px; }
        #home-navigation li { margin-bottom: 20px; display: inline-block; text-align: center; }
        #home-navigation li a { float: none; display: inline-block; width: auto !important; }
        #home-navigation li.multilevel ul.additional-navigation { position: relative; }
        .js-nav-active .header-wrapper { background: #fff; }
        .header-wrapper #bet-legally { height: 140px; }
        .js-nav-active #bet-legally { display: none; }
        .header-wrapper a#header-logo,
        .nav-toggle { z-index: 1000; position: absolute; left: 3%; top: 0px; display: block; float: left; width: 76px; height: 94px; background: transparent url("../images/mobile-header-logo.png") left top no-repeat; } /* border-radius: 10px; -webkit-box-shadow: 0px 0px 12px 3px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 12px 3px rgba(0,0,0,0.75); box-shadow: 0px 0px 12px 3px rgba(0,0,0,0.75); */
        .js-nav-active .nav-toggle { top: 5%; width: 20px; height: 20px; background: transparent url("../images/mobile-close.png") center center no-repeat; background-size: cover; }
}

/* Landscape phone to portrait tablet */
@media screen and (min-width: 769px){
    
        .time-remaining-wrapper.col-xs-12,
        .date-counter-wrapper.col-xs-3, .time-counter-wrapper.col-xs-9 { width: auto; }
        .time-remaining-wrapper.col-xs-12 { float: none; }
        .countdown-timer.col-xs-12 { padding: 0px; }
}
@media screen and (max-width: 768px) {
        
        /* MAIN AREA */
        body { padding-top: 0px; padding-bottom: 0px; background: #fff url("../images/mobile-bg.png") center top no-repeat; background-size: 100%; }
        
        /* BANNERS AREA */
        .banners-wrapper { padding-top: 0px; height: 430px; }
        .banners-wrapper .banner-logo { margin-right: auto; margin-left: auto; float: none; width: 50%; }
        .banners-wrapper .banner-logo img { width: 100%; }
        
        /* COUNTDOWN AREA */
        .time-remaining-wrapper { width: 100%; }
        .countdown-wrapper.col-xs-12, .countdown-timer.col-xs-12,
        .date-counter-wrapper.col-xs-3, .time-counter-wrapper.col-xs-9 { padding: 0px; }
        .date-counter-wrapper { width: 23%; margin-right: 2%; }
        .time-counter-wrapper .digits-wrapper { width: 115px; }
        .time-counter-wrapper .divider { margin: 0px 10px; font-size: 173px; line-height: 150px; }
        .time-remaining-wrapper .digit { margin-top: 40px; font-size: 173px; line-height: 90px; }
        .time-remaining-wrapper .label { margin-top: 10px; font-size: 37px; }

        /* HOME CONTENT AREA */
        .home-content-wrapper { padding-top: 30px; padding-bottom: 40px; }
        .highlights-wrapper { margin-bottom: 30px; }
        .buttons-wrapper a#calendar-btn { margin-top: 10px; }
        .home-info-wrapper.mobile-only { margin-top: 30px; }
        
        /* GROUPS PAGE AREA */
        .groups-content-wrapper { background: #1a1a1a; }
        .wc-widget { height: 100%; }
        .sr-widgets-scl-groupstage.sr-widgetHeight-auto.sr-small .sr-livetables-scroller-container { height: 190px; }
        .sr-widgets-scl-groupstage.sr-widgetHeight-auto.sr-small .sr-fixtures-container { height: 339px; }
        .sr-widgets-scl-groupstage.sr-widgetHeight-auto.sr-small .sr-fixtures-container { height: 325px; }
        
        /* VIDEOS AREA */
        #videos-list li a .video-details p { padding: 0 5%; font-size: 42px; }
        
        /* FOOTER AREA */
        .footer-wrapper { padding-bottom: 0px; }
        .play-responsible { margin-bottom: 40px; display: inline-block; text-align: center; }
        .play-responsible img { float: none; }
}

/* Landscape phone to portrait tablet */
@media screen and (max-width: 736px ) {

}
@media screen and (max-width: 695px ) {

        .time-counter-wrapper .digits-wrapper { width: 105px; }
        .time-counter-wrapper .divider { margin: 0px 10px; font-size: 160px; line-height: 140px; }
        .time-remaining-wrapper .digit { margin-top: 40px; font-size: 160px; line-height: 80px; }
        .time-remaining-wrapper .label { margin-top: 10px; font-size: 37px; }
}	

@media screen and (max-width: 667px){	

        
}
@media screen and (max-width: 640px){	
    
        .time-counter-wrapper .digits-wrapper { width: 100px; }
        .time-counter-wrapper .divider { margin: 0px 10px; font-size: 160px; line-height: 140px; }
        .time-remaining-wrapper .digit { margin-top: 40px; font-size: 160px; line-height: 80px; }
        .time-remaining-wrapper .label { margin-top: 10px; font-size: 37px; }
}
@media screen and (max-width: 580px) {

        .time-counter-wrapper .digits-wrapper { width: 93px; }
        .time-counter-wrapper .divider { margin: 0px 10px; font-size: 130px; line-height: 140px; }
        .time-remaining-wrapper .digit { margin-top: 40px; font-size: 130px; line-height: 60px; }
        .time-remaining-wrapper .label { margin-top: 10px; font-size: 33px; }
}

/* Landscape phones and down */
@media screen and (max-width: 568px) {
    
        .time-counter-wrapper .digits-wrapper { width: 90px; }
        .time-counter-wrapper .divider { margin: 0px 10px; font-size: 125px; line-height: 135px; }
        .time-remaining-wrapper .digit { margin-top: 40px; font-size: 125px; line-height: 55px; }
        .time-remaining-wrapper .label { margin-top: 10px; font-size: 33px; }
}
@media screen and (max-width: 480px) {
      
        .time-counter-wrapper .digits-wrapper { width: 73px; }
        .time-counter-wrapper .divider { margin: 0px 10px; font-size: 95px; line-height: 115px; }
        .time-remaining-wrapper .digit { margin-top: 40px; font-size: 95px; line-height: 35px; }
        .time-remaining-wrapper .label { margin-top: 10px; font-size: 30px; }
}

@media screen and (max-width: 420px) {

}
@media screen and (max-width: 414px){
    
        .time-counter-wrapper .digits-wrapper { width: 65px; }
        .time-counter-wrapper .divider { margin: 0px 3px; font-size: 90px; line-height: 95px; }
        .time-remaining-wrapper .digit { margin-top: 30px; font-size: 90px; line-height: 35px; }
        .time-remaining-wrapper .label { margin-top: 10px; font-size: 20px; }
}
@media screen and (max-width: 375px){
    
        .time-counter-wrapper .digits-wrapper { width: 55px; }
        .time-counter-wrapper .divider { margin: 0px 3px; font-size: 80px; line-height: 95px; }
        .time-remaining-wrapper .digit { margin-top: 30px; font-size: 80px; line-height: 35px; }
        .time-remaining-wrapper .label { margin-top: 10px; font-size: 20px; }
}
@media screen and (max-width: 360px){
    
        .time-counter-wrapper .digits-wrapper { width: 50px; }
        .time-counter-wrapper .divider { margin: 0px 3px; font-size: 80px; line-height: 85px; }
        .time-remaining-wrapper .digit { margin-top: 30px; font-size: 80px; line-height: 35px; }
        .time-remaining-wrapper .label { margin-top: 10px; font-size: 20px; }
}
@media screen and (max-width: 340px){
    
         .time-counter-wrapper .digits-wrapper { width: 48px; }
        .time-counter-wrapper .divider { margin: 0px 3px; font-size: 70px; line-height: 85px; }
        .time-remaining-wrapper .digit { margin-top: 20px; font-size: 70px; line-height: 35px; }
        .time-remaining-wrapper .label { margin-top: 10px; font-size: 20px; }
}