@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');

body { font-family: "Lato", sans-serif; line-height:1.6; font-size:14px; margin:0 auto; color:#191919;max-width: 991px;padding-bottom: 15%;background: #141414; }

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

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

img { max-width:100%;}

input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="number"], textarea, select {
    color: #666;
    width: 100%;
}
.header-top {
    padding: 5px 0;
    position: fixed;
    top: 0;
    width: 100%;
    max-width: 991px;
    z-index: 99;
    background: #201d1c;
}
.right-member .btn-login {
    padding: 5px;
    width: 100%;
    text-align: center;
    border-radius: 10px;
    font-weight: 500;
    color: #ffffff;
}
.right-member .btn-reg {
    padding: 5px;
    background: #fcd752;
    width: 100%;
    text-align: center;
    border-radius: 20px;
    font-weight: 500;
    color: #464646;
}
.logo {
    width: 119px;
    max-width: 180px;
    padding: 5px;
}
.dropdown_lang img{
	width: 30px;
}
.right-member {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 10px;
    text-align: right;
    align-items: center;
}
.inner_body{
	padding: 53px 0px 10px 0px;
}
.marquee{
	color: #fbdb24;
	display: flex;
}
.marquee_icon{
	padding: 5px;
}
.tab_index_main{
	display: grid;
	grid-template-columns: 20% 80%;
	color: #ffffff;
	text-align: center;
	font-size: 16px;
}
.tab_1st_main{
    background-image: linear-gradient(#5bc220, #125508);
    padding: 15px;
}
.tab_1st_main img{
    width: 30px;
}
.tab_1st_main a{
    color: #fff;
}
.index_tab ul{
    overflow: hidden;
    overflow-x: scroll;
    white-space: nowrap;
    box-shadow: 0px 2px 7px -1px rgba(0,0,0,0.1);
    flex-wrap: nowrap;
    background-color: #1f1f1f;
    border: none;
}
.index_tab ul li a{
    padding: 15px;
    color: #ffffff;
    text-align: center;
}
.index_tab ul li a.nav-link{
	border: none;
    position: relative;
}
.index_tab ul li a.nav-link.active{
    color: #5bc220;
    background-color: transparent;
    border: none;
}
.index_tab ul.nav-tabs li a:after {
    content: "\f0d7";
    font-family: 'Font Awesome\ 5 Free';
    position: absolute;
    transform: translateX(-50%);
    transition: all .3s ease;
    opacity: 0;
    color: #5bc220;
    font-weight: 700;
    bottom: 0px;
}
.index_tab ul.nav-tabs li a.active:after {
    opacity: 1;
}
.lv_index_main{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding: 10px;
    text-align: center;

}
.lv_index_main a{
    color: #fff;
    font-size: 16px;
}
.slots_tab ul{
    overflow: hidden;
    overflow-x: scroll;
    white-space: nowrap;
    box-shadow: 0px 2px 7px -1px rgba(0,0,0,0.1);
    flex-wrap: nowrap;
    background-color: #1f1f1f;
    border: none;
    padding: 10px;
    margin: 10px 0px;
}
.slots_tab ul li{
    display: flex;
    align-self: center;
}
.slots_tab ul li a.nav-link{
	width: 70px;
    text-align: center;
    border: none;
}
.slots_tab ul li a.nav-link img{

}
.slots_tab ul li a.nav-link.active{
    background: #313131;
    border-radius: 25px;
}
.gameSearch-input {
    width: 270px;
    background-color: #222;
    border-radius: 250px;
    overflow: hidden;
    padding: 10px 10px 10px 28px;
    position: relative;
    color: #8f99a3;
    display: flex;
    align-items: center;
}
.gameSearch-input .gameSearch {
    width: 100%;
    outline: none;
    color: #fff;
    background-color: transparent;
    border: none;
}
.gamesearch_main{
	display: grid;
	grid-template-columns: auto auto;
	padding: 0px 10px;
}
.gamesearchbtn{
	border: 1px solid #222;
    background-color: transparent;
    color: #fff;
    border-radius: 20px;
}
.game_list{
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding: 10px;
    text-align: center;
}
.game_list a{
    color: #fff;
    font-size: 16px;
}

/*footer*/
.menu-btm {
    position: fixed;
    max-width: 991px;
    width: 100%;
    bottom: 0;
    z-index: 99;
    background-color: #212121;
}
.menu-wrapper {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    text-align: center;
    padding: 5px;
    box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.1);
}
.menu-wrapper a {
    color: #fff;
    font-size: 11px;
}
.menu-wrapper a.active {
    color: #5bc220;
}
.menu-wrapper a img {
    max-width: 35%;
    display: block;
    margin: auto;
}
.menu-wrapper a .active-img {
    display: none;
}
.menu-wrapper a.active .com-img {
    display: none;
}
.menu-wrapper a.active .active-img {
    display: block;
}
/*footerEND*/

