html,
body {
	overflow-x: hidden
}

.grid-match#gogo {
	height: 0
}

.card {
	border-radius: 0 !important
}

.team-header {
	display: grid;
	grid-template-columns: 50% 50%
}

.team-header .team-logo img {
	max-height: 40px
}

.nav-league {
	margin: 10px 0
}

.archive-posts-list {
	display: grid;
	grid-template-columns: 200px 1fr
}

.panel ul {
	list-style: none;
	padding: 0;
	margin: 0
}

.team-gogo {
	display: flex;
	align-items: center;
	grid-column-gap: 10px
}

.lazy-load {
	background-color: rgba(0, 0, 0, .03)
}

.team-header {
	padding: 10px;
	box-sizing: content-box;
	border-width: .5px;
	border-bottom-style: solid;
	border-image: radial-gradient(circle at center, #f8c21b, #ffe59403);
	border-image-slice: 1
}

.btn-grey {
	background-color: #2a3038 !important
}

.team-header .home-team .team-logo {
	order: 1
}

.team-header .home-team .team-label {
	order: 2
}

.grid-match__footer.justify-content-around {
	display: flex;
	text-align: center;
	font-style: italic
}

.team-header .team-label {
	max-width: 100%;
	color: white;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block
}

.team-header .away-team {
	justify-content: end
}

.team-header .home-team {
	justify-content: start
}

.team-header .away-team .team-logo {
	order: 2
}

.team-header .away-team .team-label {
	order: 1
}

.ketqua-table .com-row {
	color: white;
	padding: 5px 5px;
	background-color: #3c3c3e
}

.ketqua-table .team-logo {
	max-height: 30px;
	width: auto
}

.text-left {
	text-align: left
}

.ketqua-table .match-item-row {
	padding: 5px 0;
	border-bottom: .5px solid rgb(97 91 90 / 26%);
	align-items: center
}

.sm-time {
	color: #bebebe
}

.sm-text {
	font-size: 12px
}

.ketqua-table .lv-score {
	background: #009b3a;
	padding: 2px 8px;
	border-radius: 3px;
	font-weight: bold;
	font-size: 14px;
	max-width: 60px;
	color: white;
	margin: 0 auto
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
	content: "" !important;
	background-repeat: no-repeat;
	background-size: 46px;
	background-position: 55% calc(50% - 0);
	border: none !important;
	box-shadow: none !important
}

.video-js .vjs-big-play-button {
	font-size: 3em;
	position: absolute;
	top: 50%;
	left: 50%;
	cursor: pointer;
	opacity: 1;
	border: .06666em solid #fff;
	border-radius: .3em;
	transition: all .4s;
	z-index: 99;
	transform: translate(-50%, -50%);
	text-align: center;
	padding: 0 25px;
	line-height: 60px;
	background: #303030d1;
	border-radius: 6px;
	border: 1px solid #ffc71c;
	font-size: 20px;
	font-weight: 600;
	color: #ffc71c;
	width: 120px
}

.video-js .vjs-big-play-button:hover {
	border: .06666em solid #fff;
	z-index: 99;
	text-align: center;
	padding: 0 25px;
	line-height: 60px;
	background: #ffc71c;
	border-radius: 6px;
	border: 1px solid #ffc71c;
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	width: 120px
}

.vjs-big-play-button .vjs-control-text {
	height: auto !important;
	position: relative !important;
	width: 114px !important;
	font-size: 14px;
	display: block;
	margin: -15px 0 0 -22px
}

.view-num {
	background: url(//sta.vnres.co/web/assets/soco/img/icon-hot-gray.png) no-repeat 0 center;
	padding-left: 15px;
	background-size: 14px auto;
	color: #777
}

.my_video_1-dimensions {
	width: 100%;
	height: 100%
}

.title-block {
	margin-bottom: 21px
}

.title-block img {
	width: 100%
}

.swiper-slide.person img {
	width: 65px;
	height: 65px;
	border-radius: 50%;
	margin-bottom: 5px;
	object-fit: cover
}

.swiper-slide.live-info img {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	margin-bottom: 5px;
	object-fit: cover;
	margin: -9px 10px 0 0
}

.swiper-slide.person {
	width: 118px;
	padding: 0 20px;
	height: 106px;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	position: relative;
	transition-property: transform;
	float: left;
	color: #fff
}

.ellipsis {
	color: #fff;
	font-size: 12px
}

.blv-wrapper {
	background: #72727230;
	padding: 10px 0 20px 0;
	border-radius: 10px;
	width: 77%;
	margin: 0 auto !important
}

.jw-logo-button {
	display: none !important
}

.swiper-wrapper {
	margin: 0 auto;
	width: fit-content
}

.ellipsis:hover {
	color: blue !important
}

.content_page {
	margin-top: 15px
}

.nav-league .nav-tabs {
	border-bottom: 1px solid #fc5407 !important
}

.nav-league .nav-tabs .nav-item.show .nav-link,
.nav-league .nav-tabs .nav-link.active {
	border-color: #fc5407 #fc5407 #fff !important;
	color: #fc5407
}

.nav-league .nav-tabs .nav-link:focus,
.nav-league .nav-tabs .nav-link:hover {
	border-color: #fc5407 #fc5407 #fff !important
}

.news_box_top {
	margin-top: 10px
}

.featured .thumb_big {
	width: 100%;
	height: 360px;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px
}

.featured .thumb_big a {
	display: block;
	width: 100%;
	height: 100%
}

.featured .thumb_big a img {
	width: 100%;
	min-height: 100%
}

.featured .thumb_big h2.title_news {
	background: rgba(0, 0, 0, 0.63);
	padding: 10px 15px;
	position: absolute;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border-left: 4px solid #fc5407
}

.featured .thumb_big a h2.title_news {
	font-size: 1rem;
	line-height: 26px;
	color: #fff
}

.featured .thumb_big a h2.title_news:hover {
	text-decoration: none
}

.featured .description {
	margin-bottom: 15px;
	height: 60px;
	overflow: hidden
}

.home_page .mCSB_inside>.mCSB_container {
	margin-right: 20px
}

.sub_featured {
	width: 100%;
	height: 420px;
	float: right
}

.sub_featured ul li {
	border-bottom: 1px solid #ddd;
	padding: 10px 12px;
	padding-right: 0
}

.sub_featured ul li:hover {
	border-left: 3px solid #2ebb2e;
	padding-left: 9px
}

.sub_featured ul li a {
	font-size: .875rem;
	font-weight: 500
}

ul#menu-footer li,
ul.sub-menu,
.list-filter li {
	list-style-type: none
}

ul.sub-menu {
	padding: 0
}

ul#menu-footer li a {
	color: #2ebb2e
}

.bot_featured {
	margin-top: 10px;
	margin-bottom: 10px
}

.box_info h1 {
	font-size: 2em;
	margin: .5rem 0;
	color: #ffd330;
	text-align: center
}

.box_info p {
	padding: 0;
	margin: 0 0 10px
}

.box_info a.wu-logo-su {
	background: #fff;
	display: block;
	padding: 10px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
	width: 80px;
	height: 80px;
	margin: auto
}

.box_info a.wu-logo-su img {
	width: 60px;
	height: 60px
}

.btn_bet {
	display: inline-block;
	padding: .3rem;
	width: 100%;
	text-align: center;
	line-height: 14px;
	color: #fff;
	background: #fc5407;
	cursor: pointer;
	border: 0
}

.btn_bet:hover {
	color: #ecf0f1 !important;
	background-color: #fc5407 !important
}

.btn_view {
	background-color: #8f8f8f
}

.btn_view:hover {
	color: #ecf0f1 !important;
	background-color: #fc5407 !important
}

@-webkit-keyframes live-icon {
	0 {
		color: #fff;
		background-color: #fc5407
	}

	49% {
		color: #fff;
		background-color: #fc5407
	}

	50% {
		color: #fc5407;
		background-color: transparent
	}
}

@keyframes live-icon {
	0 {
		color: #fff;
		background-color: #fc5407
	}

	49% {
		color: #fff;
		background-color: #fc5407
	}

	50% {
		color: #fc5407;
		background-color: transparent
	}
}

@-webkit-keyframes hot-live-icon {
	0 {
		color: #fc5407;
		background-color: #fff
	}

	49% {
		color: #fc5407;
		background-color: #fff
	}

	50% {
		color: inherit;
		background-color: transparent
	}
}

@keyframes hot-live-icon {
	0 {
		color: #fc5407;
		background-color: #fff
	}

	49% {
		color: #fc5407;
		background-color: #fff
	}

	50% {
		color: inherit;
		background-color: transparent
	}
}

.table {
	margin-bottom: 0 !important
}

.sopace {
	background-color: #f7f7f7;
	position: relative;
	clear: both;
	padding: .2em;
	word-wrap: break-word;
	margin: 4px;
	overflow: hidden;
	right: 0;
	font-size: .875rem;
	transition: background 300ms ease-in, opacity 300ms ease-in, filter 300ms ease-in;
	border-bottom: solid 1px #fc5407
}

.title_text {
	padding: .75rem;
	font-weight: 700
}

.title {
	font-size: 1.5rem
}

.league_box {
	margin: 1rem 0
}

.league_title {
	width: 100%;
	margin: 1rem 0;
	font-weight: 700
}

.d-mobile-none {
	display: block
}

.d-mobile-block {
	display: none
}

.mg-bt-05 {
	margin-bottom: .5rem
}

.ad_banners {
	display: block;
	margin: 0 auto
}

.ad_banners a {
	display: block
}

#banner_FloatLeft,
#banner_FloatRight {
	z-index: 1000;
	width: 350px;
	height: 100px;
	position: fixed;
	bottom: 0;
	right: 0;
	background: url(/img/opacity70.png) repeat 0 0;
	color: #eee;
	border: 1px solid #000
}

#banner_FloatLeft {
	bottom: 0;
	left: 0
}

#banner_FixLeft ul,
#banner_FixRight ul,
#wap_bottombanner ul,
#banner_FloatLeft ul,
#banner_FloatLeft ul li,
#banner_FloatRight ul,
#banner_FloatRight ul li {
	list-style: none;
	padding: 0;
	margin: 0
}

#banner_FloatLeft .closebtn,
#banner_FloatRight .closebtn,
#ad_player .closebtn,
#wap_bottombanner_content .closebtn {
	position: absolute;
	right: 0;
	background: #efefef;
	width: 25px;
	height: 25px;
	text-align: center;
	top: 0;
	font-size: 15px;
	cursor: pointer;
	opacity: .7
}

#banner_FloatLeft .closebtn:hover,
#banner_FloatRight .closebtn:hover,
#ad_player .closebtn:hover,
#wap_bottombanner_content .closebtn:hover {
	opacity: 1
}

#wap_bottombanner {
	display: none;
	position: fixed;
	z-index: 1000;
	bottom: 100px;
	width: 100%;
	height: 0
}

#wap_bottombanner_content {
	width: 320px;
	height: 100px;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	color: #eee;
	border: 1px solid #000
}

.box_temp {
	border-bottom: 3px solid;
	border-bottom-color: #fc5407;
	background: #e9ffe8
}

.box_temp .fact p {
	padding-left: 1rem
}

.padding-lr-1 {
	padding: 0 1rem
}

img {
	text-indent: -9999px;
	color: transparent
}

.match_events .match-row {
	display: flex;
	padding: 2px 55px 2px 4px;
	position: relative
}

.match_events .match-row:nth-child(even) {
	background-color: #fff
}

.match_events .match-row:nth-child(odd) {
	background-color: #f7f7f7
}

.match_events .match-row .min {
	flex: 0 0 2rem !important
}

.match_events .match-row.match-row__inc .sco {
	flex: 0 0 4rem
}

.ver-center {
	display: grid;
	align-items: center
}

.match_events .inc {
	width: 2rem;
	padding: .2rem;
	position: relative
}

.match_events .match-row .sco {
	flex: 0 0 3rem;
	text-align: center
}

.match_events .match-row.match-row__inc .sco .inc {
	margin-top: -5px;
	display: inline-block
}

.match_events .match-row.match-row__inc .sco .score {
	display: inline-block;
	width: 4rem
}

.match_events .match-row .min,
.match_events .match-row .min-short {
	display: flex;
	align-items: center;
	align-self: center
}

.match_events .match-row .min,
.match_events .match-row .ply,
.match_events .match-row .sco {
	flex: 1;
	box-sizing: border-box
}

.match_events .match-row,
.match_events .match-row-group .star-container,
.match_events .row-tall,
h3.title {
	border-bottom: solid 1px #fc540778
}

#ranks .rules {
	font-style: italic;
	margin: .5rem 0
}

#ranks .table_header {
	text-align: center;
	-webkit-box-shadow: 0 8px 6px -6px #ccc;
	-moz-box-shadow: 0 8px 6px -6px #ccc;
	box-shadow: 0 8px 6px -6px #ccc;
	height: 25px;
	line-height: 25px;
	font-weight: 700
}

#ranks .table_header .rank {
	text-align: left;
	width: 5%;
	float: left
}

#ranks .table_header .team {
	text-align: left;
	width: 65%;
	float: left
}

#ranks .table_header .p {
	width: 10%;
	float: left
}

#ranks .table_header .hs {
	width: 10%;
	float: left
}

#ranks .table_header .pts {
	width: 10%;
	float: left
}

.rank_list table tr:nth-child(even) {
	background-color: #f3f3f3
}

.rank_list table tr td {
	text-align: center;
	padding: 2px 5px
}

.rank_list table tr td.tt {
	text-align: left;
	width: 5%
}

.rank_list table tr td.doibong {
	text-align: left;
	width: 65%
}

.rank_list table tr td.tran {
	width: 10%
}

.rank_list table tr td.hs {
	width: 10%
}

.rank_list table tr td.diem {
	width: 10%
}

.widget *,
.widget :after,
.widget :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.widget .table-header {
	background: #fc540778;
	color: #fff
}

.widget .widget-body {
	fill: #000
}

.widget .padding-medium {
	padding: .5rem !important
}

.widget .margin-bottom {
	margin-bottom: 5px !important
}

.widget .no-padding {
	padding: 0 !important
}

.widget .padding-bottom {
	padding-bottom: 5px !important
}

.widget .padding-right-medium {
	padding-right: .2rem !important
}

.widget .padding-left-medium {
	padding-left: .2rem !important
}

.widget .padding-top {
	padding-top: 5px !important
}

.widget .no-margin {
	margin: 0 !important
}

.widget .margin-right {
	margin-right: 5px !important
}

.widget .margin-left {
	margin-left: 5px !important
}

.widget .list-inline,
.widget .list-unstyled {
	padding-left: 0;
	list-style: none
}

.widget .list-border li {
	border-top: 1px solid #b3b3b3
}

.widget .list-border li:first-of-type {
	border-top: 0
}

.widget .flex-items-xs-middle {
	align-items: center
}

.widget .no-wrap,
.widget .no-wrap-all * {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.widget .inline {
	display: inline !important
}

.widget .image-medium img,
.widget .image-medium svg {
	width: 24px;
	height: 24px;
	max-width: 24px
}

.widget .button-group .button-group-item {
	overflow: hidden;
	flex: 1 1 0
}

.widget .button-group .button-group-item.bgi-full-width {
	display: flex;
	flex: 1 1 20%
}

.widget .button-group .button-group-item button {
	flex: 1 1 auto
}

.btn.btn-toolbar,
.widget .btn.btn-toolbar.dropdown-toggle,
.widget .btn.btn-toolbar.focus,
.widget .btn.btn-toolbar:focus {
	color: #fff;
	fill: #fff;
	background: #fc540778;
	border: 0
}

.widget .btn.btn-toolbar svg,
.widget .btn.btn-toolbar.dropdown-toggle svg,
.widget .btn.btn-toolbar.focus svg,
.widget .btn.btn-toolbar:focus svg {
	fill: #fff
}

.widget .btn.btn-toolbar.active {
	color: #fff;
	fill: #fff;
	background: #a7140578;
	border: 0
}

.widget .btn.btn-toolbar.active svg {
	fill: #fff
}

.widget .btn.btn-toolbar:hover {
	color: #fff;
	fill: #fff;
	background: #a7140578;
	border: 0
}

.widget .btn.btn-toolbar:hover svg {
	fill: #fff
}

.widget .btn.btn-toolbar.dropdown {
	border: 0
}

.widget .btn.btn-toolbar.dropdown.open>.dropdown-toggle {
	color: #fff;
	fill: #fff;
	background: #a71405;
	border: 0
}

.widget .btn.btn-toolbar.dropdown.open>.dropdown-toggle.focus,
.widget .btn.btn-toolbar.dropdown.open>.dropdown-toggle:focus,
.widget .btn.btn-toolbar.dropdown.open>.dropdown-toggle:hover {
	color: #fff;
	fill: #fff;
	background: #c00;
	border: 0
}

.widget .btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	white-space: nowrap;
	border: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 6px 12px;
	line-height: 1.42857;
	border-radius: 0
}

.flex-1 {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.flex-0 {
	-webkit-box-flex: 0;
	-ms-flex: 0;
	flex: 0
}

.text-nowrap {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.text-right {
	text-align: right !important
}

@media(max-width:1199px) {
	.widget .btn.btn-toolbar {
		padding-left: 5px;
		padding-right: 5px
	}

	.widget .btn.btn-toolbar span.icon-span {
		display: inline-block
	}
}

@media(max-width:991px) {
	.post-item-video .post-item-image-big {
		height: 253px
	}

	.post-item-video .post-item-image {
		height: 100px
	}

	.featured .thumb_big {
		height: 260px
	}

	.sub_videos {
		height: 253px
	}
}

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

	#wap_bottombanner,
	#banner_wap_supper {
		display: block
	}

	#banner_FloatLeft,
	#banner_FloatRight {
		display: none
	}
}

@media(max-width:575.98px) {
	.match_events .col-11.home-left {
		padding-left: 5px;
		padding-right: 10px
	}
}

