@import url(https://fonts.googleapis.com/css?family=Battambang&display=swap);
@font-face {
    font-family: GRegular;
    src: url(fonts/GTWalsheimProRegular.woff2) format("woff2"), url(fonts/GTWalsheimProRegular.woff2) format("woff"), url(fonts/GTWalsheimProRegular.woff2) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: GBold;
    src: url(fonts/GTWalsheimProRegular.woff2) format("woff2"), url(fonts/GTWalsheimProRegular.woff2) format("woff"), url(fonts/GTWalsheimProRegular.woff2) format("truetype");
    font-weight: 700;
    font-style: normal
}

body {
    background-color: #000;
    color: #fff;
    font-size: 16px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    text-rendering: optimizeLegibility;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-user-drag: none;
    -ms-content-zooming: none;
    overscroll-behavior-y: none;
    -webkit-touch-callout: none
}

.preload {
    width: 100vw;
    height: 100vh;
    padding-top: 49vh;
    padding-left: 49vw;
    background: #fff;
    position: fixed;
    display: none;
    z-index: 100
}

._5vw_fontsize {
    font-size: 5vw!important
}

._4vw_fontsize {
    font-size: 4vw!important
}

.demo {
    position: absolute;
    top: 18px
}

.demo a, .demo i {
    color: #fba445;
}

.demo a:hover {
    text-decoration: none
}

.modal.left .modal-dialog, .modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 55vw;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.modal-dialog {
    box-shadow: 0 0 10px #85888c
}

.modal.left .modal-content, .modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.left.fade .modal-dialog {
    -webkit-transition: opacity .3s linear, left .3s ease-out;
    -moz-transition: opacity .3s linear, left .3s ease-out;
    -o-transition: opacity .3s linear, left .3s ease-out;
    transition: opacity .3s linear, left .3s ease-out
}

.modal.left.fade.in .modal-dialog {
    left: 0
}

.modal-content {
    border-radius: 0;
    border: none;
    background: #000 url("../../images/gmg99/left_bg.jpg") no-repeat center;
    background-size: cover;
}

.modal-header {
    border-bottom-color: #eee
}

#menu {
    margin: 0;
    padding: 0
}

#menu li {
    transition-delay: 2s;
    display: block;
    color: #fff;
}

#menu li>a {
    padding: 10px 13px;
    display: flex;
    align-items: center
}

#menu li a {
    text-decoration: none
}

#menu li .nav-sub a {
    padding: .5rem 1rem
}

#menu li span {
    color: #fff;
    text-transform: capitalize
}
.side-nav li img{
    width: 22px;
    margin-right: 8px;
}
.side-nav li .btn-warning{
    background: #e9c45a;
}
p {
    color: #fff!important
}

.container-sport i {
    color: #fff
}

.fixed-footer {
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #078c7e;
    color: #fff;
    text-align: center
}

.header-bg {
    background-color: #1f1b1c
}

.footer-bg {
    background-color: #163233;
    text-align: center;
    padding: 10px
}

.footer-font {
    text-align: left;
    font-size: 3vw;
    color: inherit
}

.btn-footer-dropdown {
    color: #fff;
    background-color: #00594f;
    border-color: #00594f
}

.dropdown-toggle::after {
    font-size: 3vw
}

.container-scroll {
    display: flex;
    overflow-x: auto
}

.content-img-top {
    padding-left: 10px;
    padding-right: 10px;
    width: 80vw;
    height: 20vh
}

.content-row {
    padding-left: 10px;
    padding-right: 10px
}

.pl-pr5 {
    padding-left: 5px;
    padding-right: 5px
}

.pl-pr8 {
    padding-left: 8px;
    padding-right: 8px
}

.pl-pr10 {
    padding-left: 10px;
    padding-right: 10px
}

.pl-pr20 {
    padding-left: 20px;
    padding-right: 20px
}

.validation {
    color: #000;
    background: #ff000047;
    padding: 7px;
    border: #0000001f solid 1px;
    border-radius: 5px;
    font-size: 10px
}