/*promotion*/
.mix {
    display: none;
}
.filter-menu-bar {
    overflow: auto;
    white-space: nowrap;
    box-shadow: 0px 2px 7px -1px rgba(0,0,0,0.1);
    background: #201d1c;
}
.pmbox {
    display: inline-block;
    text-align: center;
    margin: 5px 7px 0;
    border-bottom: 2px solid transparent;
    padding: 5px 0 11px;
    font-size: 15px;
    color: #a5a9b3;
    min-width: 60px;
}
.pmbox.active {
	border-bottom: 2px solid #fcd752;
    color: #fcd752;
}
.promo-content {
    padding: 15px;
}
.promo-bx{
    padding: 5px 0px;
}
.text-yellow{
    color: #f9bb22;
}
.text_promotions{
    color: #fff;
}
.text_promotions ol{
    padding: 0;
    padding-left: 10px;
}
#promomodal .modal-header {
    background-color: #222;
    color: #fff;
        border-bottom: 1px solid #f9bb22;
}
#promomodal .modal-content{
    background-color: #222222ed;
    color: #fff;
}
#promomodal .modal-header .close{
    color: #fff;
}
/*promotionEND*/

/*login*/
.member_login_head{
	background-color: #1f1f1f;
}
.login_head_txt{
    color: #e8dcb3;
    font-size: 20px;
}
.login_head_txt a{
	color: #e8dcb3;
}
.login_logo{
	padding: 20px 0px;
}
.login_logo img{
	width: 160px;
}
.login_input input.form-control{
  border:none;
  background-color: transparent;
  color: #e8dcb3;
}
.login_input .input-group{
	border-bottom: 1px solid #e8dcb3;
	margin: 20px 0px;
}
.login_input input:focus,
.login_input select:focus,
.login_input textarea:focus,
.login_input button:focus {
    outline: none;
}

.login_input i{
  padding: 10px;
  color: #e8dcb3;
}
.login_input_custom,.login_input_custom a{
    color: #fff;
}
.login-btn {
    border-radius: 10px;
    border: 1px solid #f9bb22;
    background-color: transparent;
    color: #fff;
    min-width: 110px;
    width: 100%;
    font-weight: 800;
    font-size: 16px;
    text-transform: uppercase;
    height: 45px;
    text-shadow: 0 2px 2px rgba(0,0,0,.3);
}
.login-btn:hover {
    background-color: #f9bb22;
}
.join-btn {
    border-radius: 10px;
    border: 1px solid #f9bb22;
    background-color: #f9bb22;
    color: #fff;
    min-width: 110px;
    width: 100%;
    font-weight: 800;
    font-size: 16px;
    text-transform: uppercase;
    height: 45px;
    text-shadow: 0 2px 2px rgba(0,0,0,.3);
}
.join-btn:hover {
    background-color: transparent;
}
/*loginEND*/

