/********** Typo **********/

@font-face {
	font-family: kanit;
	src: url(../fonts/Kanit-SemiBold.eot);
	src: url(../fonts/Kanit-SemiBold.eot?#iefix) format('embedded-opentype'),
	url(../fonts/Kanit-SemiBold.woff2) format('woff2'),
	url(../fonts/Kanit-SemiBold.woff) format('woff'),
	url(../fonts/Kanit-SemiBold.ttf) format('truetype');
	font-weight: 600;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: kanit;
	src: url(../fonts/Kanit-Light.eot);
	src: url(../fonts/Kanit-Light.eot?#iefix) format('embedded-opentype'),
	url(../fonts/Kanit-Light.woff2) format('woff2'),
	url(../fonts/Kanit-Light.woff) format('woff'),
	url(../fonts/Kanit-Light.ttf) format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap
}

/********** Main Class **********/

html {
	font-size: 10px;
}

body {
	font-family: 'Kanit';
	font-weight: 300;
	font-size: 1.6rem;
	line-height: 2.8rem;
	background-image: url(../images/bg01.jpg);
	background-attachment: fixed;
	background-size: cover;
	/*background: rgb(112, 35, 126);
	background: -moz-linear-gradient(180deg, rgba(112, 35, 126, 1) 0%, rgba(12, 2, 48, 1) 50%, rgba(112, 35, 126, 1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(112, 35, 126, 1) 0%, rgba(12, 2, 48, 1) 50%, rgba(112, 35, 126, 1) 100%);
	background: linear-gradient(180deg, rgba(112, 35, 126, 1) 0%, rgba(12, 2, 48, 1) 50%, rgba(112, 35, 126, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#70237e", endColorstr="#70237e", GradientType=1);*/
	color: #fff;
}

.antiCls {
	visibility: hidden;
}

a {
	color: #f7ee7a;
}

a:hover {
	color: #f7ee7a;
}

strong {
	font-family: 'Kanit';
	font-weight: 600;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Kanit';
	font-weight: 600;
}

h3 {
	font-size: 2.2rem;
}

.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/status.gif) 50% 50% no-repeat rgba(255, 255, 255, 1);
}

.section-bs {
	padding: 60px 0;
}

.section-heading {
	padding: 60px 0 0;
}

.section-heading .heading-section {
	margin-bottom: 0;
}

.section-heading p {
	margin-bottom: 0;
}

.heading-section {
	position: relative;
	margin-bottom: 30px;
}

.heading-section h2 {
	font-size: 3rem;
	margin-bottom: 15px;
	letter-spacing: 1px;
	font-family: 'Kanit';
	font-weight: 600;
	color: #EBE19A;
	width: 100%;
}


.heading-section .btn-line {
	display: none;
}

footer .heading-section h2 {
	border-bottom: none;
}

.content-main-section .heading-section {
	margin-bottom: 15px;
}

/*.heading-section h2::before,
.heading-section h2::after {
	display: inline-block;
	content: "";
	width: 300px;
	height: 1px;
	margin: 0 1rem;
	transform: translateY(-1rem);
}

.heading-section h2::before {
	background: rgb(233, 204, 131);
	background: -moz-linear-gradient(90deg, rgba(233, 204, 131, 1) 0%, rgba(191, 142, 31, 1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(233, 204, 131, 1) 0%, rgba(191, 142, 31, 1) 100%);
	background: linear-gradient(90deg, rgba(233, 204, 131, 1) 0%, rgba(191, 142, 31, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e9cc83", endColorstr="#bf8e1f", GradientType=1);
}

.heading-section h2::after {
	background: rgb(191, 142, 31);
	background: -moz-linear-gradient(90deg, rgba(191, 142, 31, 1) 0%, rgba(233, 204, 131, 1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(191, 142, 31, 1) 0%, rgba(233, 204, 131, 1) 100%);
	background: linear-gradient(90deg, rgba(191, 142, 31, 1) 0%, rgba(233, 204, 131, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bf8e1f", endColorstr="#e9cc83", GradientType=1);
}*/

