@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Arimo:wght@400;700&display=swap');

body { font-family: "Arimo", sans-serif; line-height:1.4; font-size:14px; margin:0 auto; color:#fff;/* max-width: 991px; */ padding-bottom: 15%;background-color: #000;}

body.menu-opened {overflow: hidden;}

.bkcontainer, .bkcontainertop, .bkcontainerfooter{width: 100%; max-width:991px; margin: 0 auto;}
.bkcontainer{margin: 70px auto 0px auto;}

a { text-decoration: none; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

a:hover, a:focus { text-decoration: none; }

img { max-width:100%;}

input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="number"], textarea, select {
    color: #777777;
    width: 100%;
}
button:focus, input:focus, select:focus {
	outline: none;
}
body.gry {
	background: #1f0d03;
}

body.thank-you {
    background: #000 url("../images/thanyou-page.jpg")no-repeat top center;
}

button.playnowreg-btn {
    border: none;
    background: none;
}

button.playnowreg-btn:hover {
    filter: drop-shadow(0 0 15px #e4631d);
}

.change-username-title{
    padding-left:95px;
}

.change-username-content{
    padding-left:95px;
}
.change-field{
    width:60% !important;
}
.warning-notice{
    padding-top:20px;
}

/** Header **/
.header-top {
    padding: 5px 0;
    position: fixed;
    top: 0;
    width: 100%;
    /* max-width: 991px; */
    z-index: 99;
    background: #000;
	/* display: none; */
}

section.title-top{ display: none !important}

.logo {
    max-width: 180px;
	margin: 10px 0 0 71px;
}
.inbox-icon {
	position: relative;
	color: #ffffff;
}
/*.inbox-icon::after {
	content: '';
	width: 4px;
	height: 4px;
	background: #FB0000;
	border-radius: 50%;
	display: block;
	position: absolute;
	top: 3px;
	right: 0;
}*/
/* .unreadMes {
    content: '';
    width: 4px;
    height: 4px;
    background: #464244;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 3px;
    right: 0;
} */
.title-top {
    padding: 8px 5px;
    font-size: 18px;
    color: #ffffff;
    text-align: center;
	background: #6b6b6b;
	position: relative;
}
.left-btn {
    position: absolute;
    left: 2%;
	color: #fff;
}
.right-btn {
    position: absolute;
    right: 2%;
	color: #8e8e8e;
	font-size: 22px;
}
.right-btn a, .right-login-btn a {
	color: #fff;
	margin-right: 5px;
}
.right-btn-1 {
    position: absolute;
    right: 2%;
	top: 1%;
    font-size: 17px;
}
.right-btn-1 a {
	color: #414655;
}

.right-member {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 7px;
    width: 74%;
    float: left;
}
.right-member .btn-login {
    padding: 6px;
    background: #f2f6f8;
	background: -moz-linear-gradient(top, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #f2f6f8), color-stop(50%, #d8e1e7), color-stop(51%, #b5c6d0), color-stop(100%, #e0eff9));
	background: -webkit-linear-gradient(top, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%);
	background: -o-linear-gradient(top, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%);
	background: -ms-linear-gradient(top, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%);
	background: linear-gradient(to bottom, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%);
    width: 100%;
    text-align: center;
    border-radius: 5px;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    font-size: 13px;
}
.right-member .btn-reg{
	padding: 5px;
	background: rgba(242,246,248,1);
	background: -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,246,248,1)), color-stop(50%, rgba(216,225,231,1)), color-stop(51%, rgba(181,198,208,1)), color-stop(100%, rgba(224,239,249,1)));
	background: -webkit-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
	background: -o-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
	background: -ms-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
	background: linear-gradient(to bottom, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9', GradientType=0 );
	width: 100%;
	text-align: center;
	border-radius: 5px;
    font-weight: 600;
    color: #000;
	text-transform: uppercase;
    font-size: 13px;
}
.right-login-btn {
	float: right;
	color: #fff;
	font-size: 18px;
	margin-top: 4px;
}
#wallet_balance_rm{margin:2px 8px 0 0 ; float: left;}
ul.game-nav > li.nav-item{width:20%}
.lang-box {
    display: inline-block;
}

.lang-btn {
    background: transparent;
    border: 1px solid transparent;
}

.lang-btn:focus {
    outline: none;
}

.lang-btn.dropdown-toggle::after {
    color: #fff;
}

.dropdown-menu.language {
    /* padding: 0 5px; */
    background: #253344;
    min-width: auto;
    border: none;
	width: 100%;
}

div.dropdown-menu.language.show{transform:translate3d(0px, 38px, 0px) !important;}

.dropdown-menu.language a {
    padding: 1px 5px;
}

.dropdown-menu.language a:hover {
    background: transparent;
}

.dropdown-menu.language a:hover img {
    filter: drop-shadow(0px 0px 2px #fff);
}
/** Home **/
/* .mobile-slider {
	padding-top: 200px;
} */
.mobile-slider .carousel-inner {
	border-radius: 8px;
}
.annouce-sec, .share-invite {
    padding: 0 0;
    border-left: none;
    border-right: none;
	background-color:#644100;
}
.annuuce-wrapper {
	display: grid;
	grid-template-columns: 10% 85%;
}
.speaker-icon {
	color: #e0d0c6;
	font-size: 18px;
}
.anouce-msg {
    align-self: center;
    color: #fff;
/* 	font-weight:600; */
}
.no-sign-wrapper {
	padding: 14px 0;
}
.no-sign {
	color: #6c717c;
	font-size: 15px;
}
.pls-sign a {
	color: #babdc5;
	font-size: 12px;
}
/* .slct-wrapper {
	display: grid;
	grid-template-columns: repeat(5,1fr);
	grid-gap: 5px;
} */
a.nav-link {
    display: block;
    color: #dadada;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
	/* margin: 0.5em 0; */
}
a.nav-link img {
    display: block;
    margin: auto;
    max-width: 40px;
	padding-bottom: 5px;
}

/* .game-sec {
	padding: 10px 0;
} */
/* .nav-pills.game-nav {
	padding-right: 5px;
}
.nav-pills.game-nav .nav-link.active, .nav-pills.game-nav .show>.nav-link {
    color: #ffffff;
    background-color: #6f5024;
    border: 1px solid #ffc1078a;
    box-shadow: 0px 3px 14px -5px #ffc107;

} */

/* .nav-pills.game-nav .nav-link {
    display: block;
    border-radius: 10px;
    padding: 2px 2px 2px 0px;
    margin-bottom: 9px;
    color: #ffffff;
    text-align: center;
    background: #000000;
    border: 1px solid #414655;
    font-size: 12px;
    font-weight: 300;
    box-shadow: 0px 3px 11px -5px rgba(0,0,0,0.58);
} */
/* .game-nav .nav-link img {
    max-width: 36px;
    display: block;
    margin: auto;
    margin-bottom: -2px;
} */
.tab-content.game {
	padding: 0;
	padding-left: 3px;
}
.tab-content.game a img {
    /* box-shadow: 0px 3px 14px -5px #ffc107; */
    border-radius: 10px;
    margin-bottom: 10px;
    /* border: 1px solid #ffc1078a; */
}
.gwrap_2 a img , .gwrap_3 a img {
	width: 48%;
	display: inline-block;
}


.gwrap_2 a:nth-of-type(2n) img {
    margin-left: 5px;
}
.gwrap_3 a.wdimg img {
	width: 100%;
}
.menu-btm {
	position: fixed;
	/* max-width: 991px; */
	width: 100%;
	bottom: 0;
	background: #000;
	/* border-top: 1px solid #c87f1a;
    box-shadow: 0 0 6px #c87f1a; */
	z-index: 99;
}
.menu-wrapper {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    text-align: center;
    padding: 5px;
    border-radius: 16px 16px 0 0;
    box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.1);
}
.menu-wrapper a {
	color: #1f1d1e;
	font-size: 12px;
    font-weight: 600;
}
.menu-wrapper a img {
	max-width: 35%;
	display: block;
	margin: auto;
}
.menu-wrapper a .active-img {
	display: none;
}
.menu-wrapper a.active {
	color: #d2b79c;
}
.menu-wrapper a.active .active-img {
	display: block;
}
.menu-wrapper a.active .com-img {
	display: none;
}


/** Promotion **/
.mix {
	display: none;
}
.filter-menu-bar {
    overflow: auto;
    white-space: nowrap;
    box-shadow: 0px 2px 7px -1px rgba(0,0,0,0.1);
}
.pmbox {
    display: inline-block;
    text-align: center;
    margin: 5px 7px 0;
    border-bottom: 2px solid transparent;
    padding: 5px 0 11px;
    font-size: 15px;
	color: #a5a9b3;
}
.pmbox.active {
	border-bottom: 2px solid #ff6100;
	color: #fff;
    text-shadow: 0px 0px 5px #ff6100;
    filter: drop-shadow(0 0 4px #ff6100);
}
.promo-content {
	padding: 15px;
    color:white;
    height:auto !important;
}
.promo-content2 {
	padding: 15px;
    color:white;
}
.promo-bx {
	position: relative;
}
.promo-tag {
    position: absolute;
    max-width: 15%;
    left: -4px;
    top: 0;
    z-index: 2;
}
.pm-boxer {
	position: relative;	
	overflow: hidden;
	border-radius: 5px;
	margin-bottom: 5px;
}
.date-promo {
    position: absolute;
    left: 0;
    bottom: 9%;
    background: rgba(255,255,255,0.9);
    border-radius: 0 15px 15px 0;
    z-index: 2;
    font-size: 2.7vw;
    padding: 3px 8px;
	color: #1A1A1A;
}
.date-promo i {
	color: #505050;
}
.pmbx {
    box-shadow: 0px 2px 5px 0px #ffc1077d;
    padding: 20px 15px;
    border-radius: 8px;
    margin-bottom: 15px;
    color: #c7c8ca;
}
.prosm-title {
    color: #d2b79c;
    text-align: center;
    font-weight: 600;
	font-size: 18px;
    margin-bottom: 15px;
}
.ptable {
	overflow: auto;
	border-radius: 8px;
}
.promo-table {
	text-align: center;
}
.promo-table tr th {
	background: #846f5b7a;
	color: #fff;
	font-weight: 500;
	padding: 8px 3px;
	border: 1px solid #9c7979;
}
.promo-table tr td {
	background: #ceb3997a;
	padding: 8px 3px;
	border: 1px solid #9c7979;
}

/** Profile **/
.profile-sec {
    background: #1f0d03;
    border-radius: 0 0 12px 12px;
    margin-bottom: 10px;
    color: #fff;
}
.profile-user {
	display: grid;
	grid-template-columns: 70px auto 15px;
	grid-gap: 10px;
	padding: 10px 0 15px;
}
.propic {
	max-width: 70px;
}
.playerinfo {
	align-self: center;
}
.playername {
    color: #fff;
    font-weight: 600;
    font-size: 19px;
}
.vip-lvl {
	background: #e1c8ba;
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	padding: 1px 4px;
	border-radius: 5px;
	margin-left: 5px;
}
.plycap {
    color: #acafb9;
    font-size: 12px;
    margin-top: 4px;
}
.grey {
	align-self: center;
}
.grey a {
	font-size: 15px;
	color: #DBDBDB;
}
.vip-mall {
    background: #fff;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    border-radius: 12px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    padding: 7px 20px;
}
.vip-priv {
    display: grid;
    grid-template-columns: 30% 70%;
}
.vptitle {
    align-self: center;
    color: #313e4a;
    font-size: 19px;
    font-weight: 700;
}
.vptitle span {
	display: block;
	color: #c2c5cb;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 400;
}
.player-wallet-wrapper {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	padding: 15px 3px;
}
.player-wallet-wrapper a {
    display: block;
    text-align: center;
    color: #b8a18b;
    font-weight: 700;
    line-height: 1;
    font-size: 13px;
}
.player-wallet-wrapper a.active img {
    filter: hue-rotate(280deg) contrast(2) sepia(1) saturate(2);
}
.player-wallet-wrapper img {
	display: block;
	margin: auto;
	max-width:50%;
}
.profile-1 {
	background: #2f1709;
	padding: 20px 0;
}
.record-wrapper {
    display: grid;
    grid-template-columns: auto auto 15px;
    align-items: center;
    padding: 12px 0;
}
.rtitle {
	color: #414655;
}
.rtitle i {
	color: #8998b4;
	margin-right: 5px;
	font-size: 18px;
}
.rcaption {
	color: #d5d7df;
	font-size: 12px;
	text-align: right;
	padding-right: 10px;
}

/** Wallet **/
.wallet-sec {
    background: #1f0d03;
    padding: 15px 5px 0;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    border-radius: 6px;
	color: #fff;
}
.total-amt-wrapper {
    display: grid;
    grid-template-columns: 70% 30%;
    margin-bottom: 15px;
}
.remaining {
    font-size: 18px;
    font-weight: 600;
	color: #fff;
}
.remaining.unit {
	font-size: 12px;
    font-weight: 400;
}
.remaining a i {
	color: #D4C2B7;
}
.totaldp {
    align-self: end;
    text-align: right;
}
.dps-btn {
    background: linear-gradient(to right, rgba(154,164,194,1) 0%, rgba(100,112,149,1) 100%);
    color: #fff;
    border: none;
    border-radius: 30px;
    font-size: 12px;
    padding: 5px 19px 6px;
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.4);
}
.taowapper {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    padding: 20px 0 15px;
    text-align: center;
}
.taowapper a {
    display: block;
	color: #b8a18b;
	font-size: 13px;
	font-weight: 700;
}
.taowapper a.active img {
    filter: hue-rotate(280deg) contrast(2) sepia(1) saturate(2);
}
.taowapper a.active {
	color: #fff;
}
.taowapper a img {
    display: block;
    max-width: 70%;
    margin: 0 auto;
}
.wallet-detail {
    border-top: 1px solid #f3f3f3;
    padding: 12px 0;
    display: grid;
    grid-template-columns: repeat(2,1fr);
}
.wd-caption {
    color: #b8a18b;
    font-size: 12px;
    text-align: right;
    font-weight: 300;
    align-self: center;
}
.wpbox {
	background: #2f1709;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	border-radius: 4px;
}
.walet-wrap {
    display: grid;
    font-size: 12px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    padding: 15px 0;
}
.wamot {
	color: #d2b79c;
	font-weight: 600;
	font-size: 15px;
}
.wwb {
	position: relative;
}
.walet-wrap .wwb:first-child:after {
    content: "";
    position: absolute;
    right: 0;
    top: 24%;
    height: 20px;
    width: 1px;
    background: #eee;
}
.provider-wrapper {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	text-align: center;
}
.pwbox {
	color: #b8a18b;
	font-size: 12px;
	padding: 12px 1px;
	position: relative;
}
.pamount {
	display: block;
	color: #a5a9b3;
	font-size: 11px;
	font-weight: 700;
}
.provider-wrapper .pwbox:after {
    content: "";
    position: absolute;
    right: 0;
    top: 32%;
    height: 20px;
    width: 1px;
    background: #eee;
}
.provider-wrapper .pwbox:nth-of-type(4n):after  {
    content: none;
}
.wallet-1 {
	padding: 18px 0;
}
.wtitle {
	display: flex;
    justify-content: space-between;
}
.wtitle h3 {
	position: relative;
	font-size: 17px;
	font-weight: 700;
	padding-left: 9px;
}
.wtitle h3:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 3px;
    height: 20px;
    background-image: linear-gradient(180deg,#d5b79d 4%,#f6e8dd);
}
.wtcap {
	color: #d6ac83;
	font-size: 12px;
}
.wtitle i {
	font-size: 8px;
	color: #a5a9b3;
	padding-left: 5px;
}
.wuser-wrapper {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	padding: 15px 0;
}
.wuser-wrapper a {
	display: block;
	color: #878787;
	font-size: 12px;
	text-align: center;
}
.wuser-wrapper a img {
	display: block;
	max-width: 30%;
	margin: auto;
	margin-bottom: 7px;
}
.gif-img img {
	border-radius: 45px;
}
.norecord {
	padding: 30px;
	color: #ADADAD;
	font-size: 13px;

	text-align: center;
}

/** Withdraw & Transfer **/
.withdraw-sec {
	background: #2f1709;
	border-radius: 8px;
	margin-top: 10px;
	padding: 10px 0;
}
.wallet-money {
	color: #cc955d;
	font-size: 15px;
	font-weight: 600;
}
.wallet-money i {
	color: #d3b9a0;
}
.onebutton {
	color: #d3b9a0;
}
.card-btm {
	margin-top: 10px;
	font-size: 12px;
	background: #2f1709;
	padding: 20px 0 40px 0;
	border-radius: 6px;
}
.addcard {
    background: #2f1709;
    padding: 14px;
    text-align: center;
    display: block;
    color: #d2b79c;
    font-weight: 600;
	font-size: 15px;
}
.bind {
	padding: 10px;
	color: #a5a9b3;
	font-size: 12px;
}
.trans-btm {
	background: #2f1709;
	margin-top: 10px;
	padding: 20px 0;
	font-size: 12px;
}
.auto-trans {
	padding: 2px; 
	font-weight:600;
	font-size: 16px;
	color: #414655;
}
/** Toggle Button **/
.btn-toggle {
	margin: auto;
	padding: 0;
	position: relative;
	border: none;
	height: 1.5rem;
	width: 3rem;
	border-radius: 1.5rem;
	color: #6b7381;
	background: #bdc1c8;
	float: right;
}
.btn-toggle:focus,
.btn-toggle.focus,
.btn-toggle:focus.active,
.btn-toggle.focus.active {
	outline: none;
	box-shadow: none;
}
.btn-toggle:before,
.btn-toggle:after {
	line-height: 1.5rem;
	width: 4rem;
	text-align: center;
	font-weight: 600;
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 2px;
	position: absolute;
	bottom: 0;
	transition: opacity 0.25s;
}
.btn-toggle > .handle {
	position: absolute;
	top: 0.1875rem;
	left: 0.1875rem;
	width: 1.125rem;
	height: 1.125rem;
	border-radius: 1.125rem;
	background: #fff;
	transition: left 0.25s;
}
.btn-toggle.active {
  transition: background-color 0.25s;
}
.btn-toggle.active > .handle {
  left: 1.6875rem;
  transition: left 0.25s;
}
.btn-toggle.active:before {
  opacity: 0.5;
}
.btn-toggle.active:after {
  opacity: 1;
}
.btn-toggle.active {
  background-color: #7d87a5;
}


/** Card **/
.card-sec {
	background: #fff;
	padding: 30px 15px 15px;
}
.cardbox {
	padding: 10px 0;
	font-size: 15px;
}
.cardbox input, .cardbox select {
	border: none;
	padding: 7px 0;
	background: transparent;
}
.cardbox label {
	font-weight: 300;
	margin-bottom: 1px;
}
.cardbox input::placeholder, .cardbox select {
	color: #B5B5B5;
	font-weight: 300;
}
.notc {
    padding: 10px 15px;
	margin: 0 -15px;
    color: #a5a9b3;
    font-size: 12px;
    font-weight: 300;
    background: #f8f8f8;
}
.cardfirm {
	color: #a5a9b3;
	font-size: 12px;
	font-weight: 300;
	padding: 13px 0;
}
button.nextbtn {
	background: #c87f1a;
    color: #fff;
    border: 1px solid #ffca81;
    font-size: 18px;
    width: 100%;
    font-weight: 500;
    padding: 11px;
    border-radius: 6px;
    margin-top: 15px;
}
.help-sec {
	padding: 30px 0;
	font-size: 15px;
	text-align: center;
	color: #B7B7B7;
}
.cardm-sec {
	padding: 30px 0;
}
.nocard {
	max-width: 50%;
	margin: auto;
}
.addcard-btn {
	background: #fff;
	display: block;
	padding: 25px;
	font-size: 17px;
	font-weight: 600;
	color: #414655;
	text-align: center;
	border-radius: 8px;
}
.cardsup {
	color: #a5a9b3;
	text-align: center;
	padding: 10px;
}

/** Deposit **/
.bank-input-wrap {
	display:  grid;
	grid-template-columns: repeat(4,1fr);
	grid-gap: 10px;
}
/* Bank payment */
.bank-input-wrap label [type=radio] { 
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}
.bank-input-wrap label [type=radio] + img {
	cursor: pointer;
}
.bank-input-wrap label [type=radio]:checked + img {
	border: 1px solid #d2b79c;
	background: url(../images/tick.png)no-repeat;
	background-size: 25%;
	background-position: right bottom;
	transition: none;
}
.bank-input-wrap label img {
    border: 1px solid #E4E4E4;
    border-radius: 6px;
    padding: 8px 16px;
}
.bank-input-wrap label {
    max-width: 70px;
    margin: auto;
	text-align: center;
}
span.bank-type {
    font-size: 12px;
}

.deposit-sec {
	padding: 15px 0 0;
	background: #2f1709;
	margin-top: 10px;
}
.bank-choice {
	background: #2f1709;
	padding: 5px 0;
	margin-top: 10px;
}
.bank-select select {
    border: 1px solid white;
    padding: 10px;
    background: black;
    color: #fff;
}
.bank-select select option {
	color: white;
}
.amount-input-wrap {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 10px;
    margin: 15px 0;
}
/* Amount deposit */
.amount-input-wrap label [type=radio] { 
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}
.amount-input-wrap label [type=radio] + div {
    cursor: pointer;
    text-align: center;
    padding: 9px 0px;
    font-size: 13px;
	font-weight: 500;
    border-radius: 6px;
	border: 1px solid #E4E4E4;
    color: #E4E4E4;
}
.amount-input-wrap label [type=radio]:checked + div {
	border: 1px solid #d2b79c;
	background: url(../images/tick.png)no-repeat;
	background-size: 25%;
	background-position: right bottom;
	transition: none;
	color: #d2b79c;
}
.amount-input-wrap label {
	margin-bottom: 0;
}
.bank-wrap {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 10px 0;
}
.bank-wrap label {
    margin: 0 4px;
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    line-height: 1.1;
    height: 100%;
	font-weight:400 !important;
}
/* HIDE RADIO */
.bank-wrap label [type=radio] { 
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}
/* IMAGE STYLES */
.bank-wrap label [type=radio] + .bank-type {
	cursor: pointer;
}
.bank-wrap label [type=radio] + .bank-type img {
	cursor: pointer;
	filter: drop-shadow(0 1px 1px rgb(0,0,0,0.7));
}
/* CHECKED STYLES */
.bank-wrap label [type=radio]:checked + .bank-type {
	border: 1px solid #d2b79c;
	background: #d2b79c;
	color:#fff;
}
.bank-wrap label [type=radio]:checked + .bank-type img {
	filter: drop-shadow(0 1px 1px rgb(0,0,0,0.7));
}
.bank-wrap label .bank-type {
    border: 1px solid #d2b79c;
    border-radius: 6px;
    color: #000;
    font-size: 13px;
    padding: 5px 6px;
    background: #fff;
    display: grid;
    width: 100%;
    text-align: center;
    align-items: center;
    height: 40px;
}


/** messagecenter **/
.messagecenterbody{
	background-color: #f8f8f8;
}
.nav-pills.messagemain{
	justify-content: center;
	box-shadow: -1px 2px 4px 0px rgba(186, 186, 186, 0.2);
    padding: 5px 0px 0px 0px;
    background-color: #fff;
}
.nav-pills.messagemain li.nav-item {
    width: auto;
    text-align: center;
    margin-right: 5%;
    margin-left: 5%;
}
.nav-pills.messagemain li.nav-item a{
    color: #c5c5c5;
}
.nav-pills.messagemain .nav-link.active{
	background-color: transparent;
	border-bottom: 2px solid #d2b79c;
	color: #000;
	border-radius: unset;
}
.nav-pills.messagemain .nav-link.info{
	position: relative;
}
.nav-pills.messagemain .nav-link.info .info_notiy{
	position: absolute;
    display: inline-block;
    padding: 0 .12rem;
    line-height: 0.3rem;
    background: #db6372;
    border-radius: 3.15rem;
    color: #fff;
    top: 0.2rem;
    margin-left: 0.04rem;
    height: 18px;
    width: 18px;
}
.nav-pills.messagemain .nav-link.info .info_notiy span{
	top: 6px;
    position: absolute;
    left: 5px;
}
.messagesubtab ul{
	list-style-type: none;
	padding-left: 0px;
}
.messagesubtab ul li{
    background-:#2f1709;
    max-height: 60px;
    padding: 10px;
    border-bottom: 1px solid rgba(220, 220, 220, 0.2);
}
.messagesubtab ul li a{
	display: flex;
}
.messagesubtab ul li img{
	max-width: 35px;
}
.messagesubtab ul li .imp{
	border: 1px solid #ff4949;
    border-radius: 5px;
    font-size: 10px;
    padding: 1px;
    color: #ff4949;
    margin-left: 5px;
}
.messagesubtab ul li .title{
    color: #fff;
}
.messagesubtab ul li .date{
	float: right;
	font-size: 10px;
    color: #a5a9b3;
}
.messagesubtab ul li .info_content{
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 250px;
    color: #a5a9b3;
    font-size: 12px;
}
.messagecontent, .message-wrapper {
    color: #fff;
}
.messagesubtabread ul{
	list-style-type: none;
	padding-left: 0px;
	background-color: #fff;
}
.messagesubtabread ul li{
    max-height: 60px;
    display: flex;
    padding: 10px;
    border-bottom: 1px solid rgba(220, 220, 220, 0.2);
}
.messagesubtabread ul li img{
	max-width: 35px;
}
.messagesubtabread ul li .title{
    color: #414655;
}
.messagesubtabread ul li .date{
	font-size: 10px;
    color: #a5a9b3;
}
.messagesubtabread ul li .info_content{
    color: #a5a9b3;
    font-size: 12px;
}

/*vippage*/
.vipbody{
	background-color: #f8f8f8;
    padding-bottom: 0px;
}
.vipbg{
	background: url(../images/vip/userinfo_bg.png)center no-repeat;
	background-size: 100% 100%;
}
.userdetails img{
	width: 45px;
}
.userbadge img{
    width: 60px;
    float: right;
}
.vipghead00{
	padding-bottom: 25px;
	color: #414655;
	font-size: 18px;
}
.vipghead01{
	padding-bottom: 25px;
}
.vipfrom{
    background: #d2b79c;
    font-size: 10px;
    border-radius: 13px;
    color: #fff;
    padding: 0px 5px;
    float: right;
    margin-top: 3px;
}
.vipto{
	background: linear-gradient(270deg,#dde1e6,#b9b0b9);
    font-size: 10px;
    border-radius: 13px;
    color: #fff;
    padding: 0px 5px;
}
.vipbg .progress{
	height: 10px;
    box-shadow: -1px 2px 4px 0px rgba(112, 112, 112, 0.3);
}
.vipbg .progress .progress-bar-striped {
    background-image: linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 1rem 1rem;
}
.vipbg .progress .progress-bar{
    background-color: rgb(202, 202, 202);
}
.progressicon{
	display: inline-block;
}
.progressicon .fa-sort-down:before {
	position: absolute;
    top: 13px;
    width: 29px;
}
.progresscustom{
	margin: auto;
	position: relative;
}
.progresspercent{
	position: absolute;
    top: -29px;
    left: -8px;
    text-align: right;
    font-size: 11px;
    font-weight: 900;
}
.progresspercent img{
	width: 30px;
	margin-top: 10px;
}
.vipghead02{
	padding-bottom: 25px;
}
.currentsaving span{
    color: #9aa4c2;
    font-size: 10px;
}
.currentsaving .saving01{
    display: list-item;
    list-style-type: disc; 
    list-style-position: inside;
}
.currentsaving .savingamt{
	color: #414655;
	font-size: 12px;
	margin-left: 5px;
}
.controlwalletsection{
	margin: auto;
	margin-top: 20px;
}
.walletcard-item{
	background: url(../images/vip/card_bg.png)center no-repeat;
	background-size: 100% 100%;
    padding: 20px;
    position: relative;
}
.walletgrid{
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 25px;
    text-align: center;
    color: #fff;
}
.walletgrid .walletgridtitle{
	font-size: 10px;
}
.walletcard-item img{
    width: 50px;
    margin: auto;
    position: absolute;
    top: -20px;
    right: 33px;
}
.walletcard-item .walletname{
	font-size: 30px;
	font-weight: 900;
    font-style: italic;
    color: #fff;
    text-transform: uppercase;
    margin-left: 17%;
}
.slick-list{
	padding:0 5% 0 5%;
	margin-left: -10px;
    margin-right: -10px;
}
.slick-slide{
	margin-left:  10px;
	margin-right:  10px;
}
.displaywalletcount{
	margin:30px 0 0 0;
	text-align: right;
	font-size: 12px;
	color: #9aa4c2;
}
.sectionhead{
    box-shadow: -1px 2px 4px 0px rgba(186, 186, 186, 0.2);
    padding-bottom: 10px;
    background-color: #fff;
}
.vipexclusivemain{
	margin-top: 10px;
	background-color: #ffffff;
	padding: 5px 0px 0px 0px;
}
.vipexclusivelabel:before{
    content: "";
    position: absolute;
    top: 2px;
    background: linear-gradient(180deg,#d5b79d,#f6e8dd);
    height: 21px;
    width: 5px;
    left: 13px;
    border-radius: 10px;
}
.vipexclusive{
	margin-left: 10px;
	font-size: 18px;
}
.vipexclusive_inner{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 10px;
	grid-row-gap: 10px;
	padding: 15px;
}
.vipexclusive_inner img{
	min-width: 35px;
	max-width: 35px;
}
.vipexclusive_inner .vipexclusive_amount{
	color: #414655;
	font-size: 18px;
	word-break: break-all;
}
.vipexclusive_inner .vipexclusive_title{
    color: #9aa4c2;
	font-size: 12px;
}
.vipexclusive_inner_wrapper{
	display: flex;
}
.vipbonusmain{
	margin-top: 10px;
	background-color: #ffffff;
	padding: 5px 0px 0px 0px;
}
.vipbonus_inner{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 10px;
	grid-row-gap: 10px;
	padding: 15px;
	text-align: center;
}
.vipbonus_inner .vipbonus_amount{
	word-break: break-all;
	font-size: 20px;
    color: #d2b79c;
}
.vipbonus_inner .vipbonus_amount_sec{
	word-break: break-all;
	font-size: 12px;
    color: #d2b79c;
}
.vipbonus_inner .vipbonus_title{
	word-break: break-all;
	font-size: 12px;
	color: #9aa4c2;
}
.vipbonusselect_section{
	background-image: linear-gradient(270deg,#fcfaf7,#f3ede6);
    display: flex;
    margin: auto;
    width: 320px;
    border-radius: 5px;
    padding: 20px 10px;
}
.vipbonuslvl{
	margin-left: 45px;
    width: 82px;
    padding: 8px;
    font-size: 12px;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    background-image: linear-gradient(90deg,#dccab7,#d2b597);
    opacity: 0.5;
}
.vipbonusselect select{
    width: 108px;
    border: 1px solid #d2b79c;
    color: #d2b79c;
    background-color: hsla(0,0%,100%,.5);
    background: hsla(0,0%,100%,.5);
    height: 30px;
    font-size: 12px;
    padding: 0px;
    text-align-last: center;
    border-radius: 2px;
}
.vipbonusmore_detail{
    color: #b1987f;
}

/* BACKEND */
.tab-content {
    padding: 10px;
    width: 100%;
    height: 100%;
    padding-bottom: 10px;
}
.form-group label {
    color: #d4d4d4;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 0px;
	text-transform: uppercase;
}
input.form-control {
    width: 300px;
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 12px;
    height: 40px;
    margin-top: 5px;
    border: 1px solid #d2b79c;
    color: black;
    background: #ffffff;
	max-width: 300px;
}
.box-amount3 ul {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 10px;
	grid-row-gap: 10px;
	list-style: none;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}
.box-amount3 ul li {
	width: 100%;
}

.btn-amt {
    padding: 9px 0px;
    border-radius: 10px;
    font-size: 12px;
    color: #d2b79c;
    border: 1px solid #d2b79c;
    background: #fff;
    width: 100%;
}
.btn-amt:hover {
	color: #d2b79c;
	border: 1px solid #d2b79c;
	background: url(../images/tick.png)no-repeat;
	background-size: 25%;
	background-position: right bottom;
}
.btn-amt.active {
	background: #687dad;
	color: #fff;
}
.btn-submt {
    width: 100%;
    color: #1f1d1e;
    border: 1px solid #ffca81;
    font-size: 13px;
	font-weight: 600;
    padding: 7px 25px;
    border-radius: 10px;
    display: block;
    margin: 0px auto;
	max-width: 50%;
	background: rgba(252,234,187,1);
background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,234,187,1)), color-stop(50%, rgba(252,205,77,1)), color-stop(51%, rgba(248,181,0,1)), color-stop(100%, rgba(251,223,147,1)));
background: -webkit-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
background: -o-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
background: -ms-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
background: linear-gradient(to bottom, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0 );
}
select.form-control {
    width: 100%;
    border-radius: 10px;
    padding: 5px 5px 5px 15px;
    font-size: 12px;
    height: 40px;
    margin-top: 5px;
    border: 1px solid #d2b79c;
    color: black;
}

.btn-top3 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 10px;
}

.btn-top3 a {
	border: 1px solid #d2b79c;
	padding: 5px 12px;
	border-radius: 10px;
	color: #d2b79c;
	font-size: 13px;
	display: initial;
	text-align: center;
	width: 100%;
}

.btn-top3 a.active {
	background: #d2b79c;
	color: #fff;
	border:1px solid #d2b79c;
}

.btn-top3 a:hover {
	background: #d2b79c;
	color: #fff;
	border:1px solid #d2b79c;
}
.deposit-choice{
	background: #2f1709;
    padding: 5px 0;
    margin-top: 10px;
}
.box-amount ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 10px;
	grid-row-gap: 10px;
	list-style: none;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}