/*index*/
.index_tab ul li a.nav-link .active-img {
    display: none;
}
.index_tab ul li a.nav-link.active .com-img {
    display: none;
}
.index_tab ul li a.nav-link.active .active-img {
    display: block;
    margin: auto;
}
.index_tab ul li a img{
    width: 30px;
}
.tab_product_main{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 10px;
}
.txt_product{
    color: #fff;
}
#langmodal .modal-header {
    background-color: #222;
    color: #fff;
    border-bottom: none;
}
#langmodal .modal-content{
    background-color: #222222ed;
    color: #fff;
}
#langmodal .modal-header .close{
    color: #fff;
}
/*indexEND*/

/*contact*/
.contact_spec_wrapper{
    padding-top: 20px;
}
.contact-record-wrapper {
    display: grid;
    grid-template-columns: auto 15px;
    align-items: center;
    padding: 12px 0px;
    border-bottom: 1px solid #494949;
}
.rcaption {
    color: #ffffff;
    font-size: 14px;
    text-align: left;
    padding-left: 10px;
    font-weight: 500;
}
.grey {
    align-self: center;
    font-size: 15px;
    color: #5d5d5d;
}
.contact-record-wrapper-spec {
    border-bottom: none;
}
/*contactEND*/

/*profile*/
.inner_body_profile{
    padding-top: 0px;
}
.profile_bg{
    background: url(../images/afterlogin/bg_after.png)no-repeat;
    background-position: top;
    background-size: contain;
}
.profile_acc{
    display: grid;
    grid-template-columns: auto auto;
    padding-top: 20px;
    color: #fff;
}
.profile_acc a{
    color: #fff;
}
.member_bal{
    font-size: 23px;
}
.acc_box{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    background-image: linear-gradient(#f9e55d, #f9bb22);
    height: 100px;
    margin-top: 30px;
    border-radius: 6px;
    text-align: center;
    align-items: center;
}
.acc_box a img{
    width: 40px;
}
.acc_box a div{
    font-size: 13px;
    font-weight: 700;
    color: #964a00;
}
.contact-record-wrapper-profile {
    display: grid;
    grid-template-columns: 35px auto 15px;
    align-items: center;
    padding: 12px 0px;
    border-bottom: 1px solid #494949;
}
/*profileEND*/

/*deposit*/
.afterlogin_head{
    color: #fff;
    font-size: 17px;
}
.afterlogin_head a{
    color: #fff;
}
.afterlogin_header{
    padding: 10px;
}
.deposit_top{
    color: #fff;
    text-align: center;
    padding: 20px;
}
.deposit_txt{
    font-size: 18px;
}
.deposit_balce{
    font-size: 36px;
}
.deposit_tab{
    background: #1f1f1f;
    color: #fff;
        padding: 10px 0px;
}
.please_tab{
    padding: 10px;
}
.aftermain_tab_wrapper.nav-tabs{
    border-bottom: none;
    background-color: transparent;  
    text-align: center;
    justify-content: center;
}
.aftermain_tab_wrapper.nav-tabs .nav-item{
    margin-right: 0px;
}
.aftermain_tab_wrapper.nav-tabs .nav-link.active{
    color: #5bc220;
    background-color: transparent;
    border-color: transparent;
    text-align: center;
}
.aftermain_tab_wrapper.nav-tabs .nav-item a{
    color: #8f99a3;
    font-weight: 700;
    position: relative;
    font-size: 13px;
}
.aftermain_tab_content_wrapper{
    padding: 10px 0px;
    margin-top: 10px;
    background: #1f1f1f;
    color: #fff;
}
.nav-pills .nav-link.btn-bankType{
    background-color: #222222;
    border-radius: 60px;
    width: 70px;
    height: 70px;
    padding: 11px;
    text-align: center;
}
.deposit_bank .nav-pills .nav-link.active{
    background-color: #1d3043;
    border: 1px solid #f9bb22;
}
.depositTable table tbody tr th{
    padding: 20px;
}
.depositTable table tbody tr:first-child{
    border-bottom: 1px solid #f9bb22;
}
.depositTable table tbody tr:nth-child(2n){
    background-color: #222;
}
.depositTitle{
    color: #fff;
}
.afterloginnav_content .form-control{
    background-color: #1a1a1a;
    height: 50px;
    border-radius: 25px;
    padding: 0 0 0 20px;
    border: none;
    color: #fff;
}
.btn_reg{
    width: 100%;
    min-height: 56px;
    color: #fff;
    text-transform: uppercase;
    outline: none;
    text-shadow: 0 2px 2px rgba(0,0,0,.3);
    border-radius: 10px;
    margin: 30px 0px;
    background-image: linear-gradient(#5bc220, #125508);
    border: none;
}
.btn_reg:hover{
    background-color: transparent;
    color: #fff;
}
.deposit_info p{
    color: #f9bb22;
}
.depositTable table{
    border: 1px solid #f9bb2226;
}
/*depositEND*/

/*transfer*/
.wallet-board{
    text-align: center;
}
.trans-wallet-wrapper {
    color: #fff;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    padding: 5px;
    grid-gap: 2px;
}
.trans-title {
    color: #fff;
    padding: 0 15px;
    font-size: 16px;
    text-transform: uppercase;
    margin: 4px 0 5px;
    font-weight: 600;
    text-align: left;
}
.wp-logo {
    /*background: rgba(0,0,0,0.5);*/
    border-radius: 10px;
    width: 97px;
    height: auto;
    margin: auto;
    text-align: center;
    padding: 8px 0;
    /*border: 1px solid #3bd6d8;*/
}
.trans-wallet-wrapper label .wp-box img {
    filter: grayscale(1);
}
.trans-wallet-wrapper label:hover .wp-box img {
    filter: grayscale(0);
}
/* HIDE RADIO */
.trans-wallet-wrapper label [type=radio] { 
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
/* IMAGE STYLES */
.trans-wallet-wrapper label [type=radio] + .wp-box {
    cursor: pointer;
    background-color: #282828;
    border-radius: 10px;
    min-height: 83px;
}
/* CHECKED STYLES */
.trans-wallet-wrapper label [type=radio]:checked + .wp-box {
    box-shadow: 0 0 5px 1px rgba(255,255,255,0.9);
}
.trans-wallet-wrapper label [type=radio]:checked + .wp-box img {
    filter: grayscale(0) brightness(1.1);
}

button.max-button {
    background: #001520;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    border: 1px solid #53fdfd;
    padding: 0px 15px;
    width: auto;
    border-radius: 35px;
    height: 30px;
    text-transform: uppercase;
    margin-left: 5px;
}
button.max-button:hover {
    background: #0a3a4e;
    box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.65);
}
button.max-button:focus {
    outline: none;
}
/*transferEND*/

/*statement*/
.depositTable.statementTable table tbody tr th,.depositTable.message table tbody tr th{
    padding: 5px;
    font-size: 10px;
}
.afterloginnav_content {
    padding: 10px 10px;
}
::-webkit-calendar-picker-indicator {
    filter: invert(1);
}
/*statementEND*/

/*message*/
.msgmodal_cla{
    cursor: pointer;
}
#msgmodal .modal-header {
    background-color: #222;
    color: #fff;
        border-bottom: 1px solid #f9bb22;
}
#msgmodal .modal-content{
    background-color: #222222ad;
    color: #fff;
}
#msgmodal .modal-header .close{
    color: #fff;
}
/*messageEND*/

