@charset 'utf-8';

/* reset
------------------------------------------------ */
:root {
	--color-main: #ff4e00;
	--color-sports: #00a1ff;
	--color-casino: #f1c300;
	--color-keno: #00d32e;
	--color-fishing: #00dacf;
	--color-more: #ff00ba;
	--color-slots: #eb1c21;
}

body,
div,
pre,
p,
a,
img,
form,
fieldset,
input,
textarea,
select,
option,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
table,
th,
td,
embed,
object,
figure,
figcaption {
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
}

html {
	height: 100%;
	font-size: 62.5%;
}

body {
	width: 100%;
	height: 100%;
	background: #001140;
	-webkit-text-size-adjust: 100%;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 1rem;
	line-height: 1.6;
	color: #fff;
}
.font_khmer{
	font-family: Battambang;
}
/* ul,
ol {
	list-style: none;
} */
img {
	width: auto;
	height: auto;
	max-width: 100%;
	border: none;
	vertical-align: top;
}

a:link {
	text-decoration: none;
	color: var(--color-main);
}

a:visited {
	text-decoration: none;
	color: var(--color-main);
}

a:hover {
	text-decoration: none;
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* clearfix
------------------------------------------------ */
.clearfix {
	clear: both;
	zoom: 1;
}

.clearfix:before,
.clearfix:after {
	content: ' ';
	display: table;
}

.clearfix:after {
	clear: both;
}

/* container
------------------------------------------------ */
#container {
	display: block;
	overflow: hidden;
	position: relative;
	font-size: 16px;
	width: 100%;
	padding-top: 6.625em;
}

@media screen and (max-width: 768px) {
	#container {
		font-size: 2.08333vw;
	}
}

.wrap {
	max-width: 100%;
	width: 100%;
	position: relative;
	padding: 0 2.6875em;
}

.pages {
	font-size: inherit;
	position: relative;
}

.pages__block {
	display: flex;
	flex-wrap: wrap;
	padding: 2.75em 1.125em 4.375em;
}

.pages__left {
	position: relative;
	display: block;
	z-index: 2;
}