.box-amount ul li {
    width: 100%;
}
.btn-bank {
    padding: 5px 0px;
    border-radius: 10px;
    font-size: 12px;
    color: #d2b79c;
    border: 1px solid #d2b79c;
    background: #291407;
    width: 100%;
    height: 44px;
    font-weight: 500;
}
.btn-bank:hover{
	background: #d2b79c;
	color: #fff;
}
.btn-bank img{
	/* filter: invert(0%) sepia(99%) saturate(0%) hue-rotate(264deg) brightness(93%) contrast(101%); */
}
.btn-bank:hover img{
	filter: invert(82%) sepia(95%) saturate(37%) hue-rotate(4deg) brightness(108%) contrast(108%);
}
.deposit-provider {
    padding: 10px 0 0;
}

/******************History*********************/
.table-responsive {
    border: none;
    margin-bottom: 0px;
}

.history-table tr:nth-child(odd) {
    background: #313131;
}

.history-table tr:nth-child(even) {
    background: rgba(0,0,0,0.2);
}

.history-table tr th {
    border: 1px solid #e7d3bf;
    padding: 4px;
    background: #644100;
    text-align: center;
    color: #fff;
}
.history-table tr td {
    border: 1px solid #f2f2f2;
    padding: 10px 4px;
    text-align: center;
    color: #ffffff;
}
.history-table {
    font-size: 12px;
    margin-top: 15px;
}
.box-amount2 ul li {
    width: 100%;
}