@media(max-width:768px) {
	#header .nav-mobile .logo-cnt a {
		margin-right: 0
	}

	.widget .visible-xs {
		display: block !important
	}

	.widget .hidden-xs {
		display: none !important
	}

	.post-item-video .post-item-image-big,
	.post-item-video .post-item-image {
		height: 191px
	}

	.sub_featured {
		height: unset
	}

	.featured .thumb_big {
		height: 260px
	}

	.sub_videos {
		height: 350px
	}

	.bot_featured,
	.sidebar_right,
	#turnOffChat {
		display: none
	}

	.d-mobile-none {
		display: none
	}

	.d-mobile-block {
		display: block
	}

	.item_post h2.title_name {
		margin-top: 10px
	}
}

.archive-posts .hot-news-item img {
	object-fit: cover;
	height: 100%
}

#header {
	position: relative;
	margin-top: 5px
}

#header::before {
	content: '';
	position: absolute;
	top: -5px;
	right: 0;
	width: 100%;
	height: 5px;
	background-image: url('/wp-content/themes/bongda/assets/asset/xoaitv-top.jpg');
	background-size: cover;
	z-index: 1
}

#menu-main-menu li a {
	position: relative
}

#menu-main-menu li a:hover {
	color: green;
	z-index: 3
}

.menu-toge {
	text-align: center;
	font-size: 30px;
	width: 40px
}

body {
	margin: 0;
	font-family: "TimesNewRoman", Times New Roman, sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #ece9e9;
	overflow-x: hidden;
	text-align: left;
	background-image: url('/wp-content/themes/bongda/assets/background-home-3.jpg');
	background-size: contain;
}

h1,
h2,
h3,
h4,
h5,
h6,
.primary-font,
.author-title,
.tiso {
	font-family: "TimesNewRoman", Times New Roman, sans-serif;
	font-weight: bold;
	margin-top: 0
}

.grid-match_timess {
	font-family: "TimesNewRoman", Times New Roman, sans-serif
}

#menu-mb {
	height: 56px;
	align-items: center;
	padding: 0 5px;
	background-color: #7b7ff9;
	width: 100%;
	display: flex;
	justify-content: space-between
}

.nav-mobile {
	display: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-bottom: .5rem
}

a {
	color: #01b243;
	text-decoration: none;
	background-color: transparent
}

a:hover {
	color: #00bd47;
	text-decoration: underline
}

.img-thumbnail {
	padding: .25rem;
	background-color: #fff;
	border: 1px solid #dee2e6;
	border-radius: .25rem;
	max-width: 100%;
	height: auto
}

.figure-caption,
.wp-caption-text {
	font-size: 90%;
	color: #6c757d
}

code {
	font-size: 87.5%;
	color: #e83e8c;
	word-break: break-word
}

kbd {
	padding: .2rem .4rem;
	font-size: 87.5%;
	color: #fff;
	background-color: #212529;
	border-radius: .2rem
}

kbd kbd {
	padding: 0;
	font-size: 100%;
	font-weight: 700
}

@media(max-width:730px) {
	#wap_bottombanner {
		display: block;
		position: fixed
	}
}

@media(min-width:768px) {
	.container {
		max-width: 720px
	}
}

@media(min-width:992px) {
	.container {
		max-width: 960px
	}
}

@media(min-width:1200px) {
	.container {
		max-width: 1140px
	}
}

.container-fluid {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}

.menu-background {
	background: #000000ad;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999998
}

.hide {
	display: none
}

.mobile-menu-main {
	position: fixed;
	width: calc(100% - 200px);
	background: #7b7ff9;
	height: 100%;
	z-index: 99999999;
	left: 0;
	top: 0;
	color: white;
	text-transform: uppercase;
	padding: 30px 0
}

.close-menu-btn {
	color: white;
	font-size: 30px;
	position: absolute;
	top: 5px;
	right: 15px;
	z-index: 9;
	width: 40px;
	height: 40px;
	display: block;
	text-align: center
}

#mobile-main-menu {
	width: 100%;
	z-index: 9999;
	display: grid !important;
	color: white;
	margin-right: 0 !important;
	margin-left: 0 !important
}

.amp-btn-fixed {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 90000
}

.amp-btn-bg {
	position: fixed;
	top: 0;
	left: 0;
	backdrop-filter: blur(1px);
	height: 100%;
	width: 100%;
	z-index: 80000;
	filter: blur(8px);
	-webkit-filter: blur(8px);
	background: #00000093
}

#mobile-main-menu ul {
	display: none
}

.amp-btn {
	display: block;
	padding: 6px 0;
	margin: 5px auto 15px;
	width: 350px;
	text-align: center;
	background: #01b243;
	border: 2px #01b243 solid;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	max-width: 100%;
	cursor: pointer;
	padding: 10px 0;
	margin: 80px auto;
	text-transform: uppercase
}

.load-more-btn {
	display: block;
	padding: 6px 0;
	margin: 5px auto 15px;
	width: 350px;
	text-align: center;
	background: transparent;
	border: 2px #01b243 solid;
	color: #01b243;
	text-transform: uppercase;
	font-weight: bold;
	max-width: 100%;
	cursor: pointer
}

.load-more-btn:hover {
	background-color: #01b243;
	color: white
}

#mobile-main-menu li {
	height: fit-content
}

.mo-phong {
	position: absolute;
	width: 100%;
	height: 100%
}

.embed-responsive-item-widget {
	position: relative;
	padding-bottom: calc(46.5%+142px);
	margin-bottom: 15px
}

.status-match {
	text-align: center;
	margin-bottom: 5px
}

.mo-phong iframe {
	width: 100%;
	height: 100%;
	margin-bottom: 15px
}

#mobile-main-menu li a {
	padding: 10px 15px;
	color: white;
	font-weight: 550;
	width: 100%;
	display: block
}

.matches .grid-matches {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px
}

#header .nav-mobile .navbar-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.col-4 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.33333%;
	flex: 0 0 33.33333%;
	max-width: 33.33333%
}

.block-category .post-item.post-featured,
.videos_box .post-item.post-featured,
.matches .grid-matches__item {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}

@media(min-width:992px) {

	.col-lg-6,
	.matches .grid-matches__item {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	.col-lg-8,
	.block-category .post-item.post-featured {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 66.66667%;
		flex: 0 0 66.66667%;
		max-width: 66.66667%
	}
}

.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(0, 0, 0, 0.05)
}

.table-hover tbody tr:hover {
	color: #212529;
	background-color: rgba(0, 0, 0, 0.075)
}

.form-control::-ms-expand,
.comment-form input[type="text"]::-ms-expand,
.comment-form input[type="email"]::-ms-expand,
.comment-form input[type="url"]::-ms-expand,
.comment-form textarea::-ms-expand,
.search-form .search-field::-ms-expand {
	background-color: transparent;
	border: 0
}

.form-control:focus,
.comment-form input:focus[type="text"],
.comment-form input:focus[type="email"],
.comment-form input:focus[type="url"],
.comment-form textarea:focus,
.search-form .search-field:focus {
	color: #495057;
	background-color: #fff;
	border-color: #35fe80;
	outline: 0;
	-webkit-box-shadow: 0 0 0 .2rem rgba(1, 178, 67, 0.25);
	box-shadow: 0 0 0 .2rem rgba(1, 178, 67, 0.25)
}

.form-control::-webkit-input-placeholder,
.comment-form input[type="text"]::-webkit-input-placeholder,
.comment-form input[type="email"]::-webkit-input-placeholder,
.comment-form input[type="url"]::-webkit-input-placeholder,
.comment-form textarea::-webkit-input-placeholder,
.search-form .search-field::-webkit-input-placeholder {
	color: #6c757d;
	opacity: 1
}

.form-control::-moz-placeholder,
.comment-form input[type="text"]::-moz-placeholder,
.comment-form input[type="email"]::-moz-placeholder,
.comment-form input[type="url"]::-moz-placeholder,
.comment-form textarea::-moz-placeholder,
.search-form .search-field::-moz-placeholder {
	color: #6c757d;
	opacity: 1
}

.form-control::-ms-input-placeholder,
.comment-form input[type="text"]::-ms-input-placeholder,
.comment-form input[type="email"]::-ms-input-placeholder,
.comment-form input[type="url"]::-ms-input-placeholder,
.comment-form textarea::-ms-input-placeholder,
.search-form .search-field::-ms-input-placeholder {
	color: #6c757d;
	opacity: 1
}

.form-control::placeholder,
.comment-form input[type="text"]::placeholder,
.comment-form input[type="email"]::placeholder,
.comment-form input[type="url"]::placeholder,
.comment-form textarea::placeholder,
.search-form .search-field::placeholder {
	color: #6c757d;
	opacity: 1
}

.form-control:disabled,
.comment-form input:disabled[type="text"],
.comment-form input:disabled[type="email"],
.comment-form input:disabled[type="url"],
.comment-form textarea:disabled,
.search-form .search-field:disabled,
.form-control[readonly],
.comment-form input[readonly][type="text"],
.comment-form input[readonly][type="email"],
.comment-form input[readonly][type="url"],
.comment-form textarea[readonly],
.search-form .search-field[readonly] {
	background-color: #e9ecef;
	opacity: 1
}

select.form-control:focus::-ms-value,
.search-form select.search-field:focus::-ms-value {
	color: #495057;
	background-color: #fff
}

.form-control-file,
.form-control-range {
	display: block;
	width: 100%
}

.col-form-label {
	padding-top: calc(0.375rem+1px);
	padding-bottom: calc(0.375rem+1px);
	margin-bottom: 0;
	font-size: inherit;
	line-height: 1.5
}

.col-form-label-lg {
	padding-top: calc(0.5rem+1px);
	padding-bottom: calc(0.5rem+1px);
	font-size: 1.25rem;
	line-height: 1.5
}

.col-form-label-sm {
	padding-top: calc(0.25rem+1px);
	padding-bottom: calc(0.25rem+1px);
	font-size: .875rem;
	line-height: 1.5
}

.form-control-plaintext {
	display: block;
	width: 100%;
	padding-top: .375rem;
	padding-bottom: .375rem;
	margin-bottom: 0;
	line-height: 1.5;
	color: #212529;
	background-color: transparent;
	border: solid transparent;
	border-width: 1px 0
}

.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
	padding-right: 0;
	padding-left: 0
}

.form-control-sm {
	height: calc(1.5em+0.5rem+2px);
	padding: .25rem .5rem;
	font-size: .875rem;
	line-height: 1.5;
	border-radius: .2rem
}

.form-control-lg {
	height: calc(1.5em+1rem+2px);
	padding: .5rem 1rem;
	font-size: 1.25rem;
	line-height: 1.5;
	border-radius: .3rem
}

select.form-control[size],
.search-form select.search-field[size],
select.form-control[multiple],
.search-form select.search-field[multiple] {
	height: auto
}

textarea.form-control,
.comment-form textarea,
.search-form textarea.search-field {
	height: auto
}

.form-group,
.comment-form p,
.search-form label {
	margin-bottom: 1rem
}

.form-text {
	display: block;
	margin-top: .25rem
}

.form-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -5px;
	margin-left: -5px
}

.form-row>.col,
.form-row>[class*="col-"] {
	padding-right: 5px;
	padding-left: 5px
}

.form-check {
	position: relative;
	display: block;
	padding-left: 1.25rem
}

.form-check-input {
	position: absolute;
	margin-top: .3rem;
	margin-left: -1.25rem
}

.breadcrumb li {
	display: table-cell
}

.box_info {
	background: url(./bg-stadium.jpg) no-repeat;
	color: #fff;
	padding: 20px;
	font-size: 13px;
	position: relative;
	margin-top: 20px
}

.grid-match--is-hot .grid-match__vs {
	color: #fff
}

.match_events {
	font-size: 13px
}

.match_events td {
	padding: 5px
}

.match_events td[align="left"] img {
	margin-right: 5px
}

.match_events td[align="left"] .inlineText {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.match_events td[align="right"] img {
	margin-right: 5px
}

.match_events td[align="right"] .inlineText {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.comment-list ol {
	list-style: none
}

@font-face {
	font-family: 'icomoon';
	font-weight: normal;
	font-style: normal;
	font-display: block
}

[class^="icon-"],
[class*=" icon-"] {
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-search:before {
	content: "\E918"
}

.icon-pausevid:before {
	content: "\E916"
}

.icon-playvid:before {
	content: "\E917"
}

.icon-wikipedia:before {
	content: "\E915"
}

.icon-instagram:before {
	content: "\E911"
}

.icon-pinterest:before {
	content: "\E912"
}

.icon-twitter:before {
	content: "\E913"
}

.icon-facebook:before {
	content: "\E914"
}

.icon-bars:before {
	content: "\E90F"
}

.icon-close:before {
	content: "\E910"
}

.icon-ball:before {
	content: "\E900"
}

.icon-calendar:before {
	content: "\E901"
}

.icon-coin:before {
	content: "\E902"
}

.icon-football-game:before {
	content: "\E903"
}

.icon-streaming:before {
	content: "\E904"
}

.icon-journal:before {
	content: "\E905"
}

.icon-newspaper:before {
	content: "\E906"
}

.icon-play:before {
	content: "\E907"
}

.icon-referee:before {
	content: "\E908"
}

.icon-rounded-soccer:before {
	content: "\E909"
}

.icon-soccer-board:before {
	content: "\E90A"
}

.icon-timer-clock:before {
	content: "\E90B"
}

.icon-trophy:before {
	content: "\E90C"
}

.icon-soikeo:before {
	content: "\E90D"
}

.icon-home:before {
	content: "\E90E"
}

.search-form input[type="search"] {
	background: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: 0;
	border: 0;
	color: #717983;
	font-family: "Raleway", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 18px;
	padding: 0;
	width: 100%
}

.search-form .search-button {
	position: absolute;
	left: 12px
}

.search-form label {
	font-weight: normal
}

.alignnone {
	margin-left: 0;
	margin-right: 0;
	max-width: 100%;
	height: auto
}

.aligncenter {
	display: block;
	margin: .5rem auto;
	height: auto
}

.alignleft,
.alignright {
	margin-bottom: .5rem;
	height: auto
}

@media(min-width:576px) {
	.alignleft {
		float: left;
		margin-right: .5rem
	}

	.alignright {
		float: right;
		margin-left: .5rem
	}
}

.breadcrumb-container {
	margin-bottom: 0 !important
}

.breadcrumb-container ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.breadcrumb-container ul li a {
	white-space: nowrap
}

@media screen and (max-width:991px) {
	.breadcrumb-container {
		display: none
	}

	.breadcrumb-container ul {
		overflow: hidden
	}
}

.wp-pagenavi {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	list-style: none;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.wp-pagenavi a,
.wp-pagenavi span {
	background: #fff;
	border-radius: 4px;
	width: 40px;
	height: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-family: "SVNGotham-Light", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 15px;
	line-height: 25px;
	color: #141417;
	margin: 0 7px
}

.wp-pagenavi a:hover,
.wp-pagenavi span:hover {
	z-index: 2;
	color: #fff;
	background: #009b3a;
	text-decoration: none
}

.wp-pagenavi a.current,
.wp-pagenavi span.current {
	z-index: 1;
	color: #fff;
	background-color: #009b3a
}

.menu_bottom {
	background: #01b243;
	margin-bottom: 0;
	width: 100%
}

.menu_bottom ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	overflow: hidden;
	margin-bottom: 0
}

.menu_bottom ul li {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.menu_bottom ul li a {
	font-family: "SVNGotham-Light", sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: 20px;
	color: #fff;
	padding: 9px 12px;
	padding: .5625rem .75rem;
	display: block;
	text-align: center
}

.menu_bottom ul li a:after {
	content: "";
	height: 110%;
	width: 1px;
	background: #e8e8e8;
	position: absolute;
	-webkit-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg);
	top: 0;
	right: 0;
	display: block
}

.menu_bottom ul li:last-child a:after {
	display: none
}

.sticky {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999
}

#header .section-menu .container {
	position: relative;
	padding-left: 250px
}

#header .tips {
	background: #141417;
	font-style: italic;
	font-weight: 700;
	font-size: 12px;
	line-height: 28px;
	text-transform: uppercase;
	color: #f9f9f9;
	padding: 4px 12px;
	font-family: 'Source Sans Pro', sans-serif;
	text-align: center
}

#header .tips strong {
	color: #2aab01
}

#header .wrap-container {
	position: relative;
	max-width: 1140px;
	margin-right: auto;
	margin-left: auto
}

#header .logo-sticky {
	left: -25px;
	top: 0;
	position: absolute;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

#header .logo-sticky img {
	width: 222px;
	height: 60px;
	-o-object-fit: contain;
	object-fit: contain
}

#header .logo-sticky a {
	position: relative;
	z-index: 2
}

#header .main-menu {
	background: #7b7ff9;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 0;
	color: #fff;
	padding: 0;
	width: 100%;
	height: 65px
}

#header .main-menu ul.navbar-nav {
	padding-right: 0
}

.loading-message {
	text-align: center;
	padding: 10px
}

.match-item-row {
	background-color: #272727
}

#header .main-menu ul li a.nav-link,
#header .main-menu ul li .banner .nav a,
.banner .nav #header .main-menu ul li a,
#menu-main-menu li a {
	font-weight: 400;
	font-size: 15px;
	line-height: 24px;
	text-transform: uppercase;
	color: #fff;
	opacity: .85;
	padding-left: 17px;
	font-weight: 600;
	font-family: "SVNGotham-Bold", sans-serif;
	padding: 6px 17px;
	display: block
}

#menu-main-menu li a {
	padding: 10px 10px
}

#menu-main-menu li a:hover {
	transition: all .2s
}

.main-menu ul {
	display: flex;
	margin-bottom: 0
}

.main-menu ul li {
	list-style-type: none;
	position: relative
}

.homepage-content img {
	max-width: 100%
}

.homepage-content .right-content {
	max-height: 1000px;
	overflow-y: auto;
	padding: 15px;
	border-radius: 10px
}

#menu-main-menu .menu-item .sub-menu {
	display: none;
	position: absolute;
	min-width: 235px;
	background: #01b243;
	z-index: 1;
	box-shadow: rgb(0 0 0 / 35%) 0 5px 15px;
	border-radius: 5px
}

#menu-main-menu .menu-item:hover .sub-menu {
	display: block
}

#header .main-menu ul.navbar-nav li.active a {
	color: #fff
}