.pages__left--frame {
	height: 39.98em;
	overflow-y: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.pages__left--frame::-webkit-scrollbar {
	display: none;
}

.pages__nav {
	display: flex;
	flex-direction: column;
}

.pages__nav--lists {
	font-size: 1.375em;
	font-weight: 600;
	margin-bottom: .295em;
}

.pages__nav--lists:last-child {
	margin-bottom: 0;
}

.pages__nav--lists a {
	width: 6.1272em;
	min-height: 3.9em;
	min-height: 7.04em;
	background: #1a2f6b;
	justify-content: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	color: #fff;
	border-radius: .227em;
	cursor: pointer;
	transition: color .3s, background .3s;
	word-break: break-word;
	padding: .227em;
}

.pages__nav--lists.active a {
	background: var(--color-main);
	color: #111;
	font-weight: 900;
}

.pages__left--arrow {
	width: 8.425em;
	height: 1.3525em;
	margin-top: 0.4em;
	background: #1a2f6b url(../../images/u2bet/share/icon-arrow-down.png) no-repeat center;
	background-size: .85em;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
	font-weight: 600;
	color: #fff;
	border-radius: .3125em;
	transition: color .3s, background .3s;
	border-top-left-radius: unset;
	border-top-right-radius: unset;
}

.pages__left--arrow.active {
	background: #1a2f6b url(../../images/u2bet/share/icon-arrow-up.png) no-repeat center;
	background-size: .85em;
}

/* pages join */
.pages__join {
	padding: 1.5625em 1.125em;
	background-image: linear-gradient(to right, #cb132f, #194284);
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	text-align: center;
}

.pages__join li {
	font-size: 1.0625em;
	line-height: 1;
	font-weight: bold;
	width: 8em;
	width: 25%;
}

.pages__join li a {
	display: block;
	color: #fff;
}

.pages__join li i {
	display: block;
	width: 4.6em;
	height: 4.6em;
	display: block;
	margin: 0 auto .9em;
}

.pages__join li i.ji-join {
	background: url(../../images/u2bet/share/join/icon-promotion.png) no-repeat center;
	background-size: 100%;
}

.pages__join li i.ji-deposit {
	background: url(../../images/u2bet/share/join/icon-deposit.png) no-repeat center;
	background-size: 100%;
}

.pages__join li i.ji-transfer {
	background: url(../../images/u2bet/share/join/icon-transfer.png) no-repeat center;
	background-size: 100%;
}

.pages__join li i.ji-withdraw {
	background: url(../../images/u2bet/share/join/icon-withdraw.png) no-repeat center;
	background-size: 100%;
}

.pages--btn {
	padding: 1.5625em 1.125em 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.pages--btn li {
	font-size: 1.625em;
	font-weight: bold;
	line-height: 1;
	width: calc(50% - 0.346em);
	text-align: center;
}

.pages--btn li a {
	padding: .8em 0;
	color: #fff;
	display: block;
	border: 0.0384em solid #fff;
	border-radius: 0.3846em;
}

.pages--btn li:last-child a {
	border-color: var(--color-main);
	background: var(--color-main);
	color: #111;
}

.pages__full {
	max-width: 47.4875em;
	width: 100%;
}

.pages__full--block {
	margin-top: .85em;
}

.pages__full--detail {
	font-size: 1.75em;
	line-height: 1.63;
	color: #111;
	background: #fff;
	padding: 4.375em 2.5em;
}

.pages--right {
	position: relative;
	width: calc(100% - 10.3em);
	max-width: 37.1875em;
	margin-left: 1.875em;
	z-index: 1;
}

.pages--desc {
	font-size: 1.625em;
	font-weight: 900;
	line-height: 1;
	margin-top: 0.2378em;
	color: var(--color-main);
}

.pages--desc p {
	display: block;
	line-height: 2;
}

.pages__items {
	padding-top: .85em;
	display: flex;
	flex-wrap: wrap;
}

.pages__items li {
	font-size: 1.15625em;
	font-weight: 600;
	line-height: 1;
	width: 100%;
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 0.54em;
}

.pages__items li:not(:first-child) {
	margin-top: 0.865em;
}

.pages__items .pi-icon {
	position: absolute;
}

.pages__items .pi-hot {
	right: 0;
	bottom: -.29em;
	width: 3.5em;
	height: 1.9em;
	background: url(../../images/u2bet/share/icon-hot.png) no-repeat center;
	background-size: 100%;
}

.pages__items .pi-main {
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgb(0 0 0 / 60%) url(../../images/u2bet/share/icon-maintenance.svg) no-repeat center;
	background-size: 5em;
}

.pages__items.pages__itemsTwo li {
	width: calc(50% - .4325em);
	margin-right: 0.865em;
}

.pages__items.pages__itemsTwo li:not(:first-child) {
	margin-top: 0;
}

.pages__items.pages__itemsTwo li:nth-child(2n) {
	margin-right: 0;
}

.pages__items.pages__itemsTwo li:nth-child(n+3) {
	margin-top: 0.865em;
}

/* custom color for each page */
.pagesSports .pages__nav--lists.active a {
	background: var(--color-sports);
}

.pagesSports .pages__join li i.ji-join {
	background: url(../../images/u2bet/share/join/icon-promotion-sports.png) no-repeat center;
	background-size: 100%;
}

.pagesSports .pages__join li i.ji-deposit {
	background: url(../../images/u2bet/share/join/icon-deposit-sports.png) no-repeat center;
	background-size: 100%;
}

.pagesSports .pages__join li i.ji-transfer {
	background: url(../../images/u2bet/share/join/icon-transfer-sports.png) no-repeat center;
	background-size: 100%;
}

.pagesSports .pages__join li i.ji-withdraw {
	background: url(../../images/u2bet/share/join/icon-withdraw-sports.png) no-repeat center;
	background-size: 100%;
}

.pagesSports .pages--btn li:last-child a {
	border-color: var(--color-sports);
	background: var(--color-sports);
}

.pagesSports .pages--desc {
	color: var(--color-sports);
}

.pagesCasino .pages__nav--lists.active a {
	background: var(--color-casino);
}

.pagesCasino .pages__join li i.ji-join {
	background: url(../../images/u2bet/share/join/icon-promotion-casino.png) no-repeat center;
	background-size: 100%;
}

.pagesCasino .pages__join li i.ji-deposit {
	background: url(../../images/u2bet/share/join/icon-deposit-casino.png) no-repeat center;
	background-size: 100%;
}

.pagesCasino .pages__join li i.ji-transfer {
	background: url(../../images/u2bet/share/join/icon-transfer-casino.png) no-repeat center;
	background-size: 100%;
}

.pagesCasino .pages__join li i.ji-withdraw {
	background: url(../../images/u2bet/share/join/icon-withdraw-casino.png) no-repeat center;
	background-size: 100%;
}

.pagesCasino .pages--btn li:last-child a {
	border-color: var(--color-casino);
	background: var(--color-casino);
}

.pagesCasino .pages--desc {
	color: var(--color-casino);
}

.pagesKeno .pages__nav--lists.active a {
	background: var(--color-keno);
}

.pagesKeno .pages__join li i.ji-join {
	background: url(../../images/u2bet/share/join/icon-promotion-keno.png) no-repeat center;
	background-size: 100%;
}

.pagesKeno .pages__join li i.ji-deposit {
	background: url(../../images/u2bet/share/join/icon-deposit-keno.png) no-repeat center;
	background-size: 100%;
}

.pagesKeno .pages__join li i.ji-transfer {
	background: url(../../images/u2bet/share/join/icon-transfer-keno.png) no-repeat center;
	background-size: 100%;
}

.pagesKeno .pages__join li i.ji-withdraw {
	background: url(../../images/u2bet/share/join/icon-withdraw-keno.png) no-repeat center;
	background-size: 100%;
}

.pagesKeno .pages--btn li:last-child a {
	border-color: var(--color-keno);
	background: var(--color-keno);
}

.pagesKeno .pages--desc {
	color: var(--color-keno);
}

.pagesFishing .pages__nav--lists.active a {
	background: var(--color-fishing);
}

.pagesFishing .pages__join li i.ji-join {
	background: url(../../images/u2bet/share/join/icon-promotion-fishing.png) no-repeat center;
	background-size: 100%;
}

.pagesFishing .pages__join li i.ji-deposit {
	background: url(../../images/u2bet/share/join/icon-deposit-fishing.png) no-repeat center;
	background-size: 100%;
}

.pagesFishing .pages__join li i.ji-transfer {
	background: url(../../images/u2bet/share/join/icon-transfer-fishing.png) no-repeat center;
	background-size: 100%;
}

.pagesFishing .pages__join li i.ji-withdraw {
	background: url(../../images/u2bet/share/join/icon-withdraw-fishing.png) no-repeat center;
	background-size: 100%;
}

.pagesFishing .pages--btn li:last-child a {
	border-color: var(--color-fishing);
	background: var(--color-fishing);
}

.pagesFishing .pages--desc {
	color: var(--color-fishing);
}

.pagesMore .pages__nav--lists.active a {
	background: var(--color-more);
}

.pagesMore .pages__join li i.ji-join {
	background: url(../../images/u2bet/share/join/icon-promotion-more.png) no-repeat center;
	background-size: 100%;
}

.pagesMore .pages__join li i.ji-deposit {
	background: url(../../images/u2bet/share/join/icon-deposit-more.png) no-repeat center;
	background-size: 100%;
}

.pagesMore .pages__join li i.ji-transfer {
	background: url(../../images/u2bet/share/join/icon-transfer-more.png) no-repeat center;
	background-size: 100%;
}

.pagesMore .pages__join li i.ji-withdraw {
	background: url(../../images/u2bet/share/join/icon-withdraw-more.png) no-repeat center;
	background-size: 100%;
}

.pagesMore .pages--btn li:last-child a {
	border-color: var(--color-more);
	background: var(--color-more);
}

.pagesMore .pages--desc {
	color: var(--color-more);
}

.pagesSlots .pages__nav--lists.active a {
	background: var(--color-slots);
}

.pagesSlots .pages__join li i.ji-join {
	background: url(../../images/u2bet/share/join/icon-promotion-slots.png) no-repeat center;
	background-size: 100%;
}

.pagesSlots .pages__join li i.ji-deposit {
	background: url(../../images/u2bet/share/join/icon-deposit-slots.png) no-repeat center;
	background-size: 100%;
}

.pagesSlots .pages__join li i.ji-transfer {
	background: url(../../images/u2bet/share/join/icon-transfer-slots.png) no-repeat center;
	background-size: 100%;
}

.pagesSlots .pages__join li i.ji-withdraw {
	background: url(../../images/u2bet/share/join/icon-withdraw-slots.png) no-repeat center;
	background-size: 100%;
}

.pagesSlots .pages--btn li:last-child a {
	border-color: var(--color-slots);
	background: var(--color-slots);
}

.pagesSlots .pages--desc {
	color: var(--color-slots);
}


/* pages head */
.pages__head {
	padding: 2.125em 2.6875em;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	background: #1a2f6b;
}

.pages__head__desc {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.pages__head__desc--back {
	width: 1.0625em;
	margin-right: 1.75em;
}

.pages__head__desc--back a {
	display: block;
}

.pages__head__desc--tlt {
	font-size: 1.5625em;
	line-height: 1;
	color: #fff;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.pages__head__desc--tlt i {
	display: block;
	line-height: 1;
	width: 1.52em;
	margin-right: 1.12em;
}

#pages__head--search {
	font-size: 1.5625em;
	width: 13.28em;
}

#pages__head--search input {
	display: block;
	width: 100%;
	height: 2.5em;
	padding: .185em 1.44em;
	font-size: inherit;
	line-height: 1;
	background: #fff url(../../images/u2bet/share/icon-search.png) no-repeat center right .5em;
	background-size: 1.2em;
	color: #1a2f6b;
	border: 1px solid #40434d;
	border-radius: .12em;
	box-sizing: border-box;
	-webkit-appearance: none;
	appearance: none;
}

.pages__lists {
	display: block;
	max-width: 768px;
	margin: 0 auto;
	padding: 4.5625em 0;
}

.pages__tab {
	font-size: 1.5625em;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	padding-bottom: .2em;
}

.pages__tab:after {
	content: '';
	display: block;
	width: 100%;
	height: .04em;
	background: #40444d;
	position: absolute;
	right: 0;
	bottom: 0;
}

.pages__tab button {
	font-size: inherit;
	height: 2.24em;
	width: calc(33.333% - 0.5333em);
	margin: 0 .2em;
	border: .04em solid #40444d;
	border-bottom: none;
	color: #fff;
	border-top-right-radius: .2em;
	border-top-left-radius: .2em;
	cursor: pointer;
	position: relative;
	text-transform: uppercase;
	background: #1a2f6b;
	-webkit-appearance: none;
	appearance: none;
	transition: linear .3s;
}

.pages__tab button:nth-child(3n+2):after {
	content: '';
	display: block;
	width: calc(300% + 2.1em);
	height: .04em;
	background: #40444d;
	position: absolute;
	left: 50%;
	bottom: -.2em;
	transform: translate(-50%, 0);
	pointer-events: none;
}

.pages__tab button:last-child:after {
	content: none;
}

.pages__tab button:nth-child(n+4) {
	margin-top: .8em;
}

.pages__tab button.active {
	font-size: 900;
	background: var(--color-main);
	border-color: var(--color-main);
	color: #fff;
}

.pages__content {
	margin-top: 2.625em;
}

.pages__content--block {
	font-size: inherit;
	display: block;
	clear: both;
}

.pages__content--block:after,
.pages__content--block:before {
	content: ' ';
	display: table;
}

.pages__content--block:after {
	clear: both;
}

/* .pages__content--block:not(:first-child) {
	display: none;
} */

.pages__tab__lists {
	font-size: inherit;
	float: left;
}

.pages__tab__lists>a {
	margin: 0 1em 1em 0;
}


/* header
------------------------------------------------ */
#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 6.625em;
    /* background-image: url(../../images/u2bet/header_u2bet.png); */
	background-size: cover;
	display: flex;
	align-items: center;
	z-index: 100;
	box-shadow: 0px 0px .5em #000000;
}

#header:after {
	content: '';
	display: block;
	transition: linear .2s;
}

