@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Barlow:400,500,600,700,800,900&display=swap');

body {
    font-family: Roboto;	
	background: #0d1017;
	color: #fff;
	/* background-image: url("../images/ispin_bg.jpg");
	background-repeat: no-repeat;
	background-position: right;
	background-attachment: fixed; */
}

@keyframes glowing {
  0% { background-color: #FEFD00; box-shadow: 0 0 5px #EA9D20; }
  50% { background-color: #FEFD00; box-shadow: 0 0 40px #EA9D20; }
  100% { background-color: #FEFD00; box-shadow: 0 0 5px #EA9D20; }
}

@keyframes besar {
  0%   {transform: scale(.98);}
  100% {transform: scale(1);}
}

@keyframes zoominandout {
    0% {
        transform: scale(1,1);
    }
    50% {
        transform: scale(1.2,1.2);
    }
    100% {
        transform: scale(1,1);
    }
}

@keyframes bounce {
  from {
    margin-left: 0;
  }
  to {
    margin-left: -15px;
  }
}

a {
    cursor: pointer;
	text-decoration: none !important;
}

::-webkit-input-placeholder { /* Edge */
  color: #3d3d3d;
}

:-ms-input-placeholder { /* Internet Explorer */
  color: #3d3d3d;
}

::placeholder {
  color: #3d3d3d;
}

section {
	width: 100%;
	float: left;
}

/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #000; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #000; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #000; 
}

.m-open {
    position: fixed;
    top: 0;
}

.m-open #body-content {
    position: fixed;
}

/* HEADER to SIDE MENU */
header {
    position: fixed;
    top: 0;
    left: 0;
    min-height: 100%;
    width: 250px;
    background: #0c1017;
    bottom: 0;
    overflow-y: auto;
    border-right: 1px solid #000;
}

#body-content {
    margin-left: 250px;
    z-index: 1;
    width: -webkit-fill-available;
    float: left;
    min-height: 100%;
}

/* Menu */

#topbar.afterlogin {
    padding: 20px 0 20px 0;
}

#topbar {
    font-size: 12px;
}

#topbar form {
    float: right;
}

#topbar label {
    font-weight: 500;
    padding-right: 10px;
}

#topbar input {
    background: #333 !important;
    border: none;
    border-radius: 10px;
    padding: 5px 10px;
    color: #fff;
    font-size: 12px;
    height: auto !important;
    margin-right: 20px;
}

.scode input {
    width: 58px !important;
    color: #ebcf65 !important;
    margin-right: 10px !important;
}

#topbar button {
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 15px;
    border: 0;
    padding: 0;
    margin-left: 15px;
    animation: glowing 1500ms infinite;
    width: 120px;
}

#topbar button img {
    width: 100%;
}

#topbar a.button {
    background: rgb(251,229,178);
    background: radial-gradient(circle, rgba(251,229,178,1) 0, rgba(174,119,51,1) 100%, rgba(0,0,0,1) 100%);
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 10px;
    border: 0;
    padding: 5px 15px;
    margin-left: 15px;
	animation: glowing 1500ms infinite;
}

#login-register a.button {
    background: none !important;
    padding: 0;
}

#login-register a.button img {
    width: 150px;
    animation: glowing 1500ms infinite;
    border-radius: 10px;
}

a.navbar-brand {
    position: absolute;
    top: -45px;
    padding-bottom: 10px;
    z-index: 2;
    border-radius: 0 0 10px 10px;
}

.navbar-brand img {
    width: 120px;
}

nav.navbar.navbar-expand-md {
  /*  background: rgb(251,229,178);
    background: radial-gradient(circle, rgba(251,229,178,1) 0%, rgba(174,119,51,1) 100%, rgba(0,0,0,1) 100%); */
    background: url(../images/menu-tab.jpg) center no-repeat;
    background-size: 100% 40px;
}

.thecontent #topbar {
    width: 100%;
    text-align: center;
    float: left;
    padding: 30px 20px;
    position: relative;
    margin-top: -130px;
    background: linear-gradient(180deg, #000 70%, #670802 100%);
}

a.h-bg {
    background: linear-gradient(180deg, #670802 15%, #490306 100%);
    filter: grayscale(0) !important;
    color: #fff !important;
}

a.h-bg:hover {
    color: #ebcf65 !important;
}

a.h-bg.active {
    color: #ebcf65 !important;
}

.thecontent #topbar .container {
    width: 100%;
    float: left;
    border: 2px solid #ebcf65;
    border-radius: 10px;
    padding: 25px 10px;
    color: #fff;
    background: #000;
}

.thecontent #topbar .container a {
    width: 50% !important;
    float: left;
    margin: 0 !important;
    border: 0 !important;
    filter: unset !important;
    padding: 10px 3px 0 !important;
}

#myTopnav .thecontent #topbar .container a img {
    width: 100%;
    margin: 0 !important;
    filter: unset !important;
    padding: unset;
    border-radius: unset;
}

#topbar h5 {
    font-size: 16px;
    font-weight: bold;
	text-transform: uppercase;
}

#normal-menu a {
    font-size: 13px;
}

.thecontent span.tfull {
    width: 100%;
    float: left;
}

.thecontent a.tabview.logout.button {
    width: 100px !important;
    padding: 10px !important;
    text-align: center;
    color: #000 !important;
    margin-top: 10px;
    margin-left: 0 !important;
}


/* After Login */
.u-avatar {
    width: 30%;
    float: left;
    margin-top: 10px;
}

.u-avatar img {
    width: 50px !important;
    height: 50px !important;
    margin: 0 !important;
}

#topbar .user {
    width: 80%;
    float: left;
    text-align: left !important;
    padding-left: 25%;
}

#topbar .user .username {
    text-align: left;
    color: #ebcf65;
    margin-top: 3px;
}

#userlogin .u-avatar span.tfull.avatar {
    margin-bottom: 0 !important;
}

#topbar .user h5 {
    font-size: 13px;
    margin: 0;
}

#topbar #userlogin .user a {
    width: 80px !important;
    padding-left: 0 !important;
}

#wallet {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.whalf {
    width: 50%;
    float: left;
    color: #fff;
    padding-left: 20px;
}

#wallet .whalf:last-child {
    padding: 0;
}

span.wallet_balance {
    font-size: 13px;
    color: #ebcf65;
    font-weight: bold;
    letter-spacing: 1px;
}

#myTopnav #wallet .whalf a img {
    margin: 0;
    width: 100%;
    padding: 0;
    border-radius: unset;
    background: unset;
    filter: unset !important;
}

#myTopnav #wallet .whalf a {
    border: 0 !important;
    padding: 5px 20px 5px 10px !important;
    margin: 0 !important;
    filter: unset !important;
}

#myTopnav #wallet a.rdm {
    font-size: 12px;
    color: #fff !important;
    background: #3a3938;
    border: 1px solid #fff !important;
    padding: 5px 10px !important;
    width: 100px !important;
    border-radius: 5px;
}

.rdm img {
    width: 20px !important;
    margin-right: 10px !important;
}

.oct img {
    width: 20px !important;
    margin-right: 10px !important;
}

#myTopnav #wallet .whalf a.oct {
    background: #fbe5b2 !important;
    background: radial-gradient(circle, #fbe5b2 0, #ae7733 100%, rgba(0,0,0,1) 100%) !important;
    color: #000 !important;
    border-radius: 5px;
    font-size: 11px;
    width: 100px !important;
    padding: 5px 10px !important;
}

.oct span {
    text-align: center;
    line-height: 100%;
    margin-left: -10px;
}

#myTopnav .spacing {
    height: 3px;
    float: left;
    width: 100%;
    padding: 0 20px;
}

#myTopnav .spacing .content {
    height: 3px;
    float: left;
    width: 100%;
    background: rgb(250,234,144);
    background: radial-gradient(circle, rgba(250,234,144,1) 0%, rgba(168,110,44,1) 100%);
    margin-top: 5px;
}

#transactions {
    float: left;
    width: 100%;
    text-align: center;
    padding: 20px 15px 5px;
}

#transactions a {
    width: 29.333% !important;
    padding: 8px 0 !important;
    border: 1px solid #f1dc85 !important;
    border-radius: 5px;
    margin: 2%;
    display: unset !important;
}

#transactions img {
    width: 60% !important;
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#transactions p {
    margin: 0;
    font-size: 10px;
}

#play-menu {
    width: 100%;
    float: left;
}

#play-menu a {
    filter: unset !important;
    font-size: 13px;
    color: #b7b8b9 !important;
}

#play-menu a:hover {
    color: #ebcf65 !important;
}

#play-menu a.pg.active {
    color: #ebcf65 !important;
}

#play-menu img {
    background: #ebcf65 !important;
    filter: unset !important;
}



/* Special Menu */

#myTopnav.opened {
    width: 250px;
    /*border: 2px solid #ebcf65;*/
    border-top: 0;
    border-left: 0;
    background: #141618;
    padding: 10px;
    border-radius: 0 10px 10px 0;
}

#myTopnav .thecontent {
    float: left;
}

#myTopnav #menu-logo {
    float: left;
    padding: 25px 20px 110px;
    background: #000;
}

.menu-logo {
    width: 100%;
    float: left;
    margin: 10px 0 15px;
    z-index: 99999999;
}

#myTopnav a.icon img {
    width: 40px;
}

#myTopnav a.icon {
    float: right;
    width: 100%;
    text-align: right;
    display: none;
}

#myTopnav a.promotions {
    background: rgb(251,229,178);
    background: radial-gradient(circle, rgba(251,229,178,1) 0, rgba(174,119,51,1) 100%, rgba(0,0,0,1) 100%);
    color: #000 !important;
    border-radius: 10px;
    border: 0;
    padding: 5px 10px !important;
    margin-bottom: 20px;
    animation: glowing 1500ms infinite;
    filter: grayscale(0) !important;
    text-align: center;
}

#myTopnav.opened .thecontent {
    display: block;
    float: left;
    width: 100%;
    padding: 10px;
    font-size: 13px;
    color: #fff;
}

#myTopnav .thecontent #topbar a {
    width: initial;
    color: #000;
    padding: 0 10px;
    margin: 20px 0 0;
    filter: grayscale(100%);
}

#myTopnav .submenu span {
    font-size: 11px;
    font-weight: normal;
    width: 100%;
    float: left;
    line-height: 120%;
}

#myTopnav #lang {
    padding: 10px 15px !important;
    filter: grayscale(100%);
    position: unset !important;
}

#myTopnav #lang:hover {
    filter: grayscale(0);
}

#myTopnav #lang select#language {
    width: 100%;
    text-align-last: right;
    background: unset;
    color: #fff;    
    position: absolute;
    left: 0;
}

#myTopnav #lang select#language option {
    color: #fff;
	background: #350404;
}

#myTopnav #lang i {
    color: #ebcf65;
    font-size: 18px;
    position: absolute;
    left: 20px;
    padding: 7px;
    background: #0c1017;
    border-radius: 10px;
    margin: 0;
}

.sub-lang {
    position: absolute;
    left: 65px;
    margin-top: 5px;
    color: #e0a156;
    font-size: 14px;
    font-weight: bold;
}

#myTopnav .thecontent a {
    width: 100%;
    float: left;
    color: #fff;
    padding: 15px 20px;
    font-weight: 600;
    filter: grayscale(100%);
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ebcf6554;
}

#myTopnav .thecontent a.active, #myTopnav .thecontent a.active img {
    filter: grayscale(0);
}

#myTopnav .thecontent a:hover, #myTopnav .thecontent a:hover img, #lang img:hover {
    filter: grayscale(0);
}

#myTopnav .thecontent a img, #lang img {
    width: 30px;
    margin-right: 15px;
    filter: grayscale(100%);
    padding: 3px;
    background: #0c1017;
    border-radius: 10px;
}

#lang img{float:left;margin-left: 5px;}

#topbar #userlogin .user a.lg {
    color: #e7e6e6 !important;
    background: #3a3938;
    border: 1px solid #fff !important;
    text-align: center !important;
    padding: 3px 10px !important;
    width: unset !important;
    font-size: 11px;
    margin-top: 6px !important;
}

.logreg {
    width: 100%;
    float: left;
    margin-top: 5px;
}

#myTopnav .thecontent .logreg a.btnlog{
    background: #fbe5b2 !important;
    background: radial-gradient(circle, #f3d976 0, #c4903c 100%, rgba(0,0,0,1) 100%) !important;
    color: #000 !important;
    font-weight: 600;
    font-size: 12px !important;
    width: 46% !important;
    float: left;
    margin: 2% !important;
    padding: 3px !important;
    text-align: center !important;
    display: block;
    border-radius: 3px;
}

#myTopnav .thecontent .logreg a.btnreg {
    font-size: 12px !important;
    outline: none;
    text-align: center;
    margin: 2% !important;
    width: 46% !important;
    background: #3a3938;
    color: #fff !important;
    border: 1px solid #727474 !important;
    font-weight: 600;
    display: block;
    padding: 2.5px !important;
    border-radius: 3px;
}

#myTopnav .thecontent .logreg a.btnlog:hover {
    background: #ae7733 !important;
    background: radial-gradient(circle, #ae7733 0, #fbe5b2 100%, rgba(0,0,0,1) 100%) !important;
}

#myTopnav .thecontent .logreg a.btnreg:hover {
    background: #000;
}


/* After Login */
#userlogin span {
    font-weight: bold;
    margin-right: 30px;
	color: #fff;
}

#userlogin .tfull {
    color: inherit;
    font-weight: normal;
    margin: 0;
}

#myTopnav .avatar {
    margin-bottom: 15px !important;
    width: 100% !important;
    text-align: center !important;
}

#myTopnav .afterlogin span {
    margin: 0;
    text-align: center;
}

#myTopnav .afterlogin span {
    width: 50%;
    float: left;
    text-align: left;
}

span.memberid {
    font-size: 10px;
    width: 100% !important;
    color: #e9cb94 !important;
}

#myTopnav span.tfull {
    letter-spacing: 1px;
    width: 100%;
    font-size: 10px;
    font-weight: bold;
}

#myTopnav span.username {
    width: 100%;
    text-align: center;
}

#myTopnav .afterlogin span.label {
    text-align: right;
    padding-right: 5px;
}

#userlogin .avatar img {
    width: 80px;
    border-radius: 50%;
    margin-top: 15px;
    height: 80px;
    object-fit: cover;
}

#userlogin .label {
    color: inherit;
    font-weight: normal;
    margin: 0;
}

#userlogin .label img {
    width: 20px;
    margin-right: 5px;
}

#userlogin span.last {
    margin-right: 0;
}

#myTopnav span.tfull.lg {
    display: flex;
}

#myTopnav a.logout.button {
    margin: 15px auto 0 !important;
    filter: grayscale(0) !important;
}

