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

body {
    font-family: Roboto;
    background: #0d1017
}

@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 {
    color: #3d3d3d
}

:-ms-input-placeholder {
    color: #3d3d3d
}

::placeholder {
    color: #3d3d3d
}

section {
    width: 100%;
    float: left
}

::-webkit-scrollbar {
    width: 5px
}

::-webkit-scrollbar-track {
    background: #000
}

::-webkit-scrollbar-thumb {
    background: #000
}

::-webkit-scrollbar-thumb:hover {
    background: #000
}

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

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

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%
}

#topbar.afterlogin {
    padding: 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: 700;
    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: #fbe5b2;
    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: 700;
    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: 0 0 !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: 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: 700;
    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
}

.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: 700;
    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: #faea90;
    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: 0 0 !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
}

#myTopnav.opened {
    width: 250px;
    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: #fbe5b2;
    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: 400;
    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: 700
}

#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
}

#userlogin span {
    font-weight: 700;
    margin-right: 30px;
    color: #fff
}

#userlogin .tfull {
    color: inherit;
    font-weight: 400;
    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: 700
}

#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: 400;
    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%
}

.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: #fff;
    font-size: 15px;
    background: #0c1017
}

.title-space {
    background: #fbe5b2;
    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: 700;
    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: 700;
    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: 0 solid #000;
    position: relative
}

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

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

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

#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%
}

#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
}

#gbanner img {
    width: 100%
}

#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 #000;
    margin: .5%
}

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

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

.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: 700
}

.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: 700;
    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: 700
}

.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: 400;
    outline: none !important
}

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

#the-title {
    float: left;
    width: 100%;
    color: #ebcf65;
    text-align: center;
    background: #000;
    padding: 10px;
    font-weight: 700;
    box-shadow: #00000080 0 2px 4px 0;
    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
}

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

.page-contact {
    background: #0c1017
}

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

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

.page-contact .row {}

.contact-us img {
    width: 100%
}

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

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

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

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

.c-info img {
    width: 45px
}

.c-info a {
    background: #fbe5b2;
    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: 700;
    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
}

.playgame .cright input {
    background: 0 0;
    border: 0;
    color: #fff;
    font-weight: 700;
    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: 700;
    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: 700
}

.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: 700;
    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: 700;
    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: #fbe5b2;
    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: 700;
    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: 400;
    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: 400;
    text-align: center
}

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

.wechat img {
    width: 100%
}

.mview {
    display: none !important
}

#login-footer {
    display: none
}

#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
}

#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.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: 250px;
    padding-bottom: 15px;
}

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

#login h2 {
    margin-bottom: 0;
    /* color:#000; */
    color: #3e7799;
    font-size: 35px;
    font-family: DB-Heavent-Cond;
}

#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;
    background-color: #fff;
    box-shadow: 0px 5px 12px #dbdbdb;
}

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

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

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

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

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

#login form input {
    width: 100% !important;
    color: #000;
    background: #eeeeee;
    padding: 8px;
    font-size: 20px !important;
    border-radius: 50px;
    outline: none;
    border: 0;
    text-align: center;
    margin: 0;
    font-family: DB-Heavent-Cond;
}

#login ::-webkit-input-placeholder {
    color: #000
}

#login :-ms-input-placeholder {
    color: #000
}

#login ::placeholder {
    color: #000
}

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

.forget-back.row a {
    width: 50% !important;
    float: left;
    color: #000 !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: 0 0 !important;
    text-align: center;
    padding: 0 !important;
    font-size: 18px !important;
    color: #ebcf65 !important;
    font-weight: 700;
    margin-bottom: 10px
}

.scode-content {
    width: 100%
}

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

#login a.btnn.bright:hover {
    background: #fff
}

.page-register,
.page-login.fg,
.page-login {
    height: 100%;
    background: url(../client/images/bgnew.png) no-repeat top left;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.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%;
    padding-bottom: 5px
}

#register h2 {
    font-family: DB-Heavent-Cond;
    margin-bottom: 0;
    color: #000;
    font-size: 30px
}

#register .info {
    font-size: 18px;
    width: 100%;
    margin-bottom: 5px;
    font-family: DB-Heavent-Cond;
}

#register a {
    color: #3000ff;
    cursor: pointer
}

#register a:hover {
    color: #14006c;
}

#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% 5%;
    color: #000;
    border-radius: 10px;
    text-align: center;
    border: 1px solid #dbdbdb;
    width: 100%;
    background: #fff
}

#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::placeholder {
    font-family: DB-Heavent-Cond;
    font-size: 22px;
    color: #000;
}

#register form input {
    width: 100% !important;
    color: #000;
    background: #eeeeee;
    padding: 5px 10px;
    font-size: 20px !important;
    border-radius: 50px;
    outline: none;
    border: 0;
    text-align: center;
    margin: 0;
    font-family: DB-Heavent-Cond;
}

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

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

#register ::-webkit-input-placeholder {
    color: #7a7b7c
}