#header .main-menu ul.navbar-nav li:first-child a.nav-link,
#header .main-menu ul.navbar-nav li:first-child .banner .nav a,
.banner .nav #header .main-menu ul.navbar-nav li:first-child a {
	padding-left: 0
}

#header .sub-menu {
	background: #fff;
	width: 100%;
	position: relative
}

#header .sub-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

#header .sub-menu ul li {
	padding: 4px
}

#header .sub-menu ul li a {
	font-size: 15px;
	line-height: 24px;
	font-weight: 400;
	padding: 5px 10px;
	display: block;
	font-family: "SVNGotham-Light", sans-serif
}

#header .sub-menu ul li.style-1 a {
	background: #28a745;
	color: #fff
}

#header .sub-menu ul li.style-2 a {
	background: #fc5407;
	color: #fff
}

#header .sub-menu ul li.style-3 a {
	background: #17a2b8;
	color: #fff
}

#header .sub-menu ul li.style-4 a {
	background: #dc3545;
	color: #fff
}

#header .sub-menu ul li.style-5 a {
	background: #032244;
	color: #febc11
}

#header .sub-menu ul li.style-6 a {
	background: #0f4cd9;
	color: #fff
}

#header .sub-menu ul li.style-7 a {
	background: #ffc107;
	color: #000
}

#header .sub-menu ul li.style-8 a {
	background: #ce171f;
	color: #fff
}

#header .nav-mobile .logo-cnt {
	z-index: 999;
	width: fit-content;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08)
}

#header .nav-mobile .logo-cnt a {
	padding: 0;
	display: block
}

#header .nav-mobile .logo-cnt img {
	width: auto;
	height: 34px;
	-o-object-fit: contain;
	object-fit: contain
}

#header .nav-mobile .navbar-toggler {
	position: absolute;
	z-index: 9999;
	right: 19px;
	top: 19px;
	padding: 0;
	border: 0;
	font-size: 18px;
	outline: 0
}

#header .nav-mobile .navbar-toggler .navbar-toggler-icon {
	width: auto;
	height: auto
}

#header .nav-mobile .navbar-toggler .navbar-toggler-icon:before {
	content: "\E90F";
	color: #009b3a;
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

#header .nav-mobile button[aria-expanded="true"] .navbar-toggler-icon:before {
	content: "\E910"
}

footer.page-footer {
	width: 100%;
	--tw-bg-opacity: 1;
	background-color: rgb(20 60 219 / var(--tw-bg-opacity));
	position: relative
}

footer.page-footer:before {
	background: url("data:image/svg+xml;charset=utf-8,%3Csvgxmlns='http://www.w3.org/2000/svg'width='1920'height='100'fill='none'%3E%3Cpathfill='%2329144E'fill-rule='evenodd'd='M19200H0s467100947100S1920019200Z'clip-rule='evenodd'/%3E%3C/svg%3E") top no-repeat;
	background-size: cover;
	top: 0;
	height: 100px;
	content: "";
	pointer-events: none;
	position: absolute;
	left: 0;
	width: 100%
}

@media only screen and (max-width:991px) {
	.table-offer tbody .offer-rating__name {
		display: none
	}

	.table-offer tbody .offer-rating__btn {
		padding: 5px
	}
}

.table-offer tbody .offer-score {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.table-offer tbody .offer-score__number {
	margin-bottom: 6px
}

.section__notify {
	background: #1a1d23;
	border-radius: 6px;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0 15px;
	position: relative
}

.section__notify--inner::before {
	content: "";
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGlSURBVHgB7ZRPTsJAFMbfm5rokiNA+b/jCFXQtMTA3ABuAJ4APAHcALgB4AI0EPAGukMlhaXu3GlEeE47NBZNrMWw80vazry+79c30/Yp4NJRlhfD0Rg3H+7G7ngmy6tqJD5SY3H8ds/g5VAkEZ9NJ7dOjLmBjKgBhJWMfqq5jUBUkVesbAB1LvKohkjNtM4LTlyxTrrOgwQ0WgOqg/5FyzGp0XhDDIOOQY0mUmok+mRO7+fmdDJXI0kABA3FEQ4lL01z8mhXukQ3sHsul5VrgoxrsCkOqIxOjFzNmgz6bZFPdTEM0B7ZMbSXIMwEMB/2OiErmM7yOhKVwENMwK563TON88DeG82AIAC0PGTIyN4LAWnaQIPz3wAtrQDL1v6P2+1nWGFdrpblmagwZUORxutrAfyIFKeAa1k+amIFErp4UZxPQgM/YjL//QBu1pEgfs3JGHkCnxr0Orj5nB3oH7pjqNWNYAtlsrmqe65sAJ1u5FuoudviZ6VbAx0//s3vJfRKODZ4iWRrkwURFYf9busnj+fbX+xDS/y3bUmE8fKVdbw8Hz/8pwREIQTlAAAAAElFTkSuQmCC), #1a1d23;
	height: 42px;
	display: block;
	width: 45px;
	position: absolute;
	left: 0;
	z-index: 9;
	background-repeat: no-repeat;
	background-position: center
}

.section__notify img {
	position: absolute;
	left: 15px;
	top: 50%;
	z-index: 10;
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-animation: lightAnimation .5s ease-in-out infinite;
	-o-animation: lightAnimation .5s ease-in-out infinite;
	animation: lightAnimation .5s ease-in-out infinite
}

.section__notify .scroll {
	white-space: nowrap;
	overflow: hidden;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	display: block;
	padding-left: 100%;
	will-change: transform;
	-webkit-animation: marquee 44s linear infinite;
	-o-animation: marquee 44s linear infinite;
	animation: marquee 44s linear infinite
}

.section__notify .scroll:hover {
	-webkit-animation-play-state: paused;
	-o-animation-play-state: paused;
	animation-play-state: paused
}

.section__notify a {
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	height: 42px;
	position: relative;
	margin-left: 30px;
	font-style: normal;
	font-weight: bold;
	font-size: 15px;
	color: #ffc107;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.offer {
	background: #1a1d23;
	margin-bottom: 26px;
	position: relative;
	border-radius: 2px;
	overflow: hidden;
	padding: 26px 0
}

.offer:last-child {
	margin-bottom: 0
}

.offer__col {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 0;
	flex: 1 0 0;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.offer__number {
	position: absolute;
	left: 0;
	top: 0;
	background: #0f4cd9;
	border-radius: 2px;
	width: 33px;
	height: 33px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.offer__number span {
	font-family: "SVNGotham-Light", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 15px;
	line-height: 25px;
	text-transform: uppercase;
	color: #fff
}

.offer__logo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-left: 53px
}

.offer__logo img {
	width: 100%
}

.offer__logo a {
	background: #fff;
	border-radius: 6px;
	overflow: hidden;
	display: block;
	width: 150px;
	height: 92px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0 10px
}

.offer .score__text {
	font-weight: 400;
	font-size: 13px;
	line-height: 20px;
	text-align: center;
	color: #fff
}

.offer .score__price {
	font-family: "SVNGotham-Light", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 15px;
	line-height: 25px;
	color: #fff;
	display: block;
	margin-bottom: 12px;
	margin-bottom: .75rem
}

.offer .score__stars i {
	color: #ffba00;
	font-size: 16px;
	font-size: 1rem
}

.offer .score-component {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.offer .offer__buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.offer .offer__buttons .offer__btn {
	background: -webkit-linear-gradient(4.41deg, #009b3a -8.29%, #009b3a 62.2%, #00bd47 102.14%);
	background: -o-linear-gradient(4.41deg, #009b3a -8.29%, #009b3a 62.2%, #00bd47 102.14%);
	background: linear-gradient(85.59deg, #009b3a -8.29%, #009b3a 62.2%, #00bd47 102.14%);
	border-radius: 2px;
	font-style: normal;
	font-weight: 700;
	font-size: 13px;
	line-height: 18px;
	color: #fff;
	padding: 9px 20px
}

.offer:first-child .offer__number {
	background: #e11d23
}

.offer:first-child .offer__number span {
	color: #fff
}

.section__desc #toc_container {
	width: 100%;
	background: #141417;
	padding: 0;
	border: 0
}

.section__desc #toc_container .toc_title {
	display: none
}

.section__desc #toc_container ul.toc_list {
	margin: 0 !important
}

.section__desc #toc_container ul.toc_list>li a {
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: 18px;
	color: #717983;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 12px 20px;
	min-height: 50px;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	text-decoration: none
}

.section__desc #toc_container ul.toc_list>li a:hover {
	background: #1a1d23;
	border-radius: 6px 0 0 6px
}

.section__desc #toc_container ul.toc_list>li:first-child>a {
	background: #1a1d23;
	border-radius: 6px 0 0 6px
}

.section__desc #toc_container ul.toc_list ul {
	margin: 0
}

.section__desc .content {
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
	background: #1a1d23;
	max-height: 710px;
	overflow-y: scroll;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 25px;
	color: #f2f3f3;
	border-top-right-radius: 6px;
	padding-top: 20px
}

.hot-news-item {
	padding: 10px
}

.hover14 .flashing {
	position: relative;
	overflow: hidden
}

.grid-matches .grid-match {
	transition: .5s;
	width: 100%
}

.grid-matches .grid-match:hover {
	box-shadow: 8px 8px 5px 1px rgba(0, 0, 0, 0.275)
}

.tiso {
	text-align: center;
	font-size: 50px;
	line-height: 1;
	color: #4caf50;
	font-family: "Raleway", sans-serif;
	font-weight: 700
}

.grid-match_timess .time-content {
	font-size: 13px;
	color: #fea013;
	font-family: "Raleway", sans-serif;
	text-align: center
}

.hover14 .flashing::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg)
}

.flashing {
	display: block;
	height: auto
}

.hover14 .flashing:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s
}

@-webkit-keyframes shine {
	100% {
		left: 125%
	}
}

@keyframes shine {
	100% {
		left: 125%
	}
}

.section__desc .content h1,
.section__desc .content h2,
.section__desc .content h3,
.section__desc .content h4,
.section__desc .content h5,
.section__desc .content h6,
p.title-e {
	font-family: "TimesNewRoman", Times New Roman, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 36px;
	color: #f2f3f3;
	text-transform: uppercase
}

span.title-s1 {
	width: fit-content;
	display: block;
	position: relative;
	overflow: hidden;
	line-height: 1.6em;
	padding: 0 50px 0 10px;
	transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out
}

span.title-s1:hover {
	padding: 0 80px 0 10px
}

.list-post.archive-posts .post-info a {
	font-family: "SVNGotham-Light", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.2em;
	padding-left: 0 !important;
	color: #fff
}

#list-post .post-info a {
	font-family: "SVNGotham-Light", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.2em;
	padding-left: 16px;
	color: #fff
}

.single_sidebar_widget .hot-news-item {
	flex-direction: column
}

.single_sidebar_widget #list-post .post-info a {
	padding-left: 0
}

#list-post .text-sm-new {
	padding-left: 16px;
	font-size: 15px;
	color: #999eb3
}

.border-home {
	--tw-border-opacity: 1;
	border-color: rgb(1 177 66 / var(--tw-border-opacity));
	border-top-width: 0;
	border-style: solid;
	width: 100%;
	height: 1px;
	margin-top: 2rem;
	margin-bottom: 2rem
}

.section__desc .content figure,
.section__desc .content img,
.section__desc .content iframe {
	max-width: 100%
}

.section__desc .content a {
	color: #009b3a
}

.section__desc .content:after {
	content: '';
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 192px;
	height: 223px
}

#ranks .groupname {
	background: #2a3038;
	font-family: "SVNGotham-Light", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 13px;
	line-height: 18px;
	color: #fff;
	padding: 12px;
	text-align: center
}

#ranks .rules {
	background: #1a1d23;
	font-family: "Raleway", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	line-height: 22px;
	color: #fff;
	padding: 12px
}

.filter-tags__day {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: wrap;
	flex-flow: wrap
}

.filter-tags__day a {
	background: #2a3038;
	border-radius: 2px;
	font-family: "SVNGotham-Light", sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: 22px;
	color: #afb4ba;
	display: block;
	padding: 2px 8px;
	margin-right: 8px;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s
}

.filter-tags__day a.active,
.filter-tags__day a:hover {
	background: #01af41;
	color: #fff
}

@media screen and (max-width:991px) {
	.filter-tags__day a {
		margin-bottom: 8px
	}
}

.filter-tags__leagues {
	background: #1a1d23;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	padding: 15px 15px 0 15px
}

.filter-tags__leagues a {
	font-family: "Raleway", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 18px;
	color: #717983;
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 15px;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s
}

.filter-tags__leagues a:hover,
.filter-tags__leagues a.active {
	color: #01af41
}

@media screen and (max-width:991px) {
	.filter-tags__leagues {
		background: 0;
		padding: 0
	}

	.filter-tags__leagues a {
		margin-right: 8px;
		margin-bottom: 8px;
		background: #1a1d23;
		border-radius: 2px;
		padding: 2px 5px
	}
}

@-webkit-keyframes lightAnimation {
	0 {
		-webkit-filter: brightness(1);
		filter: brightness(1)
	}

	50% {
		-webkit-filter: brightness(1.2);
		filter: brightness(1.2)
	}

	to {
		-webkit-filter: brightness(1);
		filter: brightness(1)
	}
}

@-o-keyframes lightAnimation {
	0 {
		-webkit-filter: brightness(1);
		filter: brightness(1)
	}

	50% {
		-webkit-filter: brightness(1.2);
		filter: brightness(1.2)
	}

	to {
		-webkit-filter: brightness(1);
		filter: brightness(1)
	}
}

@keyframes lightAnimation {
	0 {
		-webkit-filter: brightness(1);
		filter: brightness(1)
	}

	50% {
		-webkit-filter: brightness(1.2);
		filter: brightness(1.2)
	}

	to {
		-webkit-filter: brightness(1);
		filter: brightness(1)
	}
}