#extramenu a {
    color: #ebcf65;
    font-size: 13px;
    padding: 10px;
}

#extramenu a:hover {
    color: #fff;
}

#extramenu {
    text-align: center;
    padding: 10px;
}

#bosku-menu ul.navbar-nav.mr-auto {
    margin: 0 auto !important;
}

#bosku-menu a.nav-link {
    padding: 5px 25px;
    color: #636363;
    font-weight: 600;
    font-size: 15px;
}

.page-home #bosku-menu .main a {
    color: #000 !important;
}

#bosku-menu a.nav-link:hover {
    color: #000;
    background: #bb89487d;
}

#bosku-menu .active a {
    color: #000 !important;
    background: #bb89487d;
}

.page-home .myhome a {
    color: #000 !important;
    background: #bb89487d;
}

.carousel-item img {
    width: 100%;
}

#myCarousel img {
    width: 100%;
}

.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

/* Fading animation */
.fades {
  -webkit-animation-name: fades;
  -webkit-animation-duration: 1.5s;
  animation-name: fades;
  animation-duration: 1.5s;
}

@-webkit-keyframes fades {
  from {opacity: .1} 
  to {opacity: 1}
}

@keyframes fades {
  from {opacity: .1} 
  to {opacity: 1}
}

.carousel-item.fades {
    transition: unset !important;
}

.carousel-item.fades.active {
    display: block !important;
}


#announcements marquee {
    color: #ffffff;
    font-size: 15px;
    background: #0c1017;
}

.title-space {
    background: rgb(251,229,178);
    background: radial-gradient(circle, rgba(251,229,178,1) 0, rgba(174,119,51,1) 100%, rgba(0,0,0,1) 100%);
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 23px;
    border: 0;
    padding: 10px 20px;
    text-align: center;
    margin-bottom: 5%;
}

#m-user {
    width: 100%;
    float: left;
    text-align: center;
    color: #ecd09a;
}

#m-user .tfull {
    width: 100%;
    float: left;
    padding-bottom: 5px;
}

#m-user .tfull span {
    width: 100% !important;
    float: left;
    text-align: center;
}

#m-user #userlogin {
    padding: 0;
}

.gmenu {
    width: 100%;
    float: left;
    background: #111d38;
    text-align: center;
    padding: 15px;
    margin-bottom: 3%;
}

.gmenu a {
    color: #777676;
    font-weight: bold;
    float: none !important;
}

.gmenu a.active {
    color: #fbe5b3;
}

.gmenu a:hover {
    color: #fbe5b3;
}

#game-list {
    width: 100%;
    float: left;
}

#game-list .container {
    width: 100%;
    float: left;
    padding: 5px;
    max-width: unset;
}

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

#game-list li {
    width: 20%;
    float: left;
    list-style: none;
    padding: 0 !important;
	max-width: 219px;
}

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

#game-list a:hover {
    border: 1px solid #ebcf65;
}

/*

#game-list a img {	
	transition: transform .2s; 
}

#game-list a:hover img {
    transform: scale(1.2);
}

*/

#game-list img {
    width: 100%;
    float: left;
}

span.desc-holder {
    margin: 0;
    color: #fff;
    font-size: 13px;
   /*  margin-top: -15px; */
    background: #000;
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
	/* margin-top:3px; */
}

#game-list p {    
    float: left;
    padding: 5px;
    margin: 0;
	text-align: left;
}

#game-list p.game-name {	width: 60%;}
#game-list p.game-wallet {width: 40%;text-align:right;}
#game-list p.game-column { width: 10%;}
#game-list p.seperator {	width: 4%;}
#game-list p.game-detail { width: 60%;}

p.game-wallet {
    text-align: right;
}

#intro {
    float: left;
    width: 100%;
	padding-bottom: 5%;
}

#intro .row {
    display: flex;
    align-items: center;
    vertical-align: middle;
    color: #ebcf65;
    font-size: 16px;
    text-align: justify;
    font-weight: 600;
    padding: 0 5%;
}

img.title {
    width: 100%;
    margin-bottom: 20px;
    max-width: 400px;
}

img.glogo {
    width: 100%;
    padding: 10%;
}


/* About Us Page */
#intro.about-us {
    padding-top: 5%;
}

.about-us img.glogo {
    padding: 0;
}

.about-us .title {
    font-size: 35px;
    margin-bottom: 20px;
    line-height: 120%;
}

#branding {
    float: left;
    width: 100%;
    text-align: center;
}

#branding img {
    width: unset;
    margin: 0 auto;
    padding: 0;
}

#branding .title {
    color: #ebcf65;
    font-weight: 600;
    width: 100%;
    font-size: 35px;
    margin-bottom: 20px;
    line-height: 120%;
}

#branding p {
    color: #ebcf65;
    font-size: 16px;
    font-weight: 600;
    text-align: justify;
}

#the-info {
    text-align: center;
    color: #ebcf65;
	padding-top: 5%;
	padding-bottom: 5%;
}

#the-info img {
    width: 100%;
}

#the-info .sub-title {
    font-weight: 600;
    width: 100%;
    font-size: 28px;
    margin-bottom: 20px;
    line-height: 110%;
    height: 80px;
    display: inline-grid;
    align-items: center;
    padding: 0 5%;
    margin-top: -25px;
}

#the-info p {
    font-size: 15px;
    font-weight: 500;
    text-align: justify;
    padding: 0 15px;
}


/* Games */
#gbanner img {
	width: 100%;
}


/* Promotions */
#promotions {
    width: 100%;
    float: left;
    padding: 5px;
}

#promotions ul {
    margin: 0;
    padding: 0;
}

#promotions li {
    width: 19%;
    float: left;
    list-style: none;
    padding: 0 !important;
    border: 1px solid #000000;
    margin: 0.5%;
}

.page-shops #promotions li {
    width: 32.333% !important;
}

.page-shops .modal.show .modal-dialog {
    height: 100%;
    display: flex;
    align-items: center;
}

/* Subline */
.sublinebox .phead {
    display: block;
}

.page-shops .modal-content {
    background: #00082;
    color: #ebcf65;
    font-size: 14px;
    border: 2px solid #ebcf65;
    border-radius: 10px;
}

.sublinebox .modal-header {
    padding: 2rem 1rem;
    background: #0c1017;
}

.sublinebox img {
    max-width: 200px;
}

.sublinebox .pfull {
    width: 100%;
    text-align: center;
}

#sublineinfoModal {
    width: 100%;
    max-width: 200px;
    padding: 15px 0 10px;
}

span.sbtn {
    background-image: linear-gradient(to right, #E99623, yellow , #E99623)!important;
    font-weight: 900!important;
    font-size: 15px!important;
    padding-left: inherit;
    display: block;
    width: 165px;
    color: #000!important;
    text-align: center;
    border-radius: 5px;
    animation: glowing 1500ms infinite;
    padding: 5px;
    text-decoration: none !important;
    float: left;
}

.subcontact img {
    width: 30px !important;
    margin-right: 10px;
    float: left;
}

.subcontact .slinks {
    width: 100%;
    float: left;
    padding: 8px 0;
    color: #ebcf65;
    font-weight: bold;
}

.subcontact {
    width: 220px;
    text-align: left;
    margin: 0 auto;
}

.sublinebox .modal-dialog {
    width: 90%;
    margin: 30px auto;
}

#promotions li a {
    padding: 0 !important;
    width: 100%;
    float: left;
}

#promotions img {
    width: 100%;
}

#promotions li h3 {
    float: left;
    color: #ebcf65;
    font-size: 12px;
    line-height: 120%;
    font-weight: bold;
    width: 100%;
    text-transform: capitalize;
    background: #000;
    padding: 5px;
    min-height: 45px;
    display: grid;
    align-items: center;
    text-align: center;
}

.page-promotions .modal-dialog {
    max-width: 600px;
    height: 100%;
    margin-top: 30px !important;
    align-items: center;
    margin: 0 auto;
}

.phead {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
}

.phalf {
    width: 50%;
    float: left;
    padding: 10px 15px;
}

.phalf h3 {
    font-size: 15px;
    text-transform: capitalize;
    font-weight: bold;
}

.phalf img {
    width: 100%;
}

#promo-link {
    padding: 0;
    width: 120px;
    margin-top: 20px;
}

.pbutton {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #000 !important;
    padding: 0;
    margin: 0;
    opacity: 1;
    color: #ebcf65;
    border: 2px solid #ebcf65 !important;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    padding: 0 !important;
    font-weight: normal;
    outline: none !important;
}

.page-promotions .modal-content {
    background: #000d1;
    color: #ebcf65;
    font-size: 14px;
    border: 2px solid #ebcf65;
    border-radius: 10px;
}


/* SHOPS */
#the-title {
    float: left;
    width: 100%;
    color: #ebcf65;
    text-align: center;
    background: #000;
    padding: 10px;
    font-weight: bold;
    box-shadow: #00000080 0px 2px 4px 0px;
    border-top: 1px solid #000;
	text-transform: uppercase;
}

#the-title.white {
    color: #fff;
    text-align: center;
    padding-left: 0;
    background: #0c1017;
}

.page-shops {
    background: #0c1017;
}

.page-shops #body-content {
    background: unset !important;
}

.page-shops .container {
    max-width: unset;
    padding: 5px;
    float: left;
}

.page-shops #promotions {
    padding: 0;
}

.page-shops #promotions li a {
    min-height: 100px;
    background: #000;
    display: flex;
    align-items: center;
}

.page-promotions #promotions li:hover {
    border: 1px solid #ebcf65;
}

.page-shops #promotions li:hover {
    border: 1px solid #ebcf65;
}

/* Contact Us */

.page-contact img.glogo {
    width: 100%;
    padding: 0 10%;
}

.page-contact {
    background: #0c1017;
}

.page-contact #body-content {
    background: none !important;
}

.page-contact #intro {
    background: url(../images/contact-us-bg.jpg) no-repeat center center;
    background-size: cover;
	padding-bottom: 0;
}

.page-contact .row {
 /*   margin: 15px 0 80px; */
}

.contact-us img {
	width: 100%;
}

.c-info {
    width: 20%;
    float: left;
    margin: 25px 2% 0;
    text-align: center;
}

.c-info .card {
    background: none;
    text-align: center;
    display: block;
    border: 0;
}

.contact-info h3 {
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
}

.contact-info p {
    margin: 0;
    font-size: 13px !important;
}

.c-info img {
    width: 45px;
}

.c-info a {
    background: rgb(251,229,178);
    background: radial-gradient(circle, rgba(251,229,178,1) 0, rgba(174,119,51,1) 100%, rgba(0,0,0,1) 100%);
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10px;
    border-radius: 5px;
    border: 0;
    padding: 5px 10px;
    float: left;
    width: 100%;
    margin-top: 15px;
}

.c-info p {
    float: left;
    margin-top: 55px;
    width: 100%;
    color: #fff !important;
    position: absolute;
    display: none;
}

.c-info p img {
    width: 100%;
}

.c-info:hover p {
    display: block;
}

#providers {
    max-width: 800px;
    margin: 0 auto;
}

#providers span {
    float: left;
    width: 8.33333%;
    display: inline-grid;
    height: 50px;
    align-items: center;
}

#providers img {
    width: 100%;
}

.wm img {
    height: 50px;
    width: auto !important;
    margin: 0 auto;
}

.ag img {
	padding-right: 3px;
}

.m8 img {
    padding: 0 6px;
}

.followus {
    margin-top: 15px;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.followus img {
    width: 20px;
    margin: 0 5px;
    filter: grayscale(100%);
}

.followus img:hover {
    filter: grayscale(0);
}

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



/* Play Game */
.playgame .cright input {
   /* width: 100px;*/
    background: none;
    border: 0;
    color: #fff;
    font-weight: bold;
    padding: 0;
    outline: 0;
    text-align: right !important;
}

.playgame .cright.infos {
    padding-top: 0;
}

.page-playgame h2.title {
    font-size: 14px;
    color: #fff !important;
    font-weight: bold;
    padding: 0 20px !important;
    border: 0 !important;
    margin-bottom: 15px;
}

.page-playgame .mbar {
    margin-bottom: 5px;
    border-radius: 5px;
    padding: 15px 20px !important;
    font-size: 13px;
    font-weight: bold;
}

.page-playgame .cleft {
    color: #b0b0b0;
    float: left;
    padding: 0;
}

.page-playgame .cright.infos {
    padding: 0;
    float: right;
    text-align: right;
    margin-right: 30px;
}

.page-playgame .mbar a.btn {
    position: absolute;
    right: -20px;
    margin-top: -10px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
}

.playgame .cright i {
    color: #b0b0b0;
    font-size: 20px;
    position: absolute;
    right: 20px;
}

.hp-play a {
    background: #3a3938;
    padding: 5px 10px;
    border-radius: 5px;
    float: right;
    color: #007bff !important;
}

.dl-link {
    width: 29.333%;
    float: left;
    margin: 2%;
    text-align: center;
}

.dl-wrap {
    width: 100%;
    background: #000;
    border-radius: 10px;
    padding: 25px;
    min-height: 210px;
}

.dl-link.lt {
    margin-right: 0;
}

.dl-link.ctr {
    margin-left: 4%;
    margin-right: 4%;
}

.dl-link.rg {
    margin-left: 0;
}

.dl-link img {
    height: 70px;
    margin-bottom: 20px;
}

.dl-link h6 {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}

.dl-link p {
    font-size: 11px;
    color: #ebcf65;
    margin-top: 20px;
    margin-bottom: 0;
}

.dl-link a {
    color: #fff;
    background: #3a3938;
    width: 100%;
    float: left;
    padding: 5px;
    border-radius: 10px;
    border: 1px solid #fff;
    margin-top: 20px;
    text-align: center;
}

.dl-link a:hover {
    background: #fbe5b2;
    background: radial-gradient(circle, #fbe5b2 0, #ae7733 100%, rgba(0,0,0,1) 100%);
    color: #000;
}

.dl-link:hover a {
    background: #fbe5b2;
    background: radial-gradient(circle, #fbe5b2 0, #ae7733 100%, rgba(0,0,0,1) 100%);
    color: #000;
}

#divider {
    width: 100%;
    float: left;
}

#cashout #divider {
    padding: 20px 0 15px;
}

#divider .divider {
    width: 100%;
    height: 5px;
    background: rgb(251,229,178);
    background: radial-gradient(circle, rgba(251,229,178,1) 0%, rgba(174,119,51,1) 100%, rgba(0,0,0,1) 100%);
    margin-bottom: 3%;
}

footer#footer {
    width: 100%;
    float: left;
    color: #9e9e9e;
    font-size: 13px;
    line-height: 120%;
    font-weight: 600;
    background: #0c151d;
    padding: 3% 0;
}

