body {
	font-family:"Nunito", sans-serif;
	line-height:1.4;
	font-size:14px;
	margin:0 auto;
	color:#ffffff;
	background:#153243;
}
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, button:focus, button:hover, input:focus, select:focus {
	text-decoration:none;
	outline: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:#000;
	width:100%;
}
::-webkit-scrollbar {
width:5px;
height:5px;
}
::-webkit-scrollbar-track-piece {
background-color:rgba(0, 0, 0, 0.2);
-webkit-border-radius:6px;
}
::-webkit-scrollbar-thumb {
background:#888;
}
::-webkit-scrollbar-thumb:hover {
background:#555;
}
.smaller img {
	height:70px;
}
.smaller .header-ribbon {
	height:80px;
}
.container-fluid {
}
.header-top {
	height:82px;
	background:#fff;
}
.login_bar {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.log-group input {
	border:1px solid #0c103d;
	width:140px;
	height:34px;
	padding:0 20px;
	background:#011f34;
	border-radius:20px;
	color:#fff;
}
.login_btn {
	color:#fff;
	font-weight:800;
	text-transform:uppercase;
	border:none;
	border-radius:20px;
	width:110px;
	height:30px;
	font-size:13px;
	margin-right:5px;
	  background: linear-gradient(to bottom, 
	#FCD757 0%, 
	#FCD757 100%);

	box-shadow:inset 0px 0px 5px #d8a810;
}
.join_btn {
	background: linear-gradient(to bottom, 
	#fca957 0%,  
	#fca957 100%);
	
	color:#000;
	font-weight:800;
	text-transform:uppercase;
	border:none;
	border-radius:20px;
	width:110px;
	height:30px;
	font-size:13px;
	box-shadow:inset 0px 0px 5px #fff;
}
.login_btn, .join_btn {
	display:flex;
	justify-content:center;
	align-items:center;
}
.login_btn:hover, .join_btn:hover {
	filter:brightness(0.5);
}
.login_btn a {
	color:#0c1d27;
}
.join_btn a {
	color:#000;
}
.log-group {
	margin-right:5px;
}
.languageToggle {
	cursor:pointer;
	display:flex;
	align-items:center;
}
.languageToggle img {
	max-width:29px;
}
.languageToggle i {
	font-size:18px;
	vertical-align:sub;
	margin-left:5px;
	color:#a2a2a2;
}
.lang-btn {
	border:none;
	padding:none;
	background:none;
	color:#000;
}
.dropdown-menu.language {
	padding:0;
	background:rgb(12 16 61 / 78%);
	min-width:auto;
	border:none;
}
.dropdown-item:focus, .dropdown-item:hover {
	background-color:#f1c977;
	border-radius:0;
}
.dropdown-toggle::after {
display:none;
}
.btmtools {
	display:flex;
	justify-content:space-between;
	align-items:center;
	color:#b3b3b3;
	font-size:12px;
	padding:5px 10px 0;
}
.forgot-link a {
	color:#ffffff;
	text-decoration:none;
}
.forgot-link a:hover {color:#FCD757;}
.swipe-list::-webkit-scrollbar {
display:none;
}
.container-fluid {
	padding:0px;
	max-width:1366px;
}
/*section.header-menu {
	margin-top:104px;
}*/
section.header-menu {
	position:relative;
	box-shadow:2px 4px 20px #000000ba;
	  background: linear-gradient(to bottom, 
	#153243 0%, 
	#153243 100%);
	border-top:1px solid #364159;
border-bottom:1px solid #364159;
}
.main-nav {
	display:inline-flex;
	height:47px;
	align-items:center;
	justify-content:center;
}
.main-nav li.nav-item {
	padding:0px 20px;
	height:47px;
	display:flex;
	justify-content:center;
	align-items:center;
	border-bottom:2px solid transparent;
}
.main-nav li.nav-item:hover, .main-nav li.nav-item.active {
	background:#00000030;
	border-bottom:2px solid #FCD757;
	color:#FCD757;
}
.main-nav li.nav-item a.navlink {
	color:#fff;
	font-size:13px;
	text-transform:uppercase;
	font-weight:800;
}
.main-nav li.nav-item:hover a.navlink {
	color:#FCD757;
}
.main-nav li.nav-item.menuimg a.navlink img {
	height: 25px;
}
.main-nav li.nav-item.menuimg:hover a.navlink img {/* filter:none; */
}
.img-home i {
	font-size:24px;
}
.main-nav li.nav-item:hover, .main-nav li.nav-item.active i {
	color:#FCD757;
}
.prov-img ul {
	display:flex;
	padding:0px;
	margin:0px;
	flex-wrap:wrap;
	margin-bottom:10px;
	justify-content: left;
}
.prov-img ul li {
	list-style:none;
	margin:0px 6px;
	display:flex;
	justify-content:center;
	align-items:center;
	margin-bottom:10px;
}
a.step-hover:hover {
	color:#fff;
}
.three-step-guide-wrapper .three-step-guide .step .content-area .text-area .large-text {
	font-family:"Nunito", sans-serif;
}
.ttl-inx {
	display:flex;
	justify-content:space-between;
}
.ttl-inx-l img {
	height:20px;
	margin-right:10px;
}
.ttl-inx-l {
	display:flex;
	font-size:18px;
	margin-bottom:10px;
	color:#ffffff;
	font-weight:bold;
}
.ttl-inx-l span {
	margin-right:10px;
	color:#52a0d0;
}
.index-content ul {
	display:flex;
	padding:0px;
	margin:0px;
}
.bnr-indx {
	position:relative;
}
.bnr-overly {
	position:absolute;
	background:#000000c7;
	width:100%;
	display:flex;
	bottom:0px;
	height:80px;
	justify-content:space-between;
	align-items:center;
}
.gm-nm {
	padding:0px 25px;
}
.btn-ply {
	background:#ffcd00;
	border:none;
	width:200px;
	padding:8px 0px;
	font-weight:bold;
	margin-top:10px;
}
.btn-ply:hover {
	background:#f7e59b;
}
.index-content .carousel-item img {
}
.bnr-indx img {
	width:656px;
}
.indx-top {
	display:flex;
	justify-content:space-between;
}
.sml-slide {
	width:654px;
}
.inc-item-all {
	padding:20px 0px;
}
.sml-slide .carousel-control-prev-icon {
	top:15px;
	position:absolute;
	left:15px;
}
.sml-slide .carousel-control-next-icon {
	top:15px;
	position:absolute;
	right:15px;
}
a.btn-find {
	color:#fff;
	font-size:12px;
	text-decoration:underline;
  padding-top:5px;
}
a.btn-find:hover {
	color:#ffcd00;
}
.indx-2 ul {
	display:flex;
	justify-content:space-between;
	padding:0px;
}
.indx-3 ul {
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:15px;
	margin-top:20px;
}
.indx-4 ul {
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	gap:15px;
	margin-top:20px;
}
.indx-5 ul {
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	gap:15px;
	overflow:hidden;
	overflow-x:hidden;
	white-space:nowrap;
}
@media (min-width:768px) {
  .indx-5 ul {grid-template-columns:repeat(8, 1fr);}
}
.indx-6 ul {
	display:grid;
	grid-template-columns:repeat(1, 1fr);
	gap:15px;
	margin-top:20px;
}
.bnr-overly2 {
	position:absolute;
	background:#000;
	top:0px;
	display:flex;
	left:0;
	right:0;
	margin:auto;
	bottom:0;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	transform:translateY(100%);
	transition:all 0.3s;
	opacity:0;
}
.bnr-indx:hover .bnr-overly2 {
	transform:translateY(0%);
	opacity:1;
}
.button3d-container {
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-moz-perspective:1000000px;
}
.button3d {
	display:block;
	float:left;
	width:100%;
	height:62px;
	margin:0;
	font-size:11px;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	-moz-transition-property:-moz-transform;
	-o-transition-property:-o-transform;
	-webkit-transition-property:-webkit-transform;
	transition-property:transform;
	-moz-transition-duration:0.26s;
	-o-transition-duration:0.26s;
	-webkit-transition-duration:0.26s;
	transition-duration:0.26s;
	-moz-transition-timing-function:ease;
	-o-transition-timing-function:ease;
	-webkit-transition-timing-function:ease;
	transition-timing-function:ease;
	-moz-backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-moz-transform-style:preserve-3d;
	-webkit-transform-style:preserve-3d;
	transform-style:preserve-3d;
}
.index-content ul li {
	list-style:none;
}
.indx-1 ul {
	width:100%;
	display:block;
}
.indx-1 {
	width:100%;
	margin-top:20px;
}
.indx-1 ul img {
	width:100%;
}
.container {
	max-width:1366px;
	padding:0px;
}
.button3d:hover {
	-moz-transform:rotateX(90deg);
	-webkit-transform:rotateX(90deg);
	transform:rotateX(90deg);
}
.button3d_face {
	display:block;
	height:100%;
	font-weight:500;
}
.button3d_face-front {
	line-height:48px;
	-moz-transform:translateZ(24px);
	-webkit-transform:translateZ(24px);
	transform:translateZ(24px);
}
.button3d_face-bottom {
	-moz-transform:rotateX(-90deg) translateZ(-24px);
	-ms-transform:rotateX(-90deg) translateZ(-24px);
	-webkit-transform:rotateX(-90deg) translateZ(-24px);
	transform:rotateX(-90deg) translateZ(-24px);
}
.fa {
	margin-right:6px;
}
.fa-external-link {
	margin-left:6px;
	margin-right:0;
}
.social-button {
	display:inline-block;
	position:absolute;
	top:50%;
	left:50%;
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	text-align:center;
	font-size:0;
}
.button3d_face-front-ltw {
	background-color:#050720;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:5px 0px;
}
.button3d_face-bottom-ltw {
	line-height:48px;
	background-color:#000000;
	display:flex;
	justify-content:center;
	align-items:center;
}
.btn-slot {
	position:relative;
	color:#ffffff;
	font-size:16px;
	text-align:left;
	border-radius:35px;
}
.btn-slot * {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:all 0.25s ease;
	transition:all 0.25s ease;
}
.btn-slot:before {
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	top:100%;
	content:'';
	background-color:rgba(0, 0, 0, 0.8);
	-webkit-transition:all 0.25s ease;
	transition:all 0.25s ease;
	-webkit-transition-delay:0.25s;
	transition-delay:0.25s;
  border-radius:35px;
}
.btn-slot img {
	vertical-align:top;
	max-width:100%;
}
.btn-slot figcaption {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:1;
	align-items:center;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.btn-slot h3, .btn-slot h5 {
	margin:0;
	opacity:0;
	letter-spacing:1px;
}
.btn-slot h3 {
	-webkit-transform:translateY(-100%);
	transform:translateY(-100%);
	text-transform:uppercase;
	font-weight:400;
	-webkit-transition-delay:0.05s;
	transition-delay:0.05s;
	margin-bottom:5px;
}
.btn-slot h5 {
	font-weight:normal;
	padding:3px 10px;
	-webkit-transform:translateY(-100%);
	transform:translateY(-100%);
	-webkit-transition-delay:0s;
	transition-delay:0s;
}
.btn-slot .btn-csin0 {
	font-weight:normal;
	background-color:#ffffff00;
	padding:3px 10px;
	-webkit-transform:translateY(-100%);
	transform:translateY(-100%);
	-webkit-transition-delay:0s;
	transition-delay:0s;
	color:#fff;
	cursor:pointer;
	padding:10px 20px;
	line-height:50px;
	border:1px solid #bd1401;
}
.btn-slot .btn-csin1 {
	font-weight:normal;
	background-color:#ffca0000;
	padding:3px 10px;
	-webkit-transform:translateY(-100%);
	transform:translateY(-100%);
	-webkit-transition-delay:0s;
	transition-delay:0s;
	color:#fff;
	cursor:pointer;
	padding:10px 20px;
	line-height:46px;
	border:1px solid #ffca00;
}
.btn-slot .btn-csin0:hover {
	background-color:#bd1401;
}
.btn-slot .btn-csin1:hover {
	background-color:#ffca00;
	color:#000;
}
.btn-slot a {
}
.btn-slot:hover:before, .btn-slot.hover:before {
	top:0px;
	-webkit-transition-delay:0s;
	transition-delay:0s;
}
.btn-slot:hover h3, .btn-slot.hover h3, .btn-slot:hover h5, .btn-slot.hover h5, .btn-slot .btn-csin0:hover, .btn-slot .btn-csin0.hover {
	-webkit-transform:translateY(0);
	transform:translateY(0);
	opacity:1;
}
.btn-slot:hover h3, .btn-slot.hover h3 {
	-webkit-transition-delay:0.3s;
	transition-delay:0.3s;
}
.btn-slot:hover h5, .btn-slot.hover h5 {
	-webkit-transition-delay:0.2s;
	transition-delay:0.2s;
}
.image {
	position:relative;
	overflow:hidden;
	cursor:pointer;
	background:#000;
	border:1px solid #ffd104;
}
.image img {
	-webkit-transition:all 300ms linear;
	transition:all 300ms linear;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	transform:scale3d(0);
}
.image img:hover {
	opacity:1;
	-webkit-transform:scale3d(1.1, 1.1, 1);
	transform:scale3d(1.1, 1.1, 1);
}
.btn-ply1 {
	width:120px;
	color:#000;
	padding:10px 0px;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#FCD757 ;
	box-shadow:inset 0px 0px 5px #fff;
	border:none;
	border-radius:20px;
}
.btn-ply2 {
	width:120px;
	color:#00;
	padding:10px 0px;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	display:flex;
	align-items:center;
	justify-content:center;
	box-shadow:inset 0px 0px 5px #fff;
	background:#FCD757;
	border-radius:20px;
}
.btn-ply1:hover {
	opacity:0.8;
}
.btn-ply2:hover {
	opacity:0.7;
}
.inx-bnr-btn {
	position:absolute;
	bottom:30px;
	right:40px;
}
.inx-bnr {
	position:relative;
	margin-bottom:40px;
	width:100%;
	height:100%;
}
figure.btn-slot {
	margin:0px;
}
.indx-5 {
	margin-bottom:20px;
}
.mobile-box {
	display:none;
}
/*****Footer******/img.payment-method:hover {
	filter:none;
}
img.payment-method {/* filter:grayscale(1); */
	cursor:pointer;
}
img.social-media-image {/* filter:grayscale(1); */
}
img.social-media-image:hover {
	filter:none;
}
.carousel {
	background:#050720;
}
.carousel-cell {
	width:18%;
	border-radius:5px;
	counter-increment:carousel-cell;
}
.carousel-cell:before {
	display:block;
	text-align:center;
	line-height:200px;
	font-size:80px;
	color:white;
}
.flickity-prev-next-button.previous {
	display:none;
}
.flickity-prev-next-button.next {
	display:none;
}
ol.flickity-page-dots {
	display:none;
}
.menu-tab {
	background:#050720;
	display:none;
}
.tab-box {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	padding-top:5px;
}
.tab-ttl {
	border-bottom:5px solid #fff0;
	line-height: 10px;
	text-align: center;
	margin-top: 9px;
}
.tab-box.active .tab-ttl {
	border-bottom:5px solid #ffc000;
	padding-bottom: 6px;
}
.mobile-show {
	display:none;
}
.desktop-show {
	display:block;
}
/*******slot pop up********/.modal-bottom .modal-title {
	color:#fff;
	font-weight:bold;
}
.modal.modal-bottom .modal-content {
	border-radius:15px 15px 0px 0px;
	background:#030f1f;
}
.slot-pop-wrap {
	display:flex;
	justify-content:space-between;
	margin-top:15px;
}
.slot-img img {
	display:block;
	margin:0px auto;
}
.slot-pop-wrap .btn-ply2 {
	background:#FCD757 ;
}
.modal.modal-bottom .close {
	font-size:30px;
	padding:7px;
	color:#fff;
	opacity:1;
}
/*******joinnow*********/.joinnow .modal-dialog {
	width:1000px;
	max-width:1000px;
}
.joinnow .modal-dialog {
	max-width:510px;
	background:none;
}
.joinnow .modal-content {
	background:#153243;
	border:none;
}
.join-cnt {
	display:flex;
}
.joinnow .close-x {
	position:absolute;
	right:-27px;
	top:20px;
	background:none;
	border:none;
	color:#fff;
	font-size:20px;
}
.join-r-top {
	display:flex;
	justify-content:space-between;
}
.join-r {/* margin-top:15px; */
}
.join-ttl {
	padding:10px 20px;
	font-size:20px;
	font-weight:bold;
}
.join-r-cnt {
	padding:0px 15px;
}
.flag-ttl {
	display:flex;
	padding-right:15px;
}
.flag-ttl img {
	max-width:20px;
}
.flag-ttl i {
	font-size:13px;
	color:#fff;
}
.reg-sec {
	padding:30px 0;
}
.fg-wrapper {
	padding:30px;
	max-width:959px;
	margin:auto;
	display:grid;
	grid-template-columns:34% auto;
	grid-gap:30px;
	background:#222548;
	border:1px solid #21276d;
}
.fg-form {
	max-width: 460px;
}
.enter-remind {
	border:1px solid #DDDDDD;
	padding:20px;
	font-size:17px;
	height:120px;
	color:#ffffff;
	display:flex;
	align-items:center;
}
.bk-title {
	color:#fff;
	padding:8px 15px;
	font-size:16px;
	margin-bottom:15px;
	background: linear-gradient(to bottom, rgba(16, 183, 243, 1) 0%, rgba(12, 112, 170, 1) 33%, rgba(8, 93, 143, 1) 100%);
	box-shadow:inset 0px 0px 5px #fff;
}
.regfield {
	display:grid;
	grid-template-columns:145px auto;
	grid-gap:10px;
	margin-bottom:10px;
	font-size:13px;
}
.rgfeild {
	position:relative;
}
.regfield .label {
	align-self:center;
	color:#fff;
}
span.manred {
	color:red;
	float:right;
}
.regfield input,  .regfield select{
	font-size:13px;
	padding:3px 10px;
	border:1px solid #d6d6d6;
	height:34px;
}
.vericode {
	position:absolute;
	top:5px;
	right:7px;
}
button.reg-btn {
	background:#FCD757;
	color:#000;
	font-weight:800;
	text-transform:uppercase;
	border:none;
	border-radius:20px;
	width:110px;
	height:30px;
	font-size:13px;
	box-shadow:inset 0px 0px 5px #fff;
}
button.reg-btn:hover {
	filter:brightness(0.5);
}
/********Sport-lobby*********/.inc-item-res .indx-2 {
	margin-top:20px;
}
.inc-item-res .indx-3 ul li {
	list-style:none;
}
.inc-item-res .indx-3 ul {
	margin:0px;
	padding:0px;
}
.inc-item-res {
	padding:0px 0px 20px 0px;
}
/********Sport-lobby*********/ .esport-bg {
	position:relative;
	background:url("../images/common/esp-ia_bg.html")top center no-repeat;
}
.fish-bg {
	position:relative;
	background:url("../images/common/fish-bg.html")top center no-repeat;
}
.lotto-bg {
	position:relative;
	background:url("../images/common/lotto-bg.html")top center no-repeat;
}
.al-btn {
	height:500px;
	position:relative;
}
.in-btn {
	position:absolute;
	right:0px;
	left:0px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
.in-btn .btn-ply {
	font-size:26px;
	width:300px;
}
/****Promo******/.mix {
	display:none;
}
.filter-menu-bar {
	margin:20px 0;
	display:grid;
	justify-content:space-between;
	grid-template-columns:repeat(6, 1fr);
	gap:15px;
}
.pmbox {
	background:#0e212c;
	color:#ffffff;
	text-transform:uppercase;
	display:inline-block;
	padding:6px 22px;
	font-weight:700;
	font-size:14px;
	margin-right:10px;
	cursor:pointer;
	border:1px solid #3c444b;
	border-radius:25px;
	text-align:center;
}
.pmbox:hover, .pmbox.active {
	color:#000;
	background: #FCD757;
	box-shadow:inset 0px 0px 5px #d8a810;
	border:1px solid #eaeae9;
}
.promo-content {
	display:grid;
	grid-gap:0px;
	grid-template-columns:repeat(2, 1fr);
	gap:25px 66px;
	margin-bottom:30px;
}
.pm-boxer {
	display:flex;
	cursor:pointer;
	transition:all 0.5s;
	position:relative;
	max-width:100%;
	height:auto;
	align-content:center;
	grid-gap:10px;
	color:#fff;
	flex-direction:column;
}
.pm-boxer_inner {
	height:85px;
	padding:10px 20px;
}
h4.ttl-promo {
	color:#21276d;
	font-size:17px;
	font-weight:bold;
	margin:0px;
	padding:0px;
}
.promo-per {
	color:#e40080;
	display:flex;
	margin-top:20px;
}
.pm-boxer_inner_sec {
	display:flex;
	align-items:flex-end;
}
.moreinfo_btn {
	background:#ffc000;
	color:#fff;
	font-weight:800;
	text-transform:uppercase;
	border:none;
	border-radius:4px;
	width:100px;
	height:30px;
	font-size:13px;
}
.apply_btn {
	background:linear-gradient(to bottom, #b60000 0%, #5a0500 100%, #f1e767 100%);
	color:#fff;
	font-weight:800;
	text-transform:uppercase;
	border:none;
	border-radius:4px;
	width:100px;
	height:30px;
	font-size:13px;
}
.text_red {
	color:#e40080;
	margin-left:10px;
	font-weight:bold;
}
.text_blue {
	color:#9a7922;
}
.modal-dialog.promo {
	max-width:800px !important;
}
.modal-content.promo {
	border:none;
	background:#153243;
	-webkit-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px; color:#fff;
}
button.close-promo {
	background:none;
	border:none;
	font-size:19px;
	padding:13px;
	line-height:1;
	font-weight:700;
	position:absolute;
	right:0;
	top:0;
	color:#ffffffa3;
}
.grlist {
	color:#fff;
}
.pm-title-wrapper {
	font-size:16px;
	font-weight:700;
	background:#0183ff;
	color:#ffffff;
	padding:15px 20px;
	-webkit-border-radius: 8px 8px 0 0;
border-radius: 8px 8px 0 0;
}
.pmtable-wrapper {
}
table.promo-table tr th {
	color:#fff;
	background:#2c3038;
	padding:4px;
	border:1px solid #454850;
}
table.promo-table tr td {
	border:1px solid #454850;
	padding:5px;
	color:#fff;
}
.gr-title {
	margin-top:20px;
	font-weight:700;
	font-size:16px;
	color:#fff;
}
.grlist ul {
	padding-left:20px;
	margin-top:5px;
}
.grlist ul li {
	padding-bottom:8px;
	font-size:14px;
	list-style:disc;
}
.promo-pop-cont {
	padding:15px;
}
/*****Info Center******/.info-menu-wrapper {
	background:#00000080;
	border:1px solid #3a4148;
	overflow:hidden;
	border-radius:7px;
	line-height:1.2;
}
.info-menu-wrapper a {
	color:#fff;
	display:block;
	text-transform:uppercase;
	font-size:16px;
	font-weight:600;
	padding:12px 15px;
	border-bottom:1px solid #394047;
}
.info-menu-wrapper a:last-child {
	border-bottom:none;
}
.info-menu-wrapper a.active, .info-menu-wrapper a:hover {
	background: #FCD757;
  color:#000;

}
.info-wrapper {
	background:#00000080;
	border-radius:7px;
	padding:25px 30px;
	margin-bottom:30px;
	min-height:500px;
}
ol.faq {
	padding:0 0 0 15px;
}
.about-sec-in {
	display:flex;
	padding-top:20px;
}
ol.faq li {
	padding-bottom:13px;
}
button.btn-tnc {
	background:#3f474f;
	width:100%;
	text-align:left;
	font-size:16px;
	padding:8px 15px;
	color:#fff;
	border:none;
	border-radius:5px;
	position:relative;
}
button.btn-tnc.collapsed {
	background:#191e2b;
	color:#fff;
}
button.btn-tnc:focus {
	outline:none;
}
.tnc-card {
	margin-bottom:5px;
}
.tnc-body {
	background:rgba(0, 0, 0, 0.3);
	padding:20px 20px 10px;
	border-radius:4px;
	margin-top:2px;
	line-height:1.3;
}
.tnc-body ol {
	padding-left:15px;
}
.tnc-body ol li {
	padding-bottom:8px;
}
.bank-table tr.trans td {
	background:rgba(0, 0, 0, 0.5);
	color:#fff;
	border:1px solid #202529;
	padding:2px;
}
.bank-table tr.trans1 td {
	background:rgba(0, 0, 0, 0.5);
	color:#fff;
	border:1px solid #202529;
	padding:2px;
}
.bank-table tr.dwbox td {
	background:#3a4148;
	color:#fff;
	font-weight:600;
	padding:2px;
}
button.btn-tnc::after {
content:'>';
font-size:16px;
line-height:1;
position:absolute;
right:17px;
top:10px;
transform:rotate(270deg);
transition:all 0.3s;
}
button.btn-tnc.collapsed::after {
content:'>';
transform:rotate(90deg);
transition:all 0.3s;
}
/*******Lpgin*********/.login-page {
	width:950px;
	display:block;
	margin:0px auto;
	background:#00000080;
	min-height:300px;
}
.form-layout-new {
	color:#fff;
	padding:30px;
}
.form-layout-new .title {
	font-size:24px;
	font-weight:bold;
}
.login-form-validation {
	margin-top:25px;
}
.input-area {
	display:flex;
	margin-bottom:20px;
	align-items:center;
	width:100%;
}
.input-area label {
	font-size:16px;
	width:25%;
}
.field-input {
	margin-left:20px;
	width:100%;
}
.login-page .form-style {
	padding:5px 10px;
	width:100%;
	height:38px;
	border:1px solid #dfdfdf;
	box-shadow:none;
	border-radius: 35px;
}
span.logi-text {
	margin-left:22%;
}
.logi-text a {
	color:#FCD757;
	text-decoration:underline;
	font-weight:bold;
}
.btn-submit {
	margin-left:22%;
	border:none;
	background: linear-gradient(to bottom, 
	#FCD757 0%, 
	#FCD757 100%);
	box-shadow:inset 0px 0px 5px #d8a810;
	padding:10px 30px;
	font-size:18px;
	color:#000;
	text-transform:uppercase;
	width:250px;
	border-radius:20px;
}
.area-title {
	font-weight:bold;
	font-size:18px;
	margin:10px 0px;
}
.area-description {
	font-size:16px;
	margin:10px 0px;
}
.form-layout {
	margin-top:30px;
}
span.forgot-password-contact-support {
	font-size:16px;
}
.form-content {
	font-size:16px;
	margin-bottom:30px;
}
.for-tab ul li a {
	background:#003c5e;
	font-weight:bold;
	border-bottom:3px solid #ffcd0000 !important;
	border-radius:0px !important;
	padding:10px;
	width:235px;
	text-align:center;
	font-size:18px;
	color:#ffffff;
}
.for-tab ul {
	border:none;
}
.for-tab ul li a.acitve {
	border-bottom:1px solid #ffcd00;
}
.for-tab ul li a.active {
	border-bottom:3px solid #0c103d !important;
	background:linear-gradient(to bottom, 
	#f9bc06 0%,
	#dca603 0%,  
	#dca603 100%);
	box-shadow:inset 0px 0px 5px #fff;
	color:#fff !important;
}
.for-tab {
	width:949px;
	display:block;
	margin:0px auto;
	margin-top:30px;
	margin-bottom:7px;
}
.for-tab ul li {
	margin-right:10px;
}
.snd-ico {
	margin-right:10px;
}
/*******Download*********/.downloadTab {
	margin:20px 0;
	display:flex;
}
.downloadTab .nav-pills .nav-link {
	background:#0e212c;
	margin-bottom:5px;
	height:50px;
	color:#ffffff;
	align-items:center;
	display:flex;
	border:1px solid #3c444b;
	border-radius:30px;
	justify-content:center;
}
.downloadTab .nav-pills .nav-link.active, .downloadTab .nav-pills .nav-link:hover {
	background:#FCD757 ;
	color:#000;
}
.downloadbody {
	text-align:center;
  font-size:0;
}
.downloadbox {
	text-align:center;
	width:50%;
	padding:0 5px;
	display:inline-block;
}
.ndl-btn {
	background:#FCD757 ;
	color:#000;
	font-size:13px;
	padding:5px 10px;
	font-weight:700;
	border-radius:30px;
	display:block;
	margin:auto;
	margin-top:4px;
	width:78%;
}
.ndl-btn:hover, .ndl-btn:focus {
	color:#000 ;
	background:#fca957;
}
.adl-btn {
	background:#FCD757;
	color:#000;
	font-size:13px;
	padding:5px 10px;
	font-weight:700;
	border-radius:30px;
	display:block;
	margin:auto;
	margin-top:4px;
	width:78%;
}
.adl-btn:hover, .adl-btn:focus {
	background:#fca957;
  color:#000;
}
.dl {margin-top:15px;
}
.dl table {
	border-collapse:collapse;
	width:100%;
	font-size:12px;
	border-collapse:collapse;
	border-radius:22px;
	overflow:hidden;
}
.dl table th {
	border:1px solid #21276d;
	text-align:center;
	padding:16px;
	background:linear-gradient(to bottom, rgba(16, 183, 243, 1) 0%, rgba(12, 112, 170, 1) 33%, rgba(8, 93, 143, 1) 100%);
	color:#fff;
	text-transform:uppercase;
	font-weight:500;
}
.dl table td {
	text-align:left;
	padding:8px;
	background-color:#1c2029;
	border:1px solid #00304e;
	color:#ffffff;
}
.dl .username_custom {
	color:#FCD757 ;
}
.downloadboxContent {
	padding:10px;
	border:1px solid #3c444b;
	background:#1c2029;
	border-radius:20px;
}
.downloadbox img {
	height:130px;
	margin-bottom:7px;
}
/*******Contact us page**********/
.contact-wrap ul {
    list-style: none;
    padding: 0px;
    display: flex;
    width: 100%;
    gap: 60px;
}
.contact-wrap ul li .in-box {
    background: none;
}
.contact-wrap ul li .in-box h4 {
    font-size: 20px;
}
.contact-wrap ul li .side-ic i {
    font-size: 23px;
}
.contact-wrap ul li .side-ic {
    height: 55px;
    width: 100%;
}
.contact-wrap ul li .side-ifn {
    height: 145px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: #0015218f;
    flex-direction: column;
    border-radius: 0px 0px 20px 20px;
}
.contact-wrap ul li {
    width: 25%;
}
.qr-in img {
    width: 30%;
    margin: 0px auto;
    display: block;
}
.contact-wrap ul li .side-ifn p {
    font-size: 20px;
    font-weight: bold;
    padding: 0px;
    color: #fff;
    text-align: center;
}
.contact-wrap ul li .in-box a {
    width: 100%;
    background: none;
    color: #eabe95;
}
.contact-wrap {
    display: block;
    width: 100%;
}

.side-ic {
    background:#1d2f39;	
    display: flex;
    width: 166px;
    text-align: center;
    justify-content: center;
    padding: 8px 0px;
    align-items: center;
    border-radius: 20px 20px 0px 0px;
	color:#FFF; 
}

.side-ic h4 { padding-left:10px; padding-top:5px;}
/*******After login page**********/.after-top {
	background:#00000096;
	padding:15px 0px 0px 0px;
}
.af-top-tab ul {
	display:flex;
	justify-content:center;
}
.af-top-tab ul li {
	width:200px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
.af-top-tab ul li a {
	width:200px;
	text-align:center;
	border-bottom:3px solid #ffcd0000;
}
.af-top-tab ul li a img {
	height:35px;
	filter:brightness(0) invert(1);
}
.af-top-tab ul li a p {
	margin:0px;
	color:#ffffff;
	text-transform:uppercase;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:10px;
}
.af-top-tab ul li a.active {
	border-bottom:3px solid #FCD757;
}
.wallet_bal {
	color:#cd9c41;
}
.sidepanel {
	margin:0;
	padding:0;
	width:195px;
	float:left;
	border-bottom:none;
}
.sidepanel ul {
	background:none;
	list-style-type:none;
	padding:0px;
	margin:0px;
}
.sidepanel ul li {
	margin-bottom:1px;
}
.sidepanel ul li a {
	display:flex;
	text-align:center;
	text-decoration:none;
	font-size:13px;
	margin:0px;
	border-radius:5px;
	line-height:initial;
	align-items:center;
	justify-content:left;
	padding-left:20px;
	word-break:break-all;
	padding:10px;
	background-image:-webkit-linear-gradient(top, #f4f3f3, #e6e6e6);
	color:#858585;
	box-shadow:0px -1px 0 #d8d8d8, 0 0px 0px 1px rgba(255, 255, 255, 0.9);
}
.sidepanel ul li.active a {
	background:linear-gradient(to bottom, rgba(198, 168, 70, 1) 0%, rgba(111, 80, 13, 1) 100%);
	color:#fff;
}
.sidepanel_icon_white {
	display:none;
}
.sidepanel ul li.active a .sidepanel_icon_white {
	display:block;
}
.sidepanel ul li.active a .sidepanel_icon_color {
	display:none;
}
.sidepanel ul li a img {
	margin-right:5px;
	width:24px;
}
.sidepanel_content {
	display:block;
	margin-left:210px;
	min-height:600px;
	border-radius:10px;
	color:#ffffff;
}
.sidepanel_header {
	padding:20px;
	color:#000000;
	border-bottom:1px solid #c4c4c4;
}
[data-toggle="collapse"] .fa:before {
	content:"\f139";
}
[data-toggle="collapse"].collapsed .fa:before {
	content:"\f13a";
}
.af-wrap {
	display:block;
	margin:0px auto;
	width:880px;
}
.transaction-status .card-header {
	background:#1d2f39;
}
.transaction-status .card {
	border:none;
	background:#00000080;
}
.btn-link i {
	position:absolute;
	right:0px;
	display:flex;
	align-items:center;
	font-size:18px;
}
.transaction-status .card-header h5 {
	position:relative;
}
.transaction-status .btn-link {
	color:#fff;
	border:none;
	background:none;
	padding:5px 0px;
	font-weight:bold;
}
.transaction-status .btn-link:hover {
	color:#ffcd00;
	text-decoration:none;
}
.tranc-table tr td {
	background:#d9d9d9;
	color:#000;
	padding:5px 10px;
	text-align:center;
}
.tranc-table tr th {
	background: linear-gradient(to bottom, rgba(16, 183, 243, 1) 0%, rgba(12, 112, 170, 1) 33%, rgba(8, 93, 143, 1) 100%);
	color:#fff;
	padding:5px 10px;
	text-align:center;
}
.transaction-status {
	margin-bottom:20px;
}
.btn-wallt {
	background:#1d2f39;
}
.wallt-ttl {
	padding:10px;
	font-size:16px;
	font-weight:bold;
}
.btn-bln {
	color:#ffffff;
	padding:5px 10px;
	font-size:14px;
	background:#00000080;
}
.bln-ttl {
	font-weight:bold;
	font-size:16px;
}
.card.bln-box {
	border:1px solid rgb(4 72 119);
	border-radius:0px;
	background:none;
}
.login_bar span i {
	margin:0px 7px;
}
.bln-box .card-header {
	background:#FCD757 ;
  color:#000;
	border:1px solid #0c103d;
	border-radius:0px;
}
.bln-box .btn-link {
	border:none;
	background:none;
	padding:10px 0px;
	color:#000;
	font-weight:bold;
  text-decoration:none;
}
#wbln-1 .card-body {
	padding:0px;
}
.af-tab-dwn-mn ul {
	display:flex;
	justify-content:flex-start;
	padding:0px;
	margin:0px;
}
.af-tab-dwn-mn ul li {
	list-style:none;
	display:flex;
	margin-right:5px;
	align-items:center;
}
.af-tab-dwn-mn ul li a img {
	height:30px;
	margin-right:10px;
}
.af-tab-dwn {
	padding:0px;
}
.af-tab-dwn-mn ul li a {
	background:#fff !important;
	padding:10px 15px;
	color:#000 !important;
	display:flex;
	align-items:center;
	font-weight:bold;
	border-bottom:3px solid #FCD757;
	text-transform:uppercase;
}
.af-tab-dwn-mn ul li a.active {
	border-bottom:3px solid #FCD757 !important;
	background:#436273 !important;
	color:#fff !important;
}
.bank_select {
	display:flex;
	justify-content:left;
	width:500px;
	font-size:12px;
}
.bank_select_inner {
	display:flex;
	color:#858585;
	text-align:center;
	align-items:center;
	margin-right:10px;
}
.bank_select_img {
	border:1px solid #858585;
	border-radius:5px;
	padding:0px;
	margin:8px;
	margin-left:0;
}
.nav-pills.afterlogin_bank .nav-link.active, .nav-pills.afterlogin_bank .show > .nav-link {
	color:#fff;
	background-color:#ffffff00;
	background-position:1% 56%;
	background-repeat:no-repeat;
	padding:0;
}
.nav-pills.afterlogin_bank .nav-link {
	padding:0;
}
.nav-pills.afterlogin_bank .nav-link.active .bank_select_inner {
	color:#cd9c41;
}
.nav-pills.afterlogin_bank .nav-link.active .bank_select_inner .bank_select_img {
	border:1px solid #ecc659;
}
.ori_img {
	display:none;
}
.nav-pills.afterlogin_bank .nav-link.active .ori_img {
	display:block;
}
.nav-pills.afterlogin_bank .nav-link.active .grey_img {
	display:none;
}
.af-in-content {
	color:#fff;
	display:flex;
	margin-top:8px;
	padding:20px;
	min-height:450px;
	width:100%;
	background:#00000080;
}
.form-in {
	display:flex;
	margin-bottom:20px;
	font-size:16px;
}
.setting_text {
	font-size:16px;
	width:100%;
}
.afterlogin {
	display:flex;
	justify-content:center;
}
.afterlogin a {
	margin-bottom:16px;
	border:1px solid #000;
	background:#0c103d;
	width:31%;
	display:block;
	text-align:center;
}
.afterlogin a.active {
	border:1px solid #ffcd00;
	background:#314060 !important;
}
.inputDeposit {
	height:38px;
	padding:5px 10px;
}
.depositBtn {
	border:none;
	background:#314060;
	color:#fff;
	padding:10px;
	border:1px solid #fff;
}
.submit_btn {
	color:#000;
	font-size:18px;
	padding:10px 20px;
	border:none;
	width:197px;
	background:#FCD757 ;

	box-shadow:inset 0px 0px 5px #d8a810;
	border-radius:20px;
}
.submit_btn:hover {
	background:#fca957;
}
.btn-all-af {
	padding-left:10px;
}
.af-content .row {
	margin-bottom:20px;
}
.bank_details_copy i {
	color:#ec0000;
}
.bank_details_copy {
	font-size:14px;
}
.form-style-m {
	height:38px;
	padding:5px 10px;
	width:100%;
}
.form-style-lb {
	font-size:16px;
}
.form-item {
	display:flex;
	margin-bottom:20px;
	width:100%;
	align-items:center;
}
.form-style-lb {
	width:30%;
}
.af-in-content-all {
	width:100%;
}
.btn-all-af-2 {
	display:flex;
	justify-content:flex-end;
}
.af-in-content-all h4 {
	font-weight:bold;
	margin-bottom:30px;
}
/*************MSG*****************/.mail-box {
	position:relative;
	margin-right:-14px;
}
.msg-nmb {
	position:absolute;
	top:-5px;
	background:#f00;
	color:#fff;
	border-radius:50%;
	padding:1px;
	width:20px;
	height:20px;
	text-align:center;
	right:18px;
	font-size:11px;
}
.mail-box img {
	width:70%;
	border:1px solid #f1d59b;
	padding:5px 10px;
}
.mail-box2 {
	position:relative;
}
.msg-nmb2 {
	position:absolute;
	top:5px;
	background:#f00;
	color:#fff;
	border-radius:50%;
	padding:0px;
	width:20px;
	height:20px;
	text-align:center;
	right:7px;
	font-size:13px;
	font-weight:bold;
}
.mail-box2 img {
	width:100%;
	border:1px solid #f1d59b;
	padding:10px 10px;
	display:block;
	margin:0px auto;
}
.in-box {
	display:flex;
}
.msg-content {
	display:block;
	width:100%;
	border:1px solid #00131e;
}
.bg-ttl {
	text-align:center;
	color:#ffe795;
	font-size:22px;
	text-transform:uppercase;
}
.btn-ttl {
	color:#ffffff;
	padding:8px 25px;
	border-radius:25px;
	text-align:left;
	display:inline-block;
	font-weight:bold;
}
.msg-tr {
	display:table;
	width:100%;
	cursor:pointer;
}
.msg-td {
	display:table-cell;
}
.cl-1 {
	width:18%;
	text-align:left;
}
.cl-2 {
	width:30%;
}
.cl-3 {
	width:40%;
}
.cl-4 {
	width:10%;
	text-align:right;
}
.msg-tr a {
	width:100%;
	display:table;
}
.msg-tr a {
	width:100%;
	display:table;
	color:#ffffff;
	padding:10px 0px;
	background:rgba(0, 0, 0, 0.6);
}
.mesg-bg {
	background:#190804 url(../images/common/msg-bg.html) top center no-repeat;
	padding:0px 0px 40px 0px;
}
.msg-bg {
	border-radius:10px;
}
.msg-ttl {
	position:relative;
	border-bottom:1px solid #013351;
	background:linear-gradient(to bottom, rgba(169, 211, 32, 1) 0%, rgba(56, 131, 18, 1) 100%);
}
.pt-txt {
	padding-left:25px;
}
.trsh-ico i {
	font-size:20px;
	color:#ffffff;
	padding-right:20px;
}
.msg-list .msg-tr {
}
.msg-list .msg-tr:hover {
}
.msg-tr a:hover {
	background:#0c103d;
	text-decoration:none;
}
.txt-l {
	flex:1 0 auto;
	color:#c7c7c7;
	padding:30px 0px;
}
.txt-info {
	display:flex;
	width:100%;
	margin-top:5%;
}
.page-box {
	flex:0 1 auto;
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:center;
	align-items:center;
	align-content:stretch;
	color:#c7c7c7;
	width:100%;
}
.pg-input input {
	width:40px;
	height:30px;
	border-radius:8px;
	border:none;
	text-align:center;
}
.pg-1 {
	padding:0px 10px;
}
.btn-left {
	height:30px;
	padding:0px 10px;
	border-radius:8px 0px 0px 8px;
}
.pg-n {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:center;
	align-items:center;
	align-content:stretch;
}
.btn-right {
	height:30px;
	padding:0px 10px;
	border-radius:0px 8px 8px 0px;
}
.pg-n button {
	background:#eaf2f5;
	color:#45547b;
	font-size:14px;
}
.msg-pp {
	max-width:580px;
	margin-top:10%;
}
.msg-pp .modal-content {
	border:none;
	background:#003858;
	min-height:289px;
	border-radius:9px;
	border:1px solid #ffcd00;
}
.msg-pp button.close {
	color:#ffffff;
	opacity:1;
	font-size:18px;
	position:absolute;
	right:10px;
	top:10px;
	font-weight:100;
	border-radius:8px;
}
.msg-p-ttl {
	text-align:left;
	font-size:18px;
	padding:10px;
	color:#ffcd00;
	padding:30px 15px 0px 15px;
}
.msg-pp .modal-body {
	padding:0px;
	position:relative;
}
.msg-content-pop {
	padding:10px 15px;
	color:#ffffff;
	display:block;
}
table.table-msg tr th {
	background:#080c38;
	text-align:left;
	padding:10px 20px;
	border-bottom:1px solid #01c6ff;
	color:#01c6ff;
}
table.table-msg tr td {
	background:#000;
	padding:10px 20px;
}
span.time-l {
	padding-left:11px;
}
.msg-in p {
	margin-bottom:18px;
}
a.msg-saw:focus {
	text-decoration:none;
}
.msg-in .fa {
	color:#ffd040;
	font-size:19px;
}
.msg-in {
	float:left;
	margin-right:10px;
}
.clr-box {
	border-radius:50px;
	border:1px solid #fff;
	width:auto;
	height:18px;
	display:block;
	font-size:10px;
	text-align:center;
	position:relative;
	top:1px;
	margin-left:5px;
	font-weight:bold;
	padding:0 2px;
	min-width:18px;
}
.msg-in .fa:hover {
	color:#ffffff;
}
.msg-in a {
	display:flex;
	color:#fff;
}
.msg-in a:hover .fa {
	color:#fff;
}
.msg-in a:hover {
	text-decoration:none;
}
.date-from {
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:100%;
}
.date-from span {
	margin:0px 10px;
}
.logout_btn {
	background:linear-gradient(to bottom, 
	#f9bc06 0%,
	#dca603 0%,  
	#dca603 100%);
	
	color:#fff;
	font-weight:800;
	text-transform:uppercase;
	border:none;
	border-radius:20px;
	width:110px;
	height:30px;
	font-size:13px;
	box-shadow:inset 0px 0px 5px #fff;
}
.btmtools_after {
	color:#c9c6c6;
	display:flex;
	justify-content:flex-end;
	margin-top:10px;
}
.af-detail {
	display:flex;
	align-items:center;
}
.deposit_btn {
	background:#ffc000;
	color:#fff;
	font-weight:800;
	text-transform:uppercase;
	border:none;
	border-radius:20px;
	min-width:110px;
	height:30px;
	font-size:13px;
	margin-right:5px;
background: linear-gradient(to bottom, 
	#f57911 0%, 
	#d46406 100%);
	box-shadow:inset 0px 0px 5px #d8a810;
  padding-left:15px;
  padding-right:15px;
}
.btn-afbtn {
	background: linear-gradient(to bottom, rgba(16, 183, 243, 1) 0%, rgba(12, 112, 170, 1) 33%, rgba(8, 93, 143, 1) 100%);
	color:#fff;
	font-weight:800;
	text-transform:uppercase;
	border:none;
	border-radius:20px;
	width:auto;
	height:32px;
	font-size:13px;
	margin-right:5px !important;
	padding:7px 15px;
	display: flex;
	align-items: center;
}
.drop-in ul li {
	list-style:none;
	padding:6px 10px;
}
.drop-in ul {
	margin:0px;
	padding:0px;
}
.af-detail {
	display:flex;
	align-items:center;
}
.user-name h4 {
	color:#ffffff;
	font-size:14px;
	display:flex;
	margin:0px;
}
.user-name h4 span {
	color:#ffcd00;
	font-weight:bold;
	margin-left:5px;
}
.dropdown-menu {
	min-width:260px;
	background: #ffffff;
	color:#ffffff;
	margin:0px;
	padding:0px;
	border-radius:8px;
	left:-17px;
	border:1px solid #ffcd00;
	margin-top:1px;
}
.drop-in ul li {
	display:flex;
	cursor:pointer;
}
.dropdown-menu ul li:first-child {
	margin-top:10px;
}
.dropdown-menu ul li {
	display:flex;
	list-style:none;
	width:100%;
	padding:3px 10px;
	cursor:pointer;
	justify-content:space-between;
	align-items:center;
}
.prov-name {
	margin-left:0px;
	font-size:13px;
	float:left;
}
.dropdown-menu ul li:hover {
	background:#ffffff85;
}
.am-prov {
	text-align:right;
	float:right;
	display:flex;
	position:relative;
	align-items:center;
}
.btn-in {
	padding:3px 6px;
	font-size:12px;
	background:#7ab529;
	margin-left:8px;
	color:#fff;
	border:none;
}
.prov-out {
	margin-left:8px;
}
.btn-out {
	padding:3px 5px;
	font-size:12px;
	background:#b5171d;
	color:#fff;
	border:none;
}
.am-prov .prov-in {
	width:auto;
}
.prov-am {
	font-size:13px;
	line-height:0px;
}
.drop-menu ul li:first-child {
	background:none;
	border:none;
	padding:0px;
}
.drop-menu ul li a {
	text-align:center;
	display:block;
	font-weight:bold;
	font-size: 13px;
	padding:5px 0px;
}
.dropdown-menu2 {
	min-width:115px !important;
	left:6px;
}
.drop-menu ul li {
	padding:0px;
}
.drop-menu ul li a:hover {
	background: #10ace778;
	color: #ffffff;
}
.drop-menu ul {
}
.drop-menu ul li:last-child a:hover {
	border-radius:0px 0px 6px 6px;
}
.drop-menu ul li:first-child a:hover {
	border-radius:6px 6px 0px 0px;
}
.btn-afbtn:hover {
	color:#fff;
}
.user-name {
	font-weight:bold;
	margin-right:10px;
}
.log-group i {
	color:#ffcd00;
	font-size:20px;
}
span.msg-dot {
	height:10px;
	width:10px;
	background:#f00;
	display:flex;
	border-radius:50%;
	position:absolute;
	right:-5px;
	top:-5px;
}
.log-group a {
	position:relative;
}
.contact_dotted {
	border-right:1px dotted #fff;
	display:flex;
	flex-direction:column;
	justify-content:center;
	width:33%;
	align-items:center;
	font-size:18px;
}
.contact_dotted img {
	height:100px;
}
.contact-us-header_inner {
	margin:80px 0px;
}
.contact_dotted i {
	font-size:101px;
}
.contact_dotted span {
	margin-bottom:15px;
}
.contact_dotted a:hover {
	color:#ffc000;
}
.owl-nav button {
	position:absolute;
	top:50%;
	background-color:#000;
	color:#fff;
	margin:0;
	transition:all 0.3s ease-in-out;
}
.owl-nav button.owl-prev {
	left:0;
}
.owl-nav button.owl-next {
	right:0;
}
.owl-dots {
	text-align:center;
	padding-top:15px;
	display:none;
}
.owl-dots button.owl-dot {
	width:15px;
	height:15px;
	border-radius:50%;
	display:inline-block;
	background:#ccc;
	margin:0 3px;
}
.owl-dots button.owl-dot.active {
	background-color:#000;
}
.owl-dots button.owl-dot:focus {
	outline:none;
}
.owl-nav button {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	background:rgba(255, 255, 255, 0.38) !important;
	width:50px;
	height:50px;
	border-radius:25px;
}
.owl-nav button:focus {
	outline:none;
}
.owl-nav button span {
	font-size:50px;
	line-height:25px;
}
.owl-nav button {
	background:none;
}
.owl-slider {
	margin-top:20px;
	display:block;
}
/******Deposit******/.payment-sel ul li {
	list-style:none;
	margin-right:10px;
}
.payment-sel ul {
	display:flex;
	padding:0px;
	margin:0px;
	margin-bottom:50px;
}
.payment-sel ul li a {
	background:#314060;
	padding:7px 30px;
	color:#fff;
	font-size:16px;
	border-bottom:3px solid #FCD757;
}
.payment-sel ul li a.active, .payment-sel ul li a:hover {
	background:#436273;
	border-bottom:3px solid #FCD757;
}
.step-bar {
	  background: linear-gradient(to right, 
	#112937 15%, 
	#193c51 16%,
	#193c51 85%,
	#112937 100%);

}
.step-in ul {
	display:flex;
	justify-content:space-between;
	margin:0px;
	padding:0px;
	padding-top:10px;
	align-items:center;
	margin:0px;
}
.step-in ul li {
	display:flex;
	align-items:center;
}
.step-text {
	padding-left:20px;
}
.step-text h4 {
	color:#fff;
	font-weight:bold;
	font-size:22px;
	background:-webkit-linear-gradient(#ffee00, #b78327);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	filter:drop-shadow(2px 2px #333);
}
.lby-box ul {
	display: flex;
	flex-wrap:wrap;
	padding:0px;
	justify-content: center;
}
.lby-box ul li {
	list-style:none;
	width: 25%;
	position: relative;
}
.index-info {
	display:flex;
	justify-content:space-between;
	position:relative;
}
.in-info ul {
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	margin:0px;
	padding:0px;
	gap:0px;
}
.in-info ul li {
	list-style:none;
}
.embed-container {
	position:relative;
	width:100%;
	overflow:hidden;
	padding-top:56.25%;
	height:100%;
}
.embed-container iframe {
	top:0;
	left:0;
	bottom:0;
	right:0;
	width:100%;
	height:100%;
	border:none;
	position:absolute;
	padding:8px;
}
.rebate-in {
}
.referral_qr img {
	display:block;
	margin:0px auto;
	height:115px;
}
.rabate-date {
	display:flex;
	justify-content:center;
	align-items:center;
	margin-top:30px;
}
.referral_qr {
	margin-top:26px;
}
.rabate-date .form-group {
	margin:0px 4px;
}
.btn-check {
	background:#FCD757;
	color:#000;
	border-radius:50px;
	padding:4px 20px;
	border:none;
}
.af-table tr th {
	background: linear-gradient(to bottom, rgba(16, 183, 243, 1) 0%, rgba(12, 112, 170, 1) 33%, rgba(8, 93, 143, 1) 100%);
	color:#fff;
	padding:5px 10px;
	text-align:center;
	border:1px solid #668da7;
}
.af-table tr td {
	padding:5px 10px;
	border:1px solid #668da7;
	text-align:center;
	color:#fff;
}
.privatemsgTable {
	margin-top:30px;
}
.table-detail tr th {
	background:linear-gradient(to bottom, rgba(197, 156, 84, 1) 0%, rgba(105, 72, 14, 1) 100%);
	padding:7px;
	text-align:center;
	border:1px solid #856123;
}
.table-detail tr td {
	text-align:center;
	border:1px solid #856123;
	padding:5px;
}
table.table-detail {
	width:500px;
	margin:0px auto;
}
.inx-prod {
	display:flex;
	justify-content:space-between;
}
.inx-prod ul li img {
	height:210px;
}
.depositTitle {
	color:#fff;
}
.rabate-date input.form-control {
	margin:0px;
}
.rabate-date .form-control {
	border-radius:5px;
}
.rabate-date.input-group-append button {
	border:none;
}
button.btn-dt {
	border:none;
}
.main-wallet {
	padding:0px;
}
.main-wallet {
	text-align:center;
	color:#000;
	background:#000;
}
.main-wallet:hover {
	background:#000;
	color:#ffe895;
}
.prov-name {
	margin-left:0px;
	font-size:13px;
	float:left;
	padding-top:3px;
	font-weight:bold;
	width:25%;
	text-align:left;
	background:#232323;
	padding:5px;
	border-right:1px solid #abe5ff;
}
.prov-name-2 {border-left:1px solid #abe5ff;}
.am-prov {
	float:right;
	display:flex;
	position:relative;
	width:25%;
	text-align:center;
	justify-content:center;
}
.btn-in {
	padding:5px 0px;
	font-size:12px;
	color:#5ed087;
	margin-left:8px;
	border:none;
	background:none;
}
.prov-out {
	margin-left:8px;
}
.btn-out {
	padding:5px 0px;
	font-size:12px;
	color:#ec4e4e;
	border:none;
	background:none;
}
.am-prov .prov-in {
	width:auto;
	color:#fff;
}
.prov-am {
	font-size:13px;
	line-height:0px;
	width:50%;
}
.main-wallet ul li:hover {
	background:#ffffff29;
}
.main-wallet ul li:first-child {
	border-bottom:1px solid #0ea678;
	background:linear-gradient(to bottom, rgba(16, 183, 243, 1) 0%, rgba(12, 112, 170, 1) 33%, rgba(8, 93, 143, 1) 100%);
	color:#fff;
	padding:5px;
	border:none;
}
.main-wallet ul li {
	display:flex;
	list-style:none;
	width:100%;
	cursor:pointer;
	border-top:1px solid #abe5ff;
	border-bottom:none;
}
.main-wallet ul {
	margin:0px;
	padding:0px;
	color:#fff;
	border:1px solid #abe5ff;
}
.modal-bln .modal-body {
	padding:0px;
}
.close-X {
	text-align:center;
	display:block;
	width:100%;
	color:#ffffff;
	opacity:1;
	text-shadow:none;
}
.btn-vefy {
	background:#3f4579;
	padding:14px;
	color:#fff;
	font-size:10px;
}
.modal-bln {
	margin:0px;
}
#balance-modal .close-x {
	position:absolute;
	right:-13px;
	top:-15px;
	z-index:10;
	border:1px solid #0c6da5;
	background:#000;
	border-radius:50%;
	color:#fff;
	font-size:16px;
	width:30px;
	height:30px;
}
.main-wallet ul li:first-child .prov-name {
	background:none;
	border:none;
}
.main-wallet ul li:first-child .am-prov {
	align-items:center;
	display:flex;
	align-items:center;
}
.blog-wrapper {
	max-width:1000px;
	margin:0 auto;
	background:#0000009c;
	padding:30px;
	margin-bottom:20px;
	color:#fff;
	margin-top:20px;
}
.blog-title-box {
	background:linear-gradient(to right, rgba(255, 252, 150, 1) 0%, rgba(233, 191, 55, 1) 100%);
	padding:5px;
}
.blog-title-box i {
	font-size:28px;
	color:#000000;
	margin-left:10px;
	margin-right:10px;
}
.blog-boxer {
	display:grid;
	grid-template-columns:40% 60%;
	cursor:pointer;
	transition:all 0.5s;
	position:relative;
	max-width:100%;
	height:auto;
	align-content:center;
	margin:25px 0;
	grid-gap:10px;
}
.blog-boxer h4 {
	color:#ffffff;
	font-weight:600;
	font-size:26px;
}
.blog-time-title {
	color:#f7ffc3;
}
.blog-time-title p i {
	margin-right:10px;
}
.blog-content {
	color:#cacaca;
	margin-bottom:15px;
	padding-left:30px;
	padding-right:30px;
}
.blog-boxer .moreinfo_btn {
	display:flex;
	align-items:center;
	width:37%;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	border-radius:15px;
	color:#fff;
	background:linear-gradient(to bottom, rgba(169, 211, 32, 1) 0%, rgba(56, 131, 18, 1) 100%);
	box-shadow:inset 0px 0px 5px #fff;
	justify-content:center;
}
.blog-boxer .moreinfo_btn:hover {
	color:#fff;
	background:#c22323;
}
.blog-boxer_inner {
	display:grid;
	padding-bottom:10px;
}
.blog-boxer .moreinfo_btn i {
	background:#000;
	color:#efce4d;
	border-radius:50%;
	margin-left:10px;
	width:15px;
	height:15px;
	padding:2px;
	padding-left:5px;
}
.seperate-line {
	height:5px;
	width:100%;
	margin:0 auto;
	background:#edca48;
	border-radius:10px;
}
.blog-content p {
	font-weight:700;
}
.blg-content {
	padding:10px;
}
.btn-logo img:hover {
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
}
.btn-logo img {
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}
.lby-box ul li img:hover {
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
}
.lby-box ul li img {
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}
.in-info ul li img {
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}
.in-info ul li img:hover {
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
}
.bnr-indx img {
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}
.bnr-indx img:hover {
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
}
.pm-boxer img:hover {
	filter:drop-shadow(2px 4px 6px #8ec01d);
}
.m-desktop-show {
	display:block;
}
.m-mobile-show {
	display:none;
}
.btn-plynow {
	color: #000;
	position:absolute;
	bottom:13%;
	left:10%;
	padding:5px 20px;
	border-radius:15px;
	font-weight:bold;
	text-transform:uppercase;
-webkit-transition:all .6s ease-in-out;
	background:#FCD757 ;
	box-shadow:inset 0px 0px 5px #d8a810;
	text-shadow: 1px 1px 2px #fff;
	
}
.btn-plynow:hover {
	color: #000;
}
.btn-logo .btn-plynow {
	left:6%;
	font-size:20px;
}
.lby-box ul li:hover .btn-plynow {
 -webkit-transition: all .6s ease-in-out;
	transform: scale(1.1);
}
.bg-event {
	background: #0000003d;
	margin-bottom: 30px;
	padding: 30px;
	margin-top: 30px;
}
.indx-6 ul {
	list-style: none;
	padding: 0px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.indx-6 ul li {
	margin-bottom: 15px;
	position: relative;
}
.bnr-indx2 {
	position: relative;
}
.btn-plynow2 {
	background: linear-gradient(to bottom, rgba(99, 0, 0, 1) 0%, rgba(198, 0, 0, 1) 51%, rgba(123, 0, 0, 1) 100%);
	padding: 5px 10px;
	border-radius: 30px;
	box-shadow: 1px 1px 1px #000;
	position: absolute;
	width: 110px;
	font-weight: bold;
	text-shadow: 1px 1px 1px #000;
	text-align: center;
	right: 30px;
	bottom: 25px;
 -webkit-transition: all .6s ease-in-out;
}
.btn-plynow2:hover {
	background: linear-gradient(to bottom, rgba(123, 0, 0, 1) 0%, rgba(198, 0, 0, 1) 49%, rgba(99, 0, 0, 1) 100%);
	color: #fff;
	transform: scale(1.1);
}
.bnr-indx:hover .btn-plynow {
	transform: scale(1.1);
}
.tour-bg {
	background: url("../images/common/tournament/bg.jpg") no-repeat center top;
}
.top-tour {
	display: flex;
	margin: 0px auto;
	justify-content: center;
}
.tour-ttl {
	font-size: 100px;
	font-weight: bold;
	text-align: center;
	text-shadow: -3px 4px 20px #124895, -3px 4px 20px #124895, -3px 4px 20px #124895;
	margin: 20px 0px;
}
.tour-all {
	display: flex;
	justify-content: space-between;
}
.tnr-1 {
	position: relative;
	width: 500px;
	height: 515px;
}
.tour-1 {
	background: url("../images/common/tournament/base-min.png") no-repeat center top;
	width: 358px;
	height: 479px;
	margin-top: 100px;
	background-size: contain;
	order: 1;
}
.tour-3 {
	background: url(../images/common/tournament/base-min.png) no-repeat center top;
	width: 358px;
	height: 469px;
	margin-top: 100px;
	padding: 20px;
	order: 3;
}
img.trn-1 {
	position: absolute;
	width: 529px;
}
img.trn-2 {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0px auto;
	bottom: 37%;
	width: 20%;
}
.tour-2 {
	width: 500px;
	position: relative;
}
img.trn-1 {
	position: absolute;
	width: 529px;
	z-index: 1;
}
img.trn-2 {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0px auto;
	bottom: 37%;
	width: 20%;
}
.tour-2 {
	width: 500px;
	position: relative;
	order: 2;
}
.ttl-spin {
	background: -webkit-linear-gradient(#ffee00, #b78327);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	filter: drop-shadow(2px 2px #333);
	font-size: 29px;
	text-align: center;
	font-weight: bold;
}
.tourin-1 {
	padding: 20px;
}
.box-spin {
	background: #252525;
	box-shadow: inset 0px 0px 8px 0px #000;
	font-size: 20px;
	font-weight: bold;
	border-radius: 30px;
	text-align: center;
	margin-bottom: 20px;
	padding: 5px;
}
.ttl-spin2 {
	background: -webkit-linear-gradient(#ffee00, #b78327);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	filter: drop-shadow(2px 2px #333);
	font-size: 20px;
	text-align: center;
	font-weight: bold;
}
.ttl-spin-bg {
	background: -webkit-linear-gradient(#ffee00, #b78327);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	filter: drop-shadow(2px 2px #333);
	font-size: 34px;
	text-align: center;
	font-weight: bold;
}
select.btn-tour {
	background: none;
	border: none;
	color: #fff;
	text-align: center;
}
.btn-trn {
	background: linear-gradient(to bottom, rgba(26, 76, 176, 1) 0%, rgba(18, 47, 94, 1) 100%);
	border: 1px solid #2d71f2;
	color: #fff;
	text-shadow: 1px 1px 5px #abcae8;
	padding: 14px 30px;
	border-radius: 30px;
	margin: 0px auto;
	display: block;
	font-size: 20px;
}
.btn-trn:hover {
	background: linear-gradient(to bottom, rgba(18, 47, 94, 1) 0%, rgba(26, 76, 176, 1) 100%);
}
select.btn-tour option {
	background: #252525;
}
.table-winn tr th {
	background: -webkit-linear-gradient(#ffee00, #b78327);
	padding: 8px;
	text-align: center;
	color: #000;
}
.table-winn table {
	width: 100%;
	border-collapse: collapse;
	border-radius: 1em;
	overflow: hidden;
	background: #252525;
	margin-top: 10px;
}
img.img-girl {
	position: absolute;
	bottom: -65px;
	height: 343px;
	right: -115px;
	z-index: 2;
}
.tour-wrap {
	margin-bottom: 4.9%;
}
.table-winn tr td {
	padding: 8px;
	text-align: center;
}
img.trn-3 {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0px auto;
	bottom: 10%;
	width: 79%;
}
.slots-sec {
	padding:30px 0 45px;
}
ul.nav.provider-menu {
	display:flex;
	align-items:flex-end;
	text-align:center;
	background:#353638;
}
ul.nav.provider-menu li {
	width:120px;
	font-size:11px;
	height:100px;
	display:flex;
	justify-content:center;
	align-items:flex-end;
}
ul.nav.provider-menu li a {
	padding:15px 10px;
	display:block;
	color:#ffffff;
}
ul.nav.provider-menu li a img {
	margin-bottom:5px
}
ul.nav.provider-menu li.active, ul.nav.provider-menu li:hover {
	background:#8925f4;
}
ul.nav.provider-menu li.active a, ul.nav.provider-menu li:hover a {
	color:#ffffff;
}
ul.nav.provider-menu li.active img, ul.nav.provider-menu li:hover img {
}
ul.nav.filter-list {
	background:#0f0f0f;
	margin-top:8px;
}
ul.nav.filter-list li {
	min-width:120px;
	text-align:center;
}
ul.nav.filter-list li a {
	color:#ffffff;
	display:block;
	padding:8px 2px;
	text-transform:uppercase;
	font-size:13px;
}
ul.nav.filter-list li.active a, ul.nav.filter-list li:hover a {
	color:#fff;
	background:#8925f4;
}
.thumbnail-slots {
	display:grid;
	grid-template-columns:repeat(6, 1fr);
	grid-gap:10px;
	padding:15px 0;
}
.flex-column {
	flex-direction:inherit !important;
}
.swiper-wrapper .nav {
	display:initial;
}
.swiper-wrapper.nav {
	display:flex;
	flex-wrap:inherit !important;
}
.swiper-slide.active img {
	filter: brightness(0) invert(1);/* box-shadow: 0px 0px 4px 2px #96c621; */
}
.thumbnail-slots p {
	text-align: center;
	padding: 10px 0px;
}
.swiper-slide img {
	display:block;
	margin:0px auto;
	max-width:100%;
	padding:10px 0px;
	padding-bottom:30px;
}
.swiper-slide {
	text-align:center;
	cursor:pointer;
}
.swiper {
	width:100%;
	padding: 0px;/* background: #012136; */
	border: 1px solid #0f9fdc;
}
.swiper-button-prev {
	left:0px;
	background: #012f4d;
	position:absolute;
	top: 22%;
	width:35px;
	height: 100px;
	color:#ffffff;
	padding:10px;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	height:100%;
	z-index:1;
	display:flex;
	transition-property:transform;
	box-sizing:content-box;
}
.swiper-button-next:after, .swiper-button-prev:after {
	font-size:25px;
	font-weight:bold;
}
.swiper-button-next {
	right:0px;
	background: #012f4d;
	position:absolute;
	top: 22%;
	width:35px;
	height: 100px;
	color:#ffffff;
	padding:10px;
}
.swiper-slide p {
	font-weight:bold;
	position:absolute;
	color:#fff;
	bottom:5px;
	width:100%;
	text-align:center;
	margin:0px;
	text-transform:uppercase;
	font-size: 12px;
}
.slot-lb .swiper-slide {
	display:flex;
	align-items:center;
	flex-direction:column;
	justify-content:center;/* border-top: 1px solid #0f9fdc; */
	border-bottom: 1px solid #0f9fdc;
}
.swiper-slide.active {
	background: #0f9fdc;
}
.provider-menu-wrap {
	max-width: 1140px;
	margin: 0px auto;
}
.swiper-slide:hover img, .swiper-slide.active img {
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	opacity:0.5;
}
.search-bar {
	background: #012136;
	margin: 0px 0px 0px 0px;
	padding: 10px;
}
.search-in {
	display: flex;
	position: relative;
}
input.input-search {
	width: 100%;
	padding: 10px;
	border-radius: 10px;
	background: #012f4d;
	border: none;
	color: #0f9fdc;
}
.ico-search {
	position: absolute;
	right: 15px;
	top: 10px;
}
 .swiper-slide:nth-child(n+13) {
 border-bottom: none;
}
.bln-ico {
	color: #f0ce62;
}
.form-wrap {
	display:flex;
	align-items:center;
	border:1px solid #a60417;
	border-radius:5px;
	margin-bottom:10px;
	padding:5px;
	background:#210609;
}
.inp-txt {
	width:210px;
	padding-left:15px;
}
.inp-box input {
	margin:0px;
	width:100%;
	height:40px;
	background:none;
	border:none;
	color:#fff;
}
.inp-box {
	width:100%;
	display:flex;
}
.reg-box img {
	margin-bottom:10px;
}
.reg-box2 {
	margin:20px 0px;
	position:relative;
}
.btn-sub {
	display:flex;
	justify-content:center;
	margin-top:25px;
}
.btn-sub .jms-link {
	height:38px;
	font-size:16px;
}
.wrap-reg {
	margin-top:25px;
	position:relative;
	min-height: 420px;
}
select.form-nm {
	background:#210609;
	color:#fff;
	border:none;
	padding:0px 0px;
	margin-right:10px;
	width: 30%;
}
select.form-nm:focus {
	border:none;
	outline:none;
}
.reg-step ul li:hover .ttl-reg, .reg-step ul li.active .ttl-reg {
	color:#000;
}
.reg-step ul li:hover .ttl-nm, .reg-step ul li.active .ttl-nm {
	color:#000 !important;
}
.jms-link {
	border:none;
	font-size:14px;
	padding:10px 35px;
	border-radius: 50px;
	color: #000 !important;
	transition:400ms;
	font-weight:bold;
	background: #FCD757;
	box-shadow: inset 0px 0px 5px #fff;
}
.jms-link:hover {
	color:#000000;
	outline:none;
	transform:scale(0.97);
}
.value.tel-num {
	display:flex;
	gap: 10px;
}
input.tel-input {
	margin-left:15px;
}
.phone-verify {
	max-width:300px;
	margin:auto;/* background:#464646; */
	padding-top: 50px;
}
input.num-verify {
	height:45px;
	width:45px;
	margin:0 5px;
	font-size:24px;
	text-align:center;
	padding:5px;
	border:1px solid #cacaca;
	border-radius:5px;
}
.code-field {
	text-align:center;
  padding-top:30px;
}
.field-label {
	font-size:17px;
	font-weight:800;
	margin-bottom:10px;
}
.code-issue {
	padding:10px 0;
	text-align:center;
	font-size:14px;
}
.congrazt-title {
	font-size:24px;
	font-weight:800;
}
.congrazt-title-2 {
	font-size:18px;
	font-weight:700;
}
.tick-success {
	font-size:130px;
	line-height:1;
	color:#a6041e;
	padding:10px 0;
}
.reg-contact {
	position:absolute;
	margin:0px auto;
	left:0;
	right:0;
	display:flex;
	bottom:0px;
	justify-content:center;
	flex-direction:column;
	align-items:center;
}
button.btn-wha {
	background: linear-gradient(to bottom, rgba(169, 211, 32, 1) 0%, rgba(56, 131, 18, 1) 100%);
	box-shadow: inset 0px 0px 5px #fff;
}
button.btn-tel {
	background: #c22323;
	box-shadow: inset 0px 0px 5px #fff;
}
.in-contact button {
	width: 150px;
	color: #fff;
	border: none;
	padding: 10px;
	border-radius: 19px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.in-contact {
	display: flex;
	gap: 20px;
	margin-bottom: 20px;
}
.in-contact button i {
	margin-right: 12px;
}
button.jms-link2 {
	background: #c22323;
	box-shadow: inset 0px 0px 5px #fff;
	border: none;
	font-size: 14px;
	padding: 10px 35px;
	border-radius: 50px;
	color: #fff !important;
	transition: 400ms;
	font-weight: bold;
}
.jms-link2:hover {
	color: #000000;
	outline: none;
	transform: scale(0.97);
}
.reg-contact {
	position:absolute;
	margin:0px auto;
	left:0;
	right:0;
	display:flex;
	bottom:0px;
	justify-content:center;
	flex-direction:column;
	align-items:center;
}
button.btn-wha {
	background: linear-gradient(to bottom, rgba(169, 211, 32, 1) 0%, rgba(56, 131, 18, 1) 100%);
	box-shadow: inset 0px 0px 5px #fff;
}
button.btn-tel {
	background: #FCD757 ;
	box-shadow: inset 0px 0px 5px #fff;
}
.in-contact button {
	width: 150px;
	color: #000;
	border: none;
	padding: 10px;
	border-radius: 19px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.in-contact {
	display: flex;
	gap: 20px;
	margin-bottom: 20px;
}
.in-contact button i {
	margin-right: 12px;
}
button.jms-link2 {
	background: #FCD757 ;
	box-shadow: inset 0px 0px 5px #fff;
	border: none;
	font-size: 14px;
	padding: 10px 35px;
	border-radius: 50px;
	color: #000 !important;
	transition: 400ms;
	font-weight: bold;
}
.jms-link2:hover {
	color: #000000;
	outline: none;
	transform: scale(0.97);
}
.reg-f-wrap h5 {
	color: #ffcd00;
	font-weight:bold;
	font-size:35px;
	text-align:center;
	margin-bottom:30px;
	padding-top: 50px;
}
.reg-f-wrap p {
	text-align:center;
	font-size:22px;
	margin:0px;
}
.btn-reg-wrap {
	display:flex;
	justify-content:center;
	margin-top:20px;
	gap:10px;
}
.btn-claim {
	border:none;
	background:#FCD757;
	padding:10px 20px;
	font-size:18px;
	color:#000;
	border-radius:30px;
	box-shadow: inset 0px 0px 5px #fff;
}
.reg-contact {
	position:absolute;
	margin:0px auto;
	left:0;
	right:0;
	display:flex;
	bottom:0px;
	justify-content:center;
	flex-direction:column;
	align-items:center;
}
button.btn-wha {
	background:#FCD757 ;
  color:#000;
}
 @media (max-width:991px) {
.container {
width:100%;
}
 .provider-menu-wrap {
width:100%;
position: relative;/* margin-top: 10px; */
}
.thumbnail-slots {
grid-template-columns:repeat(3, 1fr);
padding: 0px;
}
.swiper-slide {
}
.swiper-slide p {
font-size:8px;
position:absolute;
bottom: 5px;
}
}
.download_inn {
	display:flex;
	justify-content:space-between;
	background:#fcb811e6;
	border-radius:3px;
	margin:10px 0px;
	align-items:center;
}
.refer-in {
	display:flex;
	align-items:center;
	width:100%;
	padding:10px;
	gap:20px;
}
.close_banner {
	font-size:32px;
	line-height:1;
	border:none;
	background-color:unset !important;
	color:#0000005c;
	margin-right:15px;
	cursor:pointer;
}
.refer-in .dropdown {
	display:flex;
	background-color:#fff;
	height:100%;
	width:18%;
	border-radius:4px;
	border:dashed 2px #aaaead;
	padding:5px 12px;
	min-width: 280px;
	margin-left:1%;
	align-items:center;
}
.btn-afbtni {
	display:flex;
	justify-content:space-between;
	width:100%;
	align-items:center;
	border:none;
	text-align:center;
	background: none !important;
}
.refer-txt p {
	margin:0px;
	width:100%;
	font-weight:bold;
}
.share-ico {
	border:2px solid #0166d2;
	padding:5px 15px;
	border-radius:5px;
	font-weight:bold;
	color:#0166d2;
}
.use-name {
	color:#aaaead;
	font-weight:bold;
}
.drop-menu ul {
	padding:0px;
	margin:0px;
	list-style:none;
}
p.txt-g {
	color:#0066d1;
}
.ico-share img {
	height:35px;
	margin-right:10px;
}
.drop-menu ul li {/* padding:5px 20px; */
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
}
.drop-menu ul li:hover {
	background:#efefef;
}
.drop-menu ul li a {
	display:flex;
	align-items:center;
	width: 100%;
	padding: 5px 10px;
	color: #0e9ed9;
}
button.refer-btn {
	background:linear-gradient(to bottom, #0062c9 0%, #003679 102%);
	color:#fff;
	border:none;
	padding:10px 20px;
	display:flex;
	margin:10px auto;
	text-transform:uppercase;
	margin-top:25px;
	border-radius:10px;
	font-weight:bold;
}
.rfbox {
	padding-top:50px;
}
.refer-md h5 {
	text-align:center;
	font-size:28px;
}
.btn-fr {
	text-align:center;
	display:flex;
	margin:auto;
	justify-content:center;
	margin-top:10%;
	background:#ddd !important;
	opacity:1;
	padding:10px 20px !important;
	border-radius:10px;
}
.refer-md {
	display:flex;
	flex-direction:column;
	color: #000;
}
.refer-btn {
	text-align:center;
	background:#FCD757;
	color:#000;
	border:none;
	padding:10px 20px;
	display:inline-block;
	margin:10px auto;
	text-transform:uppercase;
	margin-top:25px;
  margin-bottom:10px;
	border-radius:10px;
	font-weight:bold;
	justify-content:center;
	position:relative;
  width:100%;
	max-width: 200px;
	box-shadow: inset 0px 0px 5px #fff;
}
.refer-btn:hover {color:#000;}
.refer-btn .ico-share img {
	height:19px;
}
.refer-btn .dropdown-menu2 {
	transform:translate3d(0px, 38px, 0px) !important;
	position:absolute !important;
	top:0px !important;
}
.slot-lb .swiper-wrapper.nav {
	flex-wrap: wrap !important;
}
.slot-lb .swiper-button-next, .slot-lb .swiper-button-prev {
	display: none !important;
}
.main-nav li.nav-item a:hover img {
	filter: brightness(0) saturate(100%) invert(83%) sepia(51%) saturate(2737%) hue-rotate(360deg) brightness(103%) contrast(103%);
}
.downloadTab .flex-column {
	flex-direction: column !important;
}
.reg-bg {
	background: #030f1f url("../images/common/login%20page.jpg") top center no-repeat;
}
.reg-af {
	overflow: hidden;
	height: 100%;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
html {
	height: 100%;
}
 @media (max-width:1146px) {
 .tour-all {
flex-direction: column;
}
 img.trn-1 {
width: 100%;
}
 .tnr-1 {
max-width: 500px;
width: 100%;
margin: 0px auto;
min-height: 512px;
height: auto;
display: flex;
align-items: center;
}
 img.img-girl {
position: relative;
right: 0px;
display: none;
}
 .tour-ttl {
font-size: 9vw;
}
 .tour-1 {
order: 2;
margin: 0px auto;
 margin-top: 16px;
}
 .tour-2 {
max-width: 500px;
width: 100%;
margin: 0px auto;
}
 .tour-3 {
 margin: 0px auto;
}
}
 @media (max-width:1023.5px) {
.login_btn {
width:auto;
padding:5px 10px;
font-size:12px;
}
.lang-box.languageToggle {
padding-right:20px;
}
.login_bar .lang-box.languageToggle {
display:none;
}
button.join_btn {
width:auto;
padding:5px 10px;
}
.log-group {
display:none;
}
.btmtools {
display:none;
}
/*.slider-wrap {
margin-top:56px;
}*/
.indx-2 {
display:none;
}
.indx-3 {
display:none;
}
.indx-5 {
}
/*********************************** swipe-box ***************************************/.owl-slider {
display:none;
}
.mobile-box {
display:block;
}
.swipe-box {
max-width:1024px;
margin:0 auto;
overflow:hidden
}
.swipe-list {
list-style:none;
margin:0;
padding:0 0 15px 0;
overflow:auto;
white-space:nowrap;
}
.swipe-list li {
vertical-align:top;
margin-right:5px;
display:inline-block;
}
.swipe-list li:first-child {
}
.swipe-list li a {
overflow:hidden;
display:block;
margin-bottom:8px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-ms-border-radius:4px;
border-radius:4px;
}
.swipe-list li a img {
width:100%
}
.swipe-list li h5 {
font-size:13px;
color:#fff;
margin-top:0;
margin-bottom:0;
white-space:normal
}
.swipe-list li p {
margin-bottom:0;
font-size:12px;
color:#ffffff;
padding-top:10px;
line-height:20px;
text-align:center;
}
.swipe-list.swipe-list-slots li {
width:auto;
}
.swipe-list.swipe-list-slots li a {
width:265px;
}
.swipe-list.swipe-list-slots h5 {
max-width:88px
}
.swipe-list.swipe-list-casino li {
width:104px
}
.swipe-list.swipe-list-casino li a {
max-width:104px;
height:116px
}
.swipe-list.swipe-list-casino h5 {
max-width:104px
}
.swipe-list.swipe-list-promos li a {
max-width:256px;
-webkit-border-radius:0;
-moz-border-radius:0;
-ms-border-radius:0;
border-radius:0
}
.swipe-list.swipe-list-promos h5 {
font-size:0.875rem;
max-width:256px;
margin-bottom:0
}
#canvas {
margin-bottom:80px;
margin-top:15px;
}
.game-rows ul li a p {
margin:0px;
padding:0px;
margin-top:0px;
line-height:15px;
}
.slot-thuim {
margin:0px !important;
}
.slot-thuim li a {
width:115px !important;
}
.tr-btn {
display:block;
}
.tr-btn .button3d {
height:40px;
}
.tr-btn ul {
grid-template-columns:repeat(3, 1fr);
}
.button3d-container {
padding:5px 14px;
background-color:#050720;
display:flex;
}
.prov-img ul {
display:grid;
grid-template-columns:repeat(3, 1fr);
gap:0px 10px;
}
.inx-bnr img {
display:block;
margin:0px auto;
}
.desktop-show {
display:none !important;
}
.mobile-show {
display:block !important;
}
.inx-bnr-btn {
right:7%;
}
/********Mobile side menu*********/.icon-home {
background:url("../images/common/mobile/slide%20menu%20icons/icon-home.svg") !important;
}
.icon-register {
background:url("../images/common/mobile/slide%20menu%20icons/icon-join.svg") !important;
}
.icon-login {
background:url("../images/common/mobile/slide%20menu%20icons/icon-login.svg") !important;
}
.icon-app {
background:url("../images/common/mobile/slide%20menu%20icons/icon-sports.svg") !important;
}
.icon-sports {
background:url("../images/common/mobile/slide%20menu%20icons/icon-sports.svg") !important;
}
.icon-livecasino {
background:url("../images/common/mobile/slide%20menu%20icons/icon-casino.svg") !important;
}
.icon-games {
background:url("../images/common/mobile/slide%20menu%20icons/icon-slots.svg") !important;
height:25px;
width:25px;
}
.icon-fish {
background:url("../images/common/mobile/slide%20menu%20icons/icon-fish.svg") !important;
height:25px;
width:25px;
}
.icon-lotto {
background:url("../images/common/mobile/slide%20menu%20icons/icon-lotto.svg") !important;
height:25px;
width:25px;
}
.icon-other {
background:url("../images/common/mobile/slide%20menu%20icons/icon-others.svg") !important;
height:25px;
width:25px;
}
.icon-download {
background:url("../images/common/mobile/slide%20menu%20icons/icon-download.svg") !important;
}
.icon-app {
background:url("../images/common/mobile/slide%20menu%20icons/icon-app.svg") !important;
}
.icon-contactus {
background:url("../images/common/mobile/slide%20menu%20icons/icon-contact.svg") !important;
}
.icon-helpcenter {
background:url("../images/common/mobile/slide%20menu%20icons/icon-help.svg") !important;
}
.icon-promotions {
background:url("../images/common/mobile/slide%20menu%20icons/icon-promo.svg") !important;
}
.icon-tour {
background:url("../images/common/mobile/slide%20menu%20icons/icon-tour.svg") !important;
height: 25px;
width:25px;
}
.icon-event {
background:url( "../images/common/mobile/slide%20menu%20icons/icon-event.svg") !important;
height: 25px;
width:25px;
filter: brightness(0) invert(1);
}
.icon-sv {
background:url("../images/common/mobile/slide%20menu%20icons/icon-711.svg") !important;
height: 25px;
width:25px;
filter: brightness(0) invert(1);
}
.icon-poker {
background:url("../images/common/mobile/slide%20menu%20icons/icon-poker.svg") !important;
height: 25px;
width:25px;
filter: brightness(0) invert(1);
}
.icon-esports {
background:url("../images/common/mobile/slide%20menu%20icons/icon-esport.svg") !important;
height:25px;
width:25px;
}
.icon-rebates {
background:url("../images/common/icon-rebate.svg") !important;
height:25px;
width:25px;
filter: brightness(0) invert(1);
}
.icon-reward {
background:url("../images/common/mobile/slide%20menu%20icons/icon-rewards.svg") !important;
height:25px;
width:25px;
filter: brightness(0) invert(1);
}
.layout-side-menu .side-menu-elements .side-menu-element .side-menu-icon .icon-side-menu {
background:url("../images/common/icon-menu-af.svg") no-repeat;
}
.side-menu-icon label {
margin:0px;
}
.menu-tab {
background:#050720;
display:block;
}
.inc-item-res .indx-3 {
display:block;
}
.hm-content .menu-tab {
margin-top:0px;
}
.esport-bg {
background-position-x:37%;
}
.fish-bg {
background-position-x:40%;
}
.in-btn {
bottom:5%;
left:0px;
}
.btn-logo img {
height:220px;
margin-bottom:10px;
}
.in-btn .btn-ply {
font-size:18px;
width:200px;
}
.lotto-bg {
background-position-x:44%;
}
.filter-menu-bar {
grid-template-columns:repeat(3, 1fr);
vertical-align:middle;
text-align:center;
}
.pmbox {
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;
padding:5px 0px;
margin:0px;
}
.promo-content {
display:grid;
grid-gap:0px;
grid-template-columns:repeat(1, 1fr);
gap:25px 35px;
}
.about-sec-in {
padding-top:65px;
}
.login-page {
width:100%;
margin-top:56px;
}
.for-tab {
width:100%;
margin-top:62px;
}
.for-tab ul li a {
width:100%;
font-size:14px;
}
 .for-tab ul {
display:flex;
justify-content:center;
}
.for-wrap {
margin:0px;
}
span.app-ico img {
height:20px;
margin-right:10px;
}
table.access-table tr td {
background:#000;
padding:5px 10px;
font-size:12px;
border:1px solid #0eb5fa;
}
.access-info-wrapper {
margin-top:10px;
}
.downloand-img .inc-item-res .indx-3 ul li {
margin:0px;
}
.downloand-img {
margin-top:56px;
}
.transaction-status {
display:none;
}
.sidepanel {
display:none;
}
.sidepanel_content {
margin:0px;
}
.container-fluid {
max-width:100%;
}
.af-in-content-all row {
display:flex;
flex-direction:column;
}
.col-4, .col-8, .col-3, .col-9 {
width:100%;
max-width:100%;
}
.af-in-content-all .row {
display:flex;
flex-direction:column;
}
.af-in-content-all {
width:100%;
}
.af-tab-dwn-mn ul li a {
display:flex;
flex-direction:column;
}
.af-wrap {
width:100%;
}
.af-top-tab ul li a {
width:auto;
}
section.afterlogin_bg {
margin-top:5px;
}
.after-top {
display:none;
}
.af-tab-dwn-mn ul li {
margin:0px;
}
.af-tab-dwn-mn ul {
display:grid;
grid-template-columns:repeat(4, 1fr);
gap:5px;
}
.af-tab-dwn-mn ul li a {
padding:10px 0px;
width:100%;
font-size:11px;
text-align:center;
}
.bank_select {
width:100%;
}
.setting_text {
margin-bottom:15px;
}
.depositBtn {
width:25%;
}
.form-style-m {
height:38px;
padding:5px 10px;
}
.form-style-lb {
font-size:16px;
width:100%;
}
.form-item {
margin-bottom:20px;
display:flex;
flex-direction:column;
align-items:flex-start;
}
.btn-all-af {
padding:0px;
}
.btn-all-af-2 {
width:100%;
display:block;
}
 .submit_btn {
width:100%;
}
.af-tab-dwn-mn ul li a img {
margin:0px;
}
.user-name {
display:none;
}
.deposit_btn {
display:none;
}
.logout_btn {
display:none;
}
.btmtools_after {
display:none;
}
#menu-side .card {
border:none;
}
.accordion>.card>.card-header {
border-radius:0;
background:#000;
border:none;
padding:0px;
position:relative;
}
.card-header.hide-ico:after {
display: none;
}
.accordion .card-header:after {
font-family:'FontAwesome';
content:"\f077";
position:absolute;
right:9%;
top:30%;
}
.accordion .card-header.collapsed:after {
content:"\f078";
}
.menu-sd .card-header {
}
.menu-sd .side-menu-icon .icon-wallet {
height:25px;
width:25px;
}
.menu-sd .card-title {
display:flex;
position:relative;
align-items:center;
padding:10px;
margin:0px;
padding-left:25px;
font-size:16px;
  color:#fff;
}
.card-header.no-icon:after {
 display: none !important;
}
 .icon-wallet {
background:url("../images/common/icon-cashier-white.svg");
}
.icon-history {
background:url("../images/common/mobile/slide%20menu%20icons/icon-history.svg");
height:25px;
width:25px;
}
.icon-profile {
background:url("../images/common/icon-profile-white.svg");
height:25px;
width:25px;
}
.menu-sd .side-menu-icon {
padding-right:8px;
}
.menu-sd .card-body {
background:#000;
}
.menu-sd .side-menu-icon {
padding-right:8px;
}
.menu-sd .card-body {
background:#000;
padding:5px;
}
.drop-mn ul li a {
padding:7px 0px;
display:flex;
font-size:16px;
}
.drop-mn ul li {
list-style:none;
}
.user-dtl {
padding-left:25px;
}
.user-nm {
font-size:16px;
}
span.usernm {
color:#ffcd00;
}
.inc-item-all {
padding:15px;
}
.contact_dotted {
border-right:none;
flex-direction:row;
justify-content:flex-start;
width:auto;
border-bottom:1px dotted #fff;
margin-bottom:10px;
padding-bottom:10px;
padding-left:25px;
}
.contact-us-header_inner {
flex-direction:column;
margin-bottom:20px;
}
.contact_dotted img {
height:51px;
}
span.img-cont {
margin:0px;
margin-right:20px;
}
.contact_dotted i {
font-size:55px;
margin-right:20px;
}
.contact_dotted span {
margin-bottom:0px;
}
.index-info {
flex-direction:column;
}
.in-info ul {
gap:10px;
}
.lby-box ul {
grid-template-columns:repeat(2, 1fr);
display: grid;
}
.lby-box ul li {
 width: 100%;
}
.step-bar {
background:#0167a5;
}
.al-btn {
height:270px;
}
.btn-logo {
padding:13px;
}
#filter-box {
padding:10px;
}
.login_bar span i {
display:none;
}
.blog-boxer {
display:flex;
flex-direction:column;
margin-top:25px;
margin-bottom:0px;
}
.blog-wrapper {
margin-top:56px;
}
 .btn-plynow {
 padding: 2px 8px;
 font-size: 10px;
 bottom: 10%;
 left: 7%;
}
 .bg-event {
 padding: 15px;
 margin: 0px !important;
}
 .indx-6 ul {
 margin: 0px;
}
 .btn-plynow2 {
 font-size: 12px;
 right: 2%;
 bottom: 5%;
 width: 80px;
 padding: 5px;
}
 img.trn-3 {
width: 80%;
top: 13%;
}
img.trn-2 {
top: 40%;
}
 .tour-wrap {
 margin-bottom: 4.9%;
 margin-top: 55px;
}
 .tour-2 {
max-width: 500px;
width: 100%;
margin: 0px auto;
}
 .swiper {
padding: 0px 4px !important;
border: none;
}
 .provider-menu-wrap .tab-content {
 padding: 10px;
}
 .slots-sec {
 padding: 0px;
}
 .refer-in {
 flex-direction: column-reverse;
 align-items: center;
 justify-content: center;
}
 .close_banner {
 display: none;
}
 .refer-txt p {
 text-align: center;
}
.refer-btn {
border-radius: 30px;
width: 100%;
display: flex;
align-items: center;
margin: inherit;
margin-top: 15px;
}
 .slot-lb .swiper-wrapper.nav {
 flex-wrap: inherit !important;
}
 .slot-lb .swiper-button-next, .slot-lb .swiper-button-prev {
 display: flex !important;
}
 .swiper-button-next {
 right: 0px;
 background: none;
 position: absolute;
 top: 35px;
 width: 35px;
 height: auto;
 color: #ffffff;
 padding: 10px;
}
 .swiper-button-prev {
 left: 0px;
 background: none;
 position: absolute;
 top: 35px;
 width: 35px;
 height: auto;
 color: #ffffff;
 padding: 10px;
}
 .swiper-slide {
border: none;
}
 .slot-lb .swiper-slide {
 border: none;
}
 .provider-menu--wrap {
 position: relative;
 margin: 0px 35px;
}
 .swiper-slide img {
 padding: 5px;
 margin: 10px;
 padding-bottom: 0px;
 background: #030f1f url("../images/common/bg.jpg") no-repeat center top;
 margin-bottom: 20px;
 padding-top: 0px;
 background-size: 100% 100%;
 border-radius: 5px;
 margin-top: 7px;
}
 .swiper-slide.active img {
 filter: none;
 box-shadow: 0px 0px 4px 2px #96c621;
}
 .swiper-slide.active {
background:none;
}
 .btn-afbtn i {
 display: block !important;
}
.tab-box i {
 font-size: 27px;
}
 .resg-box {
width: 100%;
}
}
@media not all and (min-width:1023.5px) {
section.header-menu {
margin:0px;
}
}
@media (max-width:767px) {
.container {
width:100%;
padding:0px;
}
.sml-slide {
width:100%;
}
.sml-slide img {
display:block;
margin:0px auto;
}
.indx-top {
display:flex;
justify-content:space-between;
flex-direction:column;
}
.index-content ul {
xmargin-top:15px;
}
 .inx-bnr-btn {
right:2%;
}
.btn-ply {
width:100px;
margin:0px;
}
.joinnow .modal-dialog {
width:100%;
margin:0px;
height:100%;
max-width:100%;
}
.joinnow {
}
.joinnow .close-x {
right:10px;
}
.join-cnt {
display:flex;
flex-direction:column;
}
.inc-item-res .indx-3 ul {
flex-direction:column;
display:flex;
}
.bnr-overly {
height:40px;
}
.m-mobile-show {
display:block;
}
.m-desktop-show {
display:none;
}
.about-sec-in {
padding-top:70px;
flex-direction:column;
}
.info-menu-wrapper {
display:flex;
width:100%;
flex-wrap:wrap;
flex-direction:row;
justify-content:center;
margin-bottom:15px;
}
.info-menu-wrapper a {
}
.about-sec-in .col-2 {
width:100%;
max-width:100%;
}
.about-sec-in .col-10 {
width:100%;
max-width:100%;
padding:0px !important;
}
.login-page {
width:100%;
margin-top: 8px;
border-top:1px solid #000;
padding: 5px 15px;
}
.input-area {
flex-direction:column;
align-items:baseline;
}
.btn-submit {
margin:0px;
width:100%;
}
.field-input {
margin:0px;
}
span.logi-text {
width:100%;
margin:0px;
text-align:center;
}
.for-wrap {
margin:0px;
}
.step-in ul {
flex-direction:column;
padding:0px;
}
.step-bar {
background:none;
display:none;
}
#slide_right {
display: none;
}
.step-in ul li {
width:100%;
justify-content:center;
margin-bottom:10px;
background:#0167a6;
}
.btn-logo img {
width:auto;
}
.filter-menu-bar {
margin:0px;
gap:8px;
}
.promo-content {
margin-top:10px;
}
.inc-item-res .indx-3 ul li {
width:47%;
}
.inc-item-res .indx-3 ul {
flex-direction:row;
flex-wrap:wrap;
}
.rabate-date {
flex-direction:column;
align-items:baseline;
}
.rabate-date .form-group {
margin-bottom:15px;
width:100%;
}
.rabate-date .form-control {
height:38px;
border-radius:0px;
}
.btn-check {
color:#fff;
font-size:18px;
padding:10px 20px;
border:none;
width:197px;
background:linear-gradient(to bottom, rgba(169, 211, 32, 1) 0%, rgba(56, 131, 18, 1) 100%);
box-shadow:inset 0px 0px 5px #fff;
border-radius:20px;
}
.blog-boxer .moreinfo_btn {
width:100%;
}
 .footer-wrapper {
 background-color: #000;
 padding-bottom: 80px;
}
 .t-footer {
 position: fixed;
 width: 100%;
 bottom: 0;
 z-index: 99;
display: block;
}
.menu-btm {
 position: fixed;
 max-width: 991px;
 margin: auto;
 width: 100%;
 bottom: 0;
 left: 0;
 right: 0;
 background: url( "../images/common/mobile/ftr-menu-bar.png")no-repeat top center;
 background-size: 100%;
}
.menu-wrapper {
 display: grid;
 grid-template-columns: repeat(5, 1fr);
 text-align: center;
 padding: 11px 0 1px;
 position: relative;
}
.menu-wrapper a {
 color: #999999;
 font-size: 9px;
 text-transform: uppercase;
 font-weight: 600;
 padding: 5px 0px;
}
.menu-wrapper a.menuft img {
 max-width: 31%;
 display: block;
 margin: auto;
 margin-bottom: 2px;
 filter: brightness(0) invert(1);
}
.aff-qr {
 background: #0772b3;
 padding: 3.5%;
 width: 15%;
 border-radius: 100%;
 position: absolute;
 left: -1px;
 right: 0;
 bottom: 26px;
 margin: auto;
 z-index: 9;
}
.menu-wrapper a {
 color: #ffffff;
 font-size: 9px;
 text-transform: uppercase;
 font-weight: 600;
 padding: 5px 0px;
}
 .btn-reg-wrap {
 flex-direction: column;
}
 .wrap-reg {
 min-height: 500px;
}
 .form-layout-new {
 padding: 10px;
}
 .reg-box2 {
 margin-top: 50px;
}
 .input-area label {
 width: 100%;
 display: flex;
 gap: 10px;
}
}
 @media (max-width:500px) {
 .tnr-1 {
 max-width: 360px;
 width: 100%;
 margin: 0px auto;
 min-height: 369px;
 height: auto;
 display: flex;
 align-items: center;
}
 .tour-2 {
max-width: 500px;
width: 100%;
margin: 0px auto;
order: 1;
}
 img.trn-3 {
 width: 80%;
 top: 13%;
}
.tour-3 {
margin: 0px auto;
margin-top: 16px;
order: 3;
}
}

.pmpop_wrapper table {text-align: center;}
.pmpop_wrapper table > tbody > tr > th, .pmpop_wrapper table > thead > tr > th {background:#2D2D2D;border:1px solid #2D2D2D;color:#fff;padding:5px;}
.pmpop_wrapper table > tbody > tr > td, .pmpop_wrapper table > thead > tr > td {border: 1px solid #2D2D2D;color:#1F1F1F;padding:5px;}

.reward-title {text-align:center;font-weight:bold;font-size:18px;padding-top:10px;color:#FCD757;}
.reward-wrapper {margin-left:7px;margin-right:7px;}
.reward-col {float:left;width:50%;padding:7px;position:relative;}
.reward-item {padding:20px 10px;border: 1px solid #3c444b;background:#1c2029;border-radius: 20px;text-align: center;}
.reward-text {font-size:18px;color:#fff;}
.reward-btn {border-radius:5px;text-align: center;color:#000;margin-top:10px;background:#FCD757;padding:5px 10px;font-weight:bold;width:80%;position:absolute;bottom:12%;left:10%;}
.reward-col:hover .reward-btn {background:#fca557;}
.reward-step-col {text-align:center;}
.reward-step-img {width:75%;margin:15px auto;}
.reward-tnc {padding:20px 10px;border: 1px solid #3c444b;background:#00000080;border-radius: 20px;margin-bottom:30px;margin-top:10px;}
.reward-amount {padding:10px 15px;border:3px solid #FCD757;border-radius:15px;background:rgba(0,0,0,0.7);text-align: center;margin:10px auto;width:90%;max-width:500px;font-size:20px;font-weight:bold;}

@media (min-width: 768px) { 
  .reward-amount {font-size:30px;width:50%;}
  .reward-col {width:25%;}
}

@media (min-width: 992px) { 
  .reward-wrapper {margin-left:-7px;margin-right:-7px;}
}

.table-vip {text-align:center;color:#fff;}
.table-vip .fa-circle {color:green;}
.table-vip > thead > tr > th, .table-vip > tbody > tr > th {color:#FCD757;vertical-align: middle;}
.table-vip > tbody > tr > td {vertical-align: middle;}
@media (min-width: 992px) { 
  .table-vip {font-size:16px;}
}

.home-contact-item {float:left;width:20%;position:relative;padding-right:3px;padding-left:3px;}
.home-contact-item:hover > a {color:#FCD757;}
.home-contact-txt {position: absolute;top:58%;left:0;width:100%;text-align: center;font-size:1.6vw;}
@media (min-width: 768px) {
  .home-contact-txt {font-size:16px;top:56%;}
}
@media (min-width: 992px) {
  .home-contact-txt {font-size:16px;}
}
@media (min-width: 1200px) {
  .home-contact-txt {top:60%;}
}
body {padding-top:40px;}
@media (min-width: 992px) {
  body {padding-top:148px;}
}

.mywallet {margin-bottom:15px;}
.mywallet > .card {border:none;}
.mywallet-header {padding:0;background:#FCD757;color:#000;border:none;}
.btn-mywallet {width:100%;background:#FCD757;}
.btn-mywallet:active, .btn-mywallet:focus {border:none;box-shadow:none;}
.mywallet-card {border:none;}
.mywallet-card-body {background:#0a1921;}
.balance-table > tbody > tr > td {border:1px solid #fff;background:rgba(0,0,0,0.5);padding:5px 10px;text-align:center;font-weight:bold;color:#FCD757;}
.bal_remain {font-weight:normal;color:#fff;}
.mywallet-allout {padding:5px 20px;border-radius:5px;display:inline-block;color:#fff;font-weight:bold;background:linear-gradient(to bottom, rgba(16, 183, 243, 1) 0%, rgba(12, 112, 170, 1) 33%, rgba(8, 93, 143, 1) 100%);position: absolute;top:6px;left:105px;font-size:14px;}

.livechat {position: fixed;bottom:10px;right:10px;width:20%;max-width:150px;z-index:2;}

.app-banner-left-desktop {display:block}
.app-banner-desktop {position:relative;text-align:center;xpadding-top:20px;}
.app-banner-right {padding-top:5%;padding-left:15px;padding-right:15px;text-align:center;position:absolute;top:0;right:0;width:45%;}
.app-banner-right-logo {width:50%;margin:0 auto;}
.app-banner-txt-1 {color:#fde05f;margin-top:10px;font-size:13px;text-align: center;}
.app-banner-qr-wrap {margin-top:10px;text-align: center;}
.app-banner-qr-item {width:100%;margin:0 auto;}
.app-banner-qr-img {padding-bottom:10px;max-width: 144px;margin:0 auto;display:none;}
.app-banner-qr-btn a {background:#FCD757;font-weight:bold;font-size:2.5vw;color:#000;padding:10px;border-radius:8px;width:100%;display:inline-block;}
@media (min-width: 768px) {
  .app-banner-right {padding-top:30px;position:absolute;top:0;right:0;width:40%;}
  .app-banner-txt-1 {font-size:18px;}
  .app-banner-qr-item {padding:0 15px;width:100%;}
  .app-banner-qr-img {display:block;}
  .app-banner-qr-wrap {margin-top:15px;}
  .app-banner-qr-btn a {font-size:16px;}
}
@media (min-width: 992px) {
  .app-banner-right {padding-top:50px;}
  .app-banner-txt-1 {font-size:22px;}
  .app-banner-qr-item {padding:0 15px;width:50%;}
  .app-banner-qr-wrap {margin-top:30px;}
  .app-banner-qr-btn a {font-size:16px;}
}
@media (min-width: 1200px) {
  .app-banner-right {padding-top:100px;}
  .app-banner-txt-1 {font-size:28px;}
}

.app-left {float:left;width:100%;text-align:center;padding-left:15px;padding-right:15px;}
.app-right {float:left;width:100%;text-align:center;padding:15px;}
.app-title {margin-bottom:-15%;}
.app-txt-1 {color:#f4f9e9;font-size:23px;font-weight:bold;line-height:1.1;}
.app-feature-item {color:#fcd757;font-weight:bold;font-size:20px;position:relative;padding-top:15px;display:inline-block;}
.app-feature-item + .app-feature-item {margin-left:25px;}
.app-step-wrap {margin-top:50px;border:3px solid #74e4fb;border-radius:8px;padding:45px 15px 15px;background:#0d1a26;position:relative;}
.app-step-title {border-radius:30px;border:3px solid #72def6;background:#010001;padding:10px;width:100%;height:60px;font-size:28px;line-height:1;font-weight:bold;padding-top:15px;position:absolute;display:inline-block;top:-30px;left:0%;}
.app-step-txt-1 {text-align:center;font-size:18px;font-weight:bold;}
.app-table > tbody > tr > th {font-weight:bold;color:#fcd757;padding:0 5px;}
.app-table > tbody > tr > td {padding:0 5px;}
.app-right-left {float:left;width:45%;padding-left:15px;padding-right:15px;}
.app-right-right {float:left;width:55%;text-align:left;padding-top:20px;}
.app-txt-2 {text-align: center;color:#e0dfe1;font-weight:bold;font-size:20px;line-height:1.1;margin-bottom:5px;padding-top:10px;}
.app-qr-item {border-radius:8px;background:#fff;border:3px solid #74e4fb;margin:15px auto;width:100%;max-width:170px;}
.app-qr-img {padding:10px;}
.app-qr-dl {padding:3px;}
.app-qr-dl a {padding:5px;background:#FCD757;color:#000;width:100%;border-radius:5px;display:block;font-weight:bold;font-size:15px;}

@media (min-width: 768px) {
  .app-left {width:55%;padding-bottom:30px;}
  .app-right {width:45%;padding-bottom:30px;padding-top:50px;}
  .app-title {margin-bottom:-15%;}
  .app-feature-item {font-size:23px;}
  .app-feature-item + .app-feature-item {margin-left:30px;}
  .app-step-title {width:60%;left:50%;margin-left:-30%;font-size:20px;}
  .app-txt-1 {font-size:25px;}
  .app-txt-2 {font-size:20px;}
  .app-right-left {width:50%;}
  .app-right-right {width:50%;padding-top:0;}
}

@media (min-width: 992px) {
  .app-title {margin-bottom:-8%;}
  .app-txt-1 {font-size:32px;}
  .app-txt-2 {font-size:30px;}
  .app-feature-item + .app-feature-item {margin-left:50px;}
  .app-step-title {font-size:28px;}
}

.inc-item-res .indx-3 {margin-bottom:10px;}
.inc-item {margin-bottom:30px; padding:0 15px;}
@media (min-width: 768px) {
 .inc-item-res .indx-3 {margin-bottom:30px;} 
  .inc-item {margin-bottom:50px;}
}

.download-item-wrap {margin-left:-7px;margin-right:-7px;}
.download-item {float:left;width:33.3%;padding:8px;}
.download-item img {transition:all .6s ease-in-out;}
.download-item:hover img {transition:all .6s ease-in-out;transform:scale(1.1);}
.modal-content-download {background:#153243}
.modal-content-download > .modal-header {border-bottom:1px solid #364159;}
.modal-content-download > .modal-header > .modal-title {text-align:center;width:100%;}
.download-step-item {padding-top:30px;padding-bottom:30px;text-align:center;}
.download-step-txt-1 {margin-top:10px;}
@media (min-width: 768px) {
  .download-item-wrap {margin-left:-8px;margin-right:-8px;}
  .download-item {float:left;width:20%;}
  .download-step-item {padding:30px;}
}
.download-close, .download-close:hover {color:#fff;}