#register :-ms-input-placeholder {
    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: 700;
    margin-top: 15px;
    cursor: pointer;
    animation: glowing 1500ms infinite;
    background-image: linear-gradient(to right, #3a3938, #3a3938, #3a3938)
}

#register select {
    color: #000;
    background-color: #eeeeee;
    border-radius: 10px !important;
    outline: none;
    font-size: 12px;
    padding: 10px !important;
    border: 0;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-family: DB-Heavent-Cond;
}

#register img {
    margin: 0 auto;
}

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

input.btnn.bleft {
    background: #fbe5b2 !important;
    /* background: linear-gradient(135deg, #11124a, #11124a) !important; */
    background: linear-gradient(90deg, #1d004c, #5520aa) !important;
    color: #fff !important;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px !important;
    width: 48% !important;
    float: left;
    margin-right: 2%
}

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: 700;
    text-transform: uppercase;
    font-size: 16px !important;
    width: 48% !important;
    float: left;
    margin-left: 2%
}


input.btnn.bleft:hover {
    background: #ae7733 !important;
       background: linear-gradient(90deg, #1d004c, #5520aa) !important;

}

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

#newregister {
    background: #0009
}

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

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

.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: 400;
    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: 700
}

::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;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

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

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

#upload-receipt {}

.js .inputfile {
    width: .1px;
    height: .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;
    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: 700;
    text-transform: uppercase;
    font-size: 16px !important;
    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
}

#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: 700
}

.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: 700;
    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: 700;
    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
}

.page-profile {
    background: #0c1017
}

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

.page-profile .modal-content {
    background: #000;
    color: #fff;
    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 {
    color: #7a7b7c
}

.p-modal :-ms-input-placeholder {
    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: 700;
    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: 700;
    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: 700;
    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: 700
}

.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
}

.transfer.cashout input::-webkit-outer-spin-button,
.transfer.cashout input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

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

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

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

.ctable .row {
    max-width: unset
}

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

.sview {
    display: none
}

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

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

#table-info button {
    background: #fbe5b2;
    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: 700;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 10px;
    border: 0;
    padding: 5px 15px;
    animation: glowing 1500ms infinite
}

#topup.aftlogin.ctable #popup1.btnn {
    background: #fbe5b2;
    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: 700;
    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: 700;
    border-radius: 10px;
    border: 0
}

#state-tab a.nav-link {
    background: #555;
    color: #999;
    font-weight: 700;
    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: 0 0;
    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
}

.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: 0 0 !important;
    border-radius: unset !important;
    width: 100%
}

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

.page-history ul.nav.nav-tabs {
    background: 0 0 !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: 0 0
}

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: #fff;
    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: 0 20px
}

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

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

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

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

.history #table-scroll button {
    background: #fbe5b2;
    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: 700;
    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
}

.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;
    color: #000;
    font-size: 15px;
    width: 200px;
    margin-right: 10px;
    font-weight: 700;
    margin-bottom: 20px;
    outline: 0
}

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

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

#myInput2.searchInput {
    background: #ca9855;
    border: 0;
    border-radius: 10px;
    padding: 10px;
    color: #000;
    font-size: 15px;
    width: 200px;
    margin-right: 10px;
    font-weight: 700;
    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: .7
}

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

#login-footer p {
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    margin: 0
}

footer#footer.memberonly {
    padding: 0
}

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 {
    position: absolute;
    right: 0
}

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

#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: 700
}

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

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

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

button.wallet-refresh {
    position: absolute;
    right: 20px;
    margin-top: 5px;
    background: 0 0;
    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 0 2px 4px 0;
    border-top: 1px solid #000
}

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

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

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

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

.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%
}

.gp #searchdate {
    margin-top: 50px
}

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

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

.angpao .modal-header {
    display: none
}

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

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

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

.angpao img {
    width: 350px;
    border-radius: 15px
}

.tab {
    overflow: hidden
}

.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: .3s
}

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

.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: 0 0;
    border: 0
}

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

#dtypes i {
    float: right;
    font-weight: 700;
    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: 700;
    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: 0 0;
    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: 700;
    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: 700;
    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 {
    background: #0c1017
}

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

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

.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: 700;
    margin-top: 5px
}

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

.page-cashout input#submit {
    background: 0 0;
    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: 700
}

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

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

.blending {
    opacity: 0;
    float: left
}

#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: 700;
    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: #000;
    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
}

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: 700;
    font-size: 13px !important;
    outline: none;
    width: 160px;
    padding: 5px 30px;
    border-radius: 10px;
    animation: glowing 1500ms infinite;
    border: 0 !important
}

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

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

#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
}

#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: 700;
    margin-bottom: 20px
}

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

.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: 700
}