footer .container {
    max-width: unset;
}

#footer h3 {
    color: #fff;
    font-weight: bold;
    font-size: 18px;
}

#footer h3::after {
    content: '-----';
    font-family: fontawesome;
    width: 100%;
    float: left;
    letter-spacing: -2px;
    margin-top: -5px;
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 100%;
}

#footer .col-4 {
    float: left;
    padding: 0 5% 0 0;
}

#footer p {
    font-weight: normal;
    font-size: 12px;
    line-height: 200%;
    text-align: justify;
}

#footer .col-6 {
    float: left;
    padding-left: 0;
}

#footer .col-6.ctc {
    width: 150px;
    max-width: unset;
}

#footer .wqr img.qr {
    padding: 15px;
    margin: 0;
    max-width: 120px !important;
}

#footer .col-6.ctc img {
    width: 25px;
    margin-right: 15px;
}

#footer .col-6.ctc span {
    width: 100%;
    float: left;
    margin-bottom: 15px;
	font-size: 11px;
}

.col-4.banks img {
    float: left;
    border-radius: 15px;
    padding: 5px;
    height: 60px;
    width: auto;
}

footer .reminder {
    margin: 20px 15%;
}

footer .copyright {
    width: 100%;
    float: left;
    font-size: 12px;
    margin-top: 25px;
    font-weight: normal;
    text-align: center;
}

.wechat {
    width: 45px;
    float: right;
    margin-top: -80px;
}

.wechat img {
    width: 100%;
}

.mview {
	display: none !important;
}
	
#login-footer {
	display: none;
}


/* Google Translations */
#google_translate_element {
    text-align: right;
    margin-bottom: 20px;
}
a.goog-te-menu-value span:first-child {
    padding: 0 5px;
    text-transform: uppercase;
}
a.goog-te-menu-value span:last-child {
    color: #fff !important;
    font-size: 10px;
}
.goog-te-gadget-simple .goog-te-menu-value span {
    border: 0 !important;
}
.goog-te-gadget-simple {
    background: #0c1017 !important;
    color: #fff;
    font-size: 12px !important;
    border: 0 !important;
    outline: none;
    border-radius: 10px;
    padding: 5px 10px !important;
}
.goog-te-gadget-simple img.goog-te-gadget-icon{
	display:none;
}
.goog-te-gadget-simple::before{
    content: "\f0ac";
    font-family: fontawesome;
}
#google_translate_element .goog-te-gadget-simple .goog-te-menu-value{
	background: #0c1017;
	color: #fff;
}
.goog-te-menu2 table{
	width:100%;
}
.goog-te-menu2-item-selected div, .goog-te-menu2-item-selected:link div, .goog-te-menu2-item-selected:visited div, .goog-te-menu2-item-selected:hover div, .goog-te-menu2-item-selected:active div, .goog-te-menu2-item div,  .goog-te-menu2-item:link div,  .goog-te-menu2-item:visited div, .goog-te-menu2-item:active div {
	background: #0c1017!important;
	color: #fff!important;
}
div#google_translate_element .goog-te-menu2 {
    background-color: #490306 !important;
    color: #fff !important;
    border: 0 !important;
}
.goog-te-menu2 a .text {
    color: #fff !important;
}
a.goog-te-menu2-item div {
    background: #0c1017 !important;
}

body.page-register {
    top: 0 !important;
}

.goog-te-banner-frame {
    display: none;
}


/* Login */

#lang {
    float: right;
    width: 100%;
    text-align: right !important;
    margin-bottom: 30px;
    padding: 0 !important;
    border: 0 !important;
}

#lang select#language {
    background: #0c1017;
    color: #fff;
    font-size: 14px;
    border: 0;
    outline: none;
    border-radius: 10px;
    padding: 5px 20px 5px 25px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, white 50%), linear-gradient(135deg, white 50%, transparent 50%);
    background-position: calc(100% - 10px) calc(1em + 0px), calc(100% - 5px) calc(1em + 0px);
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
}

#lang i {
    background: #0c1017;
    font-size: 15px;
    position: absolute;
    margin-top: 8px;
    margin-left: 8px;
}

/* .page-login {
    height: 100%;
    background: url(../images/header/sign-up-bg.jpg) no-repeat center center;
    background-size: cover;
} */

.page-login.psps {
    height: 100%;
    background: url(../images/header/loginbg2.jpg) no-repeat center center;
    background-size: cover;
}

.page-login header {
    display: none;
}

.page-login section#announcements {
    display: none;
}

.page-login footer#footer {
    display: none;
}

.page-login #body-content {
    margin: unset;
    background: unset;
    width: 100%;
}

#login {
    text-align: center;
    float: right;
    display: flex;
    align-items: center;
    width: 50%;
    height: 100%;
}

img.ulogo {
    width: 300px;
    padding-bottom: 15px;
}

#login .container {
    width: 450px;
    margin-left: 10%;
	padding-bottom: 5px;
}

#login h2 {
    margin-bottom: 0;
    color: #ffffff;
    font-size: 20px;
}

#login .info {
    font-size: 11px;
    width: 100%;
    margin: 0;
}

#login a {
    color: #ebcf65;
}

#login a:hover {
    color: #fff;
}

#login form {
    padding: 10%;
    color: #fff;
    border-radius: 10px;
    text-align: center;
    border: 1px solid #e2a95b;
	background-color: #000;
}

.fg #login form {
    padding: 10% 10% 6%;
}

#login .row {
    padding: 10px 0 0;
    margin: 5px 0 0;
}

.forget-back.row a {
    margin-top: 0px !important;
}

#login .row i {
    position: absolute;
    width: 40px;
    padding: 12px;
}

#login label {
    width: 100%;
    text-align: left;
    margin: 0;
    font-size: 15px;
}

#login form input {
    width: 100% !important;
    color: #fff;
    background: #0c1017;
    padding: 10px;
    font-size: 15px !important;
    border-radius: 10px;
    outline: none;
    border: 0;
    text-align: center;
    margin: 0;
}

#login ::-webkit-input-placeholder { /* Edge */
  color: #7a7b7c;
}

#login :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #7a7b7c;
}

#login ::placeholder {
  color: #7a7b7c;
}

.forget-back.row {
    padding: 0 !important;
}

.forget-back.row a {
    width: 50% !important;
    float: left;
    color: #fff !important;
}

.forget-back.row a:hover {
    color: #7a7b7c !important;
}

a.lt.info {
    text-align: left;
    font-size: 11px !important;
    font-style: normal !important;
}

a.rg.info {
    text-align: right;
    font-size: 11px !important;
    font-style: normal !important;
}

#login img {
    margin: 0 auto;
    margin-bottom: 10px;
}

#login .scode input {
    border: 0 !important;
    background: none !important;
    text-align: center;
    padding: 0 !important;
    font-size: 18px !important;
    color: #ebcf65 !important;
    font-weight: bold;
    margin-bottom: 10px;
}

.scode-content {
    width: 100%;
}

#login a.btnn.bright, #new_reg a.btnn.bright {
    padding: 10px;
    font-size: 16px !important;
    border-radius: 10px;
    outline: none;
    border: 1px solid #fff;
    text-align: center;
    width: 100%;
    background: #3a3938;
    color: #fff;
    font-weight: bold;
    margin-top: 20px;
}

#login a.btnn.bright:hover {
    background: #000;
}

/* .page-login.fg {
    height: 100%;
    background: url(../images/sign-up-bg.jpg) no-repeat center center;
    background-size: cover;
} */

/* Register */
.page-register , .page-login.fg, .page-login{
    height: 100%;
    background: url(../images/sign-up-bg.jpg) no-repeat top left;
    background-size: cover;
}

.page-register header {
    display: none;
}

.page-register #announcements {
    display: none;
}

.page-register #footer {
    display: none;
}

.page-register #body-content {
    margin: unset;
    background: unset;
    width: 100%;
}

#register {
    text-align: center;
    float: right;
    display: grid;
    align-items: center;
    width: 50%;
    height: 100%;
}

#register .container {
    width: 450px;
    margin-left: 10%;
	/* background: #000; */
	padding-bottom: 5px;
}

#register h2 {
    margin-bottom: 0;
    color: #ffffff;
    font-size: 20px;
}

#register .info {
    font-size: 12px;
    width: 100%;
    margin-bottom: 5px;
}

#register a {
    color: #ebcf65;
    cursor: pointer;
}

#register a:hover {
    color: #fff;
}

#register form a img {
    width: 25px;
    margin-right: 5px;
    margin-top: 5px;
    animation: bounce 1s infinite alternate;
    -webkit-animation: bounce 1s infinite alternate;
}

#register form {
    padding: 5% 10%;
    color: #fff;
    border-radius: 10px;
    text-align: center;
    border: 1px solid #e2a95b;
    width: 100%;
	background:#000;
}

#register .row {
    padding: 5px 0 0;
    margin: 5px 0 0;
}

#register .row i {
    position: absolute;
    width: 40px;
    padding: 10px;
}

#register label {
    width: 100%;
    text-align: left;
    margin: 0;
    font-size: 15px;
}

input:focus {
  background-color: #000;
}

#register form input {
    width: 100% !important;
    color: #fff;
    background: #0c1017;
    padding: 7px 10px;
    font-size: 15px !important;
    border-radius: 10px;
    outline: none;
    border: 0;
    text-align: center;
    margin: 0;
}

.r-info {
    color: #ebcf65;
    font-size: 11px;
    width: 100%;
}

.row.otp .info {
    font-size: 11px !important;
}

#register ::-webkit-input-placeholder { /* Edge */
  color: #7a7b7c;
}

#register :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #7a7b7c;
}

#register ::placeholder {
  color: #7a7b7c;
}

input#verified1 {
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

input#verified {
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

button#otpon {
    padding: 7px 10px;
    font-size: 16px !important;
    border-radius: 10px;
    outline: none;
    border: 1px solid #fff;
    text-align: center;
    width: 100%;
    background: #3a3938;
    color: #fff;
    font-weight: bold;
    margin-top: 15px;
    cursor: pointer;
    animation: glowing 1500ms infinite;
    background-image: linear-gradient(to right, #3a3938, #3a3938, #3a3938);
}

#register select {
    color: #fff !important;
    background-color: #000 !important;
    border-radius: 10px !important;
    outline: none;
    font-size: 12px;
    padding: 10px !important;
	border: 0;
}

#register img {
    margin: 0 auto;
    margin-bottom: 10px;
}

.changepassword input.btnn {
    margin-bottom: 15px !important;
}

input.btnn.bleft {
    background: #fbe5b2 !important;
    background: radial-gradient(circle, #fbe5b2 0, #ae7733 100%, rgba(0,0,0,1) 100%) !important;
    color: #000 !important;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px !important;
    width: 48% !important;
    float: left;
    margin-right: 2%;
/*    animation: glowing 1500ms infinite; */
}

input.btnn.bright {
    background: #fbe5b2 !important;
    background: radial-gradient(circle, #fbe5b2 0, #ae7733 100%, rgba(0,0,0,1) 100%) !important;
    color: #000 !important;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px !important;
    width: 48% !important;
    float: left;
    margin-left: 2%;
}

input.btnn.bleft:hover {
    background: #ae7733 !important;
    background: radial-gradient(circle, #ae7733 0, #fbe5b2 100%, rgba(0,0,0,1) 100%) !important;
}

input.btnn.bright:hover {
    background: #ae7733 !important;
    background: radial-gradient(circle, #ae7733 0, #fbe5b2 100%, rgba(0,0,0,1) 100%) !important;
}

/* Popup Register */
#newregister {
    background: #0009;
}

#newregister .modal-content {
    display: block;
    background: none;
    border: 0;
}

#newregister .row {
    padding: 3px 10px;
}


/* Topup Page */
.aftlogin {
    padding: 5% 0;
    color: #fff;
    text-align: center;
}

.aftlogin h2.title {
    width: 100%;
    color: #FAEA90;
    border-bottom: 1px solid #FAEA90;
    padding-bottom: 15px;
}

.aftlogin p.subs {
    width: 100%;
    font-style: italic;
    margin-bottom: 0;
    color: #ebcf65;
    margin-top: 10px;
}

.aftlogin .label {
    font-style: italic;
    color: #ebcf65;
    font-weight: normal;
    margin-bottom: 10px;
}

.bank-list {
    margin-top: 10px;
}

.aftlogin a.btn, .aftlogin a.btn img {
    width: 20px;
}

.aftlogin .row {
    max-width: 800px;
    margin: 0 auto;
	text-align: left;
}

.bank-list input {
    color: #000;
    background: #fff;
    padding: 5px;
    font-size: 15px;
    border-radius: 10px;
    outline: none;
    border: 0;
    text-align: center;
    font-weight: bold;
}

::placeholder
{
	color: #b0b0b0;
}
form#deposit-form {
    width: 100%;
    margin-top: 5px;
    text-align: center;
}

#deposit-form input[type="text"] {
    color: #fff;
    background-color:#490306;
    padding: 3px 1em;
    font-size: 13px;
    border-radius: 10px;
    outline: none;
    border: 0;
    font-weight: 600;
    float: right;
    max-width: 200px;
    text-align: right;
}

#deposit-form select {
    color: #fff;
    background-color:#490306;
    padding: 5px 10px;
    font-size: 13px;
    border-radius: 10px;
    outline: none;
    border: 0;
    font-weight: 600;
    float: right;
    text-align-last: right;
    width: 100% !important;
	max-width: 200px;
    /* margin-top: -25px; */
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#deposit-form select option {
    background: #000;
}

#deposit-form .row {
    margin-bottom: 10px;
}

#upload-receipt {
    /* width: 50%;
    float: left;
    padding: 30px; */
}

/* #upload-receipt span {
    background: #3a3938;
    width: 100%;
    text-align: center;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 7px;
    padding: 10px 30px;
    font-size: 15px;
    max-width: 300px;
}*/

.js .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.no-js .inputfile + label {
    display: none;
}

.inputfile + label {
    display: inline-block;
    background: #3a3938;
    width: 100%;
    text-align: center;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 7px;
    padding: 10px 30px;
    font-size: 15px;
    /* max-width: 300px; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#upload-receipt img {
    width: 100%;
}

#upload-receipt input[type=file] {
    opacity: 0;
    position: absolute;
    height: 45px;
    cursor: pointer;
}

#deposit-form #btnSubmit, #deposit-form #btnAddBank {
    background: #fbe5b2 !important;
    background: radial-gradient(circle, #fbe5b2 0, #ae7733 100%, rgba(0,0,0,1) 100%) !important;
    color: #000 !important;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px !important;
    /* width: 48% !important; */
    /* float: left; */
    outline: none;
    border: 0;
    min-width: 160px;
    padding: 10px 30px;
    border-radius: 10px;
    margin-top: 10px;
    animation: glowing 1500ms infinite;
}

