@font-face {
	font-family: 'digital-clock-font';
	src: url('../../../font/digital-7.ttf');
}
@font-face {
	font-family: 'digital-clock-font-italic';
	src: url('../../../font/digital-7-italic.ttf');
}
@font-face {
	font-family: 'inter';
	src: url('../../../font/inter/inter-regular.ttf');
}
html,body {
	font-family: 'Microsoft YaHei', sans-serif;
    background-color: #1C140B;
	color: white;
	font-weight: 400;
}
.font-digital {
	font-family: 'digital-clock-font-italic';
}
.font-inter {
	font-family: 'inter';
	font-weight: 400;
}
body {
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.text-justify {
    text-align: justify;
}
a:hover {
	color: #EACD9D;
}
.ms-22 {
	margin-left: 2.2rem !important;
}
/********** Begin Background color **********/
.bg-theme-01 {
	background-color: #403020;
}
.bg-theme-02 {
	background-color: #CFCFCF;
}
.bg-theme-03 {
	background-color: #EACD9D;
}
.bg-theme-04 {
	background-color: #9B774C;
}
.bg-theme-05 {
	background-color: #108B00;
}
.bg-theme-06 {
	background-color: #CECECE;
}
.bg-theme-07 {
	background-color: #251B11;
}
.bg-theme-08 {
	background-color: #62472D;
}
.bg-theme-09 {
	background-color: #FBF7F4;
}
.bg-gradient-gold {
	background: linear-gradient(90deg, #ECD07D 0%, #CA9C4C 100%);
}
.bg-gradient-01 {
	background: linear-gradient(180deg, #483919 0%, #251F18 100%);
}
.bg-gradient-02 {
  background: linear-gradient(180deg, #BE894A 0%, #925F23 47.92%, #A8702E 100%);
}
.bg-gradient-03 {
  background: linear-gradient(180deg, #D7D7D7 0%, #ACACAC 100%);
}
.bg-gradient-04 {
	background: linear-gradient(180deg, #AB894D 0%, #524025 100%);
}
.bg-gradient-05 {
	background: linear-gradient(180deg, #FDFDFD 0%, #DEDEDE 100%);
}
.bg-gradient-06 {
	background: linear-gradient(180deg, #927E5E 0%, #40332A 100%);
}
.bg-border-gradient-theme-01 {
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: transparent;
	background: linear-gradient(180deg, #403020 0%, #403020 100%), linear-gradient(180deg, #FFFFFF 0%, #BC9258 55.21%, rgba(200, 150, 82, 0) 100%);
	background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
}
.bg-border-gradient-theme-02 {
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: transparent;
	background: linear-gradient(180deg, #AB894D 0%, #524025 100%), linear-gradient(180deg, #FFFFFF 0%, #BC9258 55.21%, rgba(200, 150, 82, 0) 100%);
	background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
}
.bg-border-gradient-theme-03 {
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: transparent;
	background: linear-gradient(180deg, #251B11 0%, #251B11 100%), linear-gradient(180deg, #FFFFFF 0%, #BC9258 55.21%, #C89652 100%);
	background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
}
.bg-border-gradient-theme-04 {
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: transparent;
	background: linear-gradient(180deg, #927E5E 0%, #40332A 100%), linear-gradient(180deg, #FFFFFF 0%, #BC9258 55.21%, #C89652 100%);
	background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
}
.bg-sidemenu {
	background: #272018;
	box-shadow: 20px 0px 20px 0px rgba(0, 0, 0, 0.50);
}
.bg-brown {
	background: #62472D;
}
.bg-chinese-black {
	background: #171717;
}
.bg-jet {
	background: #343434;
}
.bg-dark-red {
	background: #85191B;
}
.bg-theme {
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.bg-service {
	background-image: url(../img/home/service/bg.webp);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.bg-btn-slot {
	background-image: url(../img/slot/bg-btn.webp);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
/********** End Background color **********/

/********** Begin Font size **********/
.fs-18 {
	font-size: 1.15rem !important;
}
.fs-14 {
	font-size: 0.875rem !important;
}
/********** Begin Font size **********/

/********** Begin Font color **********/
.text-theme-01 {
	color: #BC9753;
}
.text-theme-02 {
	color: #EACD9D;
}
.text-theme-03 {
	color: #C1C1C1;
}
.text-theme-04 {
	color: #403020;
}
.text-theme-05 {
	color: #9B774C;
}
.text-theme-06 {
	color: #FFD900;
}
.text-theme-07 {
	color: #CFCFCF;
}
.text-theme-08 {
	color: #CBCBCB;
}
.text-theme-09 {
	color: #FFAF29;
}

/********** Begin Font color **********/

/********** Begin Border custom made **********/
.border-color-theme-01 {
	border-color: #BC9753 !important;
}
.border-color-theme-02 {
	border-color: #CDCDCD !important;
}
.border-color-theme-03 {
	border-color: #EACD9D !important;
}
.border-color-theme-04 {
	border-color: #ADADAD !important;
}
.border-color-theme-05 {
	border-color: #C4C4C4 !important;
}
.border-bottom-2px {
	border-bottom: 2px solid;
}
.border-left-4px-01 {
	border-left:4px solid #EACD9D;
}
.border-dashed-theme-01 {
	border: 1px dashed #EACD9D !important;
}
/********** End Border custom made **********/

/********** Begin Border radius custom made **********/
.rounded-20 {
	border-radius: 20px;
}
.rounded-top-20 {
	border-radius: 20px 20px 0 0;
}
.rounded-10 {
	border-radius: 10px;
}
.rounded-8 {
	border-radius: 8px;
}
.rounded-top-8 {
	border-radius: 8px 8px 0 0;
}
.rounded-top-left-8 {
	border-radius: 8px 0 0 0;
}
.rounded-top-right-8 {
	border-radius: 0 8px 0 0;
}
.rounded-bottom-left-8 {
	border-radius: 0 0 0 8px;
}
.rounded-bottom-right-8 {
	border-radius: 0 0 8px 0;
}
.rounded-bottom-8 {
	border-radius: 0 0 8px 8px;
}
/********** End Border radius custom made **********/

/********** Begin For anno css ***********/
.nav-tabs .anno.nav-link.active {
  background-color: #403020;
  border: 0;
  color: white;
  font-weight: 700;
  font-size: 1.5rem;
  border-bottom: 1px solid #403020;
  width: 100%;
  border-radius: 20px 20px 0 0;
}
.nav-tabs .anno.nav-link {
  color: white;
  font-weight: 700;
  font-size: 1.5rem;
  width: 100%;
}
.nav-tabs .anno.nav-link:hover {
    border-color: transparent;
    isolation: isolate;
}
/********** End For anno css ***********/

/********** Begin Custom made Bootstrap CSS **********/
a {
	text-decoration: none !important;
}
.offcanvas-start {
	width: 20%;
}
.carousel-indicators [data-bs-target] {
	text-indent: 0;
	width: auto;
    height: 0;
	margin-left: 10px;
	margin-right: 10px;
}
.btn-check:focus+.btn-light, .btn-light:focus {
    background-color: #EACD9D;
	box-shadow: none;
}
@media (max-width: 992px) {
	.offcanvas-start {
		width: 25%;
	}
}
@media (max-width: 768px) {
	.offcanvas-start {
		width: 50%;
	}
}
.offcanvas-backdrop.show {
    opacity: .3;
}
.dropdown-menu {
	inset: 0 -40px auto auto !important;
}
/********** End Custom made Bootstrap CSS **********/

/********** Begin Home page banner **********/
.gallery-cell-banner {
	  width: 66%;
	  height: 200px;
	  margin-right: 2rem;
	  counter-increment: gallery-cell;
}
.gallery-banner > .flickity-viewport {
	height: 360px !important;
	
}
.flickity-page-dots .dot {
		height: 7px;
}
@media (max-width: 1400px) {
	.gallery-banner > .flickity-viewport {
		height: 290px !important;
	}
	.flickity-page-dots .dot {
		width: 40px;
		height: 6px;
	}
}
@media (max-width: 1200px) {
	.gallery-banner > .flickity-viewport {
		height: 250px !important;
	}
	.flickity-page-dots .dot {
		width: 30px;
		height: 5px;
	}
}
@media (max-width: 992px) {
	.gallery-banner > .flickity-viewport {
		height: 190px !important;
	}
}
/********** End Home page banner **********/

/********** Begin Popular Game **********/
.gallery-cell {
	background-image: url(../img/home/popular_game/bg.webp);
	background-repeat: no-repeat;
    background-size: 100% 100%;
	width: 66%;
	margin-right: 2rem;
	counter-increment: gallery-cell;
	top: 5%;
	bottom: 17%;
	transition-duration: 0s;
}
.gallery-cell.is-selected {
	height: 400px;
	top: 0%;
	bottom: 0;
	/*transition-duration: 0.5s;*/
}
.opacity-active {
	opacity:1;
}
.opacity-inactive {
	opacity:0.5;
}
.flickity-prev-next-button:hover {
    background: transparent;
}
.flickity-prev-next-button .arrow {
    fill: transparent;
}
.flickity-prev-next-button {
	background: transparent;
}
.flickity-prev-next-button.previous {
	background-image: url(../img/home/popular_game/left.webp);
	background-repeat: no-repeat;
	background-position: center center;
}
.flickity-prev-next-button.next {
  	background-image: url(../img/home/popular_game/right.webp);
	background-repeat: no-repeat;
	background-position: center center;
}
/********** End Popular Game **********/
.progress-bar-vip {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background: linear-gradient(180deg, #ECD07D 0%, #CA9C4C 100%);
    transition: width .6s ease;
}
.uk-accordion-title:focus, .uk-accordion-title:hover {
    background: #403020;
	color: #EACD9D;
}
.m-auto {
	margin: 0 auto;
}
.nav-link.btn-deposit {
	border: 1px solid #EACD9D;
	color: #EACD9D;
	padding: .5rem 0;
}
.nav-link.btn-deposit.active {
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: transparent;
	background: linear-gradient(180deg, #AB894D 0%, #524025 100%), linear-gradient(180deg, #FFFFFF 0%, #BC9258 55.21%, rgba(200, 150, 82, 0) 100%);
	background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
}
.nav-link.btn-deposit:hover {
	color: #ffffff;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: transparent;
	background: linear-gradient(180deg, #AB894D 0%, #524025 100%), linear-gradient(180deg, #FFFFFF 0%, #BC9258 55.21%, rgba(200, 150, 82, 0) 100%);
	background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
}