@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%
    }

    .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: 0
    }

    .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
    }

    #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: 33%;
        text-align: center
    }

    #tabtab ul.nav.nav-tabs {
        padding: 0 0 5px
    }

    #tabtab ul li {
        padding: 3px 0
    }

    #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 .row {
        padding: 2px 0
    }

    #login form.form {
        background: rgb(228 228 228 / 88%);
        margin: 78px 0;
    }

    #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 {
        font-family: DB-Heavent-Cond;
        margin-bottom: 20px;
        font-size: 35px
    }

    #login .info {
        margin-top: 10px
    }

    img.ulogo {
        margin-top: 40px !important;
        width: 250px
    }

    #register .row {
        padding: 2px 0
    }

    .page-register,
    .page-login.fg,
    .page-login {
        background: url(../client/images/header/mobile-bg-signup4.jpg) bottom left no-repeat;
        background-size: cover;
    }

    #register form.form {
        background: #fff;
    }

    #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
    }

    .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
    }

    .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: 700;
        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
    }

    .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
    }

    .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] {
        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 {
        float: unset;
        padding: 10px 20px;
        margin-bottom: 0 !important
    }

    .page-topup input#submit {
        padding: 10px;
        width: 100%;
        margin-top: 5px
    }

    section#topup {
        padding-bottom: 80px
    }

    .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
    }

    .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
    }

    .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 {
        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-info .container {
        max-width: unset
    }

    .c-info {
        margin-top: 30px
    }

    .c-info a {
        font-size: 10px;
        padding: 5px
    }

    .ptgaming a {
        height: 120px
    }
}

@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 #000;
    width: 30px;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    font-weight: 700;
    color: #fff
}

.pag a {
    color: #fff
}

.paginate {
    float: right;
    padding-top: 20px
}

p.nohistory {
    color: #fff;
    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 #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
}

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

.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;
    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;
    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 {
    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: 700;
    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: 700;
    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: 700;
    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: .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: 400;
    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: 700;
    text-transform: uppercase
}

a.showpromotion {
    color: #d9b472;
    text-align: center;
    font-size: 11px;
    display: block
}

#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
}

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

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

.hide {
    display: none !important
}

div.error {
    border: 1px solid red
}

div#error_msg {
    padding-top: 1em;
    color: #ffeb00;
    text-align: left
}

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

.gapi_error {
    color: red
}

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: .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: 700;
    padding: 0 3px !important;
    font-size: .9em;
    width: 100px;
    float: none;
    background-color: red
}

#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: .9em
}

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: .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: #fff;
    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: 700
}

.page-home .modal .label_amount {
    width: 55%
}

.page-home .modal .input_amount {
    width: 45%;
    float: right;
    margin-top: 0
}

.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: 0
}

#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: 700;
    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: 700;
    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: red
}

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

li.evo888 span.badge {
    padding: 1em;
    position: absolute;
    right: 0;
    color: fff;
    background: linear-gradient(top, #ff3232 0%, #fcf528 16%, #28fc28 32%, #28fcf8 50%, #272ef9 66%, #ff28fb 82%, #ff3232 100%);
    background: -moz-linear-gradient(top, #ff3232 0%, #fcf528 16%, #28fc28 32%, #28fcf8 50%, #272ef9 66%, #ff28fb 82%, #ff3232 100%);
    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));
    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%;
    animation-name: fun-time-awesome;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
    -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;
    -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
}

@keyframes fun-time-awesome {
    0% {
        background-position: left top
    }

    100% {
        background-position: left bottom
    }
}

@-moz-keyframes fun-time-awesome {
    0% {
        background-position: left top
    }

    100% {
        background-position: left bottom
    }
}

@-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 {
    margin: 26.5px auto;
    text-align: center;
    padding: 1em;
    font-size: 10px !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: .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: 0 0 !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;
    color: #fff
}

img.angpow {
    width: 100px !important
}

@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: 0
    }
}



#menus {
    width: 100%;
    bottom: -16px;
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background: linear-gradient(135deg,#3fe,#209bff)!important; */
    background: linear-gradient(1deg, #191a1c, #02121f) !important;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    padding: 20px 0px 15px;
    backdrop-filter: blur(15px);
}

#menus li {
    list-style-type: none;
}

#menus li a {
    width: 90px;
    height: 25px;
    color: #000;
    text-align: center;
    font-size: 20px;
    text-decoration: none;
    display: block;
    transition: 1s;
    text-transform: uppercase;
    position: relative;
}

#menus li a ion-icon {
    width: 100%;
    font-size: 22px;
    position: absolute;
    left: 0px;
    transition-delay: .3s;
    z-index: 9;
    color: #dbdbdb;
    top: -10px;
}

#menus li a.active-icon i {
    top: -60%;
    transition-delay: .3s;
    transition: 1s;
}

#menus li a span {
    display: block;
    font-size: 15px;
    width: 100%;
    position: absolute;
    bottom: -10px;
    transition-delay: .3s;
    transition: 1s;
    z-index: 9;
    color: #dbdbdb;
    font-family: DB-Heavent-Cond;
}

#menus li a.active-icon span {
    bottom: 14px;
    transition-delay: .5s;
    transition: 1s;
    opacity: 1;
}