@-webkit-keyframes marquee {
	0 {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	100% {
		-webkit-transform: translate(-100%, 0);
		transform: translate(-100%, 0)
	}
}

@-o-keyframes marquee {
	0 {
		-webkit-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	100% {
		-webkit-transform: translate(-100%, 0);
		-o-transform: translate(-100%, 0);
		transform: translate(-100%, 0)
	}
}

@keyframes marquee {
	0 {
		-webkit-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	100% {
		-webkit-transform: translate(-100%, 0);
		-o-transform: translate(-100%, 0);
		transform: translate(-100%, 0)
	}
}

@media screen and (max-width:991px) {
	.videos_box .post-item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 15px
	}

	.videos_box .post-item img {
		height: 128px
	}

	.videos_box .post-item .post-thumbnail {
		width: 100%
	}

	.videos_box .post-item.post-featured img {
		height: 320px
	}
}

.wd-related .item_post {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: -webkit-gradient(linear, left top, right top, from(#1a1d23), to(#141417));
	background: -webkit-linear-gradient(left, #1a1d23 0, #141417 100%);
	background: -o-linear-gradient(left, #1a1d23 0, #141417 100%);
	background: linear-gradient(90deg, #1a1d23 0, #141417 100%);
	margin-bottom: 17px
}

.wd-related .item_post img {
	width: 100%;
	height: 128px;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 2px
}

.wd-related .item_post .thumbnail {
	display: block;
	position: relative
}

.wd-related .item_post .thumbnail:after {
	content: '';
	width: 116.61px;
	height: 3.27px;
	display: block;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	position: absolute;
	top: 100%;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHUAAAADCAYAAACtf0BgAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGLSURBVHgBhVPbTcRADLSdLSAlUEJ6QPQFSIhS+KSEo4yrBa1i/Fh7He4pRdnzY2bs2eDXuj0BdHkazF89+/9uL4n3SHtNB7iotadd4njrwLrLVzhLrifuFb47WI6zlNxtPtOnY3Y/R/lRyyPtrrW1VvZznTNq4ab20PB4Xx/nlx894fe6rb+wn3bEDQE1xIwoB2I5AyMhexz0jZaXGEsKyWIMJGHPex1lPaCf5cdeJz2s8ain5Iy4xgILBl/iDUwJWg+KTlbwgZ34MDlMt8WhYFWNwUVZDwftyiH6tI6HHtYy48NdN4WL6sCcSblzzsJVcMfurJutFVObxnU8m42p5Ba3oWjXvHEQvH+en19t22Ys8mkHMRZzoTYIlGWooWG0DmVAtiQYRruwGIxVvKrCahKNSzNNrYs1TONbTNvsLXWcFw+GoXnZQnfwyTysy7Vc6bUeW4hCqNa4VDQvr5tT5sFixvEiTKNofDle//+iTrOmIS6UDuaJF/rRmKkwTE5jFZP8YmdvfFBIb3+ETNDkK/KW2wAAAABJRU5ErkJggg==);
	background-repeat: no-repeat
}

.wd-related .item_post h2.title_name {
	font-family: "SVNGotham-Light", sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 25px;
	color: #f2f3f3
}

.widget-post .item_post:first-child {
	padding-top: 0
}

.widget-post h2.title_name {
	font-size: 15px;
	font-size: .9375rem;
	line-height: 20px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	display: -webkit-box
}

.news_content h1.title {
	font-family: "SVNGotham-Light", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 36px;
	color: #f2f3f3;
	margin-bottom: 17px;
	margin-bottom: 1.0625rem
}

.news_content .content {
	background: #1a1d23;
	border-radius: 2px;
	font-family: "Raleway", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 25px;
	color: #f2f3f3;
	padding: 20px
}

.news_content .content .textwidget {
	margin-bottom: 10px
}

.news_content .content h1,
.news_content .content h2,
.news_content .content h3,
.news_content .content h4,
.news_content .content h5 {
	font-weight: 400;
	line-height: 1.15
}

.news_content .content a {
	font-weight: 700;
	font-size: 15px;
	line-height: 25px;
	color: #009b3a
}

.news_content .content h1 {
	margin-top: 0;
	font-size: 1.802em
}

.news_content .content h2 {
	font-size: 1.602em
}

.news_content .content h3 {
	font-size: 1.424em
}

.news_content .content h4 {
	font-size: 1.266em
}

.news_content .content h5 {
	font-size: 1.125em
}

.news_content .content ul {
	padding-left: 15px
}

.news_content .content figure {
	max-width: 100%
}

.news_content .content small,
.news_content .content .text_small {
	font-size: .889em
}

.news_content .content .aligncenter .wp-caption-text {
	text-align: center
}

.news_content .content .post-tags {
	border-top: 1px solid #2a3038;
	padding-top: 20px
}

.news_content .content .post-tags .tags-title {
	font-family: "Raleway", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 15px;
	line-height: 25px;
	color: #f2f3f3
}

.news_content .content .post-tags .tag-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.news_content .content .post-tags .tag-list li {
	margin-right: 8px
}

.news_content .content .post-tags .tag-list li a {
	background: #2a3038;
	border-radius: 2px;
	display: block;
	font-family: "SVNGotham-Light", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	line-height: 20px;
	color: #f2f3f3;
	padding: 6px 12px
}

.news_content .summary {
	background: #1a1d23;
	border-radius: 2px;
	padding: 20px;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 25px;
	color: #f2f3f3
}

.news_content .box_comment .wrap-box {
	background: #1a1d23;
	border-radius: 2px;
	padding: 20px
}

.news_content .box_comment .fb-comments {
	background: #fff
}

.news_content #toc_container {
	background: url(./bg-toc-container2.png) no-repeat;
	background-size: cover;
	border: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 2px;
	width: 100%;
	padding: 20px
}

.news_content #toc_container .toc_title {
	display: none
}

.news_content #toc_container ul.toc_list {
	margin: 0 !important
}

.news_content #toc_container ul.toc_list li a {
	font-family: "Raleway", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 15px;
	line-height: 25px;
	color: #fa2;
	margin-bottom: 10px;
	display: block
}

.list-related-by-list {
	background: #f5f6f7;
	padding: 10px
}

.list-related-by-list li {
	padding-left: 16px;
	position: relative;
	margin-bottom: 6px
}

.list-related-by-list li:before {
	content: "";
	width: 4px;
	height: 4px;
	background-color: #4267b2;
	border-radius: 50%;
	position: absolute;
	left: 2px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

.list-related-by-list li a {
	font-weight: 600;
	color: #4267b2;
	font-size: 15px;
	line-height: 21px;
	display: block
}

.list-related-by-list li:last-child {
	margin-bottom: 0
}

.section__title {
	border-left: 5px solid #4267b2;
	font-weight: 500 !important;
	font-size: 18px !important;
	padding: 5px 6px;
	margin-bottom: 0
}

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

	.figure,
	.wp-caption,
	.wp-caption {
		width: auto !important
	}

	.item_post--normal h2.title_name {
		font-size: 14px;
		font-size: .875rem;
		line-height: 22px;
		line-height: 1.375rem;
		margin-top: 0;
		margin-bottom: 5px;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		display: -webkit-box
	}

	.item_post--normal .description {
		display: none
	}
}

.zone-league-season-rounds strong {
	color: #fff;
	margin-bottom: 5px
}

.zone-league-season-rounds a {
	color: #fff;
	padding: 3px 10px;
	background: #1a1d23;
	display: inline-block;
	margin-bottom: 4px;
	font-family: "Raleway", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 18px;
	color: #717983;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s
}

.matches__filter {
	border-radius: 5px;
	width: auto
}

.matches__filter ul {
	flex-wrap: wrap;
	padding: 0
}

.btncuocngay {
	color: #fff;
	background: #01b243;
	font-family: "Raleway", sans-serif;
	display: block;
	padding: 3px 3px;
	border-radius: 5px;
	white-space: nowrap;
	border: 1px solid #01b243;
	font-weight: 600;
	font-size: 15px
}

.btncuocngay:first-child {
	margin-right: 5px
}

.btncuocngay:hover {
	color: #01b243;
	background: #fff
}

.matches__filter li a {
	color: #717983;
	font-weight: 500;
	font-size: 11px;
	line-height: 18px;
	font-family: "SVNGotham-Light", sans-serif;
	display: block;
	padding: 6px 12px;
	position: relative;
	font-weight: 600
}

.matches__filter li a {
	color: #c9c9c9
}

.matches__filter li a.active:hover {
	color: #009b3a
}

.matches__filter li a:hover {
	color: #009b3a
}

@media only screen and (min-width:992px) {
	.matches__filter li a {
		font-size: 14px
	}
}

.matches__filter--leagues select {
	background: #1a1d23;
	border: 0;
	outline: 0;
	color: #dadbdb;
	height: 42px;
	font-family: "Raleway", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 13px;
	line-height: 18px
}

.matches__filter--leagues select:focus {
	outline: 0
}

.matches .grid-matches {
	margin-left: -10px;
	margin-right: -10px;
	margin-top: 24px
}

.matches .grid-matches__item {
	margin-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px
}

.matches .grid-matches__item .grid-match {
	border-radius: 15px;
	padding: 10px 20px;
	padding: .625rem 1.25rem;
	position: relative;
	--tw-border-opacity: 1;
	border: 1px solid rgb(134 146 188 / var(--tw-border-opacity));
	background: linear-gradient(0, #362307, #0d1e63)
}

.matches__filter .list-filter {
	border: 1px solid #8692bc;
	border-radius: 5px
}

.list-filter>div {
	padding: 6px 12px;
	display: flex;
	align-items: center
}

.list-filter>div a {
	color: #c9c9c9;
	font-weight: 600;
	white-space: nowrap
}

.matches .grid-matches__item .grid-match--is-hot {
	background: #410a06
}

.matches .grid-matches__item .grid-match>a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0
}

.matches .grid-matches__item .grid-match__header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 5px 0
}

.date-list .xbtn {
	background-color: rgba(65, 64, 64, 0.529);
	font-weight: bold;
	padding: 4px 7px;
	color: white;
	margin: 3px 3px;
	display: inline-block
}

.date-list .xbtn.active-btn {
	background-color: #009b3a
}

.matches .grid-matches__item .grid-match__league {
	font-weight: 700;
	font-family: "TimesNewRoman", Times New Roman, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #fff
}

.mobile-menu-main ul {
	list-style: none;
	padding-left: 15px
}

.container img,
.container figure {
	max-width: 100%;
	border: unset;
	height: auto
}

.container figure {
	width: inherit !important;
	border: unset
}

.page-footer .logo img {
	max-width: 100%;
	width: 200px
}

.page-footer .ulfooter {
	list-style: none;
	display: flex;
	justify-content: center;
	padding-left: 0
}

.rightsingle {
	padding: 0
}

.page-footer ul li {
	padding: .5rem 1rem;
	color: #f5c14b;
	font-weight: 600
}

.page-footer a {
	color: #f5c14b
}

.content-wrapper {
	padding: 10px
}

.main-container {
	width: 100%;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 300px
}

.matches .grid-matches__item .grid-match__commentator {
	font-family: "SVNGotham-Light", sans-serif;
	font-weight: 400;
	font-size: 13px;
	line-height: 18px;
	color: #67ff00;
	border-radius: 2px;
	width: 462px;
	max-width: 95%;
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 9
}

.matches .grid-matches__item .grid-match__commentator a {
	font-family: "TimesNewRoman", Times New Roman, sans-serif;
	font-weight: 400;
	font-size: 12px;
	line-height: 18px;
	color: #ffc107;
	border-radius: 2px;
	text-transform: uppercase
}

a:hover {
	text-decoration: underline
}

.matches .grid-matches__item .grid-match__date {
	font-family: "TimesNewRoman", Times New Roman, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	border-radius: 2px;
	position: relative
}

.author-container {
	color: white;
	padding: 15px;
	margin: 10px 0;
	background: #212122;
	border-radius: 5px
}

.author-container .author-title {
	font-weight: bold;
	font-size: 20px
}

.author-box .author-pic {
	max-width: 96px;
	border-radius: 50%
}

.author-title {
	font-size: 25px;
	margin-bottom: 10px
}

.author-box {
	display: grid;
	grid-column-gap: 10px;
	grid-template-columns: 100px 1fr
}

.matches .grid-matches__item .grid-match__vs {
	font-family: "Raleway", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 22px;
	text-align: center;
	color: #fff
}

.matches .grid-matches__item .grid-match__status {
	align-content: center;
	display: grid;
	justify-content: center;
	width: 100%
}

.matches .grid-matches__item .grid-match__body {
	display: grid;
	grid-template-columns: 40% 20% 40%;
	padding: 10px 0;
	justify-items: center
}

.matches .grid-matches__item .grid-match__status .t_time {
	font-family: "Raleway", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 13px;
	line-height: 18px;
	text-align: center;
	color: #fff;
	margin-bottom: 10px;
	display: block;
	padding: 1px 10px;
	border-radius: 4px
}

.matches .grid-matches__item .grid-match__status .t_time.t_time_num {
	background: #009b3a
}

.matches .grid-matches__item .grid-match__status .t_time.red {
	background: #e11d23
}

.matches .grid-matches__item .grid-match__status .t_vs_num {
	background: #0f4cd9;
	border-radius: 2px;
	padding: 3px 15px;
	display: block
}

.matches .grid-matches__item .grid-match__team {
	display: grid;
	justify-content: center;
	text-align: center;
	width: 100%;
	justify-items: center
}

.matches .grid-matches__item .grid-match__team img {
	width: 50px;
	height: 50px;
	-o-object-fit: contain;
	object-fit: contain;
	margin-bottom: 8px
}

.matches .grid-matches__item .grid-match__team--name {
	color: #fff;
	margin-bottom: 10px
}

.matches .grid-matches__item .grid-match__footer .odds-comp img {
	width: 80px;
	border-radius: 7px
}

.matches .grid-matches__item .grid-match .btn-detail {
	font-weight: 600;
	width: 120px;
	height: 44px;
	--tw-bg-opacity: 1;
	background-color: rgb(1 177 66 / var(--tw-bg-opacity));
	border-radius: 10px;
	font-size: 16px;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: center
}

@media screen and (max-width:992px) {
	.swiper-slide.person {
		width: 106px
	}

	.matches .grid-matches__item .grid-match {
		padding: 16px;
		padding: 1rem;
		margin: 0 auto;
		width: 100%
	}
}

@media screen and (max-width:991px) {
	.matches .grid-matches__item {
		margin-bottom: 10px
	}

	.matches .grid-matches__item p {
		margin-bottom: 0
	}
}

.matches .boxgun {
	width: 35px;
	height: 26px;
	text-align: center;
	background: #e11d23;
	font-family: Oswald;
	font-style: normal;
	font-weight: bold;
	font-size: 15px;
	line-height: 25px;
	color: #fff;
	border-radius: 2px
}

.matches .boxgun.w {
	background: #01af41
}

.matches .boxgun.d {
	background: #0f4cd9
}

.button-area {
	position: absolute;
	z-index: 1;
	right: 10px;
	top: 10px
}

.button-area a {
	padding: 5px 8px;
	font-size: 16px;
	font-weight: 550;
	text-transform: uppercase;
	border-radius: 3px
}

.btn-load-fixtures {
	background: #1a1d23;
	border-radius: 6px;
	width: 100%;
	display: block;
	font-weight: 500;
	font-size: 13px;
	line-height: 18px;
	color: #009b3a;
	padding: 12px 20px;
	position: relative
}

.btn-load-fixtures i.icon-loader {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAQCAYAAAAvf+5AAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADFSURBVHgBxZFBCsIwEEX/hCpdeoTeQJdaBL1JLbhx5xG8gXsrtEfpStzpEfQGXQli2zElNk1swKUfEibzX/4QQmh1CCcg3sNUyTE251tTero5qAuUIrdAsK6ErmJ5k3G3lu8Xrd0lptMALyyswOfjIvfCTnRJMPUTSy8A1SsLpGEu9+vvRDP8f6CnfkSMwNUYRLbLVYBkvlQg8Raoox6kBu6kJ1+PTLnJLJOnyDlTQlif4i7GBX8gVZoyYQNyq4GPYfrdfgO6ZjuloQc+YQAAAABJRU5ErkJggg==) no-repeat;
	width: 10px;
	height: 16px;
	display: inline-block;
	margin-left: 7px;
	position: relative;
	top: 3px
}

.btn-load-fixtures:hover {
	color: #009b3a
}

.teambox-container {
	background-image: url(./bg-match-header.png);
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	padding: 30px
}

.teambox-container h1 {
	text-align: center
}

.teambox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
	position: relative
}

.teambox__ts {
	font-family: "SVNGotham-Light", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 30px;
	line-height: 40px;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 7px
}

.teambox__center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

@media screen and (max-width:991px) {
	.teambox__center {
		white-space: nowrap
	}

	.teambox__center .teambox__ts {
		font-size: 26px
	}
}

.teambox__status {
	font-family: "SVNGotham-Light", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 13px;
	line-height: 18px;
	color: #009b3a;
	margin-bottom: 10px
}