.content-video {
    background-image: url(../../images/gmg99/home/sample.png);
    display: block;
    margin-bottom: 0!important;
    padding-bottom: .8em;
    background-position: center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    border-radius: 16px
}

.keno-game-icon {
    width: 12vw;
    height: auto
}

.wallet-icon {
    width: 12vw;
    height: 6vh
}

.wallet-card {
    background-color: #3a8078;
    border-radius: 16px;
    padding: .35rem .75rem
}

.wallet-card-body {
    background-color: #1f5852;
    border: 0
}

.logout-btn {
    padding-top: 1px;
    color: #fff;
    position: absolute
}

.img-logout {
    height: 25px!important;
    object-fit: contain
}

.black_font {
    color: #000
}

.content-sport img {
    width: 15vw
}

.content-sport p {
    font-size: 3vw
}

.btn-desktop {
    background-color: #006a5e;
    color: #fff;
    width: 100%
}

.btn-mobile {
    color: #f5f5f5;
    background: #9c6729;
    width: 100%
}

.btn-playnow {
    background-color: rgba(255, 255, 255, .8);
    color: #880002
}

.btn-predict {
    background: #9c6729;
    padding: .2rem 1rem;
    color: #fff;
    text-decoration: unset
}

.content-slot-haba {
    background-image: url(../../images/gmg99/fishing/haba_banner.png);
    width: 100%;
    height: 18vh;
    margin: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.content-slot-haba img {
    width: 15vw
}

.content-slot-haba p {
    font-size: 2.5vw
}

.content-slot-sg {
    background-image: url(../../images/gmg99/slot/sg_banner.png);
    width: 100%;
    height: 18vh;
    margin: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.content-slot-sg img {
    width: 15vw
}

.content-slot-sg p {
    font-size: 2.5vw
}

.container-sport {
    position: relative;
    text-align: center;
    color: #fff;
    width: -webkit-fill-available
}

.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-30%, -50%)
}

.centered span {
    color: #fff
}

.content-left {
    position: absolute;
    bottom: 10%;
    left: 16px
}

.chat-left {
    position: absolute;
    bottom: 10%;
    left: 16px
}

.centered img {
    width: 15vw
}

.centered p {
    font-size: 2.5vw;
    line-height: 1.5;
    margin-bottom: .3rem
}

.myskin {
    background-color: transparent;
    box-shadow: 0 0 0 transparent
}

.mytype {
    height: 100px
}

.font-title {
    font-size: 3vw
}

.card-body a {
    margin-bottom: 20px;
}

.font-content {
    color: #141007;
    width: 8.5rem;
    height: 49px;
    position: absolute;
    bottom: -2%;
    left: 50%;
    transform: translate(-50%, 50%);
    background: url(../../images/gmg99/btn.png) center no-repeat;
    background-size: contain;
    line-height: 3.4;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}

.t-center {
    text-align: center
}

.button.is-small {
    border-radius: 2px;
    font-size: .75rem
}

.register-bg {
    min-height: 80vh;
    padding: 2.5em 0
}

.sidebar-sub-menu {
    color: #fff;
    font-size: 14px;
    display: block;
    border-bottom: 1px solid;
    text-transform: capitalize
}

#menu li.row-account {
    background-color: #078c7e!important
}

.row-account {
    background-color: #078c7e
}

.row-account .text-gold {
    color: gold;
    padding-left: 10px
}

#menu .row-account .title-top {
    background-color: #078c7e;
    margin-right: 0;
    width: 100%;
    padding-left: 5px!important
}

.row-account img {
    width: 15px;
    margin-bottom: 10px!important;
    margin-left: 0
}

.row-account .title-account {
    color: #fff;
    letter-spacing: 1px
}

.list-bank {
    border-top: solid 1px #000
}

.list-bank .top-menu .content-4 a {
    width: 30%
}

.list-bank .top-menu :last-child {
    border-left: 1px solid #000;
    margin-left: 10px;
    padding-left: 10px
}

.list-bank :not(:first-child):not(:last-child) {
    border-left: 1px solid #000;
    margin-left: 10px;
    padding-left: 10px
}