.ht-head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.ht-head__logo {
	display: block;
	margin: 0 auto;
}

.ht-head__logo img {
	/* height: 5.8em; */
	/* width: 130px; */
	width: 100px;
}

.ht-head__ham {
	width: 3.4375em;
}

#ht-menu {
	width: 100%;
	height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	display: flex;
	justify-content: flex-end;
	transform: translateX(100%);
	opacity: 0;
	visibility: hidden;
	transition: linear .3s;
}

.ht-menu--box {
	width: 39.625em;
	height: 100%;
	background: #1a2f6b;
}

.ht-menu--head {
	position: relative;
	height: 4.875em;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 2.375em;
	background: #001140;
	z-index: 2;
}

.ht-menu--frame {
	height: calc(100% - 4.875em);
	overflow: auto;
	padding-bottom: 11.56em;
	color: #fff;
	text-align: center;
}

.ht-menu--frame {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.ht-menu--frame::-webkit-scrollbar {
	display: none;
}

.ht-menu--back {
	width: 2.3125em;
}

.ht-menu--back a {
	display: block;
}

.ht-menu--back a:after {
	content: '';
	display: inline-block;
	position: fixed;
	left: 0;
	top: 0;
	width: calc(100vw - 39.625em);
	height: 100vw;
	visibility: initial !important;
}

.ht-menu__lang dt {
	font-size: .875em;
	color: #fff;
	cursor: pointer;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.ht-menu__lang dd {
	width: 100%;
	height: calc(100vh - 4.875em);
	overflow: auto;
	padding: 3.57em 2.35em;
	color: #001140;
	position: absolute;
	top: 4.875em;
	left: 0;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	background: #1a2f6b;
	opacity: 0;
	visibility: hidden;
	transition: linear .2s;
}

.ht-menu__lang.active dd {
	opacity: 1;
	visibility: initial;
}

.ht-menu__lang .hl-icon {
	width: 2.5em;
	margin-left: 1em;
}

.ht-menu__lang--text {
	font-size: 1.531em;
	margin-bottom: 2.69em;
	width: 100%;
	color: #fff;
}

.ht-menu__lang--lists {
	display: block;
}

.ht-menu__lang--lists li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.ht-menu__lang--lists li:not(:last-child) {
	margin-bottom: 2.1875em;
}

.ht-menu__lang--lists li img {
	width: 3.4375em;
	margin-right: 3.5em;
}

.ht-menu__lang--lists li .ll-links {
	font-size: 1.531em;
	line-height: 1.367;
	display: flex;
	align-items: center;
}

.ht-menu__lang--lists li a {
	color: #fff;
	padding: 0 1em;
	border-left: 0.02em solid #545454;
}

.ht-menu__lang--lists li a:first-child {
	padding-left: 0;
	border: none;
}

.ht-menu__lang--lists li a.active {
	color: var(--color-main);
}

.ht-menu__desc {
	display: block;
	padding: 3.75em 2.35em 0;
}

.ht-menu__desc--tlt {
	font-size: 2.5em;
	font-weight: 600;
	color: #fff;
	line-height: 1.35;
}

.ht-menu__desc--txt {
	font-size: 1.9375em;
	line-height: 1.195;
	margin-top: .48em;
	display: block;
}

.ht-menu--register {
	font-size: 1.75em;
	line-height: 1.75em;
	width: 10em;
	margin: 1.535em auto 0;
	text-align: center;
}

.ht-menu--register a {
	color: #fff;
	height: 2.6425em;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	background: var(--color-main);
	text-transform: uppercase;
	border-radius: .35em;
}

.ht-menu--login {
	font-size: 1.3937em;
	margin-top: 1.345em;
}

.ht-menu--login a {
	text-decoration: underline;
}

.ht-menu--links {
	font-size: inherit;
	display: flex;
	flex-wrap: wrap;
	padding: 0 2.35em;
	margin-top: 5.125em;
}

.ht-menu--links li {
	width: 31%;
	margin-right: 3.5%;
}

.ht-menu--links li:nth-child(n+4) {
	margin-top: 3.5%;
}

.ht-menu--links li:nth-child(3n),
.ht-menu--links li:last-child {
	margin-right: 0;
}

.ht-menu--links li a {
	position: relative;
	display: block;
	height: 9.5em;
	color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: .625em;
	background: rgb(0 17 64 / 60%);
}

.ht-menu--links li .hl-pic {
	width: 2.6875em;
}

.ht-menu--links li .hl-txt {
	font-size: 1.625em;
	line-height: 1;
	margin-top: 1em;
}

.ht-menu--links li:nth-last-child(-n+2) {
	width: 48.25%;
}

.ht-menu--links li:nth-last-child(-n+2) a {
	height: 5.0225em;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	justify-content: flex-end;
}

.ht-menu--links li:nth-last-child(-n+2) .hl-txt {
	width: calc(100% - 2.4em);
	margin: 0;
	text-align: center;
}

.ht-menu--links li.active a {
	background: #001140;
}

.ht-menu--links li.active a:after {
	content: "";
	position: absolute;
	width: 100%;
	height: .38625em;
	left: 0;
	bottom: 0;
	background: var(--color-main);
}

.ht-menu--more {
	padding-right: 2.35em;
	margin-top: 3.4375em;
}

.ht-menu--more li {
	border-bottom: .03125em solid rgba(95, 99, 109, .4);
}

.ht-menu--more li:last-child {
	border-bottom: none;
}

.ht-menu--more li a {
	height: 6.625em;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	color: #fff;
}

.ht-menu--more li .hm-pic {
	width: 2.6875em;
}

.ht-menu--more li .hm-txt {
	font-size: 1.625em;
	line-height: 1;
	margin-right: 1.25em;
}

.ht-menu__app {
	display: flex;
	display: none;
	align-items: flex-end;
	justify-content: space-between;
	background: #001140;
	padding: 1.5625em 2.35em;
	margin-top: 5.25em;
}

.ht-menu__app__desc {
	width: 68.4%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.ht-menu__app__desc img {
	width: 27.3%;
	object-fit: contain;
}

.ht-menu__app__desc--cmn {
	width: 67.5%;
	text-align: left;
}

.ht-menu__app__desc--cmn .dc-tlt {
	font-size: 1.625em;
	line-height: 1.3663;
	color: var(--color-main);
	font-weight: 900;
	display: block;
	margin-bottom: .23em;
}

.ht-menu__app__desc--cmn .dc-cmn {
	font-size: 1.25em;
	line-height: 1.175;
	color: #fff;
}

.ht-menu__app--btn {
	width: 28%;
	font-size: 1.625em;
}

.ht-menu__app--btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 2em;
	background: var(--color-main);
	border-radius: 0.3846em;
	color: #fff;
}

/* when menu open */
body.opennav,
body.noscroll {
	overflow: hidden;
}

body.opennav #header:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .3);
	width: 100vw;
	height: 100vh;
	z-index: 998;
}

body.opennav #ht-menu {
	transform: translateX(0);
	opacity: 1;
	visibility: initial;
}