.teambox__team {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.teambox__team--logo {
	width: 80px;
	height: 80px;
	-o-object-fit: contain;
	object-fit: contain;
	margin-bottom: 9px
}

.teambox__team--name a {
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	color: #fff
}

@media screen and (min-width:992px) {
	.teambox__team {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}
}

@media screen and (max-width:991px) {
	.teambox-container h1 {
		font-size: 22px
	}

	.teambox__team--logo {
		width: 36px;
		height: 36px;
		margin-bottom: 2px
	}

	.teambox__team--name a {
		font-size: 10px;
		line-height: 16px
	}
}

.teambox__odds .company {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 12px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.teambox__odds .company .pointer {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 78px;
	font-style: normal;
	font-weight: 300;
	font-size: 13px;
	font-size: .8125rem;
	line-height: 18px;
	line-height: 1.125rem;
	padding: 2px 28px;
	padding: .125rem 1.75rem;
	margin: 0 4px;
	text-align: center;
	color: #fff;
	cursor: pointer;
	font-family: "SVNGotham-Light", sans-serif;
	border: 1px solid #d9d9d9;
	box-sizing: border-box;
	border-radius: 78.9299px
}

.teambox__odds .company .pointer.active,
.teambox__odds .company .pointer:hover {
	background: #009b3a;
	border: 1px solid #009b3a;
	color: #fff
}

.teambox__odds .soccer .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 5px
}

.teambox__odds .soccer .item .green {
	color: #63fe16 !important
}

.teambox__odds .soccer .item .orange {
	color: #ff775f !important
}

.teambox__odds .soccer .item>div {
	background: #2a3038;
	border-radius: 4px;
	border-radius: 2px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	font-style: normal;
	font-family: "SVNGotham-Light", sans-serif;
	font-weight: 300;
	font-size: 13px;
	line-height: 11px;
	color: #afb4ba
}

.teambox__odds .soccer .item .center {
	width: 40px;
	padding: 3px 0;
	margin: 0 8px
}

.teambox__odds .soccer .item .left,
.teambox__odds .soccer .item .right {
	width: 190px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.teambox__odds .soccer .item span {
	font-style: normal;
	font-size: 13px;
	line-height: 11px;
	padding: 8px 0;
	text-align: center;
	color: #afb4ba
}

.teambox--result .teambox__league a {
	color: #009b3a
}

.teambox--result .teambox__date {
	color: #fff
}

@media screen and (max-width:992px) {
	.teambox {
		margin-left: -15px;
		margin-right: -15px;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: start;
		padding-top: 20px
	}

	.teambox__center {
		padding: 0 20px
	}

	.teambox__ts {
		margin-bottom: 0
	}

	.teambox__team {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}

	.teambox__odds {
		position: absolute;
		bottom: 10px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%)
	}

	.teambox__odds .company .pointer {
		font-weight: 600;
		padding: 1px 18px
	}

	.teambox__odds .soccer .item span {
		padding: 6px 0
	}

	.teambox__odds .soccer .item .center {
		margin: 0 6px;
		width: 33px
	}

	.teambox__odds .soccer .item .left,
	.teambox__odds .soccer .item .right {
		width: 152px;
		max-width: 100%
	}

	.teambox .offqc {
		position: absolute;
		font-family: Source Sans Pro;
		font-style: normal;
		font-weight: bold;
		font-size: 7.08139px;
		line-height: 9px;
		text-align: center;
		color: #fff;
		left: 15px;
		top: 0
	}
}

.player .title_box {
	padding-left: 20px
}

.player .title_box:before {
	content: '';
	width: 5px;
	height: 43px;
	display: block;
	background: #009b3a;
	position: absolute;
	left: 9px;
	top: 60%;
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

.player .title_box h1 {
	font-family: "SVNGotham-Light", sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 13px !important;
	line-height: 1;
	color: #f2f3f3;
	text-transform: inherit;
	display: block;
	margin: 8px 0 -9px 62px;
	width: 330px
}

.player .title_box span {
	font-family: "Raleway", sans-serif;
	font-style: italic;
	font-weight: normal;
	font-size: 13px;
	line-height: 18px;
	color: #afb4ba;
	text-transform: inherit
}

.player .fb-share {
	padding-left: 5px
}

.player .btn-odds {
	background: -webkit-gradient(linear, left top, left bottom, from(#ff7f23), to(#ffbc09));
	background: -webkit-linear-gradient(top, #ff7f23 0, #ffbc09 100%);
	background: -o-linear-gradient(top, #ff7f23 0, #ffbc09 100%);
	background: linear-gradient(180deg, #ff7f23 0, #ffbc09 100%);
	border-radius: 2px;
	font-style: normal;
	font-weight: 600;
	font-size: 13px;
	line-height: 18px;
	color: #1a1d23;
	padding: 7px 12px;
	padding-left: 20px;
	position: relative;
	border: 0
}

.player .btn-odds:before {
	content: '';
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFrSURBVHgBnVK9TgJBEJ7ZA38odEMihbHYi1w8qaCzhLewQ98AO62g9C0IT4BvgDyBdlxEc2utwa1UILfj7iHJnXAUbnLJ3jfzzffNzCJkHCEEZ1uFFgE1gRYYAd7D/PNKSqnsP8siYn53oDXt0+yrFo5Hrv0MWxr8wcZtnrOOXCwdXhNRIJ+DG6XU9xJXk7chL5Y4MOdMTd6Hq6q+L1zvNITMdqp8GV+xzSLWJk2dLLKUjwpwcc8l+2T5QkeDBvkS9DKVjTOIfoVioOzXMV8YaIhCOQ4uYcNJOmO2EjLsmpWYNUx7m4g21+TVl86YDAJJs+0aEKp4Dcd+M4uMEeuT1q31lY1916t82GnaeyrmeVVRPumnWvhbwFS+I4caRqctvEpXCDOgOOBwazSZm3okfO9IYS66NdOUwFCajZxjDi948UAAsqmpsJN8HCllu8NYFalqLAiaUyN8GrmM4BWR2gZX8J9jJ237TmI/VbybWxZvxboAAAAASUVORK5CYII=) no-repeat;
	width: 14px;
	height: 14px;
	display: block;
	position: absolute;
	top: 50%;
	left: 3px;
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

.matches .hot-match .grid-match {
	background: #410a06;
	border-radius: 6px;
	background-size: cover;
	background-position: center;
	padding: 10px 20px;
	padding: .625rem 1.25rem;
	position: relative
}

@keyframes hot-match {
	0 {
		box-shadow: 0 0 0 0 rgb(249 91 91 / 59%)
	}

	50% {
		box-shadow: 2px 2px 22px 1px rgb(249 91 91 / 59%)
	}

	100% {
		box-shadow: 0 0 0 0 rgb(249 91 91 / 59%)
	}
}

.player .embed-responsive {
	margin-top: 11px;
	margin-bottom: 20px
}

.player__left #tv_links {
	margin-top: 5px;
	margin-bottom: 5px
}

.player__left #tv_links a {
	background: #505861;
	border-radius: 2px;
	font-style: normal;
	font-weight: 700;
	font-size: 13px;
	line-height: 18px;
	color: #fff;
	padding: 4px 5px;
	padding: .25rem .3125rem;
	margin-right: 4px;
	margin-right: .25rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	white-space: nowrap;
	text-transform: uppercase;
	width: fit-content
}

.player__left #tv_links a i {
	margin-right: 10px
}

.player__left #tv_links a.playing {
	background: #009b3a
}

.player__left #tv_links a.playing i:before {
	content: "\E916"
}

.player__right .card-header {
	padding: 0;
	margin-bottom: 15px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.player__right .card-header a {
	font-style: normal;
	font-weight: 700;
	font-size: 13px;
	line-height: 18px;
	color: #fff;
	border-radius: 2px;
	padding: 7px 21px;
	text-align: center
}

.player__right .card-header .primary {
	background: #0f4cd9
}

.player__right .card-header .success {
	background: #009b3a
}

.player__right .card-header .danger {
	background: #e11d23
}

.player__right .chat-player {
	line-height: 0
}

.player__right .chat-player iframe {
	height: 464px
}

@media screen and (max-width:991px) {
	.player__right .chat-player iframe {
		height: 350px !important
	}
}

.player__right .wrap-heading-box {
	margin-top: 10px
}

.player__right #chatBoxStatus {
	background: #2a3038;
	font-style: normal;
	font-weight: 700;
	font-size: 13px;
	line-height: 18px;
	color: #fff;
	cursor: pointer;
	width: 100%;
	height: 100%;
	padding: 6px 10px;
	text-align: center;
	margin-bottom: 0
}

@media screen and (max-width:991px) {
	.main-container {
		display: block
	}

	.player__right .wrap-heading-box {
		margin-top: 0
	}

	.player__right .card-header {
		margin-left: -6px;
		margin-right: -6px;
		margin-bottom: 5px
	}

	.player__right .card-header a {
		margin: 0 6px;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}
}

.box_live {
	background: #1a1d23;
	border-radius: 2px
}

.match_statistics table tr {
	padding: 0 25px
}

.match_statistics table tr td {
	font-family: "Raleway", sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: 22px;
	text-align: center;
	color: #fff;
	padding: 4px
}

.team-info {
	display: grid;
	align-items: center;
	grid-column-gap: 5px
}

.match-item-row .team-info:nth-child(2) {
	grid-template-columns: 1fr 30px
}

.match-item-row .team-info:nth-child(4) {
	grid-template-columns: 30px 1fr
}

.team-info .team-name {
	font-size: 12px;
	max-width: 100%;
	color: white;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block
}

.match_statistics table tr td img {
	width: 36px;
	height: 36px;
	-o-object-fit: contain;
	object-fit: contain
}

.match_statistics table tr td:first-child,
.match_statistics table tr td:last-child {
	font-family: "SVNGotham-Light", sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 25px;
	color: #afb4ba
}

.match_statistics table tr:first-child {
	border-bottom: 1px solid #2a3038;
	padding: 15px 25px
}

.match_statistics table tr:first-child td {
	font-family: "Raleway", sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: 22px;
	text-align: center;
	color: #fff;
	display: table-cell;
	vertical-align: middle;
	padding: 15px
}

.match_statistics table tr:nth-child(2) td {
	padding-top: 15px
}

.match_events table tr td .inlineText {
	background: #44494f;
	border-radius: 4px;
	font-family: "Raleway", sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 13px;
	line-height: 22px;
	text-align: center;
	color: #009b3a;
	padding: 3px 8px
}

.match_events table tr td .inlineText img,
.match_events table tr td .inlineText i {
	margin-right: 4px
}

.match_events table tr td .inlineText b {
	font-weight: 400;
	color: #fff
}

.match_events table tr td .box_detail_content_table_td_ct {
	font-family: "SVNGotham-Light", sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: 22px;
	color: #fff
}

.match_events table tr td:nth-child(2) {
	font-family: "SVNGotham-Light", sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: 22px;
	color: #fff;
	display: table-cell;
	vertical-align: middle
}

@media screen and (max-width:991px) {
	.versus .matches__item>div {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.panel {
	margin-bottom: 0
}

.panel .matches {
	background: #1a1d23
}

.panel .matches .league_title {
	background: #7b7ff9;
	font-family: "SVNGotham-Light", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 13px;
	line-height: 18px;
	color: #fff;
	padding: 12px 0;
	margin: 0
}

.panel .matches .league_title img {
	margin-right: 10px
}

.panel .matches__item .match {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 12px 20px 12px 14px;
	border-bottom: 1px solid #2a3038;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.detail-match-table .match-item-row {
	background: #1e1e1e
}

.panel .matches__item .match__teams {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

@media screen and (min-width:991px) {
	.panel .matches__item .match__round {
		-webkit-box-flex: 0;
		-ms-flex: 0 1 125px;
		flex: 0 1 125px
	}
}

.panel .matches__item .match__hour {
	font-family: "SVNGotham-Light", sans-serif;
	font-weight: 400;
	font-size: 13px;
	line-height: 22px;
	color: #afb4ba
}

.panel .matches__item .match__team {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.panel .matches__item .match__team--logo {
	width: 32px;
	height: 32px;
	display: block;
	-o-object-fit: contain;
	object-fit: contain
}

.panel .matches__item .match__team--home {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	padding-right: 30px
}

.panel .matches__item .match__team--home img {
	margin-left: 12px
}

.panel .matches__item .match__team--away {
	padding-left: 30px
}

.panel .matches__item .match__team--away img {
	margin-right: 12px
}

.panel .matches__item .match__team--name {
	font-family: "SVNGotham-Light", sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: 22px;
	color: #f2f3f3
}

.panel .matches__item .match__ts {
	background: #0f4cd9;
	border-radius: 2px;
	padding: 0 13px;
	font-family: "SVNGotham-Light", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 15px;
	line-height: 25px;
	text-align: center;
	color: #fff
}

.widget .content_post_box {
	background: #1a1d23;
	border-radius: 6px;
	padding: 20px;
	font-family: "Raleway", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 25px;
	color: #f2f3f3;
	position: relative;
	z-index: 1
}

.widget .content_post_box .fb-comments {
	background: #fff;
	margin-bottom: 15px
}

.widget .content_post_box:after {
	content: '';
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 192px;
	height: 223px;
	z-index: -1
}

body#tinymce {
	margin: 12px !important
}

h2.title_name {
	font-size: 16px;
	font-size: 1rem
}

#header .nav-mobile .navbar-nav li a {
	position: relative;
	z-index: 99
}

.matches .grid-matches__item .grid-match .btn-odds {
	font-weight: 700;
	color: #fff;
	position: relative;
	width: 120px;
	height: 44px;
	--tw-bg-opacity: 1;
	background-color: #fea013;
	border-radius: 10px;
	font-size: 16px;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: center
}

.matches .grid-matches__item .grid-match__footer {
	justify-content: center !important;
	gap: .625rem
}

.matches__filter li a {
	white-space: nowrap
}

.menu-tuyen-blv-bong-da a {
	position: relative;
	opacity: 1 !important
}

.menu-tuyen-blv-bong-da a:before {
	content: '';
	width: 53px;
	height: 15px;
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -8px;
	opacity: 1
}

#menu-sub-menu .menu-top-nha-cai a {
	background-image: linear-gradient(to right, #e52d27 0, #b31217 51%, #e52d27 100%);
	background-size: 200% auto;
	box-shadow: 0 0 20px #eee;
	color: white
}

#header .sub-menu ul li.style-9 a {
	background-image: linear-gradient(to right, #e52d27 0, #b31217 51%, #e52d27 100%);
	background-size: 200% auto;
	box-shadow: 0 0 20px #eee;
	color: #fff
}

body.home #app:before {
	background: #141417
}

.menu-top-nha-cai a {
	background: #dc3444
}

.cuoc-one88 a {
	background: #ffc107;
	color: #000 !important
}

.news_content .box_comment .fb-comments {
	display: inline-block
}

#header .sub-menu ul li.style-10 a {
	background: #4c9eea;
	color: #fff
}

#header p.mb-0,
.block-k p.mb-0 {
	margin-bottom: 5px !important
}

@media screen and (max-width:991px) {
	p.mb-0 img {
		height: 50px;
		width: 100%
	}

	#header p a img,
	#wap_bottombanner p a img {
		height: 50px;
		width: 100%
	}

	#mophong {
		height: 315px !important
	}

	.matches .grid-matches__item .grid-match__team {
		width: 105px
	}

	.matches .grid-matches__item .grid-match__team--name {
		text-align: center;
		white-space: nowrap;
		text-overflow: ellipsis;
		display: block;
		overflow: hidden;
		width: 100%
	}

	.matches .grid-matches__item .grid-match .btn-detail {
		white-space: nowrap
	}

	.block-catfish .block-ad {
		margin-bottom: 0 !important
	}

	.sticky {
		width: 100%
	}

	#menu-mb p {
		margin-bottom: 0 !important
	}

	#header .nav-mobile .logo-cnt img {
		height: 36px
	}

	.matches .grid-matches__item .grid-match__commentator {
		font-size: 13px;
		line-height: 18px;
		text-align: center
	}
}

@media screen and (min-width:1280px) {
	.container {
		max-width: 1360px
	}
}

@media(min-width:1675px) {
	.container {
		max-width: 1360px
	}
}

.matches .grid-matches__item .grid-match__commentator span {
	margin-right: 10px;
	color: #dee9e0
}

.matches .grid-matches__item .grid-match__commentator span::after {
	content: '-';
	margin-left: 10px
}

.matches .grid-matches__item .grid-match__commentator span:first-child {
	color: #fca21f
}

.matches .grid-matches__item .grid-match__commentator span:last-child {
	margin-right: 0
}

.grey-border {
	border: .5px solid rgb(106 106 106 / 0)
}

.matches .grid-matches__item .grid-match__commentator span:last-child::after {
	display: none
}

.section__desc .content ul {
	padding-left: 15px
}

.section__desc .content ul li {
	list-style-type: disc
}

.section__desc .content .wp-caption-text {
	text-align: center;
	font-style: italic
}

.videos_box .post-item .post-thumbnail a::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 999
}

.matches .grid-matches__item .grid-match .btn-odds-detail {
	flex-grow: 1 !important;
	font-weight: 700;
	border-left: 1px solid rgba(255, 255, 255, 0.1);
	color: #f44336;
	z-index: 2;
	position: relative
}

.kickoff-time p {
	width: 40px;
	height: 35px;
	font-size: 21px;
	color: #333;
	background-color: #ffc107;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 5px
}

.kickoff-time span {
	color: #fff;
	font-weight: normal;
	font-size: 12px
}

.block-int {
	position: relative
}

.banner_ads-bdn-button {
	position: absolute;
	z-index: 100;
	right: 1px;
	top: 1px;
	display: flex
}

.banner_ads-bdn-button span {
	background-color: #fff;
	margin-left: -2px;
	width: 15px;
	height: 15px;
	display: flex;
	cursor: pointer
}

.banner_ads-bdn-button span svg {
	height: 15px;
	width: 15px;
	fill: #00aecd
}

.banner_ads-bdn-button span.cbb svg {
	stroke-width: 1.25;
	stroke: #00aecd
}

.closebtn {
	font-size: 12px;
	position: absolute;
	bottom: 100%;
	right: -2px;
	border-radius: 0;
	color: #FFF;
	background-color: rgba(0, 0, 0, 0.7);
	border: 1px solid #FFF;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center
}

.footer-banner {
	position: fixed;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%)
}

.close-ads {
	background: #fff;
	width: 25px;
	height: 25px;
	text-align: center;
	font-size: 16px;
	cursor: pointer;
	line-height: 22px;
	padding: 0;
	display: block
}

#wap_bottombanner {
	bottom: 0;
	height: auto
}

#wap_bottombanner_content {
	overflow: inherit
}

#wap_bottombanner p {
	margin-bottom: 0
}

#wap_bottombanner_content {
	height: auto
}

.sk_float_left,
.sk_float_right {
	position: fixed;
	text-align: center;
	z-index: 1
}

.sk_float {
	margin-bottom: 5px;
	position: relative
}

.sk_float .flbancl {
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 50%;
	display: none;
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%)
}

.sk_float p {
	margin-bottom: 0 !important
}

.sk_balloon {
	position: fixed;
	z-index: 1
}

.sk_balloon p {
	margin-bottom: 0 !important
}

.sk_balloon .flbancl {
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	display: none
}

.sk_balloon_left {
	left: 0;
	bottom: 0
}

.sk_balloon_right {
	right: 0;
	bottom: 0
}

.show-is-mobile {
	display: none
}

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

	.sk_balloon,
	.sk_float {
		display: none
	}

	.hide-is-mobile {
		display: none !important
	}

	.show-is-mobile {
		display: block
	}
}

#countdown p {
	color: white;
	text-transform: uppercase
}

#countdown {
	text-align: center;
	color: white;
	position: relative;
	z-index: 3;
	background: #000000ba
}

#countdown ul {
	padding: 0
}

#countdown li {
	display: inline-block;
	font-size: 1.5em;
	list-style-type: none;
	padding: 1em;
	text-transform: uppercase;
	color: white
}

#countdown li span {
	display: block;
	font-size: 4.5rem
}

.modal-dialog {
	height: auto;
	width: 600px;
	background-color: gray;
	position: relative;
	border: 1px slid gray;
	margin: auto;
	margin-top: 10%;
	pointer-events: auto
}

.modal-dialog img {
	max-width: 100%;
	width: 100%
}

button.close {
	font-family: arial;
	color: #fff;
	background: #000;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	opacity: 1;
	border: 2px #fff solid;
	position: absolute;
	left: 50%;
	top: -15px;
	transform: translateX(-50%)
}

button.close:hover {
	font-family: arial;
	color: 000;
	background: #fff;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	opacity: 1;
	border: 2px #fff solid
}

@media only screen and (max-width:768px) {
	.modal-dialog {
		width: 350px;
		margin: auto;
		margin-top: 30%
	}

	.list-filter>div {
		padding: 5px 2px
	}

	.page-footer .ulfooter {
		flex-direction: column
	}

	.nav-mobile #menu-mb .childmenu {
		display: flex;
		align-items: center
	}

	.nav-mobile {
		display: flex
	}.section-menu{
	    display: none;
	}

	.nav-mobile .betimg {
		height: 56px !important;
		width: 160px !important;
		display: flex;
		justify-content: flex-end
	}

	.nav-mobile .betimg img {
		width: 100%;
		height: auto
	}

	.teambox-container h1 {
		font-size: 18px
	}

	.hot-news-item {
		flex-direction: column
	}

	#list-post .text-sm-new {
		margin-top: 5px;
		padding-left: 0
	}

	#list-post .post-info a {
		padding-left: 0
	}
}

#matches {
	width: 100%;
	margin: 0 auto
}

.bg-accent {
	background-color: #e72f33
}

a:hover {
	text-decoration: unset
}

.homepage-content .lwptoc-dark .lwptoc_i {
	padding: 0;
	background-color: transparent;
	width: 100%
}

.lwptoc_itemWrap .lwptoc_itemWrap {
	margin: 2px 0 0 14px
}

.homepage-content .lwptoc_header {
	display: none
}

.homepage-content .lwptoc_item a {
	padding: 8px 0;
	display: block
}

.homepage-content .lwptoc .lwptoc_i A:visited,
.homepage-content .lwptoc-dark .lwptoc_items A:visited,
.homepage-content .lwptoc .lwptoc_i A,
.homepage-content .lwptoc .lwptoc_i A:hover,
.homepage-content .lwptoc .lwptoc_i A:focus {
	color: #d8d8d8;
	font-weight: 600
}

.homepage-content .lwptoc_i .lwptoc_itemWrap {
	margin-left: 0
}

.no-margin {
	margin: 0 !important
}

.list-post .post-info {
	padding: 0 15px 5px 12px
}

.no-padding {
	padding: 0 !important
}

.pagination .nav-links span,
.pagination .nav-links a {
	padding: 10px 15px;
	color: black
}

.pagination .nav-links a {
	background: #009b3a
}

.pagination .nav-links a:hover {
	background: #00bd47
}

.pagination .nav-links span {
	background: grey
}

.loading-video {
	font-size: 35px;
	margin: 50px auto 10px;
	color: white;
	text-align: center;
	padding: 15px 20px;
	font-weight: bold;
	position: relative;
	z-index: 2;
	max-width: 100%;
	width: fit-content
}

.homepage-content .right-content {
	scroll-behavior: smooth;
	color: white
}

