/*======================== 1 SECTION RESET ========================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article,
aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio,
video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; } blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
ins { text-decoration: none; } del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none; background: transparent; text-transform: uppercase;}
a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; text-decoration: none; }
svg:not(:root) { overflow: hidden; } img { border: 0; }
button,	input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; max-width: 100%;}
html { font-family: sans-serif; -ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%; height: 100%; background-color: transparent;}
.clearfix:before, .clearfix:after { content: " "; display: table;}
.clearfix:after { clear: both;} .clearfix { *zoom: 1;}
* {	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;		-o-box-sizing: border-box;
	box-sizing: border-box;	}
/*======================== END OF 1 SECTION RESET ========================*/


/*======================== 2 SECTION TYPOGRAPHY ========================*/
@font-face {
	font-family: 'akrobat';
	src: url('../fonts/Akrobat-Regular.otf') format('opentype');
}

@font-face {
	font-family: 'akrobat_bold';
	src: url('../fonts/Akrobat-Bold.otf') format('opentype');
}
/*======================== 2 SECTION TYPOGRAPHY ========================*/

/*======================== 3 SECTION INITIAL SETTING AND SHARE RESOURCE ========================*/
html, body, *{font-family: 'akrobat'; font-size: 16px;}
html, body{	width: 100%; height: 100%; color: #fff;}
.body_background {
	content: '';
	width: 100%;
	height: 100%;
	position: fixed;
	background-position: top;
	background-size: cover;
	z-index: -1;
	background-color: #aaa;
}
input{ border: none; outline: none; box-shadow: none; }
.div-image, div, span, .is-image, *[class*="ic-"], *[class*="ic_"], :after, :before{background-position: center; background-size: contain; background-repeat: no-repeat;}
/*======================== 3 SECTION INITIAL SETTING AND SHARE RESOURCE ========================*/

.header_wrapper{
	width: 100%;
	/*height: 153px;*/
	position: relative;
}

.header_wrapper:before {
	content: '';
	background-color: rgba(255,0,0,0.3);
	/*mix-blend-mode: multiply;*/
	width: 100%;
	height: 100%;
	position: absolute;
}

@media (max-width: 750px) {
	.header_wrapper:before {
		background-color: rgba(255,0,0,.8);
	}
}

.max_width{
	max-width: 1280px;
	margin: auto;
	padding: 0 40px;
}

.header_top {
    padding: 14px 0;
    position: relative;
    border-bottom: 1px solid rgba(180,180,180,.5);
}

.header_bottom{
	font-size: 0;
}

.header_tab_body{
	display: inline-block;
	vertical-align: top;
	margin-right: 50px;
	position: relative;
	height: 60px;
}

.header_tab_body:last-child{
	margin-right: 0;
}

.header_tab_text{
	font-size: 16px;
	line-height: 60px;
	color: #fff;
	letter-spacing: 1.5px;
	cursor: pointer;
}

.header_tab_text:hover{
	opacity: 0.7;
}

.navline{
	width: 1px;
	height: 14px;
	background-color: #ff0000;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

.navline_top{
	top: 0;
}

.navline_bottom{
	bottom: 0;
}

.image_malay_mail{
	width: 320px;
	height: 60px;
	background-image: url('../images/image_malay_mail.jpg');
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	display: none;
}

#logo {
	font-size: 48px;
	text-transform: uppercase;
	font-weight: 700;
	color: #fff;
	height: 60px;
	min-width: 330px;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
}

#logo img {
	height: 100%;
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
}

#logo p {
	display: inline-block;
	vertical-align: middle;
}

.icon_btn_wrapper{
	font-size: 0;
	position: absolute;
	bottom: 17px;
	right: 80px;
	display: inline-block;
	vertical-align: top;
}

.icon_btn_wrapper.sign_in {
	right: 0;
	bottom: 14px;
}

@media (max-width: 900px) {
	.icon_btn_wrapper.sign_in {
		bottom: auto;
		top: 0;
	}
}

.icon_btn_wrapper.sign_in .btn_join_sign{
	display: none;
}

.icon_btn_wrapper.sign_in .btn_profile_wrapper, 
.icon_btn_wrapper.sign_in .btn_e_wallet,
.header_bottom.sign_in .btn_profile_wrapper,
.header_bottom.sign_in .btn_e_wallet {
	display: inline-block;
}

.header_bottom.sign_in .e_wallet,
.header_bottom.sign_in .btn_profile_wrapper,
.header_bottom.sign_in .language_wrapper {
	display: none;
}

.dropdown-menu {
	right: 0;
	left: auto;
}

@media (max-width: 900px) {
	.icon_btn_wrapper.sign_in .e_wallet,
	.icon_btn_wrapper.sign_in .btn_profile_wrapper,
	.icon_btn_wrapper.sign_in .language_wrapper {
		display: none;
	}
	.header_bottom.sign_in .e_wallet,
	.header_bottom.sign_in .btn_profile_wrapper,
	.header_bottom.sign_in .language_wrapper {
		display: inline-block;
		position: relative;
		z-index: 1;
	}
	.header_bottom.sign_in .btn_profile_wrapper {
		border: 0;
	}
	.header_bottom.sign_in .language_wrapper {
		border: 1px solid rgba(255,255,255,.2);
		padding: 2px;
	}
}