#deposit-form #btnAddBank {
animation: none !important;
background: radial-gradient(circle, rgb(251 251 251) 0%, rgb(150 150 150) 100%) !important;
}

#deposit-form #btnSubmit:disabled{
	color: #fff !important;
    background: #6c757d !important;
    animation: none !important;
}


/* Profile */
#member-info {
    padding: 0;
    text-align: center;
}

#member-info .mbar .cleft span {
    width: 200px !important;
    float: left;
    color: #fff;
    padding-left: 15px;
    font-size: 13px;
    font-weight: bold;
}

.profiles img {
    width: 80px;
    border-radius: 50%;
    margin-top: 15px;
    height: 80px;
    object-fit: cover;
}

#profile #members-wrapper {
    padding: 0;
}

#m-id {
    float: left;
    width: 100%;
    padding: 5px 10px 15px;
    color: #e1a255;
}

#profile .mbar {
    padding: 7px 0;
    background: #000;
    margin-bottom: 8px;
}

.mbar.member-id {
    text-align: center;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 30px;
    border: 0 !important;
}

.mbar {
    width: 100%;
    text-align: left;
    float: left;
}

.mbar .cleft {
    float: left;
    padding: 5px;
}

.mbar .cright {
    width: 50%;
    float: left;
    padding: 5px;
    font-weight: 600;
    color: #ebcf65;
    font-size: 13px;
}

.cright.infos.changepass a {
    color: #fff;
}

.page-playgame #password input {
    background: #fff;
}

.page-playgame #password {
    font-size: 14px;
    text-align: center;
}

.page-playgame #password input[type="submit"] {
    color: #e7e6e6 !important;
    background: #3a3938;
    border: 1px solid #fff !important;
    padding: 3px 10px;
    border-radius: 5px;
    outline: none;
}

.mbar .cright form {
    width: max-content;
    margin: 0;
}

.mbar .cright form input[type="file"] {
    font-size: 12px;
    position: absolute;
    opacity: 0;
    margin-left: -70px;
    margin-top: -3px;
}

.mbar button.btn {
    font-size: 13px;
    font-weight: bold;
    color: #8e8981;
    padding: 0;
    margin-top: -3px;
}

.mbar input[type="submit"] {
    position: absolute;
    right: 20px;
    background: #3a3938;
    color: #fff;
    font-size: 12px;
    border: 1px solid #64676a;
    padding: 3px 15px;
    border-radius: 5px;
}

.cright.bank span {
    margin-right: 15px;
}

button.updating {
    position: absolute;
    background: #3a3938;
    color: #fff;
    font-size: 12px;
    border: 1px solid #64676a;
    padding: 3px 15px;
    margin-top: -3px;
    border-radius: 5px;
    width: 100%;
    left: 0;
    opacity: 0;
    z-index: 1;
}

.update-icon {
    position: absolute;
    right: 25px;
    font-size: 18px;
    margin-top: 0;
    color: #809393;
}

.update-icon.tbank {
    margin-top: -20px;
}

.update-icon.pic {
    margin-top: -20px;
}

.page-profile .mbar input[type="submit"] {
    opacity: 0;
    z-index: 1;
}

/* Popup for updating */
.page-profile {
    background: #0c1017;
}

.page-profile #body-content {
    background: unset !important;
}

.page-profile .modal-content {
    background: #000;
    color: #ffffff;
    font-size: 14px;
    border: 2px solid #ebcf65;
    border-radius: 10px;
    padding: 10px;
}

.page-profile .modal-header {
    border: 0;
    padding: 0;
}

.p-modal .modal-dialog {
    max-width: 450px;
    height: 100%;
    display: flex;
    align-items: center;
    margin: 0 auto;
}

.p-modal h5.title {
    text-align: center;
    font-size: 16px;
}

.p-modal ::-webkit-input-placeholder { /* Edge */
  color: #7a7b7c;
}

.p-modal :-ms-input-placeholder { /* Internet Explorer */
  color: #7a7b7c;
}

.p-modal ::placeholder {
  color: #7a7b7c;
}

.p-modal input, .p-modal select {
    width: 100%;
    margin: 7px 0;
    padding: 10px 10%;
    border-radius: 5px;
    background: #0c1017;
    color: #fff;
    text-align-last: center;
    border: 0;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-align: center;
}

.p-modal i {
    position: absolute;
    margin-top: 18px;
    font-size: 18px;
    margin-right: 25px;
    z-index: 99;
	right: 0;
	color: #809393;
}

.p-modal .row {
    margin: 0;
}

.p-modal form {
    margin-top: 15px;
}

.p-modal input#submit {
    background: #fbe5b2 !important;
    background: radial-gradient(circle, #fbe5b2 0, #ae7733 100%, #000 100%) !important;
    color: #000 !important;
    font-weight: bold;
    font-size: 17px;
}

.p-modal input#submit:hover {
    background: #ae7733 !important;
    background: radial-gradient(circle, #ae7733 0, #fbe5b2 100%, #000 100%) !important;
    color: #000 !important;
    font-weight: bold;
    font-size: 17px;
}


#profile form {
    width: 100%;
}

.page-transfer #topup {
    padding-top: 3%;
}

.page-transfer .row {
    max-width: unset;
    float: left;
    width: 100%;
}

.row.t-form {
    width: 100%;
    margin: 0 auto !important;
    float: unset;
    max-width: 800px !important;
}

.transfer-info {
    font-size: 13px;
    font-weight: bold;
    padding: 20px 0;
    float: left;
    text-align: center;
    width: 100%;
    color: #fff;
}

#oneclicktransfer {
    width: 100%;
    float: left;
}

#oneclicktransfer img {
    width: 20px;
}

#oneclicktransfer a {
    animation: none !important;
    padding: 5px 10px !important;
}

.page-transfer .container {
    max-width: unset;
}

.page-transfer #game-list p {
    font-size: 12px;
    font-weight: bold;
}

.page-transfer p.game-name {
    text-align: left;
    padding: 5px 5px 5px 7px !important;
}

.page-transfer p.game-wallet {
    float: right !important;
    text-align: right;
    padding: 5px 7px 5px 5px !important;
}

.transfer.cashout input {
    color: #fff;
    background: #000;
    padding: 5px 10px;
    font-size: 13px;
    border-radius: 10px;
    outline: none;
    border: 0;
    font-weight: 600;
    float: right;
    width: unset;
    text-align: right;
}

.transfer.cashout i {
    color: #b0b0b0;
    font-size: 20px;
    position: absolute;
    right: 35px;
    margin-top: 5px;
}

.transfer.cashout .bbox {
    padding-right: 40px;
}

.transfer.cashout select {
    width: 100%;
    color: #000;
    background: #fff;
    padding: 5px 10px;
    font-size: 15px;
    border-radius: 10px;
    outline: none;
    border: 0;
    margin-bottom: 10px;
    font-weight: 600;
}


/* Chrome, Safari, Edge, Opera */
.transfer.cashout input::-webkit-outer-spin-button,
.transfer.cashout input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.transfer.cashout input[type=number] {
  -moz-appearance: textfield;
}


.page-transfer .col-12.label {
    color: #b0b0b0;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 0;
    float: left;
    width: unset;
}

.page-transfer input#submit {
    background: none;
    animation: unset;
    width: 300px;
    margin-top: 10px;
    margin-bottom: 20px;
}

/* Statements */
.ctable .row {
    max-width: unset;
}

#table-info tr td {
    padding: 10px;
    font-size: 12px;
    white-space: nowrap;
}

.sview {
	display: none;
}


/* Bank */
.bank-name {
    width: 25%;
    float: left;
	text-align: center;
}

.bank-name img {
    width: 100%;
    padding: 10px;
	padding-bottom: 0;
}


/* Statements */
#table-info button {
	background: rgb(251,229,178);
    background: radial-gradient(circle, rgba(251,229,178,1) 0, rgba(174,119,51,1) 100%, rgba(0,0,0,1) 100%);
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 10px;
    border: 0;
    padding: 5px 15px;
    animation: glowing 1500ms infinite;
}

#topup.aftlogin.ctable #popup1.btnn {
    background: rgb(251,229,178);
    background: radial-gradient(circle, rgba(251,229,178,1) 0, rgba(174,119,51,1) 100%, rgba(0,0,0,1) 100%);
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 10px;
    border: 0;
    padding: 5px 15px;
}

ul#state-tab {
    border: 0;
    margin-top: 20px;
    margin-bottom: 30px;
}

#state-tab a.nav-link.active {
    background: #ebcf65;
    color: #000;
    font-weight: bold;
    border-radius: 10px;
    border: 0;
}

#state-tab a.nav-link {
    background: #555;
    color: #999;
    font-weight: bold;
    border-radius: 10px;
    border: 0;
	margin-right: 15px;
}

#sdeposit {
    padding: 0;
    color: #FAEA90;
}

#sdeposit h5 {
    font-size: 15px;
}

#sdeposit table {
    width: 100%;
    margin-bottom: 40px;
    background: #262626;
    border-radius: 10px;
    text-align: center;
}

#sdeposit td {
    color: #ebcf65 !important;
    font-size: 16px !important;
}

#swithdraw {
    padding: 0;
    color: #FAEA90;
}

#swithdraw h5 {
    font-size: 15px;
}

#swithdraw table {
    width: 100%;
    margin-bottom: 40px;
    background: #262626;
    border-radius: 10px;
}

#swithdraw td {
    color: #ebcf65 !important;
    font-size: 16px !important;
}

.aftlogin.ctable h3 {
    color: #FAEA90;
}

.aftlogin.ctable h5 {
    color: #FAEA90;
	font-size: 15px;
}

.aftlogin.ctable #table-info {
    padding: 0;
    margin-top: 10px;
}

.aftlogin.ctable #table-info .firstc td {    
	color: #ebcf65 !important;
    font-size: 15px !important;
}

.aftlogin.ctable #table-info td {    
	color: #FAEA90 !important;
    font-size: 15px !important;
	font-weight: 600;
}

.aftlogin.ctable #table-info td form {
    margin: 0;
}

.aftlogin.ctable #table-info td form input {
    background: #080703;
    padding: 5px;
    outline: none;
    border-radius: 10px;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    width: 100px;
}

.aftlogin.ctable .statements #table-info td form input[type="file"] {
    width: 190px;
    font-size: 12px;
    background: none;
    border: 0;
    border-radius: 0;
    padding: 0;
}

#swithdraw .change input.btnn {
    background: #080703;
    padding: 5px;
    outline: none;
    border-radius: 10px;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    width: 100px;
}

.aftlogin.ctable ::-webkit-scrollbar
{
	height: 2px;
}

#topup.aftlogin table {
    background: #262626;
    border-radius: 10px;
    text-align: center;
}

/* History */

.page-history .container {
    max-width: unset;
}

.page-history #tabtab {
    padding-bottom: 100px;
    background: #0c1017;
}

.page-history ul.nav.nav-tabs {
    border-bottom: 1px solid #6d6e70 !important;
    width: 100%;
    padding-bottom: 7px !important;
}

.page-history table {
    background: none !important;
    border-radius: unset !important;
    width: 100%;
}

.page-history tr {
    border-bottom: 7px solid #4903068a;
}

.page-history ul.nav.nav-tabs {
    background: none !important;
    padding-left: 20px !important;
}

.history {
    padding: 20px 0;
}

.history .firstc td {
    color: #ebcf65;
    font-size: 12px;
    font-weight: 600;
    padding: 15px 10px !important;
    background: none;
}

td.t-grey {
    color: #777676 !important;
}

td.s-space {
    min-width: 40px !important;
}

td.m-space {
    min-width: 100px !important;
}

td.l-space {
    min-width: 220px !important;
}

td.xl-space {
    min-width: 300px;
}

.page-history table p {
    margin: 0;
    padding: 5px 0;
}

.history table td {
    color: #ffffff;
    font-size: 12px;
    padding: 15px 10px;
    white-space: nowrap;
    background: #000;
}

.page-history #deposit h5 {
    color: #ebcf65;
    font-size: 13px;
    padding-left: 15px;
    margin-bottom: 0;
}

.page-history #deposit {
    padding: 0px 20px;
}

.page-history #withdrawal h5 {
    color: #ebcf65;
    font-size: 13px;
    padding-left: 15px;
    margin-bottom: 0;
}

.page-history #withdrawal {
    padding: 0px 20px;
}

.tlast.history {
    margin-top: 20px;
}

.special-divider {
    margin: 25px 0 15px 0;
}

.history #table-scroll button {
    background: rgb(251,229,178);
    background: radial-gradient(circle, rgba(251,229,178,1) 0, rgba(174,119,51,1) 100%, rgba(0,0,0,1) 100%);
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 10px;
    border: 0;
    padding: 5px 15px;
}

.table-full {
    width: 100%;
    float: left;
    overflow-x: auto;
}

.view-more {
    width: 100%;
    text-align: center;
    padding: 10px 0 20px 0;
}

.offsetchecktrans {
    width: 100%;
    overflow-x: auto;
}

#topup.aftlogin table a p {
    margin: 0;
    color: #FAEA90;
    white-space: nowrap;
    width: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: underline;
}

#myInput.searchInput {
    background: #ca9855;
    border: 0;
    border-radius: 10px;
    padding: 10px 10px;
    color: #000;
    font-size: 15px;
    width: 200px;
    margin-right: 10px;
    font-weight: bold;
    margin-bottom: 20px;
	outline: 0;
}

#myInput0.searchInput {
    background: #ca9855;
    border: 0;
    border-radius: 10px;
    padding: 10px 10px;
    color: #000;
    font-size: 15px;
    width: 200px;
    margin-right: 10px;
    font-weight: bold;
    margin-bottom: 20px;
	outline: 0;
}

#myInput1.searchInput {
    background: #555;
    border: 0;
    border-radius: 10px;
    padding: 10px 10px;
    color: #999;
    font-size: 15px;
    width: 200px;
    margin-right: 10px;
    font-weight: bold;
    margin-bottom: 20px;
	outline: 0;
}

#myInput2.searchInput {
    background: #ca9855;
    border: 0;
    border-radius: 10px;
    padding: 10px 10px;
    color: #000;
    font-size: 15px;
    width: 200px;
    margin-right: 10px;
    font-weight: bold;
    margin-bottom: 20px;
	outline: 0;
}

#center-transfer a.nav-link {
    color: #fff;
}

#center-transfer a.nav-link.active {
    color: #000;
}

#login-footer .contents a {
    height: 100px;
    opacity: 0.7;
}

#login-footer .contents a:hover {
    opacity: 1;
}

#login-footer p {
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    margin: 0;
}
	
footer#footer.memberonly {
    padding: 0;
 /*   padding-bottom: 100px;
    background: unset !important;*/
}