/* style when login */
.account-login .ht-head__logo {
	margin: 0;
}

.ht-head__tlt {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.ht-head__tlt a {
	width: 2.3125em;
}

.ht-head__tlt span {
	font-size: 1.5625em;
	line-height: 1.2;
	text-transform: uppercase;
	margin-left: 1.2em;
}

.ht-head__login {
	font-size: 1em;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	/* position: absolute;
	top: 1.2em;
	right: 8em; */
}

.ht-head__login--refrest,
.ht-head__login--inbox {
	width: 3em;
	margin-left: 1.5em;
}

.ht-head__login--count {
	font-size: 2em;
	line-height: 1;
	margin-top: .25em;
}

.ht-head__login--count span {
	font-size: 56%;
	display: inline-block;
	vertical-align: top;
	margin-top: .3em;
	color: var(--color-main);
}

.pages__join--login {
	align-items: center;
}

.pages__join--login li {
	width: 18.25%
}

.pages__join--login li:first-child {
	width: 27%;
	border-right: 1px solid #fff;
	text-align: left;
}

.pages__join--profle,
.pages__join--level {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between
}

.pages__join--profle .jp-face {
	position: relative;
	width: 24.7%;
}

.pages__join--profle .jp-face span {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	top: -0.5em;
	right: -0.5em;
	background: var(--color-main);
	border-radius: 50%;
	color: #fff;
	font-size: .83em;
	width: 1.5em;
	height: 1.5em;
}

.pages__join--profle .jp-name {
	font-size: 1.25em;
	color: var(--color-main);
	width: 65.2%;
}

.pages__join--level img {
	width: 28.5%;
}

.pages__join--level figcaption {
	width: 65.2%;
	color: #a1aabc;
}

.pages__join--level figcaption small,
.pages__join--level figcaption span {
	display: block;
}

.pages__join--level {
	margin-top: .5em;
}

/* main
------------------------------------------------ */
#main {
	display: block;
	position: relative;
	width: 100%;
}