.box-amount2 ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 10px;
	grid-row-gap: 10px;
	list-style:none;
	padding: 0;
}
.deposit-form{
	padding: 15px 0;
	background: #2f1709;
	margin-top: 10px;
}
.af-date {
    display: flex;
}

.af-date .form-control {
	width: 40%;
	border-radius: 10px;
	padding: 10px 20px;
	font-size: 10px;
	height: 40px;
	/* margin-top: 5px; */
	margin-right: 10px;
	text-align: center;
}

.af-date .date{
	width: 30%;
	border-radius: 10px;
	padding: 10px 25px;
	font-size: 14px;
	height: 40px;
	margin-top: 5px;
	margin-right: 10px;
}

.upload-file {
	display: flex;
	position: relative;
}

.custom-file-input {
	position: absolute;
	z-index: 2;
	margin: 0;
	opacity: 0;
	cursor: pointer;
}

.btn-file {
	background: #d2b79c;
	color: #fff;
	padding: 5px 20px;
	height: 40px;
	top: 6px;
	position: relative;
	margin-left: 10px;
	border-radius: 10px;
	border: none;
	font-size: 12px;
	width: 30%;
}
/* MEMBER */
.member-sec {
	padding: 15px 0;
	/* margin-top: 60px; */
}
.login-col a, a.add_bank_acc{
	text-decoration: underline;
	color: rgba(251,236,117,1);
}
/** Download **/
.download-sec {
	
}
ul#download-tab {
    background: #fff;
    display: grid;
    grid-template-columns: repeat(2,1fr);
}
.nav-tabs.download-tabs{
    border-bottom:none;
	box-shadow: 0px 1px 7px -1px rgba(0,0,0,0.1);
}
ul.nav-tabs.download-tabs .nav-link {
    border-bottom: 3px solid transparent;
	border-top: none;
    border-radius: 0;
	color: #fff;
	background-color: #6d400c;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	height: 100%;
}
.nav-tabs.download-tabs .nav-item.show .nav-link, .nav-tabs.download-tabs .nav-link.active {
    color: #000000;
    background-color: #d2b79c;
    border-bottom: 3px solid #6d400c;
}
div#downloadTabContent {
    padding: 20px 0 50px;
}
.dlwrapper {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	grid-gap: 15px 15px;
}
.dl-item {
    position: relative;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
    border: 1px solid #7d87a5;
    box-shadow: 0 0 7px 0px rgb(0,0,0,0.3);
}
.play-dl {
    background: #c87f1a;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    width: 100%;
    display: grid;
    grid-template-columns: 55px auto;
	padding: 4px 5px;
}
.play-dl i, .dl-btn i {
	font-size: 18px;
}
.play-dl:focus, .play-dl:hover {
	background: #b79d84;
	color: #fff;
}
.play-dl div {
    align-self: center;
    text-align: center;
}
.play-dl img {
	max-width: 21px;
}
.dl-btn {
    background: #331d11;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    width: 100%;
    display: grid;
    grid-template-columns: 50px auto;
    padding: 4px 5px;
}
.dl-btn:hover, .dl-btn:focus {
	color: #fff;
}
.dl-btn div {
	align-self: center;
	text-align: center
}