/*wallet*/
#walletmodal .modal-header {
    border-bottom: none;
    padding: 10px;
}
#walletmodal .modal-content{
    background-color: #222222ad;
    color: #fff;
}
#walletmodal .modal-header .close{
    color: #fff;
    margin-right: -16px;
    padding: 4px;
    width: 33px;
    height: 33px;
    background-color: #000000;
    border-radius: 30px;
    position: absolute;
    right: 9px;
    z-index: 1;
    top: 18px;
}
#walletmodal .modal-body{
    padding: 0;
}
.dropdown-balance {
    background: rgba(0,0,0,0.95);
    color: #fff;
    z-index: 2;
    text-align: center;
    border: 1px solid #f1b90a;
    right: 25%;
    top: 102%;
    border-radius: 10px;
}
.balance-drop:hover .dropdown-balance {
    display: block;
}
.summary-wrapper {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 9px 0px;
    font-size: 14px;
    padding-bottom: 10px;
}
.main-item, .main-amount {
    background: linear-gradient(to bottom,#fafac5 0%,#c9b04f 40%,#ab8713 66%,#613c00 99%);
    color: #fff;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 500;
}
.main_left{
    border-top-left-radius: 7px;
}
.main_right{
    border-top-right-radius: 7px;
}
.platform-item {
    text-transform: uppercase;
    font-weight: 500;
    padding: 0px 10px;
}
.balc {
    display: inline-block;
    margin: 0 3px;
}
.amount-item {
    text-align: right;
    height: 25px;
    padding: 0px 10px;
}
button.btn-in {
    display: inline-block;
    border: none;
    margin: 0 5px;
    height: 100%;
    padding: 0px 10px;
    background: #78b714;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
}
button.btn-out {
    display: inline-block;
    border: none;
    margin: 0 2px;
    height: 100%;
    padding: 0px 10px;
    background: #b71414;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
}
/*walletEND*/

/*tnc*/
.Condition-title {
    text-align: center;
    padding-bottom: 10px;
}
.Condition-title h1 {
    color: #fff;
    padding: 15px 0;
}
.Condition-title p.important {
    color: #da4a4c;
}
.Intro h3,.Intro h2 {
    text-align: center;
    padding-bottom: 30px;
    color: #fff;
}
.Intro p {
    color: #8f99a3;
}
.Intro p a ,.Intro ol{
    color: #f9bb22;
}
.Intro h4 {
    font-weight: 400;
    margin: 5px 0;
    color: #fff;
    font-size: 16px;
}
.aboutContent{
    color: #8f99a3;
    line-height: 30px;
    width: 100%;
    margin: 0 auto;
    font-size: .95rem;
    text-align: center;
}
.aboutUsDesc{
    display: flex;
    width: 100%;
    padding: 20px;
}
.aboutContainer{
    padding-top: 30px;
}
/*tncEND*/

/*download*/
.download_app_main{
    position: relative;
}
.download_btn{
    color: #f9bb22;
    position: absolute;
    bottom: 4px;
    right: 11px;
    border: 1px solid #f9bb22;
    border-radius: 5px;
    padding: 3px 10px;
}
#downloadmodal .modal-header {
    background-color: #222;
    color: #fff;
    border-bottom: none;
    padding: 0px 10px;
}
#downloadmodal .modal-content{
    background-color: #222222ed;
    color: #fff;
}
#downloadmodal .modal-header .close{
    color: #fff;
}
.downloadbody {
    text-align: center;
}
.downloadbox {
    text-align: center;
    width: 42%;
    margin: 0 5px;
    display: inline-block;
    height: 173px;
}
.ndl-btn {
    background: linear-gradient(to bottom, #c9ffe2 0%, #3ddd85 100%);
    color: #001c3c;
    font-size: 13px;
    padding: 5px 10px;
    font-weight: 700;
    border-radius: 30px;
    display: block;
    margin: auto;
    margin-top: 4px;
    width: 78%;
}
.adl-btn {
    background: linear-gradient(to bottom, #ffffff 0%, #d4d4d4 100%);
    color: #001c3c;
    font-size: 13px;
    padding: 5px 10px;
    font-weight: 700;
    border-radius: 30px;
    display: block;
    margin: auto;
    margin-top: 4px;
    width: 78%;
}
.dl {
    max-width: 500px;
    margin: auto;
}
.dl table {
    border-collapse: collapse;
    width: 100%;
    font-size: 12px;
}
.dl table th {
    border: 1px solid #f9bb22;
    text-align: center;
    padding: 8px;
    background-color: #080a0d;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
}
.dl table td {
    text-align: left;
    padding: 8px;
    background-color: #382b13;
    border: 1px solid #f9bb22;
    color: #ffffff;
}
/*downloadEND*/