/* customer slick slide */
.slick-slide img {
	width: 100%;
}

.slick-prev,
.slick-next {
	font-size: inherit;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: .8125em;
	height: .8125em;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: 0;
	background: none;
}

.slick-prev:focus,
.slick-next:focus {
	color: transparent;
	outline: 0;
	background: none;
}

.slick-prev:focus:before,
.slick-next:focus:before {
	opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: .25
}

.slick-prev:before,
.slick-next:before {
	font-family: slick;
	font-size: inherit;
	line-height: 1;
	opacity: .75;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slick-prev {
	left: 2em;
}

.slick-next {
	right: 2em;
}

.slick-dots {
	position: absolute;
	bottom: .9375em;
	display: block;
	width: 100%;
	height: 1.599em;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center
}

.slick-dots li {
	position: relative;
	display: inline-block;
	width: .8125em;
	height: .8125em;
	margin: 0 .34375em;
	padding: 0;
	cursor: pointer
}

.slick-dots li button {
	font-size: inherit;
	line-height: 0;
	display: block;
	width: .8125em;
	height: .8125em;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: 0;
	background: none;
	position: relative;
}

.slick-dots li button:focus {
	outline: 0
}

.slick-dots li button:focus:before {
	opacity: 1
}

.slick-dots li button:before {
	content: '';
	line-height: .8125em;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: #787e8c;
	width: .8125em;
	height: .8125em;
	border-radius: 50%;
	text-align: center;
	opacity: 1;
	color: #000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
	color: #000;
	background: var(--color-main);
}

.slick-arrow {
	z-index: 1;
}

#loginpop, #register_pop {
	width: 100%;
	height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	transform: translateY(100%);
	opacity: 0;
	visibility: hidden;
	transition: linear .3s;
}