.heading-section p {
	line-height: 2.4rem;
}

.heading-section .mb-divider {
	margin-top: 30px;
}

.content-divider {
	width: 100%;
	margin-bottom: 30px;
}

.line-divider {
	width: 100%;
	height: 1px;
	margin-top: 60px;
	margin-bottom: 60px;
	background: #999;
}

.imgw-caption {
	margin-bottom: 30px;
}

.btn {
	padding: 10px 30px;
	font-size: 1.6rem !important;
	border-radius: 0;
	font-size: 2.2rem;
	font-family: 'Kanit';
	font-weight: 600;
}

.btn-main {
	background: #f7ee7a;
	padding: 10px 30px;
	border-radius: 32px;
	font-size: 1.6rem;
}

.btn-outline img {
	margin-top: -3px;
	max-width: 16px;
}

.btn-main a {
	color: #333;
}

.btn-outline {
	padding: 15px 30px;
	border: 1px solid #fff;
	background: none;
	border-radius: 32px;
}

.btn-outline:hover {
	background: #fff;
	color: #000 !important;
}

.btn-line {
	background: #3ace01;
	color: #fff;
	border-radius: 32px;
	border: none !important;
	box-shadow: none !important;
}

.link-mb {
	display: none;
}

.form-container .btn-outline {
	border: 2px solid #000;
	background: none;
}

.form-container .btn-outline:hover {
	background: #000;
	color: #fff;
}

.btn-section a {
	color: #333;
	text-decoration: underline;
	vertical-align: middle;
}

.btn-section i {
	margin-left: 5px;
	vertical-align: middle;
	font-size: 14px;
}

.btn-container a {
	color: #fff;
}

.user-btn {
	background: #f3e05e;
	border-radius: 32px;
	border: 2px solid #000;
	padding: 8px 16px !important;
}

.cvpage-img {
	background-image: url(../images/image-cvpage.webp);
	background-position: center center;
	background-size: cover;
	padding: 60px 0;
	color: #fff;
}

.cvpage h1 {
	color: #fff;
	font-size: 3rem;
}

.bg-content {
	background: #000;
}

.fa-red {
	color: #fb0d1b;
}

.fa-yellow {
	color: #fffd38;
}

.fa-grey {
	color: #b7b7b7;
}

.fa-pink {
	color: #facbbe;
}

.breadcrumb-dt {
	text-align: center;
	font-size: 14px;
}

.breadcrumb-dt a {
	display: inline-block;
	color: #fff;
	margin-left: 10px;
}

.breadcrumb-dt a:hover {
	opacity: 0.6;
}

.breadcrumb-dt p {
	display: inline-block;
	color: #f2fd00;
	margin-bottom: 0;
}

.breadcrumb-dt a:first-child {
	margin-left: 0;
}

.breadcrumb-dt p {
	display: inline-block;
	margin-left: 10px;
}

.breadcrumb-ct {
	margin-bottom: 15px;
}

.breadcrumb-ct a {
	color: #333;
}

.pagination {
	margin-top: 30px;
	justify-content: center;
}

.antiCls {
	visibility: hidden;
}

/********** Nav **********/

header {
	position: relative;
	width: 100%;
	top: 0;
}

.top-header {
	z-index: 999;
	/*    background: rgb(107, 21, 170);
    background: -moz-linear-gradient(180deg, rgba(107, 21, 170, 1) 0%, rgba(175, 0, 72, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(107, 21, 170, 1) 0%, rgba(175, 0, 72, 1) 100%);
    background: linear-gradient(180deg, rgba(107, 21, 170, 1) 0%, rgba(175, 0, 72, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6b15aa", endColorstr="#af0048", GradientType=1);*/
	background: #0D0505;
	padding: 10px 30px;
}

.top-header.nav-link {
	font-size: 1.8rem;
}