.icon_btn_wrapper.sign_in .icon_media, .icon_btn_wrapper.sign_in .language_wrapper{
	margin-top: 14px;
}

@media (max-width: 900px){
	.account {
		padding: 10px 0;
		text-align: center;
		user-select: none;
		background-color: rgba(0,0,0,.5);
	    border-bottom: 1px solid red;
	}

	.account > div,
	.account > a {
		vertical-align: middle;
	}
}

.btn_profile_wrapper, .btn_e_wallet{
	display: none;
	vertical-align: middle;
	cursor: pointer;
	letter-spacing: 2px;
}

.btn_profile_wrapper{
	font-size: 0;
	margin-right: 20px;
	color: #ddd;
	padding-left: 16px;
	border-left: 1px solid rgba(232, 49, 49, 0.6);
}

.btn_profile_image, .btn_profile_name, .btn_profile_arrow{
	display: inline-block;
	vertical-align: top;
}

.btn_profile_image{
	margin-right: 14px;
	width: 56px;
	height: 56px;
	border: 1px solid rgba(232, 49, 49, 0.6);
	border-radius: 50%;
	background-size: cover;
	/* background-image: url('../images/weekly_winner_user_image1.jpg'); */
	background-image: url('');
}

.btn_profile_name{
	margin-right: 10px;
	font-size: 14px;
	line-height: 56px;
}

.btn_profile_arrow{
	margin-top: 26px;
    border-color: #ddd transparent transparent transparent;
    border-style: solid;
    border-width: 5px 6px 0 6px;
}

.btn_e_wallet{
	width: 124px;
	line-height: 32px;
	/*margin-top: 14px;*/
	text-align: center;
	color: #f4e80e;
	font-size: 14px;
	padding-left: 3px;
	background-color: #160c0f;
}

.btn_profile_wrapper:hover, .btn_e_wallet:hover{
	color: #fff;
}

.icon_media{
	display: inline-block;
	vertical-align: top;
	margin-right: 18px;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	cursor: pointer;
	margin-top: 1px;
}

.icon_media:hover{
	opacity: 0.7;
}

.icon_media_fb{
	background-image: url('../images/icon_media_fb.svg');
}

.icon_media_insta{
	background-image: url('../images/icon_media_insta.svg');
}

.icon_media_twitter{
	background-image: url('../images/icon_media_twitter.svg');
}

.icon_media_email{
	background-image: url('../images/icon_media_email.svg');
}

.language_wrapper{
	display: inline-block;
	vertical-align: top;
	margin-right: 18px;
	font-size: 0;
}

.language_img{
	display: inline-block;
	vertical-align: top;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	margin-top: 4px;
}

.language_img.en {
	background-image: url('../images/language_img_en.png');
}

.language_img.th {
	background-image: url('../images/language_img_th.png');
}

.language_text{
	display: inline-block;
    vertical-align: top;
    font-size: 11px;
    margin-right: 5px;
    line-height: 30px;
    letter-spacing: 1px;
    color: #fff;
}

.language_text:after {
	content: '';
	display: inline-block;
    vertical-align: top;
    margin-top: 13px;
    border-color: #fff transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
}

/*.language_arrow{
	display: inline-block;
    vertical-align: top;
    margin-top: 13px;
    border-color: #fff transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
}*/

.language_select {
	font-size: 13px;
	min-width: 50px;
}

.select2-container--default .language_select.select2-selection--single {
	background-color: transparent;
	border: 0;
	font-size: 13px;
}