/** Activation **/
.activation-content {
	color: #fff;
}
.nav-tabs.active-tabs {
    border-bottom: none;
    max-width: 480px;
    margin: auto;
    padding-bottom: 15px;
}
.nav-tabs.active-tabs li.nav-item {
    margin: auto;
}
.nav-tabs.active-tabs .nav-item.show .nav-link, .nav-tabs.active-tabs .nav-link.active {
    color: #000;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,126,61,1) 100%);
    border-color: #000;
}
.nav-tabs.active-tabs .nav-link {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    width: auto;
    height: auto;
    font-size: 11px;
    color: #fff;
    background: #712d0b;
    padding: 5px 1px;
    text-align: center;
    margin: 0 5px;
    border-radius: 30px;
    text-transform: uppercase;
}
.sms-activate {
    text-align: center;
}
.sms-activate input {
    max-width: 50px;
    height: 50px;
    display: inline-block;
    margin: auto 5px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #a7a7a7;
    font-size: 35px;
    font-weight: 600;
    color: #252525;
}
.sms-activate input:focus {
	outline: none;
	border: 1px solid #ffd906;
}
.next-active {
	text-align: center;
	padding: 15px 0 10px;
}
.finish-hide {
    display: none;
}
.nav-tabs.active-tabs li.nav-item {
    margin: auto;
    width: 50%;
}
.activate-wrapper {
    margin: auto;
}
.step-activate {
	display: grid;
	grid-template-columns: 55px auto;
	grid-gap: 10px 4px;
}
.activ {
    color: #ffd154;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.2;
    padding: 13px 0;
}
.activ h3 {
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 1px;
}
.simple {
    text-align: center;
    color: #fff;
    border-bottom: 1px solid #959595;
    margin: auto;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 1.2;
    padding-bottom: 5px;
}
a.live-btn {
    display: inline-block;
    background: #252a2f;
    color: #fff;
    padding: 3px 10px;
    border-radius: 30px;
    border: 1px solid #fff;
    margin-top: 5px;
    font-size: 14px;
}
a.live-btn:hover {
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,126,61,1) 100%);
	color: #000;
}
.finish-wrapper {
	color: #fff;
	text-align: center;
}
.finish-wrapper h1 {
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 900;
	color: #fff;
}
.acc-activ {
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.2;
    padding: 5px 0;
}
.acc-activ img {
	padding: 10px;
}
.congrazt {
    line-height: 1;
    border-bottom: 1px solid #cacaca;
    padding: 0 0 9px;
}
button.btn-play {
	background: linear-gradient(45deg, rgba(245,245,245,1) 0%, rgba(232,232,232,1) 100%);
    margin: auto;
	padding: 5px 15px;
    border-radius: 35px;
    margin-top: 10px;
    font-size: 20px;
    font-weight: 900;
    color: #3e3e3e;
    border: none;
}