#main_video {
	background-repeat: repeat;
	background-size: cover;
	background-position: center;
	position: absolute;
	width: 100% !important;
	height: 100% !important
}

#main_video::before,
.mo-phong::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

#main_video::before {
	background-color: rgba(0, 0, 0, 0.603)
}

.embed-responsive-item {
	position: relative;
	padding-bottom: 56.25%
}

h1,
h2,
h3,
h4 {
	color: white;
	font-weight: bold;
	font-family: "TimesNewRoman", Times New Roman, sans-serif;
	font-weight: 700;
	line-height: 36px;
	line-height: 2.25rem;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 0
}

h1 {
	font-size: 28px
}

h2 {
	font-size: 24px
}

h3 {
	font-size: 22px
}

.homepage-content .right-content h1,
.homepage-content .right-content h2,
.homepage-content .right-content h3,
.homepage-content .right-content h4 {
	color: #01b243;
	font-weight: bold;
	font-family: "SVNGotham-Light", sans-serif
}

.homepage-content .right-content:target {
	scroll-margin-top: 15em
}

.homepage-content .right-content::-webkit-scrollbar {
	width: 5px
}

.homepage-content .right-content::-webkit-scrollbar-thumb {
	background: #06367e
}

#tab-chat {
	height: 520px;
	overflow: hidden;
	position: relative;
	border-radius: 10px
}

#tab-chat iframe {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0
}

@media screen and (max-width:991px) {
	.loading-video {
		font-size: 20px;
		padding: 5px 3px
	}

	h1 {
		font-size: 24px
	}

	h2 {
		font-size: 22px
	}

	h3 {
		font-size: 20px
	}

	#tab-chat iframe {
		top: -50px
	}

	.panel__body.section-fixtures .matches__item .match {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.panel__body.section-fixtures .matches__item .match__teams {
		width: 100%
	}

	.panel__body.section-fixtures .matches__item .match__time {
		margin-bottom: 8px
	}

	.panel__body.section-fixtures .matches__item .match__team {
		min-width: 0
	}

	.panel__body.section-fixtures .matches__item .match__team--home {
		padding-right: 10px
	}

	.panel__body.section-fixtures .matches__item .match__team--away {
		padding-left: 10px
	}

	.panel__body.section-fixtures .matches__item .match__team--name {
		white-space: nowrap;
		display: block;
		overflow: hidden;
		text-overflow: ellipsis
	}

	#countdown li span {
		font-size: 30px
	}

	#countdown li {
		font-size: 20px
	}
}

@media(min-width:768px) {
	.d-sm-none {
		display: none !important
	}

	h1 {
		font-size: 30px
	}

	h2 {
		font-size: 20px
	}

	h3 {
		font-size: 18px
	}
}

@media(min-width:1280px) {
	.d-sm-none {
		display: none !important
	}

	h1 {
		font-size: 26px
	}

	h2 {
		font-size: 24px
	}

	h3 {
		font-size: 22px
	}
}

@media(max-width:575.98px) {

	.matches .grid-matches__item .grid-match .btn-odds,
	.matches .grid-matches__item .grid-match .btn-detail {
		width: 100px;
		height: 35px
	}

	.matches .grid-matches__item .grid-match__footer .odds-comp img {
		width: 70px
	}

	.button-area a {
		padding: 2px 3px;
		font-size: 14px
	}

	.button-area {
		bottom: 35px;
		right: 10px
	}

	#tab-chat iframe {
		top: -50px
	}

	.matches .grid-matches__item .grid-match {
		padding: 1rem
	}

	.team-info {
		display: grid;
		text-align: center;
		justify-items: center
	}

	.match-item-row .team-info:nth-child(4) .team-name {
		order: 2
	}

	.match-item-row .team-info:nth-child(4) .team-logo {
		order: 1
	}

	.match-item-row .team-info {
		text-align: right;
		justify-items: right
	}

	.match-item-row .team-info:nth-child(4) {
		text-align: left;
		justify-items: left
	}

	#countdown li span {
		font-size: 30px
	}

	#countdown li {
		padding: 5px;
		font-size: 20px
	}

	#menu-main-menu li:hover:before {
		display: none
	}
}

.group-bar {
	display: grid;
	grid-template-columns: calc(50% - 60px) 120px calc(50% - 60px)
}

.parent-bar {
	position: relative;
	display: grid
}

.stat-item {
	position: relative;
	margin: 5px;
	padding: 5px;
	border-bottom: .5px #8080802b solid
}

.stat-bar {
	position: absolute;
	display: block;
	height: 100%;
	z-index: 1
}

.away-bar .stat-bar {
	left: 0;
	background: orange
}

.home-bar .stat-bar {
	right: 0;
	background: #1756a1
}

.home-bar .cover-bar {
	order: 2
}

.home-bar .bar-label {
	order: 1
}

.cover-bar {
	position: relative;
	width: 100%;
	height: 10px;
	background: #2a2a2a;
	display: block;
	top: 50%;
	transform: translateY(-50%)
}

.away-bar {
	grid-template-columns: 1fr 30px
}

.home-bar {
	grid-template-columns: 30px 1fr
}

.stat-label {
	font-weight: 450;
	background: #242323;
	line-height: 26px;
	color: white;
	text-align: center;
	width: 100%;
	font-size: 12px;
	padding: 0 5px;
	z-index: 3;
	box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.23)
}

.away-bar {
	text-align: right
}

.bar-label {
	font-size: 14px
}

.stat-container {
	background: #1e1e1e
}

table {
	width: 100%;
	border-collapse: collapse
}

table th {
	border: .8px solid #3c3c3e
}

table tr {
	border-bottom: .8px solid #3c3c3e
}

table th,
table td {
	padding: 4.5px 3.5px
}

table th {
	background-color: #3c3c3e
}

.ranking-item {
	background: #212121;
	border-bottom: black 1px solid;
	padding: 5px 3px
}

.ranking-competition .ranking-row {
	display: grid;
	grid-template-columns: 25px 1fr 230px 110px;
	font-size: 12px;
	text-align: center
}

.ranking-competition {
	min-width: 500px
}

.ranking-container {
	overflow-x: auto
}

.ranking-detail .group-rank {
	display: grid;
	grid-template-columns: 60px 1fr
}

.ranking-detail .col-4 {
	padding: 0
}

.left {
	text-align: left
}

.ranking-title {
	font-size: 12px
}

.ranking-detail {
	display: grid;
	grid-template-columns: repeat(6, 1fr)
}

.ranking-competition .header-row {
	background: #2f2f2f;
	padding: 8px 3px;
	font-size: 14px
}

.match-stt {
	display: grid;
	grid-template-columns: repeat(5, 20px);
	justify-content: left;
	grid-column-gap: 2px
}

.ranking-row .team-label {
	font-size: 12px;
	max-width: 100%;
	color: white;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	text-align: left
}

.ranking-bottom {
	display: grid;
	grid-template-columns: 1fr 200px
}

.ranking-detail .row {
	margin-left: 0;
	margin-right: 0
}

.ranking-value {
	text-align: center
}

.ranking-label {
	font-size: 12px;
	text-align: right
}

.right {
	text-align: right
}

.match-stt span {
	line-height: 20px;
	text-align: center;
	display: block;
	width: 20px;
	font-size: 12px;
	border-radius: 5px;
	height: 20px;
	margin: 0 auto;
	color: white;
	font-weight: bold
}

.match-stt span.win-match {
	background: #0f8b15
}

.match-stt span.draw-match {
	background: #ffae00
}

.match-stt span.lost-match {
	background: #a10d0d
}

.center {
	text-align: center
}

.ranking-competition .team-logo {
	max-height: 25px
}

.embed-responsive.embed-responsive-16by9 {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden
}

.embed-responsive iframe {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0
}

.footerwidget {
	display: flex;
	justify-content: space-between
}

.footerwidget .widget_nav_menu ul {
	list-style: none;
	text-align: left;
	padding-left: 0
}

@media screen and (max-width:576px) {
	.tiso {
		font-size: 30px
	}

	.footerwidget section {
		width: 50%
	}

	.footerwidget {
		flex-wrap: wrap
	}

	.matches .grid-matches__item .grid-match__status .t_vs_num {
		padding: 3px 12px;
		white-space: nowrap
	}
}

#menu-main-menu ul li:hover .sub-menu {
	display: block
}

#menu-main-menu li:hover>a {
	background: #fff;
	color: #7b7ff9;
	border-radius: 10px
}

.sub-menu li {
	position: relative
}

.touch-button {
	right: 30px;
	position: absolute
}

.tab-content {
	background: #1a1d23
}

.wrap-nav {
	position: relative
}

.all-utilities .nav {
	flex-wrap: nowrap;
	gap: 12px;
	overflow: hidden;
	margin-bottom: 10px
}

.all-utilities .nav a:hover,
.all-utilities .nav a.active {
	background: #7b7ff9;
	color: #fff
}

.all-utilities .nav a {
	white-space: nowrap;
	border-radius: 4px;
	font-style: normal;
	font-weight: 600;
	font-size: 13px;
	line-height: 20px;
	color: #afb4ba;
	padding: 6px 10px !important
}

.scroll-right-btn {
	right: 0
}

.scroll-btn {
	display: none !important;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	background-color: #fff;
	opacity: .8;
	border: 0;
	border-radius: 4px;
	cursor: pointer;
	transition: background-color .3s;
	text-indent: -99999px;
	outline: 0
}

@media screen and (max-width:767px) {
	.all-utilities .nav {
		overflow-x: scroll
	}
}

.match_statistics .stat-bar-wrapper.homes .stat-bar {
	position: relative;
	background: #0154d4;
	height: 100%;
	display: block
}

.match_statistics .stat-title {
	width: 140px;
	height: 25px;
	background: #2a3038;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
	border-radius: 2px;
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 18px;
	color: #dfe0e1;
	display: flex;
	align-items: center;
	justify-content: center
}

.match_statistics .stat-bar-wrapper.aways .stat-bar {
	position: relative;
	background: #01b243;
	height: 100%;
	display: block
}

.summary_blockWrapper {
	background: #1a1d23;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	padding: 6px;
	height: 384px;
	overflow-y: scroll
}

.matchRowEvent_matchRowWrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	white-space: nowrap;
	padding: 5px 0
}

.matchRowEvent_content.homeContent {
	justify-content: flex-end
}

.green {
	color: #009b3a !important
}

.orange {
	color: #ff361e !important
}

.green:after {
	content: '';
	background: url('../images/icon-arrow-up.png') no-repeat top;
	width: 8px;
	height: 8px;
	display: inline-block;
	margin-left: 4px
}

.orange:after {
	content: '';
	background: url('../images/icon-arrow-down.png') no-repeat top;
	width: 8px;
	height: 8px;
	display: inline-block;
	margin-left: 4px
}

.box_live.match_statistics {
	padding: 15px 0;
	max-height: 410px;
	overflow: auto
}

.match_statistics::-webkit-scrollbar-track {
	background-color: #f5f5f5
}

.match_statistics::-webkit-scrollbar {
	width: 5px;
	background-color: #f5f5f5;
	border-radius: 2.5px
}

.match_statistics::-webkit-scrollbar-thumb {
	background-color: #44494f
}

.match_statistics .stnum {
	display: flex;
	justify-content: space-between;
	color: #fff;
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	line-height: 22px;
	text-align: center;
	color: #fff;
	margin-bottom: 10px;
	padding: 0 25px
}

.match_statistics .stnum span:first-child,
.match_statistics .stnum span:last-child {
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 25px;
	color: #afb4ba
}

.match_statistics {
	background: #1a1d23;
	border-radius: 5px;
	max-height: 495px;
	overflow-y: scroll;
	padding: 10px 10px 10px
}

.match_statistics .stline {
	align-items: center;
	display: flex;
	justify-content: center;
	margin-bottom: 12px
}

.match_statistics .stat-c {
	width: 35px;
	text-align: center;
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 700;
	font-size: 13px;
	line-height: 18px;
	display: flex;
	align-items: center;
	color: #fff;
	justify-content: center
}

.match_statistics .stat-bar-wrapper {
	flex: 1;
	background: #292c30;
	height: 6px
}

.match_statistics .stat-bar-wrapper.homes .stat-bar {
	background: #0154d4;
	height: 100%;
	display: block
}

.matchRowEvent_matchRowWrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	white-space: nowrap;
	padding: 5px 0
}

.matchRowEvent_icon,
.matchRowEvent_time {
	display: flex;
	align-items: center
}

.matchRowEvent_time {
	width: 3rem;
	min-width: 3rem;
	color: rgba(255, 255, 255, 0.7)
}

.summary_blockWrapper {
	background: #1a1d23;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	padding: 6px;
	height: 384px;
	overflow-y: scroll
}

.summary_blockWrapper::-webkit-scrollbar-track {
	background-color: #f5f5f5
}

.summary_blockWrapper::-webkit-scrollbar {
	width: 5px;
	background-color: #f5f5f5;
	border-radius: 2.5px
}

.summary_blockWrapper::-webkit-scrollbar-thumb {
	background-color: #44494f
}

.matchIconExplain {
	background: #1a1d23;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	margin: 0;
	padding: 15px 0 5px;
	border-top: 1px solid #2a3038
}

.matchIconExplain .icon span {
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 300;
	font-size: 12px;
	line-height: 20px;
	color: #afb4ba
}

.matchIconExplain .icon {
	display: flex;
	align-items: center;
	margin-bottom: 10px
}

.matchIconExplain .icon svg {
	width: 14px;
	height: 14px;
	margin-right: 8px
}

.matchRowEvent_content {
	display: flex;
	flex: 1 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	align-items: center;
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	line-height: 22px;
	color: #fff;
	padding: 0 6px
}

.matchRowEvent_content.isActive .matchRowEvent_playerWrapper {
	background: #2a3038;
	border-radius: 4px;
	overflow: hidden
}

.matchRowEvent_content.homeContent {
	justify-content: flex-end
}

.matchRowEvent_playerWrapper {
	padding: 3px 10px
}

.matchRowEvent_playerWrapper.homePlayer {
	text-align: right
}

.matchRowEvent_player span,
.matchRowEvent_assist span {
	width: calc(100% - 20px);
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.matchRowEvent_assist,
.matchRowEvent_player {
	overflow: hidden;
	text-overflow: ellipsis;
	display: flex;
	align-items: center;
	position: relative;
	min-width: 100px
}

.matchRowEvent_player strong {
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 500;
	font-size: 13px;
	line-height: 22px;
	color: #01b243
}

.matchRowEvent_player svg,
.matchRowEvent_assist svg {
	width: 14px;
	height: 14px;
	display: inline-block;
	margin-right: 10px
}

.homePlayer .matchRowEvent_player svg,
.homePlayer .matchRowEvent_assist svg {
	margin-left: 10px;
	margin-right: 0
}

.awayContent .matchRowEvent_player span,
.awayContent .matchRowEvent_assist span {
	float: right
}

.matchRowEvent_assist {
	color: rgba(255, 255, 255, 0.4)
}

.matchRowEvent_icon {
	min-width: 2rem;
	flex-direction: column
}

.matchRowEvent_iconText {
	font-size: 9px
}

.matchRowEvent_icon .common_iconWrapper {
	position: relative;
	width: 1.4rem;
	max-width: max-content
}

.matchRowEvent_icon .common_iconWrapper svg {
	display: block
}

.matchRowEvent_center {
	display: flex;
	flex-direction: column;
	flex: 0 0 2rem;
	text-align: center
}

.matchRowEvent_center span {
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	line-height: 22px;
	color: #fff
}

.infoRowScores_matchScoreRow {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	padding: .5rem 15px;
	position: relative;
	justify-content: space-between
}

.infoRowScores_matchScoreRow .infoRowScores_status {
	width: 3rem;
	display: flex;
	align-items: center;
	color: rgba(255, 255, 255, 0.7)
}

.infoRowScores_matchScoreRow .infoRowScores_home {
	text-align: right
}

.infoRowScores_matchScoreRow .infoRowScores_away,
.infoRowScores_matchScoreRow .infoRowScores_home {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	flex: 1 1;
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	line-height: 22px;
	color: #01b243
}

.scores_scoresMatch {
	display: flex;
	flex: 0 0 8rem;
	justify-content: center;
	text-align: center
}

.infoRowScores_matchScoreRow span {
	white-space: nowrap
}

.list-filter a {
	color: #717983;
	text-transform: uppercase
}

.list-filter a.all {
	color: #00efff
}

.list-filter a.all .num {
	background-color: #00efff
}

.list-filter a.hot {
	color: #ff334f
}

.list-filter a.hot .num {
	background-color: #ff334f
}

.list-filter a.now {
	color: #03be49
}

.list-filter a.now .num {
	background: #03be49;
	color: #333
}

.list-filter a.today {
	color: #f14df1
}

.list-filter a.today .num {
	background-color: #f14df1
}

.list-filter a.tomorrow {
	color: #f1c371
}

.list-filter a.tomorrow .num {
	background: #f1c371
}

.list-filter a.thisweek {
	color: #bc8f8f
}

.list-filter a.thisweek .num {
	background: #bc8f8f
}

.list-filter a.active,
.list-filter a:hover {
	font-weight: 700;
	opacity: 1;
	border-bottom: 1px solid #01b243;
	color: #01b243;
	display: flex;
	align-items: center;
	white-space: nowrap
}

.menu-ty-so-truc-tuyen a {
	position: relative;
	background: #17a2b8;
	padding-right: 30px !important;
	-webkit-animation: animation 2.5s infinite;
	animation: animation 2.5s infinite;
	border-radius: 5px
}

.menu-ty-so-truc-tuyen a::after {
	content: '';
	background: url('https://i.imgur.com/E0NiRNV.png');
	width: 15px;
	height: 20px;
	position: absolute;
	right: 7px;
	top: 50%;
	transform: translateY(-50%);
	margin-top: -2px;
	background-size: contain;
	-webkit-animation: Twinkle 2.5s infinite;
	animation: Twinkle 2.5s infinite
}

#header .nav-mobile .navbar-nav li a svg {
	width: 20px;
	height: 20px
}

.single-tab ul {
	display: flex;
	background: #1a1d23;
	border-radius: 6px;
	align-items: center;
	justify-content: center;
	margin: 15px 0
}