.select2-container--default .language_select.select2-selection--single .select2-selection__rendered {
	color: #fff;
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2 .language_select .select2-selection__arrow b {
	border-color: #fff transparent transparent transparent;
}

.select2-container--default.select2-container--open .language_select .select2-selection__arrow b {
	border-color: transparent transparent #fff transparent;
}

.select2-dropdown.language_select {
	background-color: transparent;
	border: 1px solid #aaa;
	border-radius: 0;
}

.select2-container--default .language_select .select2-results__option[aria-selected=true] {
	background-color: #444;
}

.btn_join_sign{
	display: inline-block;
	vertical-align: top;
	border: 1px solid #fff;
	color: #fff;
	height: 30px;
	font-size: 12px;
	margin-right: 12px;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
	padding: 0 10px;
	letter-spacing: 1.5px;
}

.btn_join_sign:hover{
	opacity: 0.7;
}

.icon_btn_wrapper a:last-child .btn_join_sign {
    margin-right: 0;
}

.btn_join_sign_mobile {
	display: none;
}

.mobile_hamburger {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 500;
	vertical-align: top;
	line-height: 30px;
	cursor: pointer;
	display: none;
	vertical-align: middle;
	padding: 19px 0;
}

.mobile_hamburger .hamburger {
	display: inline-block;
}

.footer_wrapper{
	font-size: 0;
	position: relative;
}

.footer_copyright, .footer_link{
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	color: #fff;
	font-family: akrobat;
	letter-spacing: 1.5px;
}

.footer_link_wrapper{
	float: right;
}

.footer_link_wrapper a:last-child .footer_link {
	margin-right: 0;
}

.footer_link{
	margin-right: 30px;
	cursor: pointer;
}

.footer_link:hover{
	color: #fff;
}

.home_wrapper{
	width: 100%;
	background-size: cover;
	padding-top: 35px;
}

.home_body{
	margin: auto;
}

.footer_wrapper:before {
    content: '';
    background-color: rgba(255,0,0,0.3);
    /*mix-blend-mode: multiply;*/
    width: 100%;
    height: 100%;
    position: absolute;
}

.footer_body {
    padding: 50px 30px 28px 30px;
    position: relative;
}

@media only screen and (max-width: 960px) {
	.icon_media {
		display: none;
	}
	.icon_btn_wrapper {
		right: 0;
	}
}



/****/

.result_wrapper,
.enter_score_body {
	font-size: 0;
	width: 100%;
}

.date_filter_wrapper {
	font-size: 0;
	margin: 33px 0;
	text-align: center;
}

.date_wrapper {
	width: 630px;
	vertical-align: top;
	display: inline-block;
	position: relative;
	padding-top: 13px;
	 margin-right: 24px;
}

.date_wrapper .owl-theme .owl-controls {
	display: none;
}

.date_box{
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 130px;
	color: #aaa;
	cursor: pointer;
	font-size: 16px;
	letter-spacing: 2.5px;
	padding: 12px 0 15px 0;
}

.date_box:hover{
	color: #fff;
}

.date_box.selected{
	background-color: #ff393a;
	color: #fff;
}

.date_arrow{
	position: absolute;
	cursor: pointer;
}

.date_arrow:hover{
	opacity: 0.8
}

.date_arrow_left,
.pundits_arrow_left{
	border-color: #ff393a transparent transparent transparent;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	transform: rotate(90deg)translateY(-50%);
	top: 50%;
	left: 0;
}

.date_arrow_right,
.pundits_arrow_right{
	border-color: #ff393a transparent transparent transparent;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	transform: rotate(-90deg)translateY(-50%);
	top: 50%;
	right: 0;
}

.pundits_arrow_left, 
.pundits_arrow_right {
	top: 38%;
	display: none;
}

.filter_wrapper{
	font-size: 0;
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.filter_body{
	display: inline-block;
	vertical-align: top;
	margin-right: 50px;
	color: #aaa;
}

.filter_body:last-child{
	margin-right: 0;
}

.filter_body .legend {
	text-align: left;
}

.filter_body .legend span {
	width: 10px;
	height: 10px;
	background-color: grey;
	content: '';
	border-radius: 50%;
	display: inline-block;
	margin-right: 4px;
}

.filter_body .legend span.win{
	background-color: green;
}
.filter_body .legend span.draw{
	background-color: yellow;	
}
.filter_body .legend span.lose{
	background-color: red;
}

.filter_title{
	font-size: 16px;
	letter-spacing: 2px;
	margin-bottom: 2px;
	text-align: left;
}

/** CONTENT TITLE STUFF **/

.content_wrapper{
	width: 100%;
	background-color: rgba(0,0,0,0.9);
	padding: 25px 35px 80px;
}

.content_title_wrapper{
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #7d7d7d;
	padding: 20px 0 30px;
	margin-bottom: 40px;
}

.content_title{
	font-family: akrobat_bold;
	font-size: 28px;
	margin-bottom: 8px;
	color: #fff;
	letter-spacing: 2px;
}

.content_description{
	font-family: akrobat;
	font-size: 16px;
	color: #bbb;
	letter-spacing: 1px;
}


/*<!-- PUNDIT STYLE -->*/
.pundits_wrapper {
	margin: 0 auto;
	text-align: center;
	padding-bottom: 40px;
	border-bottom: 1px solid #7d7d7d; 
	position: relative;
}

.pundit_carousel {
	width: 80%;
	margin:auto;
}

.pundit {
	border: 1px solid #fff;
	border-top: 0;
	width: 130px;
	display: inline-block;
	margin: 0 15px;
	margin-top: 10px;
}

.pundit .number {
	color: #00dbe0;
	font-size: 18px;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	top: -10px;
	position: relative;
}

.pundit .number:before,
.pundit .number:after {
	content: "";
	height: 1px;
	background-color: #fff;
	width: 30%;
	margin-right: 18px;
	display: inline-block;
	vertical-align: top;
	top: 10px;
	position: relative;
}

.pundit .number:after {
	display: inline-block;
	vertical-align: top;
	margin-left: 19px;
	margin-right: 0;
}

.pundit_img {
	background-color: #222;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	margin: auto;
	box-shadow: 0px 0px 4px 0px rgba(0, 219, 224, .6);
}

.predict_pundit {
	line-height: 28px;
	color: #fff;
	background-color: #01ced0;
	text-align: center;
	font-size: 16px;
	border-radius: 2px;
	margin: 10px 14px;
	letter-spacing: 2px;
	cursor: pointer;
}

.predict_pundit:active {
	background-color: #019596;
}

/* OWL CAROUSEL CHEVRON */
.slider_nav .chevron {
	box-shadow: inset 2px 2px 0 0 rgba(255,255,255,0.6);
	width: 30px;
	height: 30px;
	position: absolute;
	top: 50%;
	left: 20px;
	/*transform: translateY(-50%);*/
	z-index: 1;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}

.slider_nav .chevron:hover {
	box-shadow: inset 2px 2px 0 0 rgba(255,255,255,1);
}

.slider_nav .chevron.left {
	transform: translateY(-50%) rotate(-45deg);
}

.slider_nav .chevron.right {
	transform: translateY(-50%) rotate(135deg);
	right: 20px;
	left: auto;
}












/*****************************
        GAME CONTAINER
******************************/

.game_container {
	border: 1px solid #fff;
	font-size: 16px;
	width: 100%;
	/*height: 220px;*/
	margin-bottom: 40px;
}
.game_container .tab_nav {
	display: table;
	width: 100%;
}
.game_container .top_left_status {
	width: 35px;
	height: 35px;
	display: table-cell;
	border-right: 1px dashed #fff;
	border-bottom: 1px dashed #fff;
	text-align: center;
	vertical-align: middle;
}
.game_container .top_left_status img {
}
.game_container .tabs {
	display: table-cell;
	vertical-align: middle;
	border-bottom: 1px solid #fff;
	position: relative;
}
.game_container .tabs li {
	color: #bbb;
	font-size: 0.875em;
	display: inline-block;
	margin: 0 6px;
	letter-spacing: 2px;
	font-family: akrobat;
	margin-bottom: 0;
	line-height: 34px;
	margin-bottom: -1px;
	cursor: pointer;
	padding: 0 6px;
}
.game_container .tabs li.active {
	border-bottom: 1px solid #ff393a;
	color: #ff393a;
}
.game_container .tabs .enter_score_tab {
	display: none;
}



/*****************************
           CONTENT
******************************/
.game_container .content_body {
	width: 100%;
	display: block;
}



/*****************************
         GAME SCORES
******************************/
.game_container .game_scores {
	display: inline-block;
	width: 50%;
	height: 184px;
	position: relative;
	vertical-align: middle;
}
.game_container .game_scores:after {
	display: block;
	width: 1px;
	height: 140px;
	background-color: rgba(255,255,255,.5);
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
}
.game_container .scores {
	width: 50%;
	display: table-cell;
	text-align: center;
	position: relative;
	vertical-align: middle;
	height: 100%;
	color: #fff;
}
.game_container .team_a,
.game_container .team_b {
	display: table-cell;
	vertical-align: middle;
	width: 25%;
	font-size: 1em;
	text-align: center;
}
.game_container .scores .time {
	margin-bottom: 10px;
	display: block;
	letter-spacing: 2px;
	font-size: 0.9375em;
}
.game_container .scores table {
	width: auto;
	display: inline-block;
	color: #fff;
}
.game_container p {
	color: #fff;
	font-size: 1.125em;
	letter-spacing: 2px;
	margin-bottom: 10px;
}
.game_container .team_img {
	text-align: center;
	display: inline-block;
	width: 65px;
	height: 80px;
	/*background-color: rgba(255,255,255,.1);*/
}
.game_container .team_img img {
	top: 50%;
	transform: translateY(-50%);
	position: relative;
}
.game_container .pundit_score_table_wrapper {
	height: 100%;
}
.game_container .pundit_score_table {
	display:table;
	height: 100%;
	width: 100%;
}
.game_container .pundit_score_table_wrapper.owl-carousel .owl-item img {
	width: auto;
}
.game_container .owl-theme .owl-controls {
	margin-top: -28px;
	position: relative;
	z-index: 1;
}
.game_container .owl-theme .owl-dots .owl-dot.active span, 
.game_container .owl-theme .owl-dots .owl-dot:hover span {
	background-color: #e46b12;
}
.game_container .enter_score_btn,
.game_container .pundit_score_btn {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	background-color: #47ca1c;
	color: #fff;
	font-size: 1.125em;
	padding: 5px 20px;
	text-transform: uppercase;
	letter-spacing: 2px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
	cursor: pointer;
	z-index: 1;
}
.game_container .pundit_score_btn {
	background-color: #e46b12;
}
.game_container .separator {
	width: 1px;
	padding: 3px 5px;
}
.game_container .separator:after {
	height: 30px;
	background-color: rgba(255,255,255,.1);
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
	content: "";
	width: 1px;
}
.game_container th {
	text-align: center;
}
.game_container .team_a_side,
.game_container .team_b_side {
	vertical-align: middle;
	font-size: 1.125em;
}
.game_container .team_a_side,
.game_container .team_a_side .score_num {
	text-align: right;
}
.game_container .team_b_side .score_num {
	text-align: left;
}
.game_container .team_name {
	letter-spacing: 2px;
	max-width: 138px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.game_container .game_time {
	padding-left: 10px;
}


/*****************************
        TACTICAL CARDS
******************************/
.game_container .tactical_cards.owl-carousel.owl-loaded { 
	/* FORCE INLINE BLOCK */
	display: inline-block;
}
.game_container .tabbed_pages {
	display: inline-block;
	vertical-align: middle;
	width: 49.4%;
	position: relative;
}
.game_container .tab_page > div {
	max-height: 184px;
}
.game_container .tabbed_pages .tab_page {
	display: none;
}
.game_container .tabbed_pages .tab_page.active {
	display: block;
}
.game_container .tactical_cards {
	width: 80%;
	margin: 0 10%;
	position: relative;
}
.game_container .tactical_cards .owl-carousel {
	height: 100%;
}
.game_container .tactical_cards .owl-carousel .owl-stage-outer {
	top: 50%;
	transform: translateY(-50%);
	position: relative;
}
.game_container .tactical_cards .owl-carousel .owl-item {
	text-align: center;
}
.game_container .tactical_cards .card {
	display: inline-block;
	margin: 0 3px;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
	position: relative;
}
.game_container .tactical_cards .card .fa-lock {
	font-size: 1.875em;
	color: #fff;
	position: absolute;
	z-index: 1;
	top: 45%;
	left: 50%;
	transform: translate(-50%,-50%);
	display: none; /* remove if enabled */
}
.game_container .tactical_cards .card .quantity {
	position: absolute;
	background-color: #000;
	border-radius: 50%;
	box-shadow: 0px 0px 1px 1px rgba(255,255,255,1);
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;
	color: #fff;
	font-size: 0.875em;
	text-align: center;
	line-height: 18px;
	display: block;
	z-index: 1;
}
.game_container .tactical_cards .card img {
	opacity: 0.3;
}
.game_container .tactical_cards .card.selected img,
.game_container .tactical_cards .card.available img {
	opacity: 1;
}
.game_container .tactical_cards .card.available .fa-lock {
	display: none;
}
.game_container .tactical_cards .card .fa-check {
	display: none;
	font-size: 1em;
	color: #fff;
	position: absolute;
	z-index: 1;
	right: 8px;
	top: -1px;
}
.game_container .tactical_cards .card.selected .fa-check {
	display: block;
}
.game_container .tactical_cards .owl-item.active.center .card {
	opacity: 1;
}
.game_container .tactical_cards p {
	text-align: center;
	white-space: nowrap;
	top: -30px;
	color: #bbb;
	text-transform: uppercase;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.game_container .tactical_cards .slider_nav .chevron {
	height: 12px;
	width: 12px;
	padding: 10px;
}
.game_container .tactical_cards .slider_nav .chevron.left {
	left: -6%;
}
.game_container .tactical_cards .slider_nav .chevron.right {
	right: -6%;
}
.game_container .tactical_cards .owl-controls {
	margin: 0;
}

.game_container .popular_picks .team_a,
.game_container .popular_picks .team_b {
	width: 25%;
}
.game_container .popular_picks .ratings {
	display: table-cell;
	vertical-align: middle;
}
.game_container .popular_picks .bar_chart {
	color: #bbb;
	font-size: 0.875em;
	margin-bottom: 10px;
}
.game_container .popular_picks .bar_chart .outcome_title {
	text-align: center;
	margin-bottom: 4px;
	letter-spacing: 1px;
}
.game_container .popular_picks .progress_bar {
	position: relative;
	width: 100%;
	vertical-align: middle;
	height: 3px;
	background-color: #bbb;
	border-radius: 50px;
}
.game_container .popular_picks .progress_bar .fill {
	height: 100%;
	position: absolute;
	width: 1%;
	background-color: #26a8ef;
	content: "";
}

/*****************************
          POPUP CSS
******************************/
button {
	outline: 0;
}
@media (min-width: 768px) {
	.modal-dialog {
		width: auto;
		max-width: 800px;
	}
}
.modal-dialog {
	margin: 40px auto;
}
.modal-header,
.modal-footer {
	border: 0;
	padding: 0;
}
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
	display: none;
}
.modal-content {
	border-radius: 0;
	background-color: #0c0c0c;
	background-image: url('../images/popup_background.png');
	background-size: 100%;
	background-position: top center;
	background-repeat: no-repeat;
}
.modal-body {
	padding: 50px;
	white-space: nowrap;
}
.modal-dialog .btn_close {
	background-color: transparent;
	border: 0;
	position: absolute;
	padding: 0;
	right: 15px;
	top: 15px;
	z-index: 1;
}
.modal .card_img {
	width: 30%;
	margin-right: 5%;
}
.modal .card_img img {
	width: 100%;
	margin: 0 auto;
	display: block;
}
.modal .card_details {
	width: 65%;
	margin-top: 10px;
}
.modal .card_img,
.modal .card_details {
	display: inline-block;
	position: relative;
	vertical-align: top;
	white-space: normal;
}
.modal .card_title {
	border-bottom: 1px solid #eee;
	font-size: 16px;
	text-transform: uppercase;
	padding-bottom: 15px;
	font-family: 'akrobat_bold';
	letter-spacing: 1px;
}
.modal .card_name {
	display: inline-block;
	width: 80%;
}

.modal .card_points {
	color: #00dbe0;
	float: right;
	width: 20%;
	text-align: right;
}
.modal .card_description {
	color: #a3a3a3;
	letter-spacing: 1px;
	font-size: 14px;
	line-height: 20px;
	padding-top: 15px;
}
.modal .img_overlay_name {
	position: absolute;
	top: 162px;
	left: 50%;
	text-align: center;
	transform: translateX(-50%);
}
.modal .img_overlay_desc {
	position: absolute;
	top: 162px;
	left: 50%;
	text-align: center;
	transform: translateX(-50%);
	width: 80%;
	padding-top: 30px;
}
.modal .btn_assign,
.modal .btn-default {
	text-transform: uppercase;
	background-color: red;
	color: #fff;
	background-image: none;
	text-shadow: none;
	border: 0;
	bottom: 15px;
	right: 15px;
	/*position: absolute;*/
	font-size: 16px;
	font-family: 'akrobat_bold';
	letter-spacing: 2px;
	padding: 7px 18px;
}
.modal .btn_assign:active,
.modal .btn_assign:focus,
.modal .btn-default:active,
.modal .btn-default:focus {
	outline: 0;
}








.team_statistics {
	width: 100%;
}
.team_statistics .tabs {
	overflow: visible;
	margin-bottom: 20px;
}
.team_statistics .subcaption {
	display: inline-block;
	font-size: 16px;
	padding-left: 20px;
}
@media (max-width: 900px){
	.team_statistics .subcaption {
		padding-left: 0;
		padding-top: 10px;
	}
}
.team_statistics .title{
	color: red;
	width: 360px;
}
.leaderboard_list {
	border: 2px solid #7d7d7d;
	overflow: scroll;
}
.leaderboard_list table {
	width: 100%;
	border-top: 2px solid #7d7d7d;
}
.leaderboard_list th{
	font-size: 20px;
	font-weight: 700;
	color:#fff;
	border-bottom: 2px solid #7d7d7d;
}
.leaderboard_list th:first-child{
	padding-left: 26px;
}
.leaderboard_list td{
	font-size: 15px;
	text-align: left;
	padding:6px 0 ;
}
.leaderboard_list td:first-child {
	padding-left: 26px;
	border-right: 2px solid #7d7d7d;
}
.leaderboard_list td img {
	width: 13px;
	height: 13px;
	margin-right: 6px;
}

.clubstats th,
.clubstats td {
	text-align: center;
	padding:5px 10px;
	letter-spacing: 0.5px;
	white-space: nowrap;
}
.clubstats th:first-child,
.clubstats td:first-child {
	width: 190px;
	border-right: 2px solid #7d7d7d;
	text-align: left;
}
.clubstats th:nth-child(2),
.clubstats td:nth-child(2) {
	text-align: left;
	padding-left: 13px;
}
.clubstats th:nth-child(4),
.clubstats td:nth-child(4),
.clubstats th:nth-child(9),
.clubstats td:nth-child(9) {
	border-right: 2px solid #7d7d7d;
}
.clubstats tr:last-child td{
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	border-top: 2px solid #7d7d7d;
}
.clubstats tr:last-child td:nth-child(4),
.clubstats tr:last-child td:nth-child(9) {
	border-right:0;
}
.clubstats tr:last-child td:nth-child(3),
.clubstats tr:last-child td:nth-child(8){
	border-right: 2px solid #7d7d7d;
}
.legend {
	padding: 4px 0;
}
.legend li{
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	display: inline;
	text-align: center;
	margin:0 10px;
	white-space: nowrap;
}

.select_week, .select_year {
	width: 200px;
}

.enter_score_btn.open{
	background-color: #47ca1c;
	cursor: pointer;
}

.enter_score_btn.open:hover{
	opacity: 0.8;
}
.input_score_wrapper{
	display: none;
	padding: 40px 0 10px;
	width: 154px;
	background-color: rgba(70, 70, 70, 0.3);
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	vertical-align: top;
	margin-bottom: 8px;
}
.game_scores.active table,
.game_scores.active .time {
	display: none;
}
.game_scores.active .input_score_wrapper{
	display: inline-block;
}
.input_score_body{
	font-size: 0;
	width: 114px;
	margin: auto;
	display: inline-block;
	padding: 4px 0;
}
.input_score_body.full_time,
.input_score_body.half_time {

}

.input_score_body p {
	font-size: 0.8rem;
	margin-bottom: 4px;
}

.input_score_box{
	width: 48px;
	display: inline-block;
	vertical-align: top;
	margin-right: 18px;
	color: #bbb;
	font-size: 1.25rem;
	font-family: akrobat_bold;
	text-align: center;
}

.input_score_box:last-child{
	margin-right: 0;
}

.score_arrow_wrapper{
	cursor: pointer;
	width: 50%;
	height: 15px;
	position: relative;
	background-color: rgba(100, 100, 100, 0.5);
	float: right;
}

.score_arrow{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.score_arrow_up{
	border-color: transparent transparent #13cd00 transparent;
	border-style: solid;
	border-width: 0 5px 6px 5px;
}

.score_arrow_down{
	border-color: #13cd00 transparent transparent transparent;
	border-style: solid;
	border-width: 6px 5px 0 5px;
}

.score_text{
	height: 32px;
	line-height: 34px;
	float: left;
}



@media only screen and (max-width: 900px) {
	.max_width  {
		padding: 0 20px;
	}
	#logo {
		font-size: 30px;
		height: 40px;
	}
	.mobile_hamburger {
		display: inline-block;
		margin-left: 10px;
	}
	.header_bottom {
		display: none;
		height: calc(100vh - 69px);
		overflow: scroll;
	}
	.header_tab_body {
		width: 100%;
		text-align: center;
		margin: 0;
	}
	.header_tab_text:active {
		background-color: rgba(0,0,0,.6);
	}
	.btn_join_sign {
		display: none;
	}
	.btn_join_sign_mobile {
		display: block;
	}

	/* ENTER SCORE MOBILE VIEW */
	.game_container .game_scores,
	.game_container .tabbed_pages {
		width: 100%;
	}

	.tab_page.tactical_cards p {
		display: none;
	}

	.game_container .tabbed_pages .tab_page {
		display: none;
	}

	.game_container .tabs .enter_score_tab {
		display: inline-block;
	}

	.game_container .game_scores:after {
		display: none;
	}
}
@media only screen and (max-width: 750px) {
	.date_wrapper {
		width: 100%;
	}

	.pundits_arrow_left, 
	.pundits_arrow_right {
		display: block;
	}
}
@media only screen and (max-width: 600px) {
	.home_body.max_width {
		padding: 0;
	}
	.filter_wrapper, .filter_body {
		margin: 0;
		width: 100%;
	}
	.filter_body {
		margin-bottom: 20px;
	}
	.select_week, .select_year {
		width: 100%;
	}
	.content_wrapper {
		padding: 25px 10px 50px;
	}
	.game_container {
		font-size: 14px;
	}
	.modal .card_img,
	.modal .card_details {
		display: block;
		margin: auto;
	}
	.modal .card_img {
		min-width: 180px;
	}
	.modal .card_details {
		margin-top: 20px;
		width: 100%;
		margin-bottom: 20px;
	}
	.input_score_wrapper {
		width: 130px;
	}
	.input_score_box {
		margin-right: 10px;
		width: 38px;
		font-size: 1rem;
	}
}
@media only screen and (max-width: 500px) {
	.game_container .team_name {
		max-width: 100px;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}
@media only screen and (max-width: 400px) {
	.max_width  {
		padding: 0 10px;
	}

	.language_wrapper {
		display: none;
	}

	.header_top {
		padding: 6px 0;
	}

	#logo {
		width: auto;
		font-size: 24px;
	}

	.header_top.icon_btn_wrapper {
		bottom: auto;
		top: 50%;
		transform: translateY(-50%);		
	}

	.mobile_hamburger {
		padding: 12px 0;
	}

	.game_container {
		font-size: 12px;
	}

	.content_wrapper {
		padding: 25px 10px 50px;
	}
	.input_score_wrapper {
		width: 110px;
	}
	.game_container .team_name {
		max-width: 77px;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}
@media only screen and (max-width: 320px) {

}

.sponsors {
	margin-bottom: 40px;
	padding: 25px;
	padding-top: 20px;
}
.sponsors p {
	margin-bottom: 20px;
	font-size: 20px;
    font-family: akrobat_bold;
    color: #fff;
    line-height: 48px;
    letter-spacing: 3px;
    text-align: center;
}
.sponsor_logos {
	font-size: 0;
}
.sponsor_logos .item {
	width: 20%;
	text-align: center;
	display: inline-block;
	min-width: 100px;
}
.sponsor_logos .item img {
	width: 100%;
	max-width: 150px;
}

@media (max-width: 700px) {
	.sponsor_logos {
		text-align: center;
	}
	.sponsor_logos .item {
		width: 25%;
		margin: 3%;
	}
}

.slick-slide {
	height: auto;
}
.date_wrapper_slider {
	padding: 0 40px;
}
@media (max-width: 800px){
	.date_wrapper_slider {
		margin-bottom: 20px;
	}
}
.select2-container--default .select2-results__option[aria-selected=true] {
	background-color: #444;
}
.select2-dropdown {
	background-color: rgba(0,0,0,.8);
	border: 1px solid #aaa;
	border-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
	background-color: transparent;

}



body.green .navline {
	background-color: rgba(0,255,0,1);
}
body.green .header_wrapper:before,
body.green .footer_wrapper:before {
	background-color: rgba(0, 255, 0, 0.3);
}
body.green .btn_profile_image {
	border: 1px solid rgba(49, 255, 49, 0.6);
}
body.green .btn_profile_wrapper {
	border-left: 1px solid rgba(49, 255, 49, 0.6);
}
body.green .select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: rgba(33, 237, 124, 0.3);
}
body.green .date_arrow_left, 
body.green .pundits_arrow_left,
body.green .date_arrow_right, 
body.green .pundits_arrow_right {
	border-color: #47ca1c transparent transparent transparent;
}
body.green .game_container .tabs li.active {
	color: #47ca1c;
	border-bottom: 1px solid #47ca1c;
}
body.green .date_wrapper_slider .slick-next:before, 
body.green .date_wrapper_slider .slick-prev:before,
body.green .result_vs,
body.green .intro_title,
body.green .input_body,
body.green .select2-results__option,
body.green .forget_detail,
body.green .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #47ca1c;
}
body.green .btn_get_free,
body.green .date_box.selected,
body.green .profile_name,
body.green .btn_save,
body.green .modal .btn_assign, 
body.green .modal .btn-default,
body.green .btn_next_wrapper,
body.green .pagination>li>a.active, 
body.green .pagination>li>a:hover,
body.green .btn_sign_in_big,
body.green .btn_register,
body.green .btn_join_league {
	background-color: #47ca1c;
}
body.green .overview_wrapper,
body.green .progress_image_wrapper.active,
body.green .progress_image_wrapper_step1.active,
body.green .progress_image_wrapper_step2.active,
body.green .progress_image_wrapper_step3.active {
	border: 2px solid #47ca1c;
}
body.green .private_league_tab_body.active,
body.green .ranking_tab_wrapper .ranking_tab .private_league_tab_body.active {
	border-bottom: 2px solid #47ca1c;
}


body.yellow .navline {
	background-color: rgba(255, 203, 57,1);
}
body.yellow .header_wrapper:before,
body.yellow .footer_wrapper:before {
	background-color: rgba(255, 203, 57, 0.3);
}
body.yellow .btn_profile_image {
	border: 1px solid rgba(255, 203, 57, 0.6);
}
body.yellow .btn_profile_wrapper {
	border-left: 1px solid rgba(255, 203, 57, 0.6);
}
body.yellow .select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: rgba(255, 203, 57, 0.3);
}
body.yellow .date_arrow_left, 
body.yellow .pundits_arrow_left,
body.yellow .date_arrow_right, 
body.yellow .pundits_arrow_right {
	border-color: #ffcb39 transparent transparent transparent;
}
body.yellow .game_container .tabs li.active {
	color: #ffcb39;
	border-bottom: 1px solid #ffcb39;
}
body.yellow .date_wrapper_slider .slick-next:before, 
body.yellow .date_wrapper_slider .slick-prev:before,
body.yellow .result_vs,
body.yellow .intro_title,
body.yellow .input_body,
body.yellow .select2-results__option,
body.yellow .forget_detail,
body.yellow .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #ffcb39;
}
body.yellow .btn_get_free,
body.yellow .date_box.selected,
body.yellow .profile_name,
body.yellow .btn_save,
body.yellow .modal .btn_assign, 
body.yellow .modal .btn-default,
body.yellow .btn_next_wrapper,
body.yellow .pagination>li>a.active, 
body.yellow .pagination>li>a:hover,
body.yellow .btn_sign_in_big,
body.yellow .btn_register,
body.yellow .btn_join_league {
	background-color: #ffcb39;
}
body.yellow .overview_wrapper,
body.yellow .progress_image_wrapper.active,
body.yellow .progress_image_wrapper_step1.active,
body.yellow .progress_image_wrapper_step2.active,
body.yellow .progress_image_wrapper_step3.active {
	border: 2px solid #ffcb39;
}
body.yellow .private_league_tab_body.active,
body.yellow .ranking_tab_wrapper .ranking_tab .private_league_tab_body.active {
	border-bottom: 2px solid #ffcb39;
}