/* Footer Menu for Mobile */
span.fspecial {
    background: #800f00;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    float: left;
    display: grid;
    align-items: center;
    margin-top: -10px;
}

.footer-btn a .fspecial img {
    width: 45px !important;
    margin: 0 auto;
}

.fspecial p {
    margin-top: -25px !important;
}

a.fhome {
}

.page-home a.fhome {
    opacity: 1 !important;
}

.page-cashout a.fwithdrawal {
    opacity: 1 !important;
}

a.fdeposit {
    opacity: 1 !important;
}

.page-history a.ftransfer {
    opacity: 1 !important;
}

.page-promotions ul.nav.nav-tabs {
    display: none;
}

.page-promotions a.fpromotions {
    opacity: 1 !important;
}


/* Table Scroll Bar Button */
#table-scroll {
    position: absolute;
    right: 0;
}

#table-scroll button {
    outline: 0;
    position: relative;
    top: -30px;
    right: 15px;
}


/* Super Admin Transaction Info */
#transaction-info {
    width: 100%;
    padding: 10px 0;
    font-size: 16px;
}

#transaction-info .col-6 {
    float: left;
    padding: 0;
    flex: unset;
    max-width: unset;
    width: fit-content;
    margin-right: 50px;
}

#transaction-info span {
    color: #FAEA90;
    font-weight: bold;
}

#transaction-info.sadmin {
    margin-bottom: 20px;
}

.the-date input {
    background: #ca9855;
    border: 0;
    border-radius: 10px;
    padding: 10px 10px;
    color: #000;
    font-size: 15px;
    margin-right: 10px;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
}

.the-date input[type="submit"] {
	background: #555;
	color: #999;
}


/* HOMEPAGE provider tab */
button.wallet-refresh {
    position: absolute;
    right: 20px;
    margin-top: 5px;
    background: none;
    border: none;
    outline: none;
    color: #fff;
    font-size: 22px;
}

#tabtab {
    float: left;
    width: 100%;
}

#tabtab ul.nav.nav-tabs {
    border: 0;
    float: left;
    padding: 0 10px 5px;
    background: #000;
    width: 100%;
    box-shadow: #00000080 0px 2px 4px 0px;
    border-top: 1px solid #000;
}

#tabtab ul li {
    padding: 3px 15px;
	padding: 5px !important;
}

#tabtab li>a {
    color: #777676;
    font-weight: bold;
    padding: 0px;
    font-size: 13px;
	text-transform: uppercase;
}

#tabtab li a.active {
    color: #ebcf65;
    border-bottom: 3px solid #ebcf65;
}

#tabtab .tab-content {
    float: left;
    width: 100%;
}


/* HOMEPAGE notification popup */
.page-home #myPopup .modal-body {
    padding: 1px;
    background: #000;
    color: #fff;
    font-weight: 600;
}

.page-home #myPopup button.close {
    position: absolute;
    background: #fff;
    opacity: 1;
    right: -10px;
    top: -10px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-size: 28px;
}

.page-home #myPopup .modal-dialog {
    max-width: fit-content;
    display: flex;
    align-items: center;
    height: 100%;
}

.page-home #myPopup .modal-body div {
    display: grid;
}

.page-home #myPopup .modal-body div {
    display: grid;
}

.page-home .agdrawed {
    color: #ebcf65;
    background: #0c1017;
    padding: 20px 10px;
    width: 250px;
    font-size: 11px;
}

.page-home #myPopup .slot-red {
    color: #f44;
}

.page-home #myPopup .modal-content {
    margin: 15%;
}


/* Search Filter */
.gp #searchdate {
    margin-top: 50px;
}

.gp #searchdate input {
    margin-bottom: 0;
}

.gp #searchbar, .gp #searchbar input {
    margin: 0 !important;
}


/* ANGPAO */
.angpao .modal-header {
    display: none;
}

.angpao .modal-body {
    background: none !important;
    padding: 0;
    text-align: center;
    animation: besar 1.5s alternate infinite ease-in;
}

.angpao .modal-content {
    background: none;
    border: 0;
}

.angpao .modal-dialog {
    height: 100%;
    align-items: center;
    display: flex;
}

.angpao img {
    width: 350px;
    border-radius: 15px;
 /*   animation: glowing 1500ms infinite;*/
}


/* TAB */
/* Style the tab */
.tab {
  overflow: hidden;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 10px;
    border-top: none;
    width: 100%;
    background: #1c1919;
    border-radius: 5px;
    margin-top: 30px;
    padding: 0;
}

/* #bank {
    width: 100%;
} */

.bankbox {
    width: 100%;
}

.bankbox span.label {
    font-style: normal;
    width: 200px;
    float: left;
    text-align: left;
}

#deposit-form .row .b-details {
    padding: 10px 20px;
    width: 100%;
    background: #000;
    border-radius: 5px;
    margin-bottom: 5px;
}

#deposit-form .row .b-details span.label {
    font-style: normal;
    width: 25%;
    float: left;
}

#deposit-form .row .b-details input, #deposit-form .row .b-details select {
    width: 75%;
	float: left;
}

section#topup {
    background: #0c1017;
}

#dtypes p.subs {
    text-align: center;
    margin-bottom: 20px;
}

#dtypes {
    width: 100%;
    background: none;
    border: 0;
}

#dtypes button {
    width: 29.333%;
    background: #000;
    color: #b0b0b0;
    font-weight: bold;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 15px 20px;
    font-size: 13px;
    margin: 2%;
    text-align: left;
}

#dtypes i {
    float: right;
    font-weight: bold;
    margin-top: 3px;
}

button.tablinks.ATM {
    margin-left: 0 !important;
    margin-right: 4% !important;
}

button.tablinks.TTPAY {
    margin-right: 0 !important;
    margin-left: 4% !important;
}

#dtypes button.tablinks.active {
    color: #ebcf65;
}

.page-topup .label, .page-withdraw .label {
    color: #fff;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 0;
    float: left;
}

.page-topup select.bankselection {
    width: unset !important;
    float: right;
}

.page-topup .tabcontent, .page-withdraw .tabcontent {
    background: unset;
}

.page-topup .bank-list {
    background: #000;
    padding: 10px 20px;
    border-radius: 5px;
}

.page-topup .col-12.bank-list.bank-btm {
    background: none;
    padding: 0;
    margin: 0;
}

.bbox {
    background: #000;
    border-radius: 5px;
    padding: 10px 20px;
    margin: 5px 0 0;
    width: 100%;
    float: left;
}

.bbox a.btn {
    position: absolute;
    right: -20px;
    margin-top: -3px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
}

.b-preset-amounts {
    width: 100%;
    float: left;
    padding: 15px 0;
}

.b-preset-amounts a {
    width: 14.667%;
    float: left;
    border: 1px solid #707375;
    border-radius: 5px;
    text-align: center;
    font-size: 12px;
    color: #dbb86f;
    padding: 10px;
    margin: 1%;
}

.b-preset-amounts a:hover {
    background: #3a3938;
}

.page-topup input#submit {
    width: 50%;
    animation: none;
    margin-top: 30px;
    max-width: 300px;
}

.page-topup h6 {
    font-size: 13px;
    color: #fff;
    font-weight: bold;
    padding: 0 20px;
}

.ttbanks {
    background: #000;
    padding: 10px 20px;
    border-radius: 5px;
    width: 100%;
    float: left;
    margin-top: 10px;
}

#TTPAY .row {
    width: 100%;
    float: left;
    margin-top: 10px;
}

.page-cashout {
    background: #0c1017;
}

.page-cashout #body-content {
    background: unset !important;
}

.page-topup a.icon-deposit, .page-topup a.icon-deposit img {
    filter: unset !important;
    pointer-events: none;
}

.page-cashout a.icon-withdraw, .page-cashout a.icon-withdraw img {
    filter: unset !important;
    pointer-events: none;
}

.page-transfer a.icon-transfer, .page-transfer a.icon-transfer img {
    filter: unset !important;
    pointer-events: none;
}


/* Cashout */
#cashout {
    background: #0c1017;
}

.page-cashout h2.title {
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    padding: 0 20px;
    border: 0;
}

.page-cashout .mbar {
    background: #000;
    margin-bottom: 5px;
    border-radius: 5px;
    padding: 15px 20px;
    font-size: 13px;
    font-weight: bold;
}

.page-cashout .cleft {
    color: #b0b0b0;
    float: left;
    padding: 0;
}

.page-cashout .cright {
    color: #fff;
    padding: 0;
    float: right;
    text-align: right;
    margin-right: 30px;
}

.page-cashout .cright i {
    color: #b0b0b0;
    font-size: 20px;
    position: absolute;
    right: 20px;
}

.transfer.cashout {
    float: left;
    width: 100%;
    margin-top: 50px;
}

.page-cashout .label {
    color: #b0b0b0;
    float: left;
    padding: 0;
    font-size: 13px;
    font-style: normal;
    margin: 0;
    font-weight: bold;
    margin-top: 5px;
}

.w-submit {
    width: 100%;
    text-align: center;
    float: left;
}

.page-cashout input#submit {
    background: none;
    animation: none;
    width: 300px;
    margin-top: 30px;
    float: unset;
    text-align: center;
}



#intro h2 {
    color: #fff;
    text-align: center;
    width: 100%;
    margin-bottom: 25px;
    font-weight: bold;
}

#intro .divider {
    width: 100%;
    float: left;
    height: 50px;
}

#intro p {
    text-align: center;
    color: #9e9e9e;
    font-weight: normal;
    font-size: 15px;
}

.blending {
    opacity: 0;
    float: left;
}

/* HOTLINE */
#hotline {
    position: fixed;
    right: 0;
    top: 20%;
    z-index: 10;
}

#h-content {
    display: none;
    background: url(../images/hotline/slideout-bg.png) no-repeat;
}

#h-content h3 {
    color: #000;
    font-weight: bold;
    padding-top: 18px;
    margin: 0;
    font-size: 17px;
    padding-left: 15px;
    margin-bottom: 15px;
}

#hotline.opened #h-content {
    display: block;
    position: absolute;
    top: 0;
    width: 170px;
    right: 0;
    text-align: left;
    padding-bottom: 20px;
    border-radius: 0 0 0 25px;
}

#hotline a img {
    width: 50px;
}

#hotline.opened a.icon {
    right: 168px;
    position: absolute;
}

.ctc-icon {
    float: left;
}

.ctc-icon span {
    width: 100%;
    float: left;
    padding: 8px 15px;
    color: #000000;
    font-size: 11px;
}

.ctc-icon img {
    width: 30px;
    margin-right: 10px;
    margin-bottom: 7px;
}

img.qr {
    width: 90% !important;
    margin-top: 5px;
    padding: 0 15%;
    padding-bottom: 10px;
    margin-left: 9px;
}

a.reg {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 10px;
}

.reg img {
    width: 100px !important;
}

/* Center Transfer */
a#center-transfer {
    background: #fbe5b2 !important;
    background: radial-gradient(circle, #fbe5b2 0, #ae7733 100%, rgba(0,0,0,1) 100%) !important;
    color: #000 !important;
    font-weight: bold;
    font-size: 13px !important;
    outline: none;
    width: 160px;
    padding: 5px 30px;
    border-radius: 10px;
    animation: glowing 1500ms infinite;
    border: 0 !important;
}


/* Guide Page */
#guide {
    color: #fff;
    padding: 20px;
    width: 33.333%;
    float: left;
}

#guide h3 {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

#guide p {
    font-size: 13px;
    text-align: center;
}

#guide iframe {
    background: linear-gradient(to right,#b77d27,#dd9727,#b77d27);
    padding: 2px;
    width: 100%;
    min-height: 250px;
    border-radius: 10px;
}

p.cm {
    color: #fff;
    text-align: center;
    padding: 10%;
}

p.notifyme {
    color: #fff;
    font-size: 12px;
    border-radius: 10px;
    position: absolute;
    top: -30px;
	left: 0;
    width: 100%;
}

.page-transfer p.notifyme {
    color: #fff;
    font-size: 12px;
    border-radius: 10px;
    position: absolute;
    top: 55px;
    right: 0;
    width: 100%;
    padding-left: 250px;
}

.page-transfer .w-submit {	
    margin-bottom: 20px;
}


/* Play XE */
#playxe {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
    background: #0c1017;
}

#playxe #languageform {
    margin: 20px 0;
    font-size: 13px;
}

#playxe .gaming a {
    width: 25%;
    float: left;
    padding: 5px 10px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 20px;
}

#playxe .gaming img {
    width: auto;
    height: 150px;
}




/* PT Game */

.ptlogo {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}

.ptlogo img {
    width: 300px;
}

.ptgaming a {
    width: 31.333%;
    float: left;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 13px;
    height: 210px;
    display: grid;
    align-items: center;
    margin-bottom: 45px !important;
    background: #000;
    margin: 1%;
    border-radius: 10px;
}

.ptgaming a img {
    max-width: 100%;
    height: -webkit-fill-available;
    margin: 0 auto;
}

.ptgaming a:hover {
    color: #c09050;
    background: #c09050;
	font-weight: bold;
}


@media (max-width: 1200px) {
	#topbar input {
		max-width: 130px;
	}
	
	#topbar button {
        margin-left: 10px;
        width: 85px;
    }
}


@media (max-width: 1080px) {
	#userlogin {
		padding-right: 3%;
	}
}


@media (max-width: 1000px) {
	#topbar input {
		max-width: 120px;
	}
	
	.ptgaming a {
		height: 150px;
	}
}