.loginpop--ifram, .pagesRegister {
	position: relative;
	padding: 0 2.625em;
	height: 100%;
	overflow: auto;
	/* padding-bottom: 5em; */
	background: #fff;
	color: #fff;
	text-align: center;
	padding-top: 6.0625em;
}
.loginpop--ifram, .pagesRegister{
    min-width: 350px;
    height: auto;
    min-height: 100px;
    background: linear-gradient(#152833, #244458) !important;
    border-radius: 6px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.loginpop--ifram:before, .pagesRegister:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 6.0625em;
	/* background: var(--color-main); */
	border-top-left-radius: .625em;
	border-top-right-radius: .625em;
}

.loginpop--close , .register_pop--close {
	position: absolute;
	/* right: 2.625em; */
	top: calc(3.03125em - 1.5em);
}

.loginpop--close a , .register_pop--close a{
	display: block;
	/* width: 3em; */
	display: flex;
	align-items: center;
}
.loginpop--close a span , .register_pop--close a span{
	margin-left: 5px;
    font-size: 14px;
	color: #fff;
}
.loginpop--close a img ,.register_pop--close a img{
	width: 20%;
    height: 20%;
}

.loginpop--ifram form {
	padding: 2.5625em 0;
}

.loginpop--logo {
	display: block;
	width: 19.375em;
	margin: 0 auto 2.5625em;
}

.loginpop--logo a {
	display: block;
}

.loginpop--logo a img {
	width: 100%;
}

.loginpop--input li {
	font-size: 1.6875em;
	display: block;
}

.loginpop--input li:not(:first-child) {
	margin-top: 10px;
}

.loginpop--input li input{
	display: block;
	width: 100%;
	height: 40px;
	padding: .185em 1.11em;
	font-size: inherit;
	line-height: 1;
	background-color: #636e72;
	color: #fff;
	background-image: none;
	border: 1px solid #7e8491;
	border-radius:5px;
	box-sizing: border-box;
	-webkit-appearance: none;
	appearance: none;
	padding-left: 48px;
}
.loginpop--input li input::placeholder, .pagesRegister__table input::placeholder{
	color: #b2bec3;
}
.loginpop--input li:last-child {
	margin-top: 2px;
	color: var(--color-main);
}

.loginpop--input li .checkbox-label {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.loginpop--input li .checkbox-label input {
	padding: 0;
	width: 1.22em;
	height: 1.22em;
	border-radius: 0;
	border-color: #c0bdc1;
	margin-right: .55em;
}

.loginpop--input li .checkbox-label input:checked {
	background: url(../../images/u2bet/share/tick.png) no-repeat center;
	background-size: 80%;
}
.loginpop--submit button {
	font-size: 12px;
	font-weight: 900;
	cursor: pointer;
	width: 100%;
	height: 3.21em;
	background-color:#cc1412;
	border: none;
	border-radius:5px;
	padding: 2px 20px;
	color: #fff;
	outline-color: transparent;
	-webkit-appearance: none;
	appearance: none;
}

.loginpop--forgot {
	font-size: 14px;
	margin-top: .75em;
	margin-top: 5px;
	text-align: left;
}

.loginpop--forgot a {
	display: inline-block;
	text-decoration: underline;
	color: #6bcb80;
	text-decoration: none;
}

.loginpop--note {
	display: block;
	margin-top: 5em;
	padding: 0
}

.loginpop--note li {
	font-size: 1.53125em;
	line-height: 1.26;
}

.loginpop--note li:not(:last-child) {
	padding-bottom: .97em;
	margin-bottom: 1.75em;
	border-bottom: .06em solid #9495a4;
}

.loginpop--note li small {
	font-size: .877em;
}


/* when menu open */
body.openlogin, body.openregister {
	overflow: hidden;
}

body.openlogin #loginpop, body.openregister #register_pop {
	transform: translateX(0);
	opacity: 1;
	visibility: initial;
	background:#181829 ;
}


/* footer
------------------------------------------------ */
#footer {
	position: relative;
	width: 100%;
	display: block;
	font-size: inherit;
	background: #181733;
	padding-bottom: 8.125em;
	padding-bottom: 0;
}