.single-tab ul li:first-child {
	border-left: 1px solid #33373d
}

.single-tab ul li {
	border-right: 1px solid #33373d
}

.single-tab ul li a {
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	line-height: 22px;
	text-transform: uppercase;
	color: #fff;
	display: block;
	padding: 7px 15px
}

.single-tab ul li a:hover {
	background: #01b243
}

.teambox__odds {
	background: #1a1d23;
	border-radius: 2px
}

.teambox__odds .company {
	flex-direction: column;
	background: #2a3038;
	padding: 10px 20px;
	flex: none;
	width: 135px
}

.teambox__odds .company .pointer {
	margin-bottom: 15px;
	width: 100%
}

.teambox__odds .company .pointer:last-child {
	margin-bottom: 0
}

.teambox__odds .state {
	width: 90px;
	flex: none
}

.teambox__odds .state span {
	background: #2a3038;
	border-radius: 4px;
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	line-height: 22px;
	color: #afb4ba;
	width: 30px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center
}

.teambox__odds .head {
	background: #2a3038;
	justify-content: center;
	align-items: center;
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 700;
	font-size: 13px;
	line-height: 18px;
	color: #fff;
	display: flex;
	height: 42px
}

.teambox__odds .box {
	min-height: 42px;
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	line-height: 22px;
	color: #afb4ba;
	justify-content: center;
	display: flex;
	border-bottom: 1px solid #2a3038;
	border-left: 1px solid #2a3038;
	margin: 0
}

.teambox__odds .box .col {
	align-items: center;
	text-align: center;
	flex: 1;
	justify-content: center;
	display: flex
}

#ranks,
.standings {
	background: #1a1d23;
	border-radius: 6px;
	max-height: 495px;
	overflow-x: auto
}

.standings::-webkit-scrollbar-track {
	background-color: #f5f5f5
}

.standings::-webkit-scrollbar {
	width: 5px;
	background-color: #f5f5f5;
	border-radius: 2.5px
}

.standings::-webkit-scrollbar-thumb {
	background-color: #44494f
}

.home #ranks .tbl_custom {
	width: 655px;
	max-width: inherit
}

.tbl_custom,
.LeagueTableTab_table {
	font-size: 13px;
	color: #afb4ba;
	margin-bottom: 0;
	font-family: "SVNGotham-Light", sans-serif
}

.tbl_custom tr,
.LeagueTableTab_table tr {
	border-bottom: 1px solid #2a3038
}

#ranks .tbl_custom tr:first-child,
.LeagueTableTab_table thead {
	background: #2a3038;
	border-bottom: 0
}

.tbl_custom tbody {
	border-bottom: 0
}

.tbl_custom th,
.tbl_custom td,
.LeagueTableTab_table th,
.LeagueTableTab_table td {
	border-top: 0;
	padding: 12px 13px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap
}

.tbl_custom th,
.LeagueTableTab_table th {
	font-weight: 700;
	text-transform: inherit;
	color: #fff !important;
	padding: 8px 13px;
	border-bottom: 0 !important
}

.tbl_custom .td_team,
.LeagueTableTab_table .LeagueTableTab_teamCell {
	text-align: left;
	color: #f2f3f3
}

.tbl_custom td:first-child,
.LeagueTableTab_table .LeagueTablePositionCell_positionCell__tooltip {
	color: #717983
}

.tbl_custom td.td_team img,
.LeagueTableTab_table .LeagueTableTab_teamBadgeImg img {
	width: 32px;
	height: 32px;
	-o-object-fit: contain;
	object-fit: contain;
	margin-right: 10px
}

.tbl_custom .td_point {
	font-weight: 700;
	color: #fff
}

.tbl_custom .tHead th {
	background-color: #191b1f
}

.tbl_custom .groupname {
	font-weight: 700;
	color: #fff;
	background-color: #2e3136
}

.tbl_custom input[type=checkbox] {
	margin-bottom: 0;
	vertical-align: text-top
}

.tbl_custom .tdTour p {
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	border-radius: 2px;
	font-size: 15px;
	line-height: 26px
}

.tbl_custom .tdStatus {
	color: #ec4242;
	font-weight: 600
}

.tbl_custom .tdHome,
.tbl_custom .tdAway {
	color: #f2f3f3
}

.tbl_custom .tdHome {
	text-align: right
}

.tbl_custom .tdAway {
	text-align: left
}

.tbl_custom .tdScore p {
	color: #fff;
	background-color: #0f4cd9;
	border-radius: 2px;
	font-weight: 700;
	font-size: 15px
}

.tbl_custom .tdScore.noScore p {
	background-color: #2e3136
}

.tbl_custom .tdHt {
	font-weight: 700;
	color: #fff
}

.tbl_custom .tdTop a {
	width: 20px;
	height: 20px;
	background-color: #2e3136;
	display: inline-block;
	line-height: 20px;
	border-radius: 2px;
	color: #afb4ba
}

.tbl_custom .tdTop .active i {
	transform: matrix(1, 0, 0, -1, 0, 0)
}

.LeagueTableTab_wrapper {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar
}

.LeagueTableTab_table .LeagueTableTab_rightHeader {
	width: 3rem
}

.LeagueTableTab_table .LeagueTableTab_centerHeader {
	width: 3.4rem
}

.LeagueTableTab_table .LeagueTableRow:hover,
.LeagueTableTab_table .LeagueTableRow:hover .LeagueTablePositionCell_positionCell__tooltip,
.LeagueTableTab_table .LeagueTableRow:hover .LeagueTableTab_teamCell {
	color: #fff
}

.LeagueTableTab_table .LeagueTableTab_teamsHeader {
	text-align: left;
	min-width: 9rem
}

.LeagueTableTab_table .LeagueTablePositionCell_tooltip {
	display: none
}

.LeagueTableTab_table .LeagueTableTab_teamBadgeImg {
	display: inline-block
}

.LeagueTableTab_table tbody tr:last-child {
	border-bottom-width: 2px
}

.standings .exGroup {
	background: #000;
	text-align: center;
	padding: 5px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-family: "SVNGotham-Light", sans-serif
}

.LeagueTableTab_table .LeagueTablePositionCell_positionCell {
	position: relative
}

.LeagueTableTab_table .LeagueTablePositionCell_trimBefore {
	z-index: 1;
	width: 20px;
	border-top-left-radius: 5px;
	position: absolute;
	transform: translateX(-50%);
	left: 50%;
	bottom: 0;
	height: 4px;
	border-top-right-radius: 5px
}

.promotion_1 {
	background-color: #00efff
}

.promotion_2 {
	background-color: #f1c371
}

.promotion_3 {
	background-color: #23df8c
}

.promotion_4 {
	background-color: #6f51da
}

.relegation_1 {
	background-color: #dc4546
}

.relegation_2 {
	background-color: #922f2f
}

.LeagueTableTab_table .LeagueTableTab_centerCell .form {
	display: flex;
	justify-content: center;
	align-items: center
}

.LeagueTableTab_table .LeagueTableTab_centerCell .form span {
	font-size: 13px;
	border-radius: 50%;
	line-height: 24px;
	width: 24px;
	max-width: 24px;
	height: 24px;
	max-height: 24px;
	color: #05021c;
	margin-left: 6px
}

.LeagueTableTab_table .LeagueTableTab_centerCell .form span:first-child {
	margin: 0
}

.LeagueTableTab_table .LeagueTableTab_centerCell .form span.W {
	background: #00efff
}

.LeagueTableTab_table .LeagueTableTab_centerCell .form span.D {
	background: #efc26f
}

.LeagueTableTab_table .LeagueTableTab_centerCell .form span.L {
	background: #cc4545
}

.LeagueStagePhases_leagueStagePhases {
	padding: 16px 16px 25px
}

.LeagueStagePhases_row {
	display: flex;
	color: #f2f3f3;
	font-family: "SVNGotham-Light", sans-serif;
	font-weight: 300;
	font-size: 12px;
	align-items: center;
	line-height: 22px
}

.LeagueStagePhases_circle {
	min-width: 8px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	float: left;
	margin-right: 13px
}

.letterShortDesc {
	padding: 0 15px 15px;
	display: flex
}

.letterShortDesc span {
	margin: 0 .5rem;
	font-family: "Raleway", sans-serif;
	font-weight: 500;
	font-size: 12px
}

.letterShortDesc span:first-child {
	margin-left: 0
}

.letterShortDesc span strong {
	color: #afb4ba
}

#history .tbl_custom {
	font-family: "Raleway", sans-serif;
	font-size: 12px
}

#history .tbl_custom th,
#history .tbl_custom td {
	text-align: left;
	padding: 12px 28px 12px 0
}

#history .tbl_custom,
#history .tbl_custom td:first-child {
	color: #fff
}

#history .tbl_custom tr {
	border-bottom: 1px solid rgba(255, 255, 255, 0.4)
}

#history .tbl_custom th {
	padding: 8px 28px 8px 0
}

.tab-pane .standings .tbl_custom th,
.tab-pane .standings .LeagueTableTab_table th {
	padding: 5px
}

.tab-pane .standings .LeagueTableTab_table td {
	padding: 5px
}

.tab-pane .standings .LeagueTableTab_table td img {
	width: 20px;
	height: 20px;
	margin-right: 5px
}

.Field_fieldWrapper {
	background-color: #1d9c5b;
	font-size: 12px;
	max-height: 495px;
	overflow-y: scroll
}

.Field_fieldWrapper::-webkit-scrollbar-track {
	background-color: #f5f5f5
}

.Field_fieldWrapper::-webkit-scrollbar {
	width: 5px;
	background-color: #f5f5f5;
	border-radius: 2.5px
}

.Field_fieldWrapper::-webkit-scrollbar-thumb {
	background-color: #44494f
}

.Field_fieldWrapper .Field_teamInfo {
	display: flex;
	justify-content: space-between;
	background-color: #17834b;
	padding: .5rem;
	align-items: center
}

.Field_fieldWrapper .Field_teamInfo .Field_name {
	display: flex;
	align-items: center
}

.Field_fieldWrapper .Field_teamInfo .Field_name img {
	width: 25px;
	margin-right: 1rem
}

.Field_playingField {
	position: relative;
	overflow: hidden;
	height: 726px
}

.Field_playingField .Field_awayForm,
.Field_playingField .Field_homeForm {
	display: flex;
	position: absolute;
	z-index: 20;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	padding: .5rem;
	height: 50%
}

.Field_playingField .Field_awayForm {
	top: 50%
}

.Field_playingField .Field_awayForm .Field_formRow,
.Field_playingField .Field_homeForm .Field_formRow {
	align-items: flex-start;
	color: #fff;
	display: flex
}

.Field_playingField .Field_corners {
	height: 100%;
	overflow: hidden;
	position: relative;
	width: 100%
}

.Field_playingField .Field_centerLine {
	border-top: 1px solid #61ba8d;
	position: absolute;
	top: calc(50% - 2px);
	width: 100%
}

.Field_playingField .Field_centerSpot {
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 9999px;
	background-color: #61ba8d;
	left: calc(50% - 3px);
	top: calc(50% - 4px)
}

.Field_playingField .Field_centerCircle {
	position: absolute;
	height: 76px;
	border-radius: 9999px;
	border: 1px solid #61ba8d;
	left: calc(50% - 38px);
	top: calc(50% - 38px);
	width: 76px
}

.Field_goalBox,
.Field_penaltyArea {
	position: absolute;
	width: 50%;
	left: calc(50% - 25%);
	border: 1px solid #61ba8d
}

.Field_penaltyArea {
	z-index: 19;
	height: 10%
}

.Field_penaltyArea.Field_top {
	top: -2px
}

.Field_goalBox {
	height: 2.4rem
}

.Field_penaltyArea.Field_top .Field_goalBox {
	top: -2px
}

.Field_arch {
	position: absolute;
	left: calc(50% - 29px);
	border: 1px solid #61ba8d;
	border-radius: 50% 50% 0 0/100% 100% 0 0;
	width: 58px;
	height: 15px
}

.Field_arch.Field_top {
	top: 67px;
	transform: rotate(180deg)
}

.Field_penaltyArea.Field_bottom {
	top: auto;
	border-top: 1px solid #61ba8d;
	bottom: -2px
}

.Field_penaltyArea.Field_bottom .Field_goalBox {
	top: auto;
	border-top: 1px solid #61ba8d;
	bottom: -2px
}

.Field_arch.Field_bottom {
	bottom: 68px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	top: auto;
	border-top-width: 1px
}

.Field_player {
	flex: 1 1
}

.Field_player .Field_info {
	display: flex;
	flex: 1 1;
	justify-content: center;
	text-align: center
}

.Field_player .Field_info .Field_circle {
	align-items: center;
	border-radius: 9999px;
	display: flex;
	justify-content: center;
	font-size: 8px;
	position: relative;
	border: 1px solid #fff
}

.Field_player .Field_info .Field_circle {
	background-color: #fff
}

.Field_player .Field_info .Field_circle img {
	max-width: 100%;
	object-fit: contain;
	mix-blend-mode: multiply;
	width: 36px;
	height: 36px;
	border-radius: 50%
}

.Field_player .Field_info .Field_circle .number {
	position: absolute;
	left: 100%;
	top: 0;
	font-size: 11px;
	font-family: 'Oswald';
	margin-left: 2px
}

.Field_player .Field_info .Field_circle .rating {
	position: absolute;
	font-family: 'Oswald';
	display: block;
	line-height: 1;
	padding: 2px 4px;
	left: 50%;
	font-size: 11px;
	border-radius: 6px;
	bottom: 100%;
	transform: translateX(-50%)
}

.Field_player .Field_info .Field_circle.Field_away {
	background-color: #fd583c
}

.Field_player .Field_name {
	color: #fff;
	display: block;
	justify-content: center;
	margin-top: .25rem;
	text-align: center
}

.Field_player .Field_name strong {
	color: #aaa;
	margin-right: .25rem
}

.Field_player .Field_info .Field_circle .Field_card,
.Field_player .Field_info .Field_circle .Field_goal,
.Field_player .Field_info .Field_circle .Field_ownGoal,
.Field_player .Field_info .Field_circle .Field_sub {
	position: absolute
}

.Field_player .Field_info .Field_circle .Field_card {
	right: -5px;
	top: -5px
}

.Field_player .Field_info .Field_circle .Common_iconWrapper {
	position: relative;
	width: .7rem;
	max-width: max-content
}

.Field_player .Field_info .Field_circle .Common_iconWrapper svg {
	display: block;
	height: .7rem;
	width: .7rem
}

.Field_player .Field_info .Field_circle .Common_iconWrapper svg[name=FootballGoal] {
	height: 1.4rem;
	width: 1.4rem
}

.Field_player .Field_info .Field_circle .Field_sub {
	bottom: -5px;
	right: -5px
}

.Field_player .Field_info .Field_circle .Field_goal {
	top: -5px;
	left: -5px
}

.scroll-btn:focus {
	outline: 0
}

.betimg {
	height: 60px;
	width: 180px
}

.scroll-right-btn::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 10px;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	transform: translate(-50%, -50%) rotate(45deg)
}

.scroll-left-btn::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 10px;
	border-bottom: 2px solid #333;
	border-left: 2px solid #333;
	transform: translate(-50%, -50%) rotate(45deg)
}

.wrap-nav {
	position: relative
}

.wrap-nav:hover .scroll-btn {
	display: block
}

.all-utilities .matches__item .match {
	flex-direction: column
}

.all-utilities .matches__item .match .match__time {
	margin-bottom: 5px
}

.all-utilities .matches__item .match__teams {
	width: 100%
}

@keyframes Twinkle {
	0 {
		opacity: 0
	}

	25% {
		opacity: 1
	}

	50% {
		opacity: 0
	}

	75% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@-webkit-keyframes Twinkle {
	0 {
		opacity: 0
	}

	25% {
		opacity: 1
	}

	50% {
		opacity: 0
	}

	75% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@-webkit-keyframes animation {
	0 {
		background-color: #6c757d
	}

	50.0 {
		background-color: #e800f4
	}

	100.0 {
		background-color: #fc5407
	}
}

@keyframes animation {
	0 {
		background-color: #6c757d
	}

	50.0 {
		background-color: #e800f4
	}

	100.0 {
		background-color: #fc5407
	}
}

.tt-world-cup a {
	color: transparent !important;
	display: inline-block;
	width: 120px;
	background: url(https://i.imgur.com/3Q6ljMG.png) no-repeat center center !important;
	white-space: nowrap;
	background-size: contain !important
}

.tt-bdif a {
	color: transparent !important;
	display: inline-block;
	width: 150px;
	height: 40px;
	background: url(https://i.imgur.com/GmyY3gk.gif) no-repeat center center !important;
	white-space: nowrap;
	background-size: cover !important
}

@media screen and (max-width:767px) {
	.single-tab ul {
		flex-flow: wrap
	}

	.single-tab ul li {
		border-left: 1px solid #33373d;
		border-right: 1px solid #33373d;
		border-bottom: 1px solid #33373d
	}

	.teambox__odds {
		position: static;
		transform: inherit;
		flex-direction: column !important
	}

	.teambox__odds .company {
		flex-direction: row;
		width: auto;
		margin: 0;
		padding: 10px;
		background: #1a1d23
	}

	.teambox__odds .company .pointer {
		margin-bottom: 0
	}

	.teambox__odds .state {
		display: none
	}

	.showOdds .table {
		flex: 50%
	}

	.teambox {
		min-height: inherit
	}
}

#tab-doi-dau .matches__item {
	list-style-type: none
}

#app .table1,
#app .mobile1 {
	display: none
}

@media screen and (max-width:992px) {
	#app .table1 {
		display: block
	}

	#app .mobile1, #app .desktop1 {
		display: none
	}
}

@media screen and (max-width:575px) {
	#app .table1 {
		display: none
	}

	#app .mobile1 {
		display: block
	}
}

@media screen and (max-width:1400px) {
	#tab-chat iframe {
		height: 408px
	}
}

#tab-chat iframe {
	width: 100%;
	height: 500px;
	margin-top: 3px
}

.popup {
	display: block;
	position: fixed;
	z-index: 2;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.4);
	padding-top: 100px
}