@media (max-width: 992px) {
	
	.navbar-expand-md .navbar-toggler {
		display: block !important;
	}
	
	#topbar {
		display: flex;
		align-items: center;
		height: 60px;
	}
	
	#myTopnav #topbar {
        height: unset;
    }
	
	a.navbar-brand {
        top: -40px;
        padding-bottom: 0;
    }
	
	#bosku-menu {
		margin: 0;
	}
	
	#bosku-menu::-webkit-scrollbar
	{
		height: 1px;
	}
	
	button.navbar-toggler {
		position: absolute;
		top: -80px;
		right: 50px;
		outline: 0;
		padding: 0;
	}
	
	span.navbar-toggler-icon {
		width: 50px;
	}
	
	span.navbar-toggler-icon img {
		width: 100%;
	}
	
	#login-register {
		float: right;
		margin-right: 35px;
	}
	
	#topbar button {
		font-size: 18px;
	}
	
	#topbar a.button {
		font-size: 18px;
	}
	
	#topbar a.logout {
		font-size: 13px;
	}
	
	ul.navbar-nav.mr-auto {
		-ms-flex-direction: row;
		flex-direction: row;
	}

	#game-list li {
		width: 33.333%;
		float: left;
	}

	#promotions li {
		width: 24%;
		float: left;
	}

	#intro .col-md-5 {
		width: 100%;
		flex: none;
		max-width: unset;
		text-align: center;
	}

	#intro .col-md-7 {
		width: 100%;
		flex: none;
		max-width: unset;
		text-align: center;
	}

	img.glogo {
		padding: 0;
		max-width: 400px;
	}
	
	#promotions {
		padding-top: 0;
	}

	.c-info.left .card {
		margin-right: 15px;
		float: right;
	}

	.c-info.right .card {
		margin-left: 15px;
		float: left;
	}
	
	.aftlogin {
		padding: 0 0 5% 0;
	}
	
	.aftlogin .container {
		margin: 0;
		width: 100%;
		padding: 0;
		max-width: unset;
	}
	
	.aftlogin .row {
		max-width: unset;
	}
	
	#members-wrapper {
		padding: 0;
	}
	
	.mbar {
		padding: 0 10%;
	}
	
	#center-transfer {
		padding: 0;
	}
	
	#center-transfer ul#state-tab {
		padding: 0 10%;
	}

	#center-transfer .tab-content {
		padding: 0 10%;
	}
	
	.aftlogin.ctable #table-info {
		padding: 0 5%;
		margin-top: 10px;
	}
	
	#cashout.aftlogin.ctable #table-info {
		padding: 0;
	}
	
	.pgcash i {
        right: 20px !important;
    }
}



@media (max-width: 900px) {
    #transaction-info .col-6 {
        float: left;
        width: 100%;
        flex: unset;
        max-width: unset;
        margin-bottom: 5px;
        padding: 0 15px;
    }
	
	.page-contact #intro {
		padding-bottom: 5% !important;
	}	
	
	.c-info p {
		margin-top: 10px;
		position: initial;
	}
}

@media (max-width: 850px) {
	#login-register {
		margin-right: 70px;
	}
}


@media (max-width: 800px) {
	#playxe .gaming a {
		width: 33.333%;
	}
}



@media (max-width: 768px) {
    
    #normal-menu {
        float: left;
        background: #0c1017;
    }
	
	.notifyme {
		top: 5px;
	}
	
	.page-transfer p.notifyme {
		top: 100px;
		padding-left: 0;
	}
	
	button.wallet-refresh {
		display: none;
	}
	
	.mview {
		display: block !important;
	}
	
	ol.carousel-indicators.mview {
        display: flex !important;
    }
	
    #myTopnav #lang {
        padding: 15px 10px !important;
    }
    
    #myTopnav #lang i:after {
        font-size: 13px;
        padding-left: 20px;
    }
    
    #myTopnav #lang i {
        position: unset;
        float: left;
        margin-left: 10px;
        margin-top: 0;
    }
    
    .sub-lang {
        position: unset;
        float: left;
        margin-top: 5px;
        margin-left: 0px;
    }
    
    .langselection {
        margin-top: 7px;
        color: #fff;
        padding-right: 15px;
    }
    
    .mview.malay, .mview.chinese {
        display: none !important;
    }
    
    .mview.bahasa.inggeris, .mview.cina {
        display: none !important;
    }
    
    .mview.英语, .mview.马来语 {
        display: none !important;
    }
    
    #myTopnav #lang select#language {
        width: 100% !important;
        top: 3px;
        height: 60px;
        font-size: 0;
    }
    
    #myTopnav #lang select#language option {
        font-size: 13px;
    }
    
    #body-content {
        margin-left: 0;
    }
    
    header {
        position: relative;
        top: 0;
        left: 0;
        min-height: unset;
        width: 100%;
        background: #000;
    }
    
    #mlogo {
        width: 100%;
        text-align: center;
        float: left;
        padding: 8px 20px;
    }
    
    #mlogo .menu-logo {
        width: 200px;
        margin: 0 auto;
        float: unset;
    }
    
    #google_translate_element {
        position: absolute;
        width: 100%;
        right: 20px;
        top: 25px;
    }
    
    a.lc.mview {
        position: absolute;
        right: 0;
    }
    
    a.lc.mview img {
        width: 30px;
        margin-top: 15px;
        margin-right: 20px;
    }

    nav.navbar.navbar-expand-md {
        background-size: 100% 5px;
        padding: 2px;
    }
    
    #myTopnav a.icon img {
        margin-top: 7px;
    }
    
    #myTopnav.opened {
        width: 100%;
        border: 1px solid #ebcf65;
        border-top: 0;
        border-left: 0;
        background: #1416187a;
        padding: 0;
        position: fixed;
        z-index: 111;
        top: 0;
        bottom: 0;
        border-radius: 0;
    }
        
    #myTopnav.opened a.icon {
        left: 250px;
        background: #141618;
        opacity: 0;
        width: 100%;
        height: 100%;
    }
    
    #myTopnav #menu-logo {
        padding-top: 10px;
    }
    
    #myTopnav.opened .thecontent {
        padding: 0;
        width: 100%;
        overflow-y: auto;
        top: 0;
        bottom: 0;
        position: fixed;
    }
    
    .c-wrapper {
        background: #0c1017;
        width: 250px;
        float: left;
        height: 100%;
        border-right: 1px solid #000;
    }
    
	.tabview {
		display: none;
	}
	
	.sview {
		display: block;
	}
	
	#topbar {
        height: 90px;
    }
    
    .navbar-brand img {
        margin-top: 10px;
    }
    
    a.navbar-brand {
        top: -65px;
        left: 15%;
    }
	
	#topbar .container {
		padding: 0;
	}
	
	#userlogin .tfull {
		width: 100%;
		float: left;
		text-align: right;
	}
	
	#userlogin span {
		margin-right: 0;
	}
	
	#userlogin .label {
		float: right;
	}
	
	#userlogin span.s {
		float: right;
		padding-left: 5px;
	}
	
    #myTopnav a.icon {
        text-align: left;
        display: block;
        position: absolute;
        left: 20px;
        top: 5px;
        width: unset;
        z-index: 1;
    }
    
    #myTopnav .thecontent {
        display: none;
    }
    
    #intro h2 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    
    #intro p {
        font-size: 13px;
    }
    
    #intro .divider {
        height: 20px;
    }
    
    #footer .col-4 {
        width: 100%;
        max-width: unset;
        margin-bottom: 20px;
        text-align: center;
        padding: 0;
    }
    
    #footer p {
        line-height: 150%;
        text-align: center;
    }
    
    #footer h3 {
        font-size: 16px;
    }
    
    #footer .col-6.ctc {
        width: 50%;
        text-align: right;
    }
    
    #footer .col-4.banks {
        padding: 0;
    }
    
    #tabtab .tab-content {
        padding: 5px 5px;
    }
    
    #game-list .container {
        padding: 0;
    }
    
    #game-list {
        padding: 0;
    }
    
    .col-4.banks img {
        height: auto;
        width: 14%;
    }
    
    #providers {
        max-width: 450px;
    }
    
    #providers span {
        width: 16.667%;
        height: 40px;
    }
    
    span.mview.formobile {
        width: 8.333% !important;
    }
    
    footer .copyright {
        margin-top: 0;
    }
    
    .footer-content {
        margin-bottom: 10px;
    }
    
    footer .copyright.btm {
        margin-top: 25px;
    }
	
	#login-register {
		margin-right: 30px;
	}
	
	#login-footer {
		width: 100%;
		position: fixed;
		bottom: 0;
		text-align: center;
		z-index: 100;
		display: block !important;
	}
	
	#login-footer img {
		width: 100%;
		max-width: 800px;
	}

	#login-footer .contents {
        position: absolute;
        bottom: 5%;
        left: 50%;
        transform: translate(-50%);
        width: 100%;
        max-width: 800px;
        background: #000;
    }
	
	nav.navbar.navbar-expand-md .container {
		margin: 0;
	}
	
	#bosku-menu {
		margin: 0;
		overflow-x: auto;
	}
	
	#bosku-menu a.nav-link {
		font-size: 15px;
		padding: 0;
		width: max-content;
	}
	
	#bosku-menu li.nav-item {
		padding: 0 15px;
	}
	
	.page-home #tabtab ul.nav-tabs li {
        width: 25%;
        text-align: center;
    }
	
	#tabtab ul.nav.nav-tabs {
        padding: 0 0 5px;
    }
    
    #tabtab ul li {
        padding: 3px 0px;
    }
    
    #game-list li {
        width: 50%;
        float: left;
    }
	
	.about-us .title {
		font-size: 28px;
		margin-bottom: 20px;
	}

	#branding .title {
		font-size: 28px;
	}

	#the-info .sub-title {
		height: unset;
	}

	.footer-btn a {
		flex: 0 20%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 20%;
		float: left;
	}
	
	.footer-btn a img {
		width: 30px !important;
		padding: 0 !important;
		margin-bottom: 2px;
	}

	#login-footer a img {
		float: left;
	}

	.footer-btn a span {
		font-size: 11px;
		color: #fff;
	}
	
	.footer-btn a.deposit span {
		color: #000;
	}

	#register .row {
		padding: 10px 5%;
	}
	
	.bankbox span.label {
        width: 100%;
    }
    
    #deposit-form .row .b-details span.label {
        width: 100%;
		text-align: left;
    }
    
    #deposit-form .row .b-details input, #deposit-form .row .b-details select {
        width: 100%;
        max-width: 100%;
		
    }
    
    #deposit-form .row .b-details {
        padding: 15px 15px 20px;
    }
    
    #hotline {
        display: none;
    }
    
    #hotline a img {
        width: 45px;
    }
    
    #hotline.opened a.icon {
        right: 200px;
    }
    
    #hotline.opened #h-content {
        width: 200px;
    }
    
    .ctc-icon span {
        font-size: 15px;
    }
    
    .ctc-icon img {
        width: 30px;
        margin-right: 5px;
    }

    img.qr {
        padding: 0 25%;
    }
    
    /* LOGIN */
    #login .row {
        padding: 2px 0;
    }
    
    /* .page-login {
        background: url(../images/header/loginbg-mobile.jpg) bottom;
        background-size: cover;
    }
    
    .page-login.fg {
        background: url(../images/header/loginbg-mobile.jpg) bottom;
        background-size: cover;
    } */
    
    #login form.form {
        background: #000000AA;
    }

    #login {
        width: 100%;
        display: initial;
        padding: 80px 0 100px;
        height: 100%;
        float: unset !important;
    }
    
    #login .container {
        margin-left: auto;
        max-width: 450px;
        width: 100%;
    }
    
    .back.mview {
        position: absolute;
        top: 10px;
        left: 20px;
        z-index: 99;
    }
    
    .back.mview img {
        width: 35px;
    }
    
    #lang {
        position: absolute;
        right: 20px;
        top: 20px;
    }
    
    #myTopnav #lang {
        position: unset !important;
    }
    
    #login a.btnn.bright {
        padding: 5px;
        margin-top: 10px;
    }
    
    #login h2 {
        margin-bottom: 20px;
        font-size: 18px;
    }
    
    #login .info {
        margin-top: 10px;
    }
    
    img.ulogo {
        margin-top: 80px !important;
        width: 250px;
    }
    
    /* REGISTER */
    #register .row {
        padding: 2px 0;
    }
    
    .page-register, .page-login.fg, .page-login {
		background: url(../images/header/registerbg-mobile.jpg) bottom left no-repeat;
		background-size: contain;
		background-color: #000;
	}
    
    #register form.form {
        background: #000000AA;
    }

    #register {
        width: 100%;
        display: initial;
        padding: 80px 0 100px;
        height: 100%;
        float: unset !important;
    }
    
    #register .container {
        margin-left: auto;
        max-width: 450px;
        width: 100%;
    }
    
    button#otpon {
        padding: 5px;
        font-size: 16px !important;
    }
    
    
    /* PROMOTIONS */
    .page-promotions ul.nav.nav-tabs {
        display: none;
    }
    
    .page-promotions .modal-dialog {
        display: block;
        margin-top: 10%;
        width: 90%;
    }
    
    .phead {
        display: block;
        text-align: center;
    }
    
    .phalf {
        width: 100%;
    }
    
    #promotions {
        width: 100%;
        float: left;
        padding: 0;
    }
    
    #promotions li {
        width: 49%;
        float: left;
    }
    
    #promotions li h3 {
        font-size: 12px;
        padding: 5px;
        min-height: 40px;
    }
    
    .page-shops #promotions li {
        width: 49% !important;
    }
    
    .page-shops .container {
        float: left;
        padding: 5px;
    }
    
    /* PROFILE */
    .page-profile #mlogo {
        display: none;
    }
    
    .page-profile #myTopnav {
        display: none;
    }
    
    #the-title.white {
        text-align: center;
		padding: 15px 25px;
    }
    
    .profiles img {
        width: 100px;
        height: 100px;
    }
    
    .page-profile #m-id {
        padding: 5px 0 0;
        font-size: 20px;
    }

    .page-profile #m-since {
        float: left;
        text-align: center;
        width: 100%;
        font-size: 14px;
        font-weight: bold;
        color: #fff;
        padding-bottom: 15px;
    }
    
    .page-profile .mbar .cleft {
        width: 100%;
    }
    
    #member-info .mbar .cleft span {
        font-size: 12px;
        padding-left: 0;
    }
    
    #profile .mbar {
        padding: 7px 20px;
    }
    
    .mbar button.btn {
        font-size: 15px;
    }
    
    .mbar input[type="submit"] {
        margin-top: -15px;
        font-size: 17px;
    }
    
    .mbar .cright {
        font-size: 15px;
        margin-top: -10px;
        width: 100%;
    }
    
    button.updating {
        font-size: 17px;
        margin-top: -15px;
    }
    
    #member-info {
        margin-bottom: 150px;
    }
    
    .cp span {
        font-size: 15px !important;
    }
    
    .mbar.cp {
        padding: 15px 20px !important;
    }
    
    .cp button.updating {
        margin-top: -25px;
    }
    
    .pbutton {
        width: 35px;
        height: 35px;
    }
    
    .p-modal {
        padding: 10% !important;
    }
    
    .p-modal input.btnn.bleft, .p-modal input.btnn.bright {
        width: 100% !important;
        margin-right: 0;
        margin-left: 0;
        font-size: 13px !important;
    }
    
    .update-icon {
        margin-top: -20px;
    }
    
    .update-icon.pic {
        margin-top: -25px;
    }
    
    .update-icon.tbank {
        margin-top: -30px !important;
    }
    
    /* HISTORY */
    .page-history #mlogo {
        display: none;
    }
    
    .page-history #myTopnav {
        display: none;
    }

    .page-history ul.nav.nav-tabs {
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-left: 10px !important;
    }
    
    .page-history #tabtab ul li {
        padding: 3px 5px;
        font-size: 15px;
    }

    .page-history #deposit {
        padding: 0;
    }
    
    .page-history #withdrawal {
        padding: 0;
    }
    
    
    /* DEPOSIT */
    .page-topup #mlogo, .page-withdraw #mlogo, .page-ptslot #mlogo, .page-tutorial #mlogo {
        display: none !important;
    }
    
    .page-topup #myTopnav {
        display: none;
    }

    #dtypes button {
        width: 100%;
        margin: 20px 0 0 !important;
        border-radius: 0;
        padding: 15px 20px;
    }
    
    .page-topup .label {
        font-size: 12px;
    }
    
    .page-topup .bank-list {
        border-radius: 0;
    }   
    
    #deposit-form select {
        padding: 3px 1em;
        font-size: 15px;
        border: 0;
        text-align-last: left;
        width: 100% !important;
        position: relative;
        margin-top: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    
    #deposit-form input[type="text"] {
        /* padding: 3px 0; */
        font-size: 15px;
        float: left;
        width: 100% !important;
        text-align: left;
    }
    
    .bbox a.btn {
        right: 30px;
        margin-top: 5px;
    }
    
    .page-topup #deposit-form .row .b-details {
        padding: 10px 20px;
    }
    
    .b-preset-amounts a {
        width: 29.333%;
        margin: 1% 2%;
    }
    
    .b-preset-amounts {
        width: 100%;
        float: left;
        padding: 5px 0;
    }
    
    .page-topup input#submit {
        padding: 10px;
    }
    
    #upload-receipt {
        /* width: 100%; */
        float: unset;
		/* padding: 0 0 2px; */
		padding: 10px 20px;
        /* max-width: 300px; */
        margin-bottom: 0 !important;
    }
    
    .page-topup input#submit {
        padding: 10px;
        width: 100%;
        /* max-width: 300px; */
		margin-top: 5px;
    }
    
    section#topup {
        padding-bottom: 80px;
    }
    
    /* WITHDRAW */
    .page-cashout #mlogo {
        display: none;
    }
    
    .page-cashout #myTopnav {
        display: none;
    }
    
    .page-cashout h2.title {
        margin: 30px 0 15px;
    }
    
    .transfer.cashout {
        margin-top: 0;
        padding-bottom: 80px;
    }
    
    .page-cashout .cright {
        text-align: left;
        margin-right: 0;
        margin-top: 0 !important;
    }
    
    .page-cashout .cright i {
        margin-top: -5px;
    }
    
    .transfer.cashout input {
        padding: 0;
        font-size: 15px;
        width: 100%;
        text-align: left;
    }
    
    /* TRANSFER */
    .page-transfer #mlogo {
        display: none;
    }
    
    .page-transfer #myTopnav {
        display: none;
    }
        
    .transfer-info {
        padding: 20px 0 5px;
    }
    
    .page-transfer #game-list p {
        font-size: 11px;
        padding: 5px;
    }
    
    /* PLAYGAME */
    .page-playgame #mlogo {
        display: none;
    }
    
    .page-playgame #myTopnav {
        display: none;
    }
    
    .page-playgame h2.title {
        margin: 30px 0 15px;
    }
    
    .page-playgame .cleft {
        padding: 0 !important;
    }
    
    .page-playgame .cright.infos {
        text-align: left;
        margin-right: 0;
        margin-top: 0;
    }
    
    .playgame .cright input {
        text-align: left !important;
    }
    
    .playgame .cright i {
        right: 20px;
        margin-top: -10px;
    }
    
    .page-playgame .mbar a.btn {
        right: 70px;
        margin-top: -20px;
    }
    
    .cright.infos.hp-play {
        float: unset;
    }
    
    .dl-link {
        width: 100%;
        float: unset;
        margin: 20px auto 85px !important;
        max-width: 300px;
    }
    
    #profile {
        background: #0c1017;
    }
    
    
    /* GUIDE */	
	#guide {
		margin-bottom: 20px;
	}
	
	#guide.solo {
		width: 100%;
	}
	
	#guide.duo {
		width: 100%;
		padding-top: 0;
	}
	
	#guide iframe {
		width: unset;
		min-height: unset;
	}
	
    #guide h3 {
        font-size: 15px;
    }   
    
    /* CONTACT US */
    .contact-info .container {
        max-width: unset;
    }
    
    .c-info {
        margin-top: 30px;
    }
    
    .c-info a {
        font-size: 10px;
        padding: 5px;
    }
	
	.ptgaming a {
		height: 120px;
	}
	