#menu li.list-bank {
    background-color: #078c7e!important
}

.field-icon {
    float: right;
    margin-right: 10px;
    margin-top: -25px;
    position: relative;
    z-index: 2
}

.contact-item {
    color: #09685e;
    text-transform: uppercase
}

.bank:focus {
    background: #078c7e
}

.bank {
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto
}

.aba_bank {
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto
}

.account-info {
    white-space: pre-line;
    font-size: 15px;
    margin: -10px 0 10px 20px
}

.break-line {
    background-color: #09685e;
    margin: 1em 0;
    height: .2px
}

.account-info .account-number, .account-name, .account-name-value {
    color: #09685e;
    font-size: 17px
}

.mt-10 {
    margin-top: 10px
}

.mt-20 {
    margin-top: 20px
}

.mt-30 {
    margin-top: 30px
}

.mb-10 {
    margin-bottom: 10px
}

.ml-mr10 {
    margin-left: 10px;
    margin-right: 10px
}

.ml-mr15 {
    margin-left: 15px;
    margin-right: 15px
}

.ml-mr20 {
    margin-left: 20px;
    margin-right: 20px
}

.pt-10 {
    padding-top: 10px
}

.pb-10 {
    padding-bottom: 10px
}

.search-btn {
    text-transform: capitalize;
    background: #09685e;
    border: 0;
    color: #fff
}

.account-info-title {
    color: #078c7e;
    font-size: 1em;
    margin-bottom: .5em;
    font-weight: 700
}

.account-info-list-item {
    color: #333;
    margin-bottom: 5px
}

.account-info-label {
    display: inline-block;
    min-width: 48%;
    font-weight: 700
}

.account-info-value {
    font-weight: 700
}

.wallet-balance-list-item-color {
    color: #333;
    background: #d3e0e3!important;
    padding: .28em 1em
}

.wallet-balance-list-item {
    color: #333;
    background: #eae9ef!important;
    padding: .28em 1em
}

.content-bg {
    padding: 3em 0
}

.record-header-title-withdrawal-record {
    color: #fff;
    background: #09685e!important;
    border-radius: 10px;
    padding: .1em;
    width: 100%
}

@media only screen and (max-width:600px) {
    .deposit-record {
        padding-bottom: 30vh
    }
}

@media only screen and (min-width:600px) {
    .deposit-record {
        padding-bottom: 40vh
    }
}

.form-hr {
    background-color: #09685e;
    margin: 1em 0;
    height: 1px;
    border: none;
    display: block
}

.block-lobby .block-lobby-item.new-member>.block-lobby-title {
    border-bottom: 2px solid #09685e!important
}

.block-lobby .block-lobby-item .block-lobby-title {
    display: block;
    width: 100%;
    margin-bottom: 1em
}

.block-lobby .block-lobby-item.new-member>.block-lobby-title>span {
    background: #09685e!important;
    display: block;
    max-width: 80%;
    font-size: 1em;
    text-transform: capitalize;
    color: #fff;
    padding: .35em 1em;
    margin-bottom: .3em
}

.new-member .btn-tnc {
    border: 2px solid #09685e;
    background: #09685e;
    color: #fff;
    font-size: .75rem;
    min-width: 90%;
    text-align: center;
    margin-bottom: 10px;
    align-self: center
}

.block-lobby .block-lobby-item.rebate>.block-lobby-title {
    border-bottom: 2px solid #9c6729!important
}

.block-lobby .block-lobby-item.rebate>.block-lobby-title>span {
    background: #9c6729!important;
    display: block;
    max-width: 80%;
    font-size: 1em;
    text-transform: capitalize;
    color: #fff;
    padding: .35em 1em;
    margin-bottom: .3em
}

.rebate .btn-tnc {
    border: 2px solid #9c6729;
    background: #9c6729;
    color: #fff;
    font-size: .75rem;
    min-width: 90%;
    text-align: center;
    margin-bottom: 10px;
    align-self: center
}

.block-lobby .block-lobby-item.featured>.block-lobby-title {
    border-bottom: 2px solid #a19459!important
}