/** Inbox **/
.msg-content {
    padding: 15px;
}

.inbox-wrapper {
    color: #fff;
    font-size: 14px;
    border: 1px solid #c87f1a;
    border-radius: 5px;
}

.mailbox {
    display: grid;
    grid-template-columns: 8% 80% 10%;
    grid-gap: 5px;
    padding: 5px;
    color: #939393
}

    .mailbox a {
        color: #9c9c9c;
    }

    .mailbox.unread a {
        color: #fff;
    }

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

.maildate {
    color: #9c9c9c;
    font-size: 13px;
}

.action-mail, .nom {
    text-align: center;
}

    .action-mail a {
        color: #D3D3D3;
    }

.mailbox.top {
    margin-bottom: 5px;
    border-bottom: 1px solid #c87f1a;
    color: #c2a45e;
    font-weight: 600;
}

.messagecontent, .message-wrapper {
    padding: 0 15px;
}

.inbx-title {
    font-size: 20px;
    font-weight: 700;
    padding: 22px 15px 13px;
    border-bottom: 1px solid #fff;
    line-height: 1.2;
}

.inbox-message {
    padding: 20px 20px 15px;
    height: auto;
    font-size: 14px;
}

button.close-X {
    background: transparent;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    border: none;
    position: absolute;
    right: 6px;
    top: 2px;
    font-weight: 400;
}

.date-msg {
    font-size: 13px;
    color: #BBBBBB;
}

.sent-by {
    font-size: 13px;
    margin-bottom: 15px;
    color: #BBBBBB;
}

/** VIP PAGE latest **/
.vip-sec {
    background: #000 url("../images/vip/vip_bg.jpg")no-repeat top center;
    background-size: auto;
}

.vip-top-title {
    max-width: 110px;
    margin: 5px auto;
    text-align: center;
}

.vip-card {
    margin-bottom: 6px;
}

.btn-vip {
    background: linear-gradient(to bottom, rgba(20,16,16,1) 0%, rgba(87,16,18,1) 100%);
    border: 2px solid #5d3912;
    font-size: 14px;
    padding: 2px 5px;
    color: #fff;
    font-weight: 600;
    border-radius: 8px;
    text-transform: uppercase;
    display: block;
    width: 100%;
    text-align: left;
    position: relative;
    overflow: visible;
}

    .btn-vip img {
        max-width: 50px;
        margin-right: 6px;
    }

    .btn-vip:focus, .btn-vip:hover {
        outline: none;
        box-shadow: none;
        color: #fff;
    }

.btn.btn-vip.collapsed:after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    transform: rotate(0);
    transition: linear 0.3s;
    color: #fff;
    font-size: 14px;
}

.btn.btn-vip:after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    color: #fff;
    width: 12px;
    font-size: 14px;
    height: 22px;
    position: absolute;
    right: 10px;
    top: 12px;
    transform: rotate(90deg);
    transition: linear 0.3s;
}

.vip-table-wrapper {
    background: rgba(0,0,0,0.75);
    line-height: 1.2;
    font-size: 13px;
    padding: 15px 10px;
    margin-top: 5px;
    color: #fff;
}

.vip-table-wrapper > div {
    padding: 5px 2px;
}

.vip-table-wrapper tr td {
    border: 1px solid #ae751c;
    padding: 5px 4px;
    text-transform: uppercase;
}

.tnc-wrap {
    background: rgba(0,0,0,0.75);
    padding: 15px;
    margin: 15px 0;
    color: #fff;
    border: 2px solid #5d3912;
    border-radius: 8px;
    font-size: 14px;
}

/* Promodisplay */
#filter-box #promoDisplay{
    padding-bottom: 52px;
}

/* Date display */
.datebox {
    text-align: right;
    font-size: 12px;
    /*padding: 5px 5px 0;*/
    color: white;
}

.button-view {
    border-radius: 10px;
    font-size: 12px;
    border: 1px solid #d2b79c;
    background: #fff;
    width: 100%;
}

.promotion_footer{
    padding-left: 15px;
    padding-right: 15px;
    color:white;
}

/** custom **/

#mainpage section.header-top
{
	display:block !important;
}

.hide
{
	display:none !important;
}

#error_msg
{
margin-top: 1em;
color: #ff0000;
font-weight: 600;
}

form
{
	color: #fff;
}

div.error
{
	border: 1px solid #ff0000;
}

div.promo-content2 p
{
	text-align: justify;
	margin-bottom: 0;
}

div.promo-content2 h4
{
	text-transform: uppercase;
}

div.detail th.game-column { text-align: right;}
div.detail td.game-detail {  text-align: left;}
div.detail .btn{width: 100%; padding: .25rem .25rem; font-size: 11px;}
/* div.detail{background-color: #4a342c; margin-bottom:1em;border-radius: 0.8rem} */
div.detail div.maintenance{padding: 1em; text-align:center;border-radius: 0.8rem}
div.detail_game{padding: 0.5em;}