body.blue .navline {
	background-color: rgba(0, 110, 173,1);
}
body.blue .header_wrapper:before,
body.blue .footer_wrapper:before {
	background-color: rgba(0, 110, 173, 0.3);
}
body.blue .btn_profile_image {
	border: 1px solid rgba(0, 110, 173, 0.6);
}
body.blue .btn_profile_wrapper {
	border-left: 1px solid rgba(0, 110, 173, 0.6);
}
body.blue .select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: rgba(0, 110, 173, 0.3);
}
body.blue .date_arrow_left, 
body.blue .pundits_arrow_left,
body.blue .date_arrow_right, 
body.blue .pundits_arrow_right {
	border-color: #066ead transparent transparent transparent;
}
body.blue .game_container .tabs li.active {
	color: #066ead;
	border-bottom: 1px solid #066ead;
}
body.blue .date_wrapper_slider .slick-next:before, 
body.blue .date_wrapper_slider .slick-prev:before,
body.blue .result_vs,
body.blue .intro_title,
body.blue .input_body,
body.blue .select2-results__option,
body.blue .forget_detail,
body.blue .content_wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #066ead;
}
body.blue .btn_get_free,
body.blue .date_box.selected,
body.blue .profile_name,
body.blue .btn_save,
body.blue .modal .btn_assign, 
body.blue .modal .btn-default,
body.blue .btn_next_wrapper,
body.blue .pagination>li>a.active, 
body.blue .pagination>li>a:hover,
body.blue .btn_sign_in_big,
body.blue .btn_register,
body.blue .btn_join_league {
	background-color: #066ead;
}
body.blue .overview_wrapper,
body.blue .progress_image_wrapper.active,
body.blue .progress_image_wrapper_step1.active,
body.blue .progress_image_wrapper_step2.active,
body.blue .progress_image_wrapper_step3.active {
	border: 2px solid #066ead;
}
body.blue .private_league_tab_body.active,
body.blue .ranking_tab_wrapper .ranking_tab .private_league_tab_body.active {
	border-bottom: 2px solid #066ead;
}