.block-lobby .block-lobby-item.featured>.block-lobby-title>span {
    background: #a19459!important;
    display: block;
    max-width: 80%;
    font-size: 1em;
    text-transform: capitalize;
    color: #fff;
    padding: .35em 1em;
    margin-bottom: .3em
}

.featured .btn-tnc {
    border: 2px solid #a19459;
    background: #a19459;
    color: #fff;
    font-size: .75rem;
    min-width: 90%;
    text-align: center;
    margin-bottom: 10px;
    align-self: center
}

.promotion-btn {
    background: #09685e;
    color: #fff
}

.promotion-content {
    color: #09685e;
    font-size: 2vw;
    font-style: inherit;
    font-weight: inherit
}

.btn-tnc {
    border: 2px solid #ccc;
    background: #ccc;
    font-size: 2vw;
    width: 90%;
    text-align: center;
    margin-bottom: 10px;
    align-self: center
}

.game-hr {
    margin-top: 0;
    border-top: 1px solid #09685e
}

.game-btn {
    font-family: Arial;
    border-radius: 2px;
    font-size: .8rem;
    text-transform: uppercase;
    padding: .3em 2em;
    background: #078c7e;
    color: #fff;
    text-align: center;
    align-self: center;
    margin-bottom: 10px;
    border: 0
}

.popup {
    height: 60vh;
    overflow-y: auto
}

.popup table thead {
    background: #09685e!important;
    color: #fff
}

.popup table tbody tr td {
    text-align: center;
    text-transform: capitalize;
    padding: .5em 0
}

.popup .subtitle {
    color: #078c7e;
    margin-bottom: 1em;
    font-weight: 700;
    font-size: 1em
}

.popup ul li {
    margin-left: -2em;
    color: #333;
    margin-bottom: .5em
}

.popup ul {
    list-style: none
}

.popup .table tbody tr td {
    border: 1px solid #dbdbdb;
    padding: .5em .75em;
    vertical-align: top
}

.popup .table thead th {
    border: 1px solid #dbdbdb
}

.popup-title {
    color: #fff;
    font-weight: 700;
    text-transform: capitalize
}

.popup-claim-btn {
    min-width: 100%;
    font-family: Arial, Helvetica, sans-serif, Battambang;
    border-radius: 2px;
    font-size: .75rem;
    text-transform: uppercase;
    padding: .3em 2em;
    background: #078c7e;
    color: #fff;
    text-align: center;
    align-self: center;
    margin-bottom: 10px;
    border: 0
}

.rebate-modal {
    height: 60vh;
    overflow-y: auto
}

.rebate-modal table thead {
    background: #9c6729!important;
    color: #fff
}

.rebate-modal table tbody tr td {
    text-align: center;
    text-transform: capitalize;
    padding: .5em 0
}

.rebate-modal .subtitle {
    color: #9c6729;
    margin-bottom: 1em;
    font-weight: 700;
    font-size: 1em
}

.rebate-modal ul li {
    margin-left: -2em;
    color: #333;
    margin-bottom: .5em
}

.rebate-modal ul {
    list-style: none
}

.rebate-modal .table tbody tr td {
    border: 1px solid #dbdbdb;
    padding: .5em .75em;
    vertical-align: top
}

.rebate-modal .table thead th {
    border: 1px solid #dbdbdb
}

.rebate-claim-btn {
    min-width: 100%;
    font-family: Arial, Helvetica, sans-serif, Battambang;
    border-radius: 2px;
    font-size: .75rem;
    text-transform: uppercase;
    padding: .3em 2em;
    background: #9c6729;
    color: #fff;
    text-align: center;
    align-self: center;
    margin-bottom: 10px;
    border: 0
}

.featured-modal {
    height: 60vh;
    overflow-y: auto
}

.featured-modal table thead {
    background: #a19459!important;
    color: #fff
}

.featured-modal table tbody tr td {
    text-align: center;
    text-transform: capitalize;
    padding: .5em 0
}

.featured-modal .subtitle {
    color: #a19459;
    margin-bottom: 1em;
    font-weight: 700;
    font-size: 1em
}