/* 	#chat-widget-container {
		display: none !important;
	} */
}



@media (max-width: 680px) {	
	.col-6.b-details {
		width: 100%;
		flex: unset;
		max-width: unset;
	}
	
	.aftlogin p.subs {
		padding: 0 5%;
	}
	
	.the-date input {
		margin-left: 2.5px;
		margin-right: 2.5px;
		width: 150px;
	}
	
	span.desc-holder {
        font-size: 11px;
    }
	
	.c-info p {
		font-size: 10px !important;
	}
}



@media (max-width: 630px) {
    
    .thecontent #topbar {
        padding: 10px 20px;
        margin-top: -110px;
    }
    
    
    #userlogin {
        padding-right: 5%;
        float: right;
    }
    
    #myTopnav #userlogin {
        padding: 0;
        width: 100%;
    }
    
    img.menu-logo {
        margin: 0;
    }

	#myInput.searchInput {
		width: 150px;
	}

	#myInput0.searchInput {
		width: 150px;
	}

	#myInput1.searchInput {
		width: 150px;
	}

	#myInput2.searchInput {
		width: 150px;
	}
	
	#login-footer .contents a {
		height: 70px;
	}

    .angpao img {
        width: 300px;
    }
	
	.page-home #myPopup .modal-dialog {
		max-width: 100%;
	}
}


@media (max-width: 580px) {
	#playxe .gaming img {
		height: 120px;
	}
}


@media (max-width: 540px) {
    .navbar-brand img {
        margin-top: 3px;
    }
    
    #myTopnav #lang i {
        left: 10px;
    }
    
    .sub-lang {
        left: 53px;
    }
    
    #myTopnav #lang select#language {
        padding: 5px 25px 5px 15px !important;
        position: unset !important;
        margin-top: -45px;
    }
    
    #myTopnav #lang i {
        margin-left: 0;
    }
    
	#userlogin {
        padding-right: 5%;
        float: right;
    }
	
	a.navbar-brand {
        top: -55px;
        left: 15%;
    }

	#login-register a.button img {
		width: 130px;
	}
	
	#myTopnav .thecontent a {
        padding: 10px;
    }
    
    #userlogin .label img {
        width: 15px;
    }
    
    #transaction-info span {
        width: 100%;
        float: left;
    }
		
	#playxe .gaming img {
		height: 120px;		
		font-size: 10px;
	}
}


@media (max-width: 480px) {
	
	.navbar-brand img {
        width: 130px;
    }
	
	#topbar button {
		font-size: 12px;
		margin-left: 5px;
	}
	
	#topbar a.button {
		font-size: 12px;
		margin-left: 5px;
	}
	
	#bosku-menu li.nav-item {
        padding: 0 10px;
    }
    
    #bosku-menu a.nav-link {
        font-size: 13px;
    }
	
	span.navbar-toggler-icon {
		width: 40px;
	}
	
	button.navbar-toggler {
		right: 10px;
	}
	
	#login-register a.button img {
		width: 85px;
	}
	
	img.glogo {
		max-width: 300px;
	}
	
	img.title {
		max-width: 280px;
	}
	
	#intro .col-md-7 {
		font-size: 12px;
	}
	
	.about-us .title {
		font-size: 23px;
		margin-bottom: 20px;
	}

	#branding .title {
		font-size: 23px;
	}

	#the-info .sub-title {
		font-size: 23px;
	}

	#branding p {
		font-size: 12px;
		padding: 0 3%;
	}

	#the-info p {
		font-size: 12px;
	}
	
	.changepassword input.btnn.bleft {
        width: 60% !important;
    }
    
    .changepassword input.btnn.bright {
        width: 36% !important;
    }

	#myInput.searchInput {
		width: 130px;
	}

	#myInput0.searchInput {
		width: 130px;
	}

	#myInput1.searchInput {
		width: 130px;
	}

	#myInput2.searchInput {
		width: 130px;
	}
	
	footer#footer {
		font-size: 12px;
		margin-bottom: 70px;
	}
	
	footer#footer.memberonly {
        padding-bottom: 70px;
		background: #0c1017;
    }
	
	footer .reminder {
		margin: 20px;
	}
    
    #password.p-modal input {
        text-align: center;
        text-align-last: center;
    }
	
	#playxe .gaming a {
		margin-bottom: 10px;
	}
	
	#playxe .gaming img {
		height: 80px;
	}
	
	.ptgaming a {
		height: 80px;
	}
	
	.playgamenow .modal-dialog {
		max-width: unset;
		margin: 0 auto;
		width: 78vw;
	}
}

@media (min-width: 400px) 
{
	.update-icon {
		display: inline-block;
	}
}



@media (max-width: 400px) {
	#login-register {
		margin-right: 10px;
	}
	
	#login-register a.button img {
		width: 75px;
	}
	
	span.fspecial {
        width: 80px;
        height: 80px;
        margin-top: -5px;
    }
    
    .footer-btn a .fspecial img {
        width: 40px !important;
    }
}


@media (max-width: 380px) {
	
	#bosku-menu li.nav-item {
        padding: 0 15px 0 0;
    }
	
	.page-home #myPopup .modal-content {
		margin: 15% 15% 15% 12%;
	}
}


@media (max-width: 320px) {
	#login-footer .contents a {
		height: 40px;
		margin-bottom: 10px;
	}
	
	#bosku-menu li.nav-item {
        padding: 0 13px 0 0;
    }
    
    #bosku-menu a.nav-link {
        font-size: 12px;
    }
	
	.page-home #myPopup .modal-content {
		margin: 15% 15% 15% 4.5%;
	}
}

.page-transfer .sel {
	background: #0000009e;
	width: 100%;
	float: left;
	padding: 38.5% 0;
	font-size: 12px;
	position: absolute;
	top: 0;
}


.page-transfer .sel:empty {
	display: none;
}

.grecaptcha-badge {
    display: none !important;
}

.pag {
    border: 1px solid black;
    width: 30px;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    font-weight: bold;
    color: #fff;
}
.pag a {
    color: #fff;
}
.paginate{
	float:right;
	padding-top:20px;
}
p.nohistory {
    color: #ffffff;
    font-size: 12px;
    padding: 15px 10px;
    white-space: nowrap;
    background: #000;
    width: fit-content;
    min-width: 1085px;
}
.page-history #approvedwithdraw table {
    min-width: 1085px;
}
.page-history #rejectedwithdraw table {
    min-width: 1085px;
}
/* .page-history #bonus table {
    min-width: 1085px;
} */
.page-history #reward table {
    min-width: 1085px;
}
.page-history #referral table {
    min-width: 1085px;
}
.page-history #table-info table td a p {
	white-space: nowrap;
	width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* FOR UNIVERSAL SELECT */
/* Old-Select */

.old-select{
    position: absolute;
    top: -9999px;
    left: -9999px;
}

/* New-Select */

.new-select {
    width: 100%;
    height: 40px;
    margin: auto;
    margin-top: 8px;
    margin-bottom: 10px;
    text-align: center;
    color: #000;
    line-height: 40px;
    position: relative;
}

.new-select .selection:active{
    transform:         rotateX(42deg);
    -o-transform:      rotateX(42deg);
    -ms-transform:     rotateX(42deg);
    -moz-transform:    rotateX(42deg);
    -webkit-transform: rotateX(42deg);
    transform-style:         preserve-3d;
    -o-transform-style:      preserve-3d;
    -ms-transform-style:     preserve-3d;
    -moz-transform-style:    preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-origin:         top;
    -o-transform-origin:      top;
    -ms-transform-origin:     top;
    -moz-transform-origin:    top;
    -webkit-transform-origin: top;
    transition:         transform         200ms ease-in-out;
    -o-transition:      -o-transform      200ms ease-in-out;
    -ms-transition:     -ms-transform     200ms ease-in-out;
    -moz-transition:    -moz-transform    200ms ease-in-out;
    -webkit-transition: -webkit-transform 200ms ease-in-out;
}

.page-profile .p-modal i.fa.fa-university.icon {
    z-index: 999;
}

.new-select .selection{
    color: #fff;
    background-color: #490306;
    border-radius: 5px;
    
    cursor: pointer;
    position: relative;
    z-index: 99; 
    
    transform:         rotateX(0deg);
    -o-transform:      rotateX(0deg);
    -ms-transform:     rotateX(0deg);
    -moz-transform:    rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    transform-style:         preserve-3d;
    -o-transform-style:      preserve-3d;
    -ms-transform-style:     preserve-3d;
    -moz-transform-style:    preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-origin:         top;
    -o-transform-origin:      top;
    -ms-transform-origin:     top;
    -moz-transform-origin:    top;
    -webkit-transform-origin: top;
    transition:         transform         200ms ease-in-out;
    -o-transition:      -o-transform      200ms ease-in-out;
    -ms-transition:     -ms-transform     200ms ease-in-out;
    -moz-transition:    -moz-transform    200ms ease-in-out;
    -webkit-transition: -webkit-transform 200ms ease-in-out;
}

.new-option.reveal:hover {
    background: #0c1017;
    color: #fff;
}


.new-select .selection > span {
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    top: 18px;
    right: 10px;
}

.new-select .selection.open > span {
    border-style: solid;
    border-width: 0 5px 7px 5px;
    border-color: transparent transparent #fff transparent;
}

.new-option{
    text-align: center;
    cursor: pointer;
    position: relative;
    position: absolute;
    left: 0; right: 0;
    transition:         all 300ms ease-in-out;
    -o-transition:      all 300ms ease-in-out;
    -ms-transition:     all 300ms ease-in-out;
    -moz-transition:    all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
}

.new-option.reveal {
    background: #fff;
}

.new-option p {
    margin: 0;
    border: 0;
}

.new-option.reveal:hover{
    background-color: #fff;
    color: #000;
}


/* PlayNow for Game */

#PlayNow {
    pointer-events: none;
}

.playnow {
    color: #fff;
}

.playgamenow .modal-body {
    padding: 0;
}

.playgamenow .modal-dialog {
    height: 100%;
    display: flex;
    align-items: center;
}

.playgamenow .modal-content {
    background: #283433 !important;
}

.playgamenow h4 {
    color: #ebcf65;
    width: 100%;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 15px;
}

.playgamenow .modal-header {
    padding: 10px 0 0;
    border-bottom: 0;
}

.playgamenow button.close {
    color: #fff;
    position: absolute;
    right: 20px;
    top: 5px;
    outline: 0;
    font-size: 20px;
}

.playgamenow .modal-dialog {
    max-width: 400px;
    margin: 0 auto;
}