.popup-content {
	background-color: #fefefe;
	margin: 5% auto;
	padding: 10px;
	border: 1px solid #888;
	position: relative;
	max-width: 25rem;
	border-radius: 8px
}

.close {
	color: #000;
	right: 10px;
	top: 0;
	font-size: 40px;
	font-weight: bold;
	position: absolute
}

.close:hover,
.close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer
}

.img-event img {
	width: 100%;
	height: auto;
	display: block
}

.nav-link-header {
	color: #FFF;
	font-family: "SVNGotham-Bold", sans-serif;
	font-size: .9375rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	text-transform: uppercase;
	padding: .25rem;
	border-radius: 5px;
	background: linear-gradient(142deg, #bb5014 0, #8b0000 100%);
	white-space: nowrap
}

footer.page-footer:after {
	background: url('/wp-content/themes/bongda/assets/111.png') no-repeat center center;
	background-size: cover;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 250px;
	z-index: 1;
	content: ""
}

.lwptoc_items.lwptoc_items-visible {
	height: 570px;
	overflow-y: auto
}

.lwptoc_items.lwptoc_items-visible::-webkit-scrollbar {
	width: 10px;
	border: 1px solid #888;
	border-radius: 5px
}

.lwptoc_items.lwptoc_items-visible::-webkit-scrollbar-track {
	background: #f1f1f1
}

.lwptoc_items.lwptoc_items-visible::-webkit-scrollbar-thumb {
	background: #888
}

.lazy-load {
	background-image: url('../spinner.gif');
	background-size: cover;
	opacity: 0;
	transition: opacity .3s
}

.lazy-load.lazy-loaded {
	opacity: 1;
	background-image: none
}






/* new */
.match_statistics.scrolling .statistics-head{
    background: #292b2e;
    gap: 1.12rem;
    margin-top: -1rem;
}
.match_statistics.scrolling .statistics-head .nav-item a{
    color: #fff;
    font-family: Oswald;
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.125rem;
    text-transform: uppercase;
    display: block;
    position: relative;
    padding-top: 0.62rem;
    padding-bottom: 0.62rem;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
}
.match_statistics.scrolling .statistics-head .nav-item a.active{
    color: #4fa747;
}
#tab-doi-dau-pane .statistics-head, #tab-3-tran-sap-toi-pane .statistics-head {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}#tab-doi-dau-pane .statistics-head li a, #tab-3-tran-sap-toi-pane .statistics-head li a {
    background: #607d8b;
    border-radius: 100px;
    padding: 0px;
    /*height: 27px;*/
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 30px;
    color: #fff;
    text-decoration: none;
    gap: 5px;
    max-width: 105px;
}#tab-doi-dau-pane .statistics-head li a.active {
    background: #4fa747;
}.h2h-bar {
    display: grid;
    grid-template: "homeParticipant result resultHalfTime corner icon" minmax(23px, max-content) / minmax(max-content, auto) 40px 40px 40px 40px;
}.h2h__row {
    display: flex;
    gap: 8px 0px;
    border-radius: 6px;
    background: #292b2e;
    margin-bottom: 5px;
    padding: 8px;
}.h2h__date, .h2h__event {
    color: #aaa;
    font-family: "Raleway";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}.h2h__body {
    display: grid;
    grid-template:
        "homeParticipant result resultHalfTime corner icon" minmax(23px, max-content)
        "awayParticipant result resultHalfTime corner icon" minmax(23px, max-content) / minmax(max-content, auto) 40px 40px 40px 40px;
    gap: 8px 0px;
    color: #fff;
    text-align: center;
    font-family: "Raleway";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
}.h2h__homeParticipant {
    grid-area: homeParticipant;
}
.h2h__participant {
    display: flex;
    align-items: center;
    gap: 6px;
}
.h2h__participant .event__logo {
    width: 20px;
    height: 20px;
    object-fit: contain;
}.h2h__participantInner {
    color: #fff;
    font-family: "Raleway";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}.h2h__participant {
    display: flex;
    align-items: center;
    gap: 6px;
}.h2h__awayParticipant {
    grid-area: awayParticipant;
}.h2h__result {
    font-weight: 700;
    grid-area: result;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px 0px;
}.h2h__result span {
    border-radius: 2px;
    background: linear-gradient(141deg, #06a5ff 0%, #0236bc 100%);
    padding: 2px 6px;
    color: #fff;
    text-align: center;
    font-family: "Raleway";
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
}.h2h__result_ht {
    grid-area: resultHalfTime;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px 0px;
}.h2h__result_ht span, .h2h__corner_ht span, .h2h__corner span, .h2h__corner_ht span {
    padding: 2px 6px;
    color: #fff;
    text-align: center;
    font-family: "Raleway";
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
}.h2h__corner {
    grid-area: corner;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px 0px;
}.h2h__icon {
    align-items: center;
    align-self: stretch;
    display: flex;
    grid-area: icon;
    justify-content: center;
    justify-self: stretch;
    min-width: 20px;
    padding-left: 8px;
    padding-right: 8px;
}.formIcon--w, .formIcon--wl, .formIcon--wo, .formIcon--ww {
    background-color: #00a83f;
}

.formIcon {
    align-items: center;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: flex;
    grid-area: liveIcon;
    height: 20px;
    justify-content: center;
    justify-self: center;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 20px;
    text-transform: uppercase;
}.formIcon--l, .formIcon--ll, .formIcon--lo, .formIcon--lw {
    background-color: #dc0000;
}
.tournamentTableDraw__subFilter {
    background: #292b2e;
    padding: 0px 0.938rem;
}.tournamentTableDraw__subFilter .subFilter__group {
    display: flex;
    gap: 18px;
}.tournamentTableDraw__subFilter .subFilter__group a {
    display: flex;
    /*padding: 10px 0px;*/
    position: relative;
    text-decoration: none;
}.tournamentTableDraw__subFilter .subFilter__group a.active::before {
    content: "";
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    display: block;
    left: 0;
    background: #4fa747;
}.tournamentTableDraw__subFilter .subFilter__group a.active button {
    color: #4fa747;
}
.tournamentTableDraw__subFilter button {
    background: none;
    border: 0px;
    outline: none;
    color: #fff;
    font-family: "Oswald";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-transform: uppercase;
    padding: 0px;
}.tournamentTableMobileResolver {
    align-items: center;
}.tournamentTableMobileResolver__icon {
    align-items: center;
    border-radius: 8px;
    color: #999;
    cursor: pointer;
    display: flex;
    height: 1.75rem;
    justify-content: center;
    padding: 6px;
    width: 1.75rem;
}.standings .tableWrapper:last-of-type {
    margin-bottom: 0;
}.standings .ui-table {
    display: grid;
}.ui-table__header {
    border-bottom: 1px solid #292b2e;
    height: 38px;
    user-select: none;
    justify-content: space-between;
    display: grid;
    grid-template-columns: 51px 1fr 30px 30px 20px 24px 50px 24px;
    background: #404e5b;
}.ui-table__body {
    display: grid;
    grid-auto-rows: 45px;
}.table__headerCell--rank {
    /* background-color: #1c1e1f; */
    left: 0;
    position: sticky;
    top: 0;
    width: 24px;
    z-index: 1;
}

.ui-table__headerCell {
    align-items: center;
    /* background-color: #1c1e1f; */
    color: rgba(170, 170, 170, 1);
    display: flex;
    font-size: 12px;
    font-weight: bold;
    justify-content: center;
    text-decoration: none;
    text-transform: uppercase;
    /* width: 32px; */
    box-sizing: content-box;
}.table__headerCell--participant {
    align-self: center;
    display: block;
    /* flex: 1 0 100px; */
    justify-content: flex-start;
    left: 34px;
    line-height: 29px;
    overflow: hidden;
    padding: 0 10px;
    position: sticky;
    text-overflow: ellipsis;
    top: 0;
    white-space: nowrap;
    width: 140px;
    z-index: 1;
    padding-left: 0px;
}.ui-table__headerCell[title="Wins"] {
    color: rgba(1, 178, 67, 1);
}.ui-table__headerCell[title="Draws"] {
    color: rgba(125, 169, 255, 1);
}.ui-table__headerCell[title="Losses"] {
    color: rgba(231, 124, 124, 1);
}.table__headerCell--form {
    width: auto;
}.ui-table__row {
    border-bottom: 1px solid #292b2e;
    display: flex;
    justify-content: space-between;
    display: grid;
    grid-template-columns: 34px 1fr 24px 24px 24px 24px 50px 24px;
}.highlight-home, .highlight-home .table__cell--participant, .highlight-home .table__cell--rank {
    background: #33302A;
    color: #fff;
}
.table__cell--participant, .table__cell--rank {
    position: sticky;
    position: -webkit-sticky;
    z-index: 1;
    background-color: #141516;
}
.table__cell--rank {
    justify-content: center;
    left: 0;
    /* width: 24px; */
}
.table__cell {
    align-items: center;
    align-self: center;
    color: rgba(170, 170, 170, 1);
    display: flex;
    height: 44px;
    /* width: 24px; */
    font-size: 13px;
    font-family: "Be Vietnam Pro", sans-serif;
    box-sizing: content-box;
}.tableCellRank {
    align-items: center;
    border-radius: 50%;
    display: flex;
    font-size: 0.75rem;
    font-family: "Oswald";
    font-weight: 700;
    height: 1.375rem;
    justify-content: center;
    width: 1.375rem;
}
.tableCellParticipant {
    align-items: center;
    display: flex;
    padding-right: 20px;
    width: 100%;
}.tableCellParticipant__block {
    align-items: center;
    display: flex;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    /* left: -10px; */
}
.tableCellParticipant__image {
    display: flex;
    margin-right: 0.5rem;
}.tableCellParticipant__image > img {
    height: 1.5rem;
    width: 1.5rem;
    object-fit: contain;
}
.tableCellParticipant__name {
    color: rgba(170, 170, 170, 1);
    cursor: pointer;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.75rem;
    /* max-width: 90px; */
}.liveScore--isWinning .tableCellParticipant__score {
    background-color: #00a83f;
    color: #fff;
}

.tableCellParticipant__score:not(:empty) {
    border-radius: 0.1875rem;
    background: #26B783;
    color: #FFF;
    text-align: center;
    font-family: 'Be Vietnam Pro';
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1rem;
    white-space: nowrap;
    padding: 0.125rem 0.25rem;
    position: absolute;
    right: -0.5rem;
    width: 2rem;
}.table__cell--value {
    justify-content: center;
}.table__cell--form {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    line-height: 14px;
    width: auto;
}.table__cell--forAgainstPercentage, .table__cell--frames, .table__cell--goalsForAgainstDiff, .table__cell--netRunRate, .table__cell--pct, .table__cell--pointsDifference, .table__cell--score, .table__cell--sets {
    /* width: 48px; */
}
.table__cell--points {
    color: rgba(170, 170, 170, 1);
    font-weight: 700;
}.summary_blockWrapper {
    background: #1c1e1f;
}
.scrolling {
    overflow-y: auto;
}.event-item {
    border-bottom: 1px solid #292b2e;
    padding: 10px 12px;
    position: relative;
    justify-content: flex-end;
}.bSGlQb {
    min-width: 24px;
    text-align: center;
    color: #fff;
    font-weight: 500;
    font-size: 0.8rem;
}.midfield {
    white-space: nowrap;
    padding: 3px 10px;
    color: #fff;
    font-weight: 500;
    font-family: 'Oswald';
    border-radius: 10px;
}.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}.event-item .score {
    align-items: center;
    justify-content: flex-end;
}.event-item .event-icon {
    display: flex;
    justify-content: flex-start;
    padding: 0px 15px;
}.homeEvent .event-player {
    flex-direction: row-reverse;
}
.homeEvent {
    flex-direction: row-reverse;
}
.event-item .event-player {
    width: 100%;
    gap: 6px;
}.event-item .homeEvent .score {
    justify-content: flex-start;
}.table__cell--participant {
    flex-grow: 1;
    flex-shrink: 0;
    left: 34px;
    padding: 0 10px;
    max-width: 160px;
    width: auto;
    padding-left: 0px;
}.formIcon--d, .formIcon--dl, .formIcon--do, .formIcon--dw {
    background-color: #f3a000;
}.event-item .event-player-name {
    color: #fff;
    font-family: "Raleway";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}#lineup_scl ul.nav {
    background: #292b2e;
    border: 0px;
}#lineup_scl ul.nav li a.active {
    color: #4fa747;
}
#lineup_scl ul.nav li a {
    color: #fff;
    font-family: "Oswald";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-transform: uppercase;
    padding: 10px 15px;
    display: block;
    position: relative;
    text-decoration: none;
}#lineup_scl ul.nav li a.active::after {
    content: "";
    width: 100%;
    height: 1px;
    background: #4fa747;
    position: absolute;
    bottom: 1px;
    left: 0;
}#lineup_scl .tab-content {
    padding: 0px;
    border-radius: 2px;
    background: #1c1e1f;
}.backGreen {
    background: #5dad6e;
    overflow-x: hidden;
    font-size: 2.4vw
}.teamInfo {
    padding: 5px .25em;
    box-sizing: border-box;
}.teamInfo .teamLogo {
    width: 0.53em;
    height: 0.53em;
    margin-right: 0.21em;
}.teamInfo .teamLogo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}.teamInfo .teamName {
    font-size: .32em;
    font-family: Roboto-Regular;
    color: #fff;
    text-decoration: none;
}.w-o-h {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}.teamInfo .formation {
    width: 4.52em;
    height: 1.4em;
    line-height: 1;
    text-align: center;
    position: absolute;
    left: calc(50% - 2.2em);
    background: hsla(0, 0%, 100%, .6);
    border-radius: 0.53em;
    font-size: .27em;
    color: #333;
    margin: 0 auto;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
}.groundBox {
    width: 9.5em;
    height: 19em;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
}
.groundBox .circle, .groundBox .midCircle, .groundBox .square1, .groundBox .square2, .groundBox, .bd {
    border: 2px solid hsla(0, 0%, 100%, .3);
}.groundBox .halfBox {
    height: 50%;
    position: relative;
    border-bottom: 1px solid hsla(0, 0%, 100%, .3);
    z-index: 100;
}.groundBox .square2 {
    width: 4.64em;
    height: 1.81em;
    border-top: 0;
    margin: 0 auto;
}.groundBox .square1 {
    width: 2.35em;
    height: .96em;
    border-top: 0;
    margin: 0 auto;
}..groundBox .circle {
    width: 2.45em;
    height: 2.45em;
    border-radius: 50%;
    position: relative;
    top: -1.52em;
    margin: 0 auto;
}.lineupPlayers img {
    border-radius: 50%;
    -o-object-fit: contain;
    object-fit: contain;
    width: .85em;
    height: .85em;
}.leftTopBox {
    position: absolute;
    top: -0.18em;
    right: 0.7em;
    width: 2em;
    height: 0.5em;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}.groundBox .shirtNumber {
    display: flex;
    width: 1.2em;
    height: 1.2em;
    border-radius: 50%;
    background: #444644;
    text-align: center;
    line-height: .35em;
    font-size: .27em;
    color: #fff;
    position: absolute;
    left: -4px;
    top: 50%;
    margin-left: -8px;
    transform: translateY(-50%);
    font-family: 'Oswald';
    align-items: center;
    justify-content: center;
}.rating {
    width: 0.45em;
    height: 0.3em;
    background: #c2c90c;
    border-radius: 0.05em;
    position: absolute;
    top: 0.2em;
    right: -0.05em;
}.rating .ratingText {
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: .4em;
    transform: scale(.8);
    text-align: center;
    line-height: 0.8em;
    font-family: 'Oswald';
}.playerName {
    width: 5.5em;
    height: 1.5em;
    position: absolute;
    top: 2.7em;
    left: -1.5em;
    color: #fff;
    font-size: .38em;
    transform: scale(.8);
    text-align: center;
}.rightBottomBox {
    position: absolute;
    bottom: -.1em;
    left: .7em;
    width: 2em;
    height: .5em;
    display: flex;
    align-items: center;
}.leftTopBox svg {
    width: 12px;
    height: 12px;
    margin-right: 1.5px;
}.leftTopBox span {
    font-family: 'Oswald';
}.rightBottomBox svg {
    width: 12px;
    height: 12px;
    margin-right: 1.5px;
}.substitutes .overflow-hidden {
    height: 520px;
    overflow-y: auto !important;
}.fs-12 {
    font-size: 0.875rem !important;
}.substitutes .item-player {
    border-bottom: 1px solid #292b2e;
    padding: 5px;
    height: 3.125rem;
}
.substitutes .item-player, .injured-or-suspended .item-player {
    background: #1C1E1F;
}.table .player-logo {
    width: 2rem;
    height: 2rem;
    -o-object-fit: cover;
    object-fit: cover;
    border: 1px solid #eee;
    box-sizing: border-box;
    margin: 0 .1rem;
}.substitutes .item-player .descMax, .injured-or-suspended .item-player .descMax {
    color: #AAA;
    font-family: Raleway;
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.125rem;
    text-decoration: none;
}
.table .descMax {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}.playerRating {
    height: 0.875rem;
    background: #c2c90c;
    border-radius: 4px;
    position: absolute;
    top: -10px;
    right: -8px;
}.playerRating .ratingtext {
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 0.875rem;
    transform: scale(.8);
    text-align: center;
    line-height: 0.813rem;
    font-family: 'Oswald';
}.table svg {
    width: 0.875rem;
    height: 0.875rem;
}.LeagueStagePhases_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 300;
    font-size: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 22px;
}
.match_statistics .stat-bar-wrapper.homes{
    display: flex;
    justify-content: flex-end;
}
.LeagueStagePhases_row {
    padding: 0px 12px;
}.LeagueStagePhases_circle {
    min-width: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    float: left;
    margin-right: 13px;
}
@media only screen and (max-width: 992px) {
    .backGreen {
        font-size: 7vw;
    }
}
@media only screen and (max-width: 545px) {
    .backGreen {
        font-size: 10vw;
    }
    body {
    	background-image: url('/wp-content/themes/bongda/assets/background-home-mobile-3.jpg');
    	background-size: contain;
    }
}