.ft-bar {
	display: block;
	width: calc(100% - 1.5em);
	padding: 1.2em 0;
	position: fixed;
	left: .75em;
	bottom: 0;
	/* z-index: 100; */
	z-index: 5;
	background: #1a2f6b;
	border-radius: .3125em .3125em 0 0;
}

.ft-bar--manu {
	display: flex;
	flex-wrap: wrap;
	padding: 0 .625em;
}

.ft-bar--manu li {
	display: block;
	width: 20%;
	text-align: center;
}

.ft-bar--manu li a {
	display: block;
	color: #fff;
	transition: linear .3s;
}

.ft-bar--manu li a img {
	width: 3.5em;
	display: block;
	margin: 0 auto .8em;
}

.ft-bar--manu li a span {
	display: block;
	font-size: .9375em;
}

.ft-bar--manu li.active a {
	color: var(--color-main);
}

.ft-contact {
	font-size: inherit;
	background: #1a2f6b;
	padding: 2.1875em 0;
	border-bottom: 0.01rem solid rgba(95, 99, 109, .3);
}

.ft-contact--tlt {
	font-size: 1.15625em;
	font-weight: 900;
	color: #fff;
	margin-bottom: 1em;
}

.ft-contact__links {
	font-size: inherit;
	margin: 0 -2.6875em;
	display: flex;
	flex-wrap: wrap;
}