.emoney {
    color: #10ff00 !important;
    font-size: 11px;
    text-align: center;
    border: 1px solid #10ff00;
    padding: 5px;
    width: 100%;
    height: 50px !important;
    display: block;
    margin: 0 auto;
}

.emoney:hover {
    color: #d9b472 !important;
    border: 1px solid #d9b472;
}

.emoney .mainwallet {
    font-weight: bold;
    font-size: 13px;
    width: 100%;
    float: left;
}

a.edeposit {
    display: grid;
    width: 100%;
    max-width: 230px;
    border: 1px solid #e9cb94;
    color: #e9cb94;
    padding: 10px;
    font-size: 12px;
    text-align: center;
    margin: 10px auto;
    height: 50px;
    align-items: center;
}

a.play {
    background: #d9b472;
    font-size: 12px;
    text-align: center;
    width: 100%;
    max-width: 230px;
    padding: 10px;
    color: #fff;
    font-weight: bold;
    height: 50px;
    align-items: center;
    display: grid;
    margin: 0 auto;
}

#PlayNow2 a.play {
    margin: 20px auto;
}

a.play:hover {
    background: #10ff00;
}

.page-playgame header {
    display: none;
}

.page-playgame #body-content {
    margin: 0 auto;
}

.loading {
    display: none;
    width: 100vw;
    height: 100vh;
    opacity: 0.7;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    background: #000;
    align-items: center;
}

.loading center {
    height: 100%;
    display: grid;
    align-items: center;
}
.lock{
	display:none;
}
.locked {
    position: relative;
}
.locked .lock {
    color: #f44;
    font-size: 15px;
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
    display: grid;
    align-items: center;
    vertical-align: middle;
    height: 100%;
    background: #000000b8;
    border: 1px solid;
}
.locked .lock i {
    position: absolute;
    right: 10px;
    bottom: 30px;
}

.page-transfer #promo span.label {
    margin: 0;
}
.page-transfer #promo button.close {
    position: absolute;
    right: -20px;
    top: -30px;
    background-color: #000 !important;
    margin: 0;
    opacity: 1;
    color: #ebcf65;
    border: 2px solid #ebcf65 !important;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    padding: 0 !important;
    font-weight: normal;
    outline: none !important;
}
.page-transfer #promo {
    background: #000000a8;
}
.page-transfer #promo .modal-header {
	display: none;
}
.page-transfer #promo .modal-content {
    background: #0c151d00;
    color: #ebcf65;
    font-size: 14px;
    border: 2px solid #ebcf65;
    border-radius: 10px;
}
.page-transfer #promo .modal-dialog {
    display: flex;
    align-items: center;
    height: 100%;
    width: 85%;
    margin: 0 auto;
}
#p-btn button {
    background: #fbe5b2 !important;
    background: radial-gradient(circle, #fbe5b2 0, #ae7733 100%, rgba(0,0,0,1) 100%) !important;
    color: #000 !important;
    border-radius: 5px;
    font-size: 11px;
    width: 100px !important;
    padding: 5px 10px !important;
    border: 0;
    margin: 5px;
    font-weight: bold;
    text-transform: uppercase;
}
a.showpromotion {
    color: #d9b472;
    text-align: center;
    font-size: 11px;
    display: block;
}
/* #deposit-form #promo .row .b-details {
    background: unset;
    padding: 5px;
} */
#deposit-form #promo #promotion {
    background: #000;
    margin-top: 10px;
    padding: 10px;
    left: 0;
    text-align: center;
    text-align-last: center;
    -moz-text-align-last: center;
}
/* #deposit-form #promo .label {
    text-align: center;
} */

.enotification {
    color: #dc3545;
    font-size: 11px;
    padding: 10px 0 0;
    width: 230px;
    margin: 0 auto;
    font-weight: bold;
}

.enotification ul {
	padding: 0;
    padding-left: 15px;
}

/* custom */
.hide{display: none !important;}
div.error{border:1px solid #FF0000;}
div#error_msg
{
	padding-top: 1em;
	color: #ffeb00;
	text-align: left;
}

button.btn-xs{
padding: 0rem .2rem;
    font-size: .875rem;
    line-height: 1;
    border-radius: .2rem;}

.gapi_error{color: #ff0000;}

img.game-spinner{max-width: 30px; margin-left: 45%;}
p.lbl_changeacc{margin-left:24% !important; font-style: italic; color: #ebcf65;}
button.btn_changeacc{margin-bottom:5px; font-size:0.7em}
button.btn_changeacc:enabled{ background: radial-gradient(circle, rgba(250,234,144,1) 0%, rgba(168,110,44,1) 100%); font-weight:600}
button.btn_changeacc:disabled{color:#fff;}
p.gapi_no{text-align:center !important; font-weight:600;width: 100%;}

#game-list p.game-playnow
{ 
	padding: 0;
	text-align:center; 
    background: inherit;
	margin-top: -21px;
	width: 100%
	}
#game-list a.game-playnow{color: #fff;
    font-weight: bold;
    padding: 0px 3px !important;
    font-size: 0.9em;
	width: 100px;
	float: none;
	background-color: #ff0000;}
	
#game-list p.change_container
{
background: #000;
width: 100%;
text-align: center;
}

button.btn-topup, button.btn-withdraw
{
background: radial-gradient(circle, rgb(251 251 251) 0%, rgb(150 150 150) 100%);
width: 48%;
font-size: 0.9em;
}

a.btn-lottery
{
	background: radial-gradient(circle, rgb(251 251 251) 0%, rgb(150 150 150) 100%);
	width: 48%;
	
	text-transform: none;
	overflow: visible;
	cursor: pointer;
	-webkit-appearance: button;
	margin: 0;
	font-size: 0.9em !important;
    font-family: inherit;  
	border-radius: 0;
	writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: buttontext  !important;
    letter-spacing: normal;
    word-spacing: normal;
    text-indent: 0px;
    text-shadow: none;
	text-align: center;
    display: inline-block;
	line-height: inherit;  
    padding: 1px 6px;
    border-width: 2px !important;
    border-style: outset !important;
    border-color: buttonborder !important;
    border-image: initial !important;
	
	float: none !important;
}

div.form-container{max-width: 500px; margin: 0 auto; padding: 0 1em;}
#promo_details input[type="radio"]{margin: 4px 10px 0 0;}
#promo_details p {max-width:90%;margin:0;}
div.form-container em{color:#ffeb00;font-size: 0.9em;margin-left: 1em;}
table.cdm_acc{color:#fff; margin-bottom:1em;}
table.cdm_acc td{padding: 5px;}
table.cdm_detail{width:100%;}
table.cdm_detail tr{line-height: 19px;}
#cdm_date{padding: 5px 1em; !important}
span.label.cdm_dt{text-align:center !important; width:100% !important;}

.modal-content {
    background: #000;
    color: #ffffff;
    font-size: 14px;
    border: 2px solid #ebcf65;
    border-radius: 10px;
    padding: 10px;
}

.page-home .modal  button{text-transform: uppercase;}
.btn-gold{background: radial-gradient(circle, #fbe5b2 0, #ae7733 100%, rgba(0,0,0,1) 100%) !important;
    color: #000 !important;
    font-weight: bold;}
	
.page-home .modal .label_amount{width:55%;}
.page-home .modal .input_amount{width: 45%; float:right; margin-top: 0px;}
.modal-header{border-bottom: 1px solid #ebcf65;}
.modal-footer {border-top: 1px solid #ebcf65;}

tr.history{background: #000;}

.page-history #bonus h5, .page-history #transfer h5 {
    color: #ebcf65;
    font-size: 13px;
    padding-left: 15px;
    margin-bottom: 0;
}

.page-history #bonus, .page-history #transfer {
    padding: 0px;
}

#bonus div.table-responsive::-webkit-scrollbar
{
	display: none;
}

#main_wallet .with_wallet
{
	text-align:left;
	float: left;
    padding: 5px;
    font-weight: 600;
    color: #ebcf65;
}

.page-withdraw a.icon-withdraw, .page-withdraw a.icon-withdraw img {
    filter: unset !important;
    pointer-events: none;
}

.page-history a.icon-transfer, .page-history a.icon-transfer img {
    filter: unset !important;
    pointer-events: none;
}

.btn-cwithdraw{animation: none !important; margin-left:1em; }
.copy_btn{margin-right:5px;}

div.game-realtime {
    width: 100%;
    display: block;
    z-index: 98;
}

div.game-realtime h3.title {
    color: #fff;
    font-family: 'Sarpanch', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 25px !important;
    background: -webkit-linear-gradient(#ffa600, #ffdea1, #ffa600);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
}

div.game-realtime table
{
	color: #fff;
	width:100%;
}

div.game-realtime table th
{
	text-align:center;
	font-weight: 600;
	padding: 5px 0;
}

div.game-realtime table td
{
	padding: 3px 0;
}

div.game-realtime table tr
{
	border-bottom: 1px dotted #fff;
}

.margin-top1{margin-top: 1em;}
button#apply_promocode
{
	background: #fbe5b2 !important;
    background: radial-gradient(circle, #fbe5b2 0, #ae7733 100%, rgba(0,0,0,1) 100%) !important;
    color: #000 !important;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px !important;
    outline: none;
    border: 0;
    padding: 2px 15px;
    border-radius: 10px;
}

div.hregister
{
	display:none;
}

.hregister
{
	position:absolute;
	right: 5px;
	top: 10px;
	width: 80px !important;
}

#error_withdraw, #error_topup
{
	color: #ff0000;
}

#error_withdraw span, #error_topup span
{
	color: #ffc107;
}

li.evo888 span.badge
{
	padding: 1em;
	position: absolute;
    right: 0;
	color: fff;
	/*background-color: #ff0000;*/
	background: linear-gradient(top, #ff3232 0%,#fcf528 16%,#28fc28 32%,#28fcf8 50%,#272ef9 66%,#ff28fb 82%,#ff3232 100%);

	/* Firefox */
	background: -moz-linear-gradient(top, #ff3232 0%, #fcf528 16%, #28fc28 32%, #28fcf8 50%, #272ef9 66%, #ff28fb 82%, #ff3232 100%);

	/* Chrome,Safari4+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3232), color-stop(16%,#fcf528), color-stop(32%,#28fc28), color-stop(50%,#28fcf8), color-stop(66%,#272ef9), color-stop(82%,#ff28fb), color-stop(100%,#ff3232));

	/* Chrome10+,Safari5.1+ */
	background: -webkit-linear-gradient(top, #ff3232 0%,#fcf528 16%,#28fc28 32%,#28fcf8 50%,#272ef9 66%,#ff28fb 82%,#ff3232 100%);

	background-size: 1000%;
	-moz-background-size: 1000%;
	-webkit-background-size: 1000%;	

	/* W3C */
	animation-name: fun-time-awesome;
	animation-duration: 4s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-play-state: running;

	/* Firefox: */
	-moz-animation-name: fun-time-awesome;
	-moz-animation-duration: 4s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: alternate;
	-moz-animation-play-state: running;

	/* Chrome, Safari */
	-webkit-animation-name: fun-time-awesome;
	-webkit-animation-duration: 4s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-play-state: running;
}

/* W3C */
@keyframes fun-time-awesome {
	0% {background-position: left top;}
	100% {background-position: left bottom;}
}

/* Firefox */
@-moz-keyframes fun-time-awesome {
	0% {background-position: left top;}
	100% {background-position: left bottom;}
}

/* Chrome, Safari */
@-webkit-keyframes fun-time-awesome {
	0% {background-position: left top;}
	100% {background-position: left bottom;}
}

#pt_slot.game-playnow, #pt_live.game-playnow, #evolution_live.game-playnow, #gplay_cdm368.game-playnow, #asiagaming_live.game-playnow, #asiagaming_slot.game-playnow, #allbet_live.game-playnow,  #xe88h5_slot.game-playnow, #pp_slot.game-playnow, #pp_fish.game-playnow, #pp_live.game-playnow,#joker123h5_slot.game-playnow, #evo_slot.game-playnow, #evo_live.game-playnow, #gplay_lottery711.game-playnow
{
	margin: 26.5px auto;
    text-align: center;
	padding: 1em;
	font-size: 10px !important;
}


/* #login-footer .contents {
    background: #ce0d0d !important;
}

span.fspecial {
    background: #146b3a!important;}
	 */
video.tutorial
{
	max-width: 90%;
	max-height:80%;
	margin: 1em auto;
}

.hreg-btn
{
	background: #fbe5b2 !important;
    background: radial-gradient(circle, #f3d976 0, #c4903c 100%, rgba(0,0,0,1) 100%) !important;
    color: #000 !important;
    font-weight: 600;
    font-size: 12px !important;
    margin: 2% !important;
    padding: 3px 1em !important;
    text-align: center !important;
    display: block;
    border-radius: 3px;
	width: 100%;
}

#contact_us
{
	color: #ebcf65;
	text-align:center;
}

#contact_us table
{
	width: 400px;
	margin: 0 auto;
}

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

#treasurebox{position:fixed; top:10%; left:5%;display:block; z-index:99}
#CloseBtn{float:right;}
.CloseBtn{width:20px;height:20px}

a.share{width:100%; margin:0.5em 0; border-radius: 3px;}
div.share{float:left;padding: 0 5px !important;}
.share-green{background: radial-gradient(circle, #28a745 0, #0b541c 100%, rgba(0,0,0,1) 100%) !important;}
.share-yellow{background: radial-gradient(circle, #ffc107 0, #cd9b06 100%, rgba(0,0,0,1) 100%) !important;}
.share-red{background: radial-gradient(circle, #dc3545 0, #9b0917 100%, rgba(0,0,0,1) 100%) !important;}
.share-blue{background: radial-gradient(circle, #17a2b8 0, #076f80 100%, rgba(0,0,0,1) 100%) !important;}
div.poster{text-align:center}
img.poster{max-width:100%;max-height: calc(100vh - 175px);}
a.commission-btn{background: #fbe5b2!important; background: radial-gradient(circle,#f3d976 0,#c4903c 100%,rgba(0,0,0,1) 100%)!important; color: #000!important; filter: unset !important}
img.commission-btn{background:transparent !important}

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

div.telco-list input {
width: inherit !important;
max-width:inherit !important;
margin: 4px 10px 0 0;
}

@media (min-width: 450px)
{
	div.game-realtime
	{
		display: none;
	}
	
	#treasurebox{left:260px}
}

@media (max-width: 450px)
{
	body {
		background-attachment: initial;
	}

	input#code.promocode
	{
		max-width:70% !important;
	}
	
	div.hregister
	{
		display: block;
	}
	
	#contact_us table
	{
		width: 100%;
	}
	
	#lang img {margin-left:0px;}
	
}

#tngqr {max-width:100%}