button.btn-topup, button.btn-withdraw{width: 49%; padding: 0.5em; border-radius: 0.5rem; background: rgba(242,246,248,1);
    background: -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,246,248,1)), color-stop(50%, rgba(216,225,231,1)), color-stop(51%, rgba(181,198,208,1)), color-stop(100%, rgba(224,239,249,1)));
    background: -webkit-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
    background: -o-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
    background: -ms-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
    background: linear-gradient(to bottom, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9', GradientType=0 );}
	
button.btn_changeacc {width: 49%; padding: 0.5em; border-radius: 0.5rem; float:left; background: rgba(4,159,115,1);
background: -moz-linear-gradient(top, rgba(4,159,115,1) 0%, rgba(1,117,82,1) 50%, rgba(1,70,41,1) 51%, rgba(1,48,30,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(4,159,115,1)), color-stop(50%, rgba(1,117,82,1)), color-stop(51%, rgba(1,70,41,1)), color-stop(100%, rgba(1,48,30,1)));
background: -webkit-linear-gradient(top, rgba(4,159,115,1) 0%, rgba(1,117,82,1) 50%, rgba(1,70,41,1) 51%, rgba(1,48,30,1) 100%);
background: -o-linear-gradient(top, rgba(4,159,115,1) 0%, rgba(1,117,82,1) 50%, rgba(1,70,41,1) 51%, rgba(1,48,30,1) 100%);
background: -ms-linear-gradient(top, rgba(4,159,115,1) 0%, rgba(1,117,82,1) 50%, rgba(1,70,41,1) 51%, rgba(1,48,30,1) 100%);
background: linear-gradient(to bottom, rgba(4,159,115,1) 0%, rgba(1,117,82,1) 50%, rgba(1,70,41,1) 51%, rgba(1,48,30,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#049f73', endColorstr='#01301e', GradientType=0 );}

button.btn_claim_angpow {width: 100%; padding: 0.5em; border-radius: 0.8rem; margin-right: 4px; margin-bottom: 1em; background: rgba(59,164,206,1);
background: -moz-linear-gradient(top, rgba(59,164,206,1) 0%, rgba(22,154,202,1) 50%, rgba(19,119,149,1) 51%, rgba(59,164,206,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(59,164,206,1)), color-stop(50%, rgba(22,154,202,1)), color-stop(51%, rgba(19,119,149,1)), color-stop(100%, rgba(59,164,206,1)));
background: -webkit-linear-gradient(top, rgba(59,164,206,1) 0%, rgba(22,154,202,1) 50%, rgba(19,119,149,1) 51%, rgba(59,164,206,1) 100%);
background: -o-linear-gradient(top, rgba(59,164,206,1) 0%, rgba(22,154,202,1) 50%, rgba(19,119,149,1) 51%, rgba(59,164,206,1) 100%);
background: -ms-linear-gradient(top, rgba(59,164,206,1) 0%, rgba(22,154,202,1) 50%, rgba(19,119,149,1) 51%, rgba(59,164,206,1) 100%);
background: linear-gradient(to bottom, rgba(59,164,206,1) 0%, rgba(22,154,202,1) 50%, rgba(19,119,149,1) 51%, rgba(59,164,206,1) 100%);}

.btn-primary ,.btn-primary :disabled{border-color: transparent !important;}

a.btn-lottery711{
    appearance: auto;
    writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: buttontext;
    letter-spacing: normal;
    word-spacing: normal;
    line-height: normal;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: center;
    align-items: flex-start;
    cursor: default;
    box-sizing: border-box;
    background-color: buttonface;
    border-width: 2px;
    border-style: outset;
    border-color: buttonborder;
    border-image: initial;
    overflow: visible;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
	text-transform: capitalize;
    width: 49%;
    padding: 0.5em;
    border-radius: 0.5rem;
    background: rgba(242,246,248,1);
    background: -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,246,248,1)), color-stop(50%, rgba(216,225,231,1)), color-stop(51%, rgba(181,198,208,1)), color-stop(100%, rgba(224,239,249,1)));
    background: -webkit-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
    background: -o-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
    background: -ms-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
    background: linear-gradient(to bottom, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9', GradientType=0 );
}

a.game-playnow {width: 49%; padding: 0.65em 0.5em; border-radius: 0.5rem; display: inline-block; float:right;
text-align: center;
color: #fff;
font-weight:600;
font-style: Italic;
text-transform: uppercase;
background: rgba(217,34,104,1);
background: -moz-linear-gradient(top, rgba(217,34,104,1) 0%, rgba(185,2,69,1) 50%, rgba(133,3,44,1) 51%, rgba(67,16,28,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(217,34,104,1)), color-stop(50%, rgba(185,2,69,1)), color-stop(51%, rgba(133,3,44,1)), color-stop(100%, rgba(67,16,28,1)));
background: -webkit-linear-gradient(top, rgba(217,34,104,1) 0%, rgba(185,2,69,1) 50%, rgba(133,3,44,1) 51%, rgba(67,16,28,1) 100%);
background: -o-linear-gradient(top, rgba(217,34,104,1) 0%, rgba(185,2,69,1) 50%, rgba(133,3,44,1) 51%, rgba(67,16,28,1) 100%);
background: -ms-linear-gradient(top, rgba(217,34,104,1) 0%, rgba(185,2,69,1) 50%, rgba(133,3,44,1) 51%, rgba(67,16,28,1) 100%);
background: linear-gradient(to bottom, rgba(217,34,104,1) 0%, rgba(185,2,69,1) 50%, rgba(133,3,44,1) 51%, rgba(67,16,28,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d92268', endColorstr='#43101c', GradientType=0 );}

.btn-cwithdraw{margin-left: 3px; color:#fff; border-radius: 0.8rem;background: rgba(248,80,50,1);
background: -moz-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,80,50,1)), color-stop(50%, rgba(241,111,92,1)), color-stop(51%, rgba(246,41,12,1)), color-stop(71%, rgba(240,47,23,1)), color-stop(100%, rgba(231,56,39,1)));
background: -webkit-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
background: -o-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
background: -ms-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
background: linear-gradient(to bottom, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); 
}
#game-list li {
    width: 20%;
    float: left;
    list-style: none;
    padding: 0 !important;
}

#game-list a {
    padding: 0 !important;
    float: left;
    border: 1px solid #000000;
    margin: 3px;
    position: relative;
}

#game-list ul {
    margin: 0;
    padding: 0;
	display: flex;
    flex-wrap: wrap;
}