.featured-modal ul li {
    margin-left: -2em;
    color: #333;
    margin-bottom: .5em
}

.featured-modal ul {
    list-style: none
}

.featured-modal .table tbody tr td {
    border: 1px solid #dbdbdb;
    padding: .5em .75em;
    vertical-align: top
}

.featured-modal .table thead th {
    border: 1px solid #dbdbdb
}

.featured-claim-btn {
    min-width: 100%;
    font-family: Arial, Helvetica, sans-serif, Battambang;
    border-radius: 2px;
    font-size: .75rem;
    text-transform: uppercase;
    padding: .3em 2em;
    background: #a19459;
    color: #fff;
    text-align: center;
    align-self: center;
    margin-bottom: 10px;
    border: 0
}

body .layer_bg {
    margin-top: 20vh;
    max-height: 100vh;
    min-height: 78vh;
    width: 100%
}

.slot-title {
    color: #09685e;
    font-size: 3vw
}

#layui-layer1 {
    top: 30px
}

body .game-layer .layui-layer-iframe {
    top: 30vh
}

body .game-layer .layui-layer-title {
    background: #333;
    color: #fff;
    border: none
}

body .game-layer .layui-layer-btn {
    border: 0 solid #e9e7e7
}

body .game-layer .layui-layer-btn a {
    background: #333
}

body .game-layer .layui-layer-btn .layui-layer-btn0 {
    border: 0;
    color: #fff
}

body .default-class .layui-layer-title {
    background: #333;
    color: #fff;
    border: none
}

body .default-class .layui-layer-content {
    word-break: normal;
    color: #222
}

body .default-class .layui-layer-btn {
    border: 0 solid #e9e7e7
}

body .default-class .layui-layer-btn a {
    background: #333
}

body .default-class .layui-layer-btn .layui-layer-btn0 {
    border: 0;
    color: #fff
}

.help-content-subtitle {
    margin: 1em 0;
    font-weight: 700
}

.help-content-body .shade {
    color: #3ba69b!important
}

[data-toggle=collapse] i:before {
    content: "\f139"
}

[data-toggle=collapse].collapsed i:before {
    content: "\f13a"
}

.help-content-extra {
    color: #078c7e;
    font-weight: 700
}

.help-content-body ol li p {
    font-size: 1em!important;
    color: #3ba69b;
    margin-left: 0!important
}

.blink a {
    font-family: cursive;
    color: gold!important;
    animation: blink 3s linear infinite
}

.blink i {
    color: gold!important
}

@keyframes blink {
    0% {
        opacity: .3
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: .3
    }
}

.event h1 {
    font-size: 1.5em;
    color: #444;
    text-shadow: 1px 0 1px #ccc, 0 1px 1px #eee, 2px 1px 1px #ccc, 1px 2px 1px #eee, 3px 2px 1px #ccc, 2px 3px 1px #eee, 4px 3px 1px #ccc, 3px 4px 1px #eee, 5px 4px 1px #ccc, 4px 5px 1px #eee, 6px 5px 1px #ccc, 5px 6px 1px #eee, 7px 6px 1px #ccc
}

.event_ul {
    padding-left: 2%;
    list-style-type: none
}

body .event-class .layui-layer-title {
    color: #fff;
    background: gold;
    font-weight: 700;
    text-transform: uppercase
}

.snowflake {
    color: #fff;
    font-size: 1em;
    font-family: Arial;
    text-shadow: 0 0 1px #000
}

@-webkit-keyframes snowflakes-fall {
    0% {
        top: -10%
    }
    100% {
        top: 100%
    }
}