.ft-contact__links li {
	width: 25%;
	text-align: center;
}

.ft-contact__links li .cl-img {
	width: 3em;
	display: block;
	margin: 0 auto;
}

.ft-contact__links li .cl-txt {
	font-size: .9375em;
	line-height: 1.2;
	color: #fff;
	margin-top: .5em;
	display: block;
}

.ft-contact__links li .cl-tlt {
	font-size: 1.15625em;
	font-weight: 400;
	line-height: 1.2;
}

.ft-info {
	display: none;
	font-size: inherit;
	padding: 3.75em 0 2.6875em;
}

.ft-info__profile {
	display: block;
	position: relative;
}

.ft-info__profile--text {
	font-size: 1.08125em;
	line-height: 1.2;
	margin-bottom: .75em;
}

.ft-info__profile--logo {
	font-size: inherit;
}

.ft-info__profile--logo img {
	height: 3.75em;
	width: auto;
}

.ft-info__profile--license {
	font-size: .9275em;
	font-weight: 300;
	color: #9da5b7;
	line-height: 1.249;
	max-width: 66%;
	margin-top: 1.68em;
	word-break: break-all;
}

.ft-info__icon {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	margin-top: 3.5em;
}

.ft-info__icon__block {
	width: 100%;
}

.ft-info__icon__block:not(:first-child) {
	margin-top: 2.5em;
}

.ft-info__icon__block.fi-half {
	width: 50%;
}

.ft-info__icon__block dt {
	font-size: 1.08125em;
	line-height: 1.2;
	margin-bottom: .75em;
}

.ft-info__icon--lists {
	margin: -1em 0 0 -1.125em;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.ft-info__icon--lists li {
	margin: 1em 0 0 1.125em;
	filter: grayscale(1);
	transition: linear .2s;
}

.ft-info__icon--lists li img {
	height: 2.625em;
	width: auto;
	opacity: .5;
	transition: linear .2s;
}

.ft-info__icon--lists li img.fl-small {
	height: 1.5em;
}

.ft-copyright {
	display: none;
	font-size: .9275em;
	color: #000;
	padding: .7343em 0;
	border-top: 1px solid #252526;
	border-bottom: 1px solid #252526;
}

.ft-copyright span:after {
	content: '';
	width: 1.7em;
	height: 1.6125em;
	margin-left: .3125em;
	display: inline-block;
	vertical-align: middle;
	background: url(../../images/u2bet/share/18over.png) no-repeat;
	background-size: 100%;
}

#footer .ft-bar ul li a span {
	text-transform: uppercase;
}

#register1 .text-danger {
	color: #cc0404;
}
.poker_maintenance, .poker_popup{
	position: absolute !important;
}
#kh_gaming_poker{
	width: 100% !important;
}
#loginpop .btn-register{
 color: #cc1412;	
}