.modal-content{background-color: #252525;border: 1px solid #d20000;
    box-shadow: 0 0 6px #d20000;}

.modal-body .input_amount
{
	width: 50%; 
	display: inline-block;
}
button.close {color: #fff;}
div.modal button.close{margin-right: 0px !important;}
#topup_wallet, #game_balance{margin-left: 5px;}

table.carosel-deposit, div.carosel-deposit
{
	color: #fff;
	text-align: center;
}

table.carosel-deposit
{
	margin: 0 auto;
    width: 90%;
}

table.carosel-deposit tr
{
	border-top: 1px solid #cccccc;
}

table.carosel-deposit td, table.carosel-deposit th
{
	padding: 8px 0;
}

h3.title{
text-shadow: 1px 1px 2px #c87f1a, 0 0 25px #c87f1a, 0 0 5px #c87f1a;
text-align: center;
}

.bank-deposit .radio input {
    display: none;
}

.bank-deposit .highlight {
    text-align: center;
    margin-bottom: 10px;
    padding: 5px;
    transition: .5s all ease;
}

.bank-deposit .highlight img {
    width: 100%;
    max-width: 120px;
    max-height: 120px;
    margin: 0;
}

.bank-deposit .highlight.active {
    background: #fd5a61;
    border-radius: 5px;
    box-shadow: 0 0 8px #fffbee;
}

.bank-deposit .col-4 {
    padding: 0 10px;
}

div.login_reg_container {
    max-width: 350px;
    margin: 0 auto;
}

#deposit, #new_reg, #formlogin
{
	max-width: 350px;
	margin: 0 auto;
}

div.login_reg_row {
    padding: 10px;
	position: relative;
}

.cdm_time_row {
    margin: initial!important;
}

#deposit input.form-control {margin-top: 5px;}

.mt2em
{
	margin-top: 2em;
}

.mt6p
{
	margin-top: 6px;
}

.digi_pin_seperator {
	padding: 5px;
    margin-top: 8px;
    font-weight: 900;
}

.nav-tabs .nav-item { 
	width: 20%;
    background-color: #6b6b6b;
    text-align: center;}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active 
{
	background-color:#d20000;
	box-shadow: 0 0 8px #ffca81;
	color:#fff;
}

form label{display: flex;
			color: #d4d4d4;
            font-size: 13px;
            font-weight: 700;
            margin-bottom: 0px;
            text-transform: uppercase;}
			
form label > span { position: relative;    left: 2.5em;    margin-top: -2px;}

.nav-link {padding: .5rem 0;}
div.promo-item{border-bottom: 1px solid #f8f2b8;}
h4.history{text-align:center;}
span#balance{position: initial;
    left: unset;
    margin-top: unset;
	color:#fff;}
	
.badge-warning{vertical-align: text-top;margin-left: 3px;}

.gwrap_1 > div{
		width: 24%;
		float: left;
		margin-right: 1%;
		text-align: center;
		/* background:#000 url("../images/pattern.png") repeat top left; */
		margin-bottom: 1em;
	}
	
.gwrap_1 > div.logged_in {

		min-height:366px;
	}

span#counter{position: initial;
    left: initial;
    margin-top: initial;}
	
#otp { margin-top: 6em;}

video.tutorial
{
	max-width: 90%;
	max-height:90%;
	margin: 1em;
}

li.tutorial{width: 33.3%}
.btn-pt{display: inline-block;
    width: 30% !important;
    margin-right: 3%;
    padding: 0px 4%;
    border: 2px solid #ffc107;
    color: #ffc107;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 2em;
    -webkit-transition: background-color 1s ease-out;
    -moz-transition: background-color 1s ease-out;
    -o-transition: background-color 1s ease-out;
    transition: background-color 1s ease-out;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
	
a.share{width:100%; margin-bottom:1em;}
div.share{float:left;}
img.invite{max-width:80%;margin: 0.5em auto}

.nav-tabs .nav-item {
    margin-bottom: 1px;
}

.marquee {
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
}
.marquee span {
	display: inline-block;
	padding-left: 100%;
	animation: marquee 30s linear infinite;
}

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

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

.lang-flag{width:36px;height:30px; margin-right: 20px;}
#lang_txt{ color: #fff; font-size: 14px; font-weight: 600;}
img.signout{height:25px}
div.log-reg {
    display: flex;
    position: relative;
    width: 100%;
    height: 50px;
	padding: 0 !important;
    background-size: 100% 100%;
}

.log-item {
    flex: 0 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	text-decoration: none;
    color: #000;
}
.uppercase{text-transform: uppercase;}
.log-item.register
{
	font-size: 14px;
	color:#fff;
	border: 3px solid #e5bb7f;
	background: rgba(172,143,103,1);
	background: -moz-linear-gradient(top, rgba(172,143,103,1) 0%, rgba(72,48,14,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(172,143,103,1)), color-stop(100%, rgba(72,48,14,1)));
	background: -webkit-linear-gradient(top, rgba(172,143,103,1) 0%, rgba(72,48,14,1) 100%);
	background: -o-linear-gradient(top, rgba(172,143,103,1) 0%, rgba(72,48,14,1) 100%);
	background: -ms-linear-gradient(top, rgba(172,143,103,1) 0%, rgba(72,48,14,1) 100%);
	background: linear-gradient(to bottom, rgba(172,143,103,1) 0%, rgba(72,48,14,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ac8f67', endColorstr='#48300e', GradientType=0 );
}

.log-item.login
{
	font-size: 14px;
	color:#000;
	border: 3px solid #ffcc73;
	background: rgba(212,163,94,1);
	background: -moz-linear-gradient(-45deg, rgba(212,163,94,1) 0%, rgba(163,119,44,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(212,163,94,1)), color-stop(100%, rgba(163,119,44,1)));
	background: -webkit-linear-gradient(-45deg, rgba(212,163,94,1) 0%, rgba(163,119,44,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(212,163,94,1) 0%, rgba(163,119,44,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(212,163,94,1) 0%, rgba(163,119,44,1) 100%);
	background: linear-gradient(135deg, rgba(212,163,94,1) 0%, rgba(163,119,44,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4a35e', endColorstr='#a3772c', GradientType=1 );
}


.p0{padding:0 !important}

div.menu-wrapper  i {
    display: block;
    font-size: 2em;
    padding: .15em 0;
}

.btn-login{color: #1f1d1e;
    font-weight: 600;}
	
.btn-grey{background: rgba(134,134,134,1);
background: -moz-linear-gradient(top, rgba(134,134,134,1) 0%, rgba(255,255,255,1) 18%, rgba(195,195,195,1) 45%, rgba(255,255,255,1) 74%, rgba(134,134,134,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(134,134,134,1)), color-stop(18%, rgba(255,255,255,1)), color-stop(45%, rgba(195,195,195,1)), color-stop(74%, rgba(255,255,255,1)), color-stop(100%, rgba(134,134,134,1)));
background: -webkit-linear-gradient(top, rgba(134,134,134,1) 0%, rgba(255,255,255,1) 18%, rgba(195,195,195,1) 45%, rgba(255,255,255,1) 74%, rgba(134,134,134,1) 100%);
background: -o-linear-gradient(top, rgba(134,134,134,1) 0%, rgba(255,255,255,1) 18%, rgba(195,195,195,1) 45%, rgba(255,255,255,1) 74%, rgba(134,134,134,1) 100%);
background: -ms-linear-gradient(top, rgba(134,134,134,1) 0%, rgba(255,255,255,1) 18%, rgba(195,195,195,1) 45%, rgba(255,255,255,1) 74%, rgba(134,134,134,1) 100%);
background: linear-gradient(to bottom, rgba(134,134,134,1) 0%, rgba(255,255,255,1) 18%, rgba(195,195,195,1) 45%, rgba(255,255,255,1) 74%, rgba(134,134,134,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#868686', endColorstr='#868686', GradientType=0 );}

.btn-gold{background: linear-gradient(to bottom, rgb(255 210 132) 0%, rgb(239 195 86) 21%, rgb(195 156 63) 49%, rgb(255 218 38) 77%, rgb(253 221 134) 100%);}

div.detail_game table {width:100%; font-size:11px;}
.dl_btn{background-color: #d20000; color: #fff}
.btn.disabled, .btn:disabled {filter: grayscale(100%);}
div.menu-button, #responsive-menu{display:none;}

#responsive-menu #responsive-menu-wrapper {
    width: 70%;
    background-color: #111;
    position: absolute;
    left: 0;
	top: 0;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 2;
}
#responsive-menu #responsive-menu-wrapper .top-info {
    width: 100%;
    padding: 10px;
  /*   display: flex; */
}

#responsive-menu #responsive-menu-wrapper .top-info .profile-info {
    float: left;
    width: 100%;
    text-align: center;
}

/* #responsive-menu #responsive-menu-wrapper .top-info .profile-info img {
    margin-bottom: 10px;
    width: 125px;
} */

#responsive-menu #responsive-menu-wrapper .top-info .profile-info .name {
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    padding-bottom: 10px;
}

.mobile-menu.btn {
    width: 45%;
    float: left;
    padding: 7px 0!important;
}

#responsive-menu #responsive-menu-wrapper .nav-bar {
    list-style: none;
    background: #18026f;
    padding-left: 0;
    margin-bottom: 0;
    position: relative;
}

#responsive-menu #responsive-menu-wrapper .nav-bar .bar-links {
    padding-left: 0;
    margin-bottom: 0;
}


#responsive-menu #responsive-menu-wrapper .nav-bar .bar-links .bar-link.top-bar-link {
    border-bottom: 1px solid #000;
    background: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    color: #000;
}

#responsive-menu #responsive-menu-wrapper .nav-bar .bar-links .bar-link {
    border-bottom: 1px solid #ccc;
}

#responsive-menu #responsive-menu-wrapper .nav-bar .bar-links .bar-link a {
    background: #2d2d2d;
    padding: 5px 0 5px 25px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    display: block;
}

div.dropdown.lang {
    background: #2d2d2d;
    padding: 5px 0 5px 19px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    display: block;
}

#responsive-menu #responsive-menu-wrapper .nav-bar .bar-links .bar-link a img, #responsive-menu #responsive-menu-wrapper .nav-bar .bar-links .bar-link img.lang-flag{
    width: 36px;
    margin-right: 20px;
}

#responsive-menu #responsive-menu-wrapper .nav-bar .close-img {
    position: absolute;
    top: 48%;
    right: -5px;
    transform: translateY(-48%);
}

#responsive-menu #responsive-menu-wrapper .nav-bar .close-img img {
    width: 20px;
    height: 60px;
}

#responsive-menu #responsive-menu-overlay {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    cursor: pointer;
    background-color: rgba(0,0,0,.75);
	width: 100%;
    height: 1000px;
}

div.dropdown.desktop a.dropdown-item
{
	color:#fff
}

div.dropdown.desktop div.dropdown-menu.language 
{
	background:#000
}

a.sign-up.mobile{display:none;}

#floatbox{position:fixed; top:10%; left:5%;display:block; z-index:100}
#CloseBtn, #GiftCloseBtn, #FreeCloseBtn{float:right;}
.CloseBtn{width:20px;height:20px}

.att-circle {
	height: 100px;
	width: 100px;
	border:2px solid #fff;   
	color:#fff;
	border-radius: 35%;
	-moz-border-radius:35%;
	-webkit-border-radius:35%;
	display: inline-block;
	text-align:center;
	padding-top:42px;
	margin-top: 14px;
}

div.clear{padding:0; margin: 0; text-align:center}

.att-circle.on
{
	background-color: #a91010;
	color: #fff;
	border:none;
	border:2px solid #a91010;  	
}

.perfect-att{margin:1em 0;}
.perfect-att{margin:1em 0;}
.perfect-att-header{text-align:center;margin: 0 auto;}
.perfect-att-desc{text-align:center;margin: 0 auto;}

ul.angpow{padding: 0; margin:0;}
li.angpow{display: inline-block; margin-left:1em;float: left;width:125px;}
.angpow_detail{position:absolute; z-index:9;width: 125px;text-align: center;font-weight: 600;margin: 112px 0 0 0; color:#fff}
img.angpow{width:100px !important;}
div.angpow{display: inline-block}

.ineligible:before {
    content: "";
    position: absolute;
    width: 125px;
    height: 152px;
    background: rgba(0,0,0,.6);
    z-index: 10;

}

/* perfert attendance */
img.pa_angpow{width: 100px !important;}
p.pa_detail{position: absolute; margin-top: 55px;text-align:center; width:100%;font-size: 15px;color:#fff;z-index: 2;}
.pa_ineligible:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 121px;
    background: rgba(0,0,0,.6);
    z-index: 10;
	left:1px;
}

#transactions img {
    width: 60%!important;
    background: 0 0!important;
    padding: 0!important;
    margin: 0!important;
	/* filter: grayscale(100%); */
	border-radius: 10px;
	}
	
#transactions a {
    width: 29.333%!important;
    padding: 8px 0!important;
    border: 1px solid #f1dc85!important;
    border-radius: 5px;
    margin: 2%;
    display: unset!important;
	float: left;
	align-items: center;
	font-weight: 600;
	color: #fff;
	font-size: 10px;
}
.game-bg{		background-color:#000;
		background-image: url("../images/game/game_bg.png");
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: contain;}
#transactions a p{margin: 0 !important}
#footer-button{display:none}