@-webkit-keyframes snowflakes-shake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        -webkit-transform: translateX(80px);
        transform: translateX(80px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes snowflakes-fall {
    0% {
        top: -10%
    }
    100% {
        top: 100%
    }
}

@keyframes snowflakes-shake {
    0% {
        transform: translateX(0)
    }
    50% {
        transform: translateX(80px)
    }
    100% {
        transform: translateX(0)
    }
}

.snowflake {
    position: fixed;
    top: -10%;
    z-index: 9999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    -webkit-animation-name: snowflakes-fall, snowflakes-shake;
    -webkit-animation-duration: 10s, 3s;
    -webkit-animation-timing-function: linear, ease-in-out;
    -webkit-animation-iteration-count: infinite, infinite;
    -webkit-animation-play-state: running, running;
    animation-name: snowflakes-fall, snowflakes-shake;
    animation-duration: 10s, 3s;
    animation-timing-function: linear, ease-in-out;
    animation-iteration-count: infinite, infinite;
    animation-play-state: running, running
}

.snowflake:nth-of-type(0) {
    left: 1%;
    -webkit-animation-delay: 0s, 0s;
    animation-delay: 0s, 0s
}

.snowflake:nth-of-type(1) {
    left: 10%;
    -webkit-animation-delay: 1s, 1s;
    animation-delay: 1s, 1s
}

.snowflake:nth-of-type(2) {
    left: 20%;
    -webkit-animation-delay: 6s, .5s;
    animation-delay: 6s, .5s
}

.snowflake:nth-of-type(3) {
    left: 30%;
    -webkit-animation-delay: 4s, 2s;
    animation-delay: 4s, 2s
}

.snowflake:nth-of-type(4) {
    left: 40%;
    -webkit-animation-delay: 2s, 2s;
    animation-delay: 2s, 2s
}

.snowflake:nth-of-type(5) {
    left: 50%;
    -webkit-animation-delay: 8s, 3s;
    animation-delay: 8s, 3s
}

.snowflake:nth-of-type(6) {
    left: 60%;
    -webkit-animation-delay: 6s, 2s;
    animation-delay: 6s, 2s
}

.snowflake:nth-of-type(7) {
    left: 70%;
    -webkit-animation-delay: 2.5s, 1s;
    animation-delay: 2.5s, 1s
}

.snowflake:nth-of-type(8) {
    left: 80%;
    -webkit-animation-delay: 1s, 0s;
    animation-delay: 1s, 0s
}

.snowflake:nth-of-type(9) {
    left: 90%;
    -webkit-animation-delay: 3s, 1.5s;
    animation-delay: 3s, 1.5s
}

.fa-chevron-left {
    color: #fff
}

.title-gp {
    color: #fff;
    margin: 0 auto;
    text-align: center;
    display: block
}

.captcha {
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px;
    border-radius: 0;
    font-size: 1rem;
    line-height: 1.5;
    display: inline-block;
    padding: .375rem .75rem;
    text-align: center;
    background-color: #202020;
    width: 100%
}

.btn-first {
    background-color: #09685e;
    color: #fff
}

.btn-second {
    background-color: #fc7301;
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .8);
    padding: .4rem 0;
    background: linear-gradient(#210000, #510000);
    border: 0;
}

.loading {
    height: 100%;
    z-index: 1052;
    position: fixed;
    margin: auto;
    left: 0;
    top: 0;
    width: 100%;
    display: none;
    background: rgba(0, 0, 0, .1)
}

.loading::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateX(-50%);
    left: 50%;
    width: 48px;
    height: 48px;
    background: url(../../images/main/user/loading.gif) no-repeat
}

i {
    color: inherit
}

.brand-logo img {
    width: 10rem
}

.nav-sub {
    background-color: #1b1b1b
}

footer .navbar {
    /* background-color: #880002; */
    justify-content: center;
}

footer nav ul li {
    flex: 1;
    text-align: center
}

footer nav ul li a {
    transition: none
}

footer nav ul li .data-icon {
    font-size: 1.5625rem
}

footer nav ul .nav-item.active .nav-link {
    color: #fba445;
}

footer nav ul li span {
    display: block;
    color: #fba445;
    margin-top: -.1rem;
}

.slick-slide {
    opacity: .3;
    transition: opacity .5s ease-in-out
}

.slick-current {
    opacity: 1;
    transition: opacity .5s ease-in-out
}

.slick-active {
    opacity: 1;
    transition: opacity .5s ease-in-out
}

.card-custom {
    border: 0 none;
    background-color: transparent
}