navbar-nav .nav-link:hover {
	color: #fff;
}

.nav-link .fa {
	font-size: 1.8rem;
	margin-right: 10px;
	color: #000;
}

.nav-header {
	z-index: 999;
	background: rgb(7, 2, 25);
	background: -moz-linear-gradient(0deg, rgba(7, 2, 25, 1) 0%, rgba(122, 18, 141, 1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(7, 2, 25, 1) 0%, rgba(122, 18, 141, 1) 100%);
	background: linear-gradient(0deg, rgba(7, 2, 25, 1) 0%, rgba(122, 18, 141, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#070219", endColorstr="#7a128d", GradientType=1);
	color: #fff;
	padding: 8px 0 0 0;
}

.nav-header a {
	color: #000;
}

.nav-header a:hover {
	color: #000;
	cursor: pointer;
}

.navbar-brand {
	position: relative;
}

.nav-dt .nav-item {
	background: rgb(247, 218, 124);
	background: -moz-linear-gradient(180deg, rgba(247, 218, 124, 1) 0%, rgba(242, 202, 92, 1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(247, 218, 124, 1) 0%, rgba(242, 202, 92, 1) 100%);
	background: linear-gradient(180deg, rgba(247, 218, 124, 1) 0%, rgba(242, 202, 92, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7da7c", endColorstr="#f2ca5c", GradientType=1);
}

.nav-item {
	margin-right: 10px;
}

.nav-item:last-child {
	margin-right: 0;
}

.nav-item a {
	display: inline-block;
	font-family: 'Kanit';
	font-weight: 600;
	padding: 10px 15px !important;
}

.nav-item a img {
	margin-right: 10px;
}

.nav-line {
	background: #3ace01;
	padding: 15px 30px;
}

.nav-line a {
	color: #fff;
}

.nav-outline {
	padding: 15px 30px;
	border: 1px solid #fff;
	background: none;
}

.nav-outline:hover {
	background: #f7ee7a;
}

.nav-outline:hover a {
	color: #0d0505 !important;
}

.navbar-btm {
	background: rgb(245, 208, 83);
	background: -moz-linear-gradient(90deg, rgba(245, 208, 83, 1) 0%, rgba(113, 80, 38, 1) 20%, rgba(231, 196, 76, 1) 50%, rgba(91, 58, 31, 1) 80%, rgba(245, 208, 83, 1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(245, 208, 83, 1) 0%, rgba(113, 80, 38, 1) 20%, rgba(231, 196, 76, 1) 50%, rgba(91, 58, 31, 1) 80%, rgba(245, 208, 83, 1) 100%);
	background: linear-gradient(90deg, rgba(245, 208, 83, 1) 0%, rgba(113, 80, 38, 1) 20%, rgba(231, 196, 76, 1) 50%, rgba(91, 58, 31, 1) 80%, rgba(245, 208, 83, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5d053", endColorstr="#f5d053", GradientType=1);
	width: 100%;
	height: 4px;
}

.nav-mb {
	display: none;
}

.contact-top a:hover {
	color: #fff;
}

.contact-top a img {
	max-width: 32px;
}

.carousel-fade .carousel-item {
	background-size: cover;
	background-repeat: no-repeat;
	height: 800px;
	transition-duration: .5s;
	background-position: left;
}


header .carousel-item {
	/*min-height: 300px;*/
	background: no-repeat scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
}

#mainCarousel .carousel-indicators li {
	display: block;
	float: left;
	width: 10px;
	height: 10px;
	margin-left: 5px;
	text-indent: -999px;
	background-color: #ffffff;
	border-radius: 5px;
}

#mainCarousel .carousel-indicators li {
	display: block;
	float: left;
	width: 10px;
	height: 10px;
	margin-left: 5px;
	text-indent: -999px;
	background-color: #ffffff;
	border-radius: 5px;
}

#mainCarousel .carousel-indicators .active {
	background-color: #efd984;
}

.carousel-container .carousel-indicators {
	left: 0;
	top: auto;
	bottom: -60px;
}

.carousel-container .carousel-indicators li {
	background-color: #a3a3a3;
	border-radius: 50%;
	width: 8px;
	height: 8px;
}

.carousel-container .carousel-indicators .active {
	background-color: #0045b6;
}

/*.banner-col {
    max-height: 315px;
}*/

.banner-item {
	margin-bottom: 30px;
}

.banner-col .img-wrapper {
	border: 2px solid #f3e05e;
}

.banner-item:last-child {
	margin-bottom: 0;
}

.banner-item p {
	font-size: 1.5rem;
	margin-bottom: 0;
	line-height: 2.4rem;
}

.banner-col ul {
	text-decoration: none;
	padding-left: 0;
	list-style-type: none;
}

.banner-col li {
	line-height: 2.4rem;
	font-size: 1.5rem;
}

.banner-col strong {
	font-size: 1.6rem;
}

.form-control {
	height: 40px;
	margin-bottom: 15px;
	border-radius: 0;
	font-size: 1.6rem;
}

.form-group textarea {
	height: 120px;
}

.form-group label {
	margin-bottom: 0;
}

.form-container a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
	color: #fff;
}

.form-container h3 {
	font-weight: 600;
	margin-bottom: 15px;
	font-size: 3.2rem;
}


.img-wrapper {
	position: relative;
	overflow: hidden;
	display: inline-block;
}

/*.img-wrapper img {
	transition: all 500ms ease-in-out;
	-webkit-transition: all 500ms ease-in-out;
}

.img-wrapper img:hover {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}*/

.owl-theme .owl-dots .owl-dot span {
	margin-bottom: 0;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: #f7ee7a;
}

/*.promotion-section {
    background-image: url(../images/bg-promotion.jpg);
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}

.football-section {
    background-image: url(../images/bg-football.jpg);
    background-size: cover;
    background-position: center center;
}

.baca-section {
    background-image: url(../images/bg-baca.jpg);
    background-size: cover;
    background-position: center center;
}

.process-section {
    background-image: url(../images/bg-process01.jpg);
    background-size: cover;
    background-position: center center;
    padding: 400px 0;
}*/

/********** Football **********/

.football-section img {
	max-width: 460px;
	text-align: right !important;
	display: block;
	margin: 0 auto;
}

/********** Casino **********/

.content-txt {
	margin-bottom: 40px;
}

.content-txt .heading-section {
	margin-bottom: 15px;
}

.content-txt ul {
	list-style-type: none;
	padding-left: 0;
}

.content-txt a {
	cursor: pointer;
	margin-top: 15px;
	display: block;
}

/********** Channel **********/

.channel-section {
	/*background-image: url(images/bg-promotion.jpg);*/
	background: #000;
}

.channel-section ul {
	list-style-type: none;
	padding-left: 0;
}

.channel-section li {
	margin-bottom: 5px;
}

.channel-section ul li a {
	color: #f7ee7a;
}

/********** Step **********/

/* Breadcrups CSS */

.arrow-steps .step {
	font-size: 14px;
	text-align: left;
	color: #fff;
	cursor: default;
	margin: 0 3px;
	padding: 30px 10px 30px 50px;
	min-width: 180px;
	width: 24.4%;
	float: left;
	position: relative;
	background-color: #b59b61;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.arrow-steps .step:after,
.arrow-steps .step:before {
	content: " ";
	position: absolute;
	top: 0;
	right: -30px;
	width: 0;
	height: 0;
	border-top: 57px solid transparent;
	border-bottom: 57px solid transparent;
	border-left: 30px solid #b59b61;
	z-index: 2;
}

.arrow-steps .step:before {
	right: auto;
	left: 0;
	border-left: 30px solid #0d0505;
	z-index: 0;
}

.arrow-steps .step:first-child:before {
	border: none;
}


.arrow-steps .step h3 {
	margin-bottom: 0;
}

.arrow-steps .step h3 span {
	display: none;
}

.arrow-steps .step span {
	position: relative;
}

.arrow-steps .step span:before {
	opacity: 0;
	content: "✔";
	position: absolute;
	top: -2px;
	left: -30px;
}

.arrow-steps .step.done span:before {
	opacity: 1;
}

.arrow-steps .step.current {
	color: #fff;
	background-color: #b59b61;
}

.arrow-steps .step.current:after {
	border-left: 30px solid #b59b61;
}

/********** Other **********/

.section-sv {
	padding-top: 60px;
}

.sv-content .icon {
	max-width: 32px;
	margin-top: -5px;
}

.sv-content h3 {
	margin-bottom: 20px;
	font-size: 2.6rem;
}

.sv-content .btn {
	margin-top: 30px;
}

.process-section .heading-section h2 {
	display: inline-block;
}

.process-section .heading-section img {
	display: inline-block;
	max-width: 100px;
	margin-left: 15px;
	margin-top: -15px;
}

.process-list {
	list-style-type: none;
	padding-left: 0;
}

.process-list-item {
	background: #F7EE7A;
	border-radius: 32px;
	padding: 5px;
	margin-bottom: 15px;
	color: #333;
}

.process-list-item span {
	width: 32px;
	line-height: 32px;
	display: inline-block;
	border-radius: 100%;
	background: #820404;
	color: #fff;
	text-align: center;
	margin-right: 10px;
}

.process-list-item p {
	display: inline-block;
	width: 80%;
	margin-bottom: 0;
	vertical-align: middle;
}

.process-main {
	display: none;
}

.process-section ul li {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 5px;
}

.process-section ul li:last-child {
	margin-bottom: 0;
}

/********** Football **********/

.football-process {
	padding-left: 0;
	list-style-type: none;
}

.football-process .heading-section {
	margin-bottom: 30px;
}

/********** Register Process **********/

.register-process {
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}

.row-process span {
	width: 48px;
	line-height: 40px;
	display: inline-block;
	background: rgb(56, 32, 80);
	background: -moz-linear-gradient(180deg, rgba(56, 32, 80, 1) 0%, rgba(22, 28, 90, 1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(56, 32, 80, 1) 0%, rgba(22, 28, 90, 1) 100%);
	background: linear-gradient(180deg, rgba(56, 32, 80, 1) 0%, rgba(22, 28, 90, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#382050", endColorstr="#161c5a", GradientType=1);
	color: #fff;
	text-align: center;
	margin-right: 10px;
	border-radius: 100%;
	border: 4px solid #F4FE00;
	font-size: 2.4rem;
	vertical-align: middle;
}

/********** Footer **********/

.footer-section {
	background: #000000;
	color: #fff;
	padding: 60px 0 15px;
	position: relative;
}

.footer-section a {
	color: #fff;
}

.footer-content p {
	margin: 15px 0;
}

.footer-list {
	margin-top: 30px;
	list-style-type: none;
	padding-left: 0;
}

.footer-list li {
	margin-bottom: 15px;
}

.footer-list li img {
	margin-right: 10px;
}

.footer-left {
	margin-bottom: 30px;
}

.footer-left img {
	max-width: 200px;
	display: inline-block;
}

.footer-left a {
	margin-top: 15px;
	display: block;
}

.footer-center h3 {
	margin-bottom: 15px;
}

.footer-center ul {
	display: inline-block;
	list-style-type: none;
	width: 48%;
	font-size: 0;
	padding-left: 0;
	vertical-align: top;
}

.footer-center ul li {
	font-size: 1.6rem;
	margin-bottom: 5px;
}

.footer-right h3 {
	margin-bottom: 30px;
}

.row-heading {
	border-bottom: 1px solid #dee2e6;
	margin: 0 0 30px;
}

.menu-toggle .btn-outline {
	float: right;
	margin-top: 10px;
}

.menu-toggle img {
	max-width: 140px;
}

.menu-toggle img {
	max-width: 200px !important;
}

.menu-toggle #menu-btn {
	background: #000;
	margin: 0;
	padding-right: 0;
}

.copyright {
	margin-top: 40px;
	padding: 15px 0 0;
	border-top: 1px solid #666;
	font-size: 1.4rem;
}

.copyright ul {
	list-style-type: none;
	padding-left: 0;
	margin: 0 auto;
	text-align: center;
}

.copyright li {
	display: inline-block;
}

.copyright li img {
	max-width: 24px;
	margin-right: 10px;
}

.copyright li:first-child {
	border-right: 1px solid #666;
	padding-right: 15px;
	margin-right: 15px;
}

/*Promotion*/

.news-section {
	border-top: 1px solid #666;
}

.promotion-container ul {
	padding-left: 0;
	list-style-type: none;
	margin-bottom: 0;
}

.promotion-container .heading-section {
	margin-bottom: 15px;
}

.promotion-item p {
	margin-bottom: 0;
}

/*Contact*/

.form-control:focus {
	border-color: #333;
	box-shadow: none;
}

/* Add responsiveness - on screens less than 580px wide, display the navbar vertically instead of horizontally */

@media screen and (max-width: 580px) {
	#navbar {
		padding: 20px 10px !important;
		/* Use !important to make sure that JavaScript doesn't override the padding on small screens */
	}
	#navbar a {
		float: none;
		display: block;
		text-align: left;
	}
	#navbar-right {
		float: none;
	}
}

.dt .sub-menu-parent {
	position: relative;
}

.dt .sub-menu {
	visibility: hidden;
	/* hides sub-menu */
	opacity: 0;
	position: absolute;
	top: 40px;
	left: 0;
	width: 200px;
	transform: translateY(-2em);
	z-index: -1;
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
	background: #333;
}

.dt .sub-menu-parent:focus .sub-menu,
.sub-menu-parent:focus-within .sub-menu,
.sub-menu-parent:hover .sub-menu {
	visibility: visible;
	/* shows sub-menu */
	opacity: 1;
	z-index: 1;
	transform: translateY(0%);
	transition-delay: 0s, 0s, 0.3s;
	/* this removes the transition delay so the menu will be visible while the other styles transition */
}

.menu-toggle .icon-bar {
	width: 32px;
	height: 4px;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.7);
	border-radius: 0px;
	margin: 5px;
}

.nav-mobile {
	display: none;
}

.text-mb {
	display: none;
}

/********** Articles **********/

.news-section .heading-section h2 {
	border-bottom: none;
	line-height: 2.6rem;
	text-align: left;
}

.news-item h3 {
	color: #333;
	font-size: 1.8rem;
}

.news-item .heading-section {
	margin-bottom: 0;
}

.news-item .card-body {
	color: #333;
}

.news-btn-section .btn {
	padding: 0;
	margin-top: 30px;
}


.sidebar-news {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 4px 4px 0 0;
	overflow: hidden;
}

.sidebar-news .sidebar-item {
	float: none;
}

.sidebar-news .heading-section {
	margin-bottom: 0;
	padding: 0;
}

.sidebar-news h3 {
	color: #fff;
	font-size: 1.6rem;
	margin-bottom: 0;
	padding: 0;
}

.sidebar-news .sidebar-item {
	padding: 10px;
	border-bottom: 1px solid #efefef;
}

.sidebar-news .sidebar-item:last-child {
	border-bottom: none;
}

.sidebar-news .sidebar-item .fa {
	font-size: 1.2rem;
}

.sidebar-news .sidebar-item:hover {
	background: #f8f8f8;
}

.sidebar-news a {
	color: #000;
	font-size: 1.4rem;
	line-height: 2rem;
	display: block;
	font-family: 'Kanit';
	font-weight: 600;
}

.sidebar-news .sidebar-header {
	background: -moz-linear-gradient(360deg, rgba(80, 57, 24, 1) 0%, rgba(194, 168, 107, 1) 100%);
	background: -webkit-linear-gradient(360deg, rgba(80, 57, 24, 1) 0%, rgba(194, 168, 107, 1) 100%);
	background: linear-gradient(360deg, rgba(80, 57, 24, 1) 0%, rgba(194, 168, 107, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#503918", endColorstr="#c2a86b", GradientType=1);
	padding: 15px;
}

.content-container {
	margin: 30px 0;
}

.content-container ul {
	list-style-type: none;
	padding-left: 0;
}

.content-container ul li {
	margin-bottom: 10px;
}

.content-container strong {
	font-weight: normal;
}

.owl-carousel .owl-item img {
	height: auto;
}

/********** Featured **********/

.featured-item img {
	margin-bottom: 15px;
}

.featured-item h3 span {
	color: #f7ee7a;
}

.featured-item p {
	margin-bottom: 0;
}

.featured-item .btn {
	margin-top: 15px;
}

/********** Baccarat **********/

.baccarat-item img {
	margin-bottom: 15px;
	background: #333;
	padding: 30px;
}

.content-txt ul {
	list-style-type: none;
	padding-left: 0;
}

.fix-footer-container {
	display: none;
}

/********** Media Queries **********/

@media (max-width:1199px) {
	.arrow-steps .step {
		padding: 30px 10px 30px 40px;
		width: 24%;
	}
	.footer-left img {
		max-width: 100%;
	}
}

@media (max-width:991px) {
	.promotion-section .content-divider {
		display: none;
	}
	.promotion-item {
		margin-bottom: 30px;
	}
	.row-game-item img {
		margin-bottom: 15px;
	}
	.arrow-steps .step {
		padding: 16px;
		width: 49%;
		display: inline-block;
		position: relative;
		margin-bottom: 5px;
	}

	.arrow-steps .step.current::after {
		border: none;
	}

	.arrow-steps .step::after,
	.arrow-steps .step::before {
		border: none;
	}

	.arrow-steps .step:first-child::before {
		border: none;
	}

	.arrow-steps .step h3 {
		font-size: 1.6rem;
	}

	.arrow-steps .step h3 span {
		display: inline-block;
		margin-right: 15px;
	}

	.process-section ul {
		padding-left: 0;
	}

	.copyright {
		margin-top: 40px;
	}
	.sidebar-news {
		margin-top: 30px;
	}
	.baccarat-item {
		margin-bottom: 30px;
	}
	.baccarat-item:last-child {
		margin-bottom: 0;
	}
	.articlespage-section .content-divider {
		display: none;
	}
	.news-item {
		margin-bottom: 30px;
	}
	.navbar-nav .nav-link {
		font-size: 1.4rem;
		display: block;
	}
	.content-img {
		margin-bottom: 30px;
	}
	.content-img img {
		width: 100%;
	}
	.content-txt {
		margin-bottom: 0;
	}
	.content-txt a {
		margin-top: 30px;
		display: block;
	}
	.slot-section .content-divider {
		display: none;
	}
	.slot-item {
		margin-bottom: 30px;
	}
	.slot-item img {
		width: 100%;
	}
	.footer-center {
		margin: 30px 0;
	}
	.news-section .content-divider {
		display: none;
	}
}

@media (max-width:767px) {
	body{
		background-image: none;
		background: rgb(112, 35, 126);
		background: -moz-linear-gradient(180deg, rgba(112, 35, 126, 1) 0%, rgba(12, 2, 48, 1) 50%, rgba(112, 35, 126, 1) 100%);
		background: -webkit-linear-gradient(180deg, rgba(112, 35, 126, 1) 0%, rgba(12, 2, 48, 1) 50%, rgba(112, 35, 126, 1) 100%);
		background: linear-gradient(180deg, rgba(112, 35, 126, 1) 0%, rgba(12, 2, 48, 1) 50%, rgba(112, 35, 126, 1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#70237e", endColorstr="#70237e", GradientType=1);
	}
	.nav-mobile {
		display: block;
	}
	.nav-dt {
		display: none;
	}
	.heading-section h2 {
		border: none;
		line-height: 3.2rem;
	}
	.heading-section h2 span {
		background: none;
		padding: 0;
	}
	.featured-item {
		margin-bottom: 30px;
	}
	.featured-item:last-child {
		margin-bottom: 0;
	}
	.section-bs {
		padding: 40px 0;
		border-bottom: 1px solid #ebe19a;
	}
	.section-bs:last-child {
		border-bottom: none;
	}
	.arrow-steps .step {
		width: 48.8%;
	}
	.heading-section {
		margin-bottom: 30px;
	}

	.baccarat-item {
		margin-bottom: 30px;
	}
	.top-header {
		display: none;
	}
	.nav-mb {
		display: block;
		background: #000 !important;
	}
	.navbar-dark .navbar-toggler {
		top: 24px;
		position: relative;
	}
	.nav-mb .nav-line-mb {
		position: relative;
		top: 24px;
	}
	.nav-mb .d-flex {
		padding: 10px 15px;
	}
	.nav-mb a:hover {
		color: #f0b428;
	}
	.news-item img {
		margin-bottom: 15px;
		width: 100%;
	}
	.fix-footer-container {
		display: block;
	}
	.fix-footer-container {
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 9999;
		width: 100%;
		min-height: 50px;
		border-top: 2px solid #000;
		text-align: center;
		background: rgb(8, 2, 26);
		background: -moz-linear-gradient(180deg, rgba(8, 2, 26, 1) 0%, rgba(115, 17, 134, 1) 100%);
		background: -webkit-linear-gradient(180deg, rgba(8, 2, 26, 1) 0%, rgba(115, 17, 134, 1) 100%);
		background: linear-gradient(180deg, rgba(8, 2, 26, 1) 0%, rgba(115, 17, 134, 1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#08021a", endColorstr="#731186", GradientType=1);
	}
	.fix-footer-container a {
		display: inline-block;
		color: #f4ebeb;
		margin-left: -7px;
		font-size: 1.2rem;
		line-height: 28px;
		padding: 10px 30px 6px 30px;
		border-right: 2px solid #000;
	}
	.fix-footer-container a:hover {
		background: rgb(8, 2, 26);
		background: -moz-linear-gradient(0deg, rgba(8, 2, 26, 1) 0%, rgba(115, 17, 134, 1) 100%);
		background: -webkit-linear-gradient(0deg, rgba(8, 2, 26, 1) 0%, rgba(115, 17, 134, 1) 100%);
		background: linear-gradient(0deg, rgba(8, 2, 26, 1) 0%, rgba(115, 17, 134, 1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#08021a", endColorstr="#731186", GradientType=1);
		text-decoration: none;
	}
	.fix-footer-container a:last-child {
		border-right: none;
	}
	.fix-footer-container a img {
		max-width: 24px;
		margin-right: 10px;
		display: inline-block;
	}
	.fix-footer-container a p {
		display: inline-block;
		margin-bottom: 0;
	}
}

@media (max-width:576px) {
	.promotion-item:last-child {
		margin-bottom: 0;
	}
	.promotion-item img {
		width: 100%;
	}
	.arrow-steps .step {
		width: 100%;
	}
	.arrow-steps .step h3 {
		font-size: 2rem;
	}
	.promotion-item img {
		width: 100%;
	}
	.img-wrapper {
		width: 100%;
	}
	.footer-right h3 {
		text-align: left;
	}
	.about-section .btn-line {
		display: none;
	}
	.heading-section .btn-line {
		display: block;
		margin-top: 30px;
	}
	.fix-footer-container a {
		padding: 20px 20px 5px 20px;
	}
	.fix-footer-container a img {
		display: block;
		margin: 0 auto 5px;
	}