div.profile-logo{width:100%; text-align: center}
div.profile-logo img{height:150px;}

.slide_left_open, .slide_left_close, .slide_right_open, .slide_right_close, .slide_top_open, .slide_top_close, .push_left_open, .push_left_close, .body_close, .body_open_left, .body_open_right, .push_right_open, .push_right_close {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.srl_menu {
    top: 127px;
    height: 100%;
}

.slide_right_close {
    position: fixed;
    right: -124px;
    z-index: 99999;
	height: 295px;
}

.slide_right_open {
	position: fixed;
    right: 0px;
    z-index: 99999;
}

#slide_right > ul {
    float: right;
}

.list_menu-right {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 119px;
}

#slide_right .right-wrapper {
    width: 119px;
    border: 1px solid #8f0a0e;
    font-size: 14px;
    background: #8f0a0e;
    background: -moz-linear-gradient(top, #8f0a0e 0%, #010000 100%);
    background: -webkit-linear-gradient(top, #8f0a0e 0%,#010000 100%);
    background: linear-gradient(to bottom, #8f0a0e 0%,#010000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f0a0e', endColorstr='#010000',GradientType=0 );
}

#slide_right .right-top {
    margin-bottom: 10px;
}

#slide_right .right-item {
    width: 100px;
    margin: 0 auto;
    border-top: 1px solid #430304;
    padding: 10px 0;
}

#button_right
{
	outline: none;
    padding: 0;
    cursor: pointer;
    background: none;
    overflow: hidden;
    border: none;
	}


#navbar.sticky {
    position: fixed;
    top: 62px;
    width: 100%;
	background-color:#000;
}

table#contact_us
{
	color: #ebcf65;
	text-align:center;
	margin: 0 auto;
	width: 400px;
	max-width: 100%;
}

table#contact_us td
{
	width: 33%;
	margin: 4px;
	text-align: center;
}

div.contact-us{text-align:center;margin: 0 45px;}
a.tutorial_link{color: #f5e642}

.pp-slot-card{width: 200px;
    height: 200px;
    margin: 10px;}
	
div.tip-box{height: 166px;margin:2px 0; float:left}
div.tip-box img{width:100%; margin: auto}
div.tips_detail{position:absolute;bottom:0; font-size:1em; color:#fff;text-align: center; width:95%}
div.tips_game{padding: 3px 0;}
div.tips_rate{padding: 3px 0; background:red;}
div.sponsor label{margin:1em 0 0.5em 0;}
div.sponsor img{margin-right:1em;}
span#loginLanguage{color:#fff; font-weight: 600;}

#free5gif{animation: tilt-shaking 0.25s linear infinite;}

@keyframes tilt-shaking {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(5deg); }
  50% { transform: rotate(0eg); }
  75% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}

@-webkit-keyframes breathing {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  25% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  60% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes breathing {
  0% {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  25% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  60% {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
}

.ap_rainbow{
-webkit-animation-name: rainbow_txt;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-name: rainbow_txt;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	animation-name: rainbow_txt;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-text-fill-color:inherit  !important; 
}

@keyframes rainbow_txt{
		100%,0%{
			color: rgb(255,0,0);
			border: 1px solid rgb(255,0,0);
		}
		8%{
			color: rgb(255,127,0);
			border: 1px solid rgb(255,127,0);
		}
		16%{
			color: rgb(255,255,0);
			border: 1px solid rgb(255,255,0);
		}
		25%{
			color: rgb(127,255,0);
			border: 1px solid rgb(127,255,0);
		}
		33%{
			color: rgb(0,255,0);
			border: 1px solid rgb(0,255,0);
		}
		41%{
			color: rgb(0,255,127);
			border: 1px solid rgb(0,255,127);
		}
		50%{
			color: rgb(0,255,255);
			border: 1px solid rgb(0,255,255);
		}
		58%{
			color: rgb(0,127,255);
			border: 1px solid rgb(0,127,255);
		}
		66%{
			color: rgb(0,0,255);
			border: 1px solid rgb(0,0,255);
		}
		75%{
			color: rgb(127,0,255);
			border: 1px solid rgb(127,0,255);
		}
		83%{
			color: rgb(255,0,255);
			border: 1px solid rgb(255,0,255);
		}
		91%{
			color: rgb(255,0,127);
			border: 1px solid rgb(255,0,127);
		}
}

@-moz-keyframes rainbow_txt{
		100%,0%{
			color: rgb(255,0,0);
			border: 1px solid rgb(255,0,0);
		}
		8%{
			color: rgb(255,127,0);
			border: 1px solid rgb(255,127,0);
		}
		16%{
			color: rgb(255,255,0);
			border: 1px solid rgb(255,255,0);
		}
		25%{
			color: rgb(127,255,0);
			border: 1px solid rgb(127,255,0);
		}
		33%{
			color: rgb(0,255,0);
			border: 1px solid rgb(0,255,0);
		}
		41%{
			color: rgb(0,255,127);
			border: 1px solid rgb(0,255,127);
		}
		50%{
			color: rgb(0,255,255);
			border: 1px solid rgb(0,255,255);
		}
		58%{
			color: rgb(0,127,255);
			border: 1px solid rgb(0,127,255);
		}
		66%{
			color: rgb(0,0,255);
			border: 1px solid rgb(0,0,255);
		}
		75%{
			color: rgb(127,0,255);
			border: 1px solid rgb(127,0,255);
		}
		83%{
			color: rgb(255,0,255);
			border: 1px solid rgb(255,0,255);
		}
		91%{
			color: rgb(255,0,127);
			border: 1px solid rgb(255,0,127);
		}
}

@-webkit-keyframes rainbow_txt{
		100%,0%{
			color: rgb(255,0,0);
			border: 1px solid rgb(255,0,0);
		}
		8%{
			color: rgb(255,127,0);
			border: 1px solid rgb(255,127,0);
		}
		16%{
			color: rgb(255,255,0);
			border: 1px solid rgb(255,255,0);
		}
		25%{
			color: rgb(127,255,0);
			border: 1px solid rgb(127,255,0);
		}
		33%{
			color: rgb(0,255,0);
			border: 1px solid rgb(0,255,0);
		}
		41%{
			color: rgb(0,255,127);
			border: 1px solid rgb(0,255,127);
		}
		50%{
			color: rgb(0,255,255);
			border: 1px solid rgb(0,255,255);
		}
		58%{
			color: rgb(0,127,255);
			border: 1px solid rgb(0,127,255);
		}
		66%{
			color: rgb(0,0,255);
			border: 1px solid rgb(0,0,255);
		}
		75%{
			color: rgb(127,0,255);
			border: 1px solid rgb(127,0,255);
		}
		83%{
			color: rgb(255,0,255);
			border: 1px solid rgb(255,0,255);
		}
		91%{
			color: rgb(255,0,127);
			border: 1px solid rgb(255,0,127);
		}
}

@media (max-width: 440px)
{
	#footer-button{
	display: block;
	width: 5.2rem;
	  position: absolute;
	  bottom: 0;
	  left: 50%;
	  transform: translate(-50%, 11%);
	  z-index:-1}
	.gwrap_1 > div {
		width: 49%;
	}
	
	.gwrap_1 > div.logged_in {
		min-height:375px;
	}
	
	div.menu-button{display:block; width: 50px;float:left}
	
	input.form-control {width: 100%;max-width: 100%;}
	.nav-tabs .nav-item { width: 25%;}
	.nav-tabs .nav-item.dl { width: 33%;}
	.nav-tabs .nav-item.video { width: 33%;}
	
	#responsive-menu.active {display: block!important;}
	
	/* div.right-login-btn.desktop{display:none} */
	.right-btn a, .right-login-btn a {display: none;}
	/* div.lang-box .desktop,  */
	.lang-flag {
		margin-right: 0px;
	}
	.lang-box {float: right;}

	a.sign-up.mobile{display:block; color:#000}
	
	#treasureboxgif, #gifboxgif, #free5gif{width:100px;}
	
	.att-circle {
	  height: 50px;
	  width: 50px;
	  font-size: 15px;
	  margin-top: 7px;
	  padding-top:14px;
	}
	
	img.pa_angpow{width: 50px !important;}
	p.pa_detail{width: 50px;margin-top: 23px;}
	.pa_ineligible:before {
		content: "";
		position: absolute;
		width: 50px;
		height: 64px;
		background: rgba(0,0,0,.6);
		z-index: 10;
	}
	
	li.angpow{display: inline-block; margin-left:0;float: left;width:90px;}
	
	.ineligible:before {
    content: "";
    position: absolute;
    width: 90px;
    height: 110px;
    background: rgba(0,0,0,.6);
    z-index: 10;}
	
	.angpow_detail{ width: 90px; font-size:11px;margin: 80px 0 0 0; color:#fff;line-height: 11px;}
	
	#contact_us table
	{
		width: 100%;
	}
	
	.pp-slot-card{width: 45% !important; height: 100%; margin: 5px 0;}
	div.tip-box{height:calc(46vw * 0.85); padding: 4px;}
	div.perfect-att, section.playerinfo-sec, section.game-sec， div.angpow,  table.freespin, section.game-sec{margin-right:16px !important;}
	
}

@media (min-width: 900px)
{
	.form-container{width: 350px;
    margin: 60px auto 0 auto;}
	
	#responsive-menu.active{display:none !important;}
	
}