.bg-red {
    background-color: #6e0000
}

.btn-red {
    color: #fff;
    background-color: #710003;
    border-color: #710003
}

.modal-custom .modal-content {
    background-color: #1f1b1c
}

.modal-custom .modal-header {
    border: 0 none
}

.modal-custom .form-control {
    border: 0 none;
    border-radius: 0;
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    background-color: #3c3c3c;
    color: #eee
}

.modal-custom .form-control:focus {
    box-shadow: none
}

.modal-custom .form-control::placeholder {
    color: #eee;
    opacity: 1
}

.modal-custom .form-control:-ms-input-placeholder {
    color: #eee
}

.modal-custom .form-control::-ms-input-placeholder {
    color: #eee
}

.wrapper {
    display: flex;
    flex-direction: column;
    height: 100%
}

main {
    flex: 1 1 auto;
    overflow-y: auto;
    height: 100%;
    -webkit-overflow-scrolling: touch
}

.data-icon, [data-icon]:before {
    font-family: icomoon!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: inherit
}

[data-icon]:before {
    content: attr(data-icon)
}

.icon-promo:before {
    content: "\e900"
}

.icon-home:before {
    content: "\e901"
}

.icon-chat:before {
    content: "\e902"
}

.icon-language:before {
    content: "\e903"
}

.icon-sign-in:before {
    content: "\e904"
}

.icon-sign-out:before {
    content: "\e905"
}

.icon-user-alt:before {
    content: "\e906"
}

.icon-user-plus:before {
    content: "\e907"
}

.icon-angle-left:before {
    content: "\e908"
}

.icon-angle-right:before {
    content: "\e909"
}

.icon-bars:before {
    content: "\e90a"
}

.icon-messenger:before {
    content: "\e90c"
}

.icon-person:before {
    content: "\e90b"
}

.icon-wallet:before {
    content: "\e90e"
}

.icon-contact:before {
    content: "\e90f"
}

.icon-deposit:before {
    content: "\e90d"
}

.icon-ball:before {
    content: "\e910"
}

.icon-card-game:before {
    content: "\e92e"
}

.icon-number:before {
    content: "\ea36"
}

.icon-fish:before {
    content: "\ea2a"
}

.icon-cock:before {
    content: "\ea37"
}

.icon-slot:before {
    content: "\e9f5"
}

.icon-house:before {
    content: "\e981"
}

.icon-gift:before {
    content: "\ea35"
}

.icon-global:before {
    content: "\e96e"
}

.icon-livechat:before {
    content: "\e932"
}

.icon-desktop:before {
    content: "\e9b0"
}

.icon-download:before {
    content: "\e956"
}

.icon-exchange:before {
    content: "\e911"
}

.icon-report:before {
    content: "\e912"
}

.side-nav li a .data-icon {
    font-size: 1.5625rem;
    width: 1.5625rem;
    margin-right: .65rem;
    display: inline-block;
    vertical-align: middle;
    position: relative
}

a {
    text-decoration: none
}

ul {
    padding-left: 0
}

@font-face {
    font-family: icomoon;
    src: url(fonts/icomoon/icomoon.woff?v=94965) format("woff"), url(fonts/icomoon/icomoon.ttf?v=94965) format("truetype"), url(fonts/icomoon/icomoon.svg?v=94965#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
    text-rendering: optimizeLegibility
}

.top .accordion-button::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>")
}

.top .accordion-button:focus {
    border: 0 none
}

.top .accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #deb22e;
    border: 0 none
}

.icon-bars {
    font-size: 1.5rem
}

.home-md {
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    width: 70px;
    height: 70px;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
    padding: 17px 5px;
    border-radius: 50%;
    border: 1px solid #900b0d;
    background-image: linear-gradient(#bd2a2d, #880002);
    box-sizing: border-box
}

.home {
    padding-top: 20px;
    margin-top: 10px
}

.btn-logout {
    background-color: #e27f1b
}

.btn-logout:focus, .btn-logout:hover, .btn-member:focus, .btn-member:hover {
    opacity: .7
}

.btn-member {
    background-color: #053992
}

.promo-wrap .btn-link:hover {
    text-decoration: none
}

.promo-wrap .accordion-header {
    padding: 0;
    background-color: rgba(255, 255, 255, .03)
}

.promo-wrap .accordion-button:not(.collapsed) {
    background-color: #3e3d3d
}

.promo-wrap .card {
    border-right: 0 none;
    border-left: 0 none;
    border-bottom: 1px solid #dee2e6;
    border-radius: 0
}

.promo-text {
    padding-left: 10px;
    text-align: left;
    flex: 2
}

.promo-media img {
    max-width: 190px
}

.promo-text p {
    font-size: 14px;
    margin-bottom: 0;
    color: #444
}

.promo-title {
    font-size: 15px;
    font-weight: 600;
    color: #eee
}

.promo-wrap .accordion-body p {
    font-size: .85rem;
    margin-bottom: 0
}

.promo-wrap .collapsing {
    -webkit-transition: none;
    transition: none;
    display: none
}

.promo-wrap .card-body table th, .promo-wrap .card-body table td {
    border: 1px solid #dee2e6;
    padding: .75rem
}

.promo-wrap .card-body table {
    width: 100%
}

.card-ft {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-bottom-right-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.card-ft>:not(:first-child) {
    margin-left: .25rem
}

.card-ft .btn-secondary {
    background-color: #880002;
    border-radius: unset;
    color: #fff;
    border-color: #880002
}

.promo-wrap .text-red {
    color: red
}

@media (max-width:414px) {
    .modal-custom .modal-dialog {
        margin: 1.5rem
    }
    .font-7 {
        font-size: .7rem
    }
    .font-content {
        font-size: .85rem
    }
    .promo-media img {
        max-width: 95px
    }
    .promo-text p {
        font-size: 13px;
        margin-bottom: 0
    }
    .font-content {
        width: 7rem;
        height: 35px;
        line-height: 2.8;
        font-size: 12px;
    }
}

.navbar-bal {
    position: absolute;
    right: .75rem;
    align-items: center;
}

#codeMatch {
    font-size: 1.2rem;
    padding: .255rem .75rem;
}

.btn-danger {
    background-color: #6d0001;
    border-color: #6d0001;
    color: #e8a32e
}

.btn-warning {
    background-image: linear-gradient(180deg, #e9c45a, #8b5902);
    color: #141007;
    border: 0;
}

.form-control {
    background-color: #181818;
    border: 1px solid #181818;
    color: #eee
}
.form-control option {
    background: rgba(0, 0, 0, 0.3);
    color:#f8d076;
}
select.form-control{
    color:#f8d076;
}
.form-control:focus {
    background-color: #181818;
    color: #eee
}

.form-control::placeholder {
    color: #f8d076;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #f8d076;
}

.form-control::-ms-input-placeholder {
    color: #f8d076;
}

.btn-outline-warning, .text-warning {
    border-color: #fba445!important;
}

.btn-outline-warning:focus {
    background: transparent;
}
.text-warning{
    color: #fba445!important;
}

.demo .icon-bars {
    color: #fff;
}

.navbar-bal .dropdown .dropdown-menu {
    right: 0;
    left: auto;
}

.dropdown-lang .dropdown-menu {
    right: 0;
    left: auto;
    background: transparent;
    min-width: auto;
}

.dropdown-lang .dropdown-item {
    padding: .25rem 0rem;
}

.dropdown-lang .dropdown-item:focus, .dropdown-lang .dropdown-item:hover {
    background-color: transparent;
}

.flag-en {
    background-position: 50% 0px;
}

.flag-kh {
    background-position: 50% 185px;
}

.flag-th {
    background-position: 50% 124px;
}

.flag-id {
    background-position: 50% 247px
}
.flag-vn {
    background-position: 50% 93px
}
.flag-cn {
    background-position: 50% 62px
}
.flag {
    margin-left: auto;
    margin-right: auto;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: block;
    background-image: url(../../images/gmg99/flags.png);
    background-size: 58px auto;
}
.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link.active{
    background: linear-gradient(#161616, #080808);
}