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

body { font-family: "Josefin Sans", sans-serif; line-height:1.6; font-size:15px; margin:0 auto; color:#fff; }

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%;
}
button:focus { outline: none;}
.container {
    max-width: 768px;
}
.close{
    font-size: 2rem;
}
.modal-header .close {
    padding: 0.5rem 0.6rem;
}
.announcement{
    color: #fff;
    background-color: rgba(0, 0, 0, 0.2);
    padding-top: 25px;
}
.announcementCustom{
    display: flex;
}
.whatsapp-float {
    display: block;
    position: fixed;
    z-index: 9999;
    right: 7px;
    bottom: 80px;
	-webkit-transform: translatey(0px);
	transform: translatey(0px);
	-webkit-animation: float 3s ease-in-out infinite;
	animation: float 3s ease-in-out infinite;
}
.dn {
    background: linear-gradient(to bottom, rgba(1,67,0,1) 0%, rgba(4,30,1,1) 100%);
    border: 2px solid #37fe28;
    border-radius: 5px;
    position: relative;
    color: #fff;
	text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.8);
	text-transform: uppercase;
    font-size: 10px;
    bottom: 0;
    left: -3px;
    text-align: center;
    margin-top: -8px;
}
.whatsapp-float img {
    max-width: 60px;
}

.t-body {
    padding-top: 42px;
	padding-bottom: 93px;
	overflow: auto;
	height: 100%;
	background: #00102c;
}
.t-body.acc {
    background: #000 url(../images/account-bg.jpg)no-repeat top center;
}

@-webkit-keyframes float {
  0% {
    -webkit-transform: translatey(0px);
            transform: translatey(0px);
	  filter: drop-shadow(0 0 7px rgb(48,255,27,1)) brightness(1.05);
  }
  50% {
    -webkit-transform: translatey(-15px);
            transform: translatey(-15px);
	  filter: drop-shadow(0 0 5px rgb(48,255,27,0.3));
  }
  100% {
    -webkit-transform: translatey(0px);
            transform: translatey(0px);
	  filter: drop-shadow(0 0 7px rgb(48,255,27,1)) brightness(1.05);
  }
}
.btn-blue {
    width: 140px;
    color: #fff;
    background-image: linear-gradient(to right, #86cbff , #40acff);
    border-radius: 34px;
    text-transform: uppercase;
    font-size: 13px;
    height: 38px;
    font-weight: 700;
}
.btn-deepblue {
    width: 140px;
    color: #fff;
    background-image: linear-gradient(#1b4a7c, #081f47);
    border-radius: 34px;
    text-transform: uppercase;
    font-size: 13px;
    height: 38px;
    font-weight: 700;
}

.btn-yellow {
    width: 140px;
    color: #001c3c;
    background: linear-gradient(to bottom, rgba(248,253,65,1) 0%, rgba(225,166,3,1) 100%);
    border-radius: 34px;
    text-transform: uppercase;
    font-size: 13px;
    height: 38px;
    font-weight: 700;
    border-bottom: none;
}

[canvas=container], [off-canvas] {
    background: url("../images/menu-slide-bg.jpg")no-repeat bottom center;
	background-size: cover;
}
[off-canvas*=left] {
    width: 300px;
	background-color: #00153a;
}
[off-canvas*=right] {
    width: 270px;
    background-color: #00153a;
}
.carousel {
    position: relative;
}
.header-bottom {
    border-top: 1px solid #00ff72;
}
.home-menu-sec {
    color: #fff;
    position: relative;
}
.home-menu-wrapper {
	background: rgba(255, 255, 255, 0.1);
    display: grid;
    grid-template-columns: repeat(5,1fr);
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
}
.nav-tabs.home-menu-wrapper  {
    border-bottom: none;
}
.menu-item a.nav-link {
    display: block;
    font-weight: 700;
    font-size: 11px;
    padding: 6px 0;
    margin: auto;
    position: relative;
    color: #fff;
	letter-spacing: 0.5px;
    height: 100%;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.home4{
    font-size: 14px;
}
.nav-tabs.home-menu-wrapper .nav-link {
	border: 2px solid transparent;
	border-radius: 0;
    padding: 10px 5px;
}
.nav-tabs.home-menu-wrapper .nav-item img {
	display: block;
	max-width: 38px;
	margin: auto;
	margin-bottom: 4px;
}
.menu-item a.nav-link:hover img .menu-item a.nav-link.active img {
    opacity: 0.6;
}
.nav-tabs.home-menu-wrapper  .nav-item {
    margin-bottom: 0;
    border-right: 1px solid #00102c;
}
.nav-tabs .nav-item.menu-item.show .nav-link, .nav-tabs .menu-item .nav-link.active, .nav-tabs .menu-item .nav-link:focus {
    background: transparent;
    color: #fff;
    border-bottom: 2px solid #edd368;
    background-color: rgba(129, 200, 255, 0.2);
}
.provider-item {
    display: block;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
	padding: 2px 0;
	transition: 0.3s;
}
.provider-item img {
    margin-bottom: -4px;
}
.provider-item:hover,.provider-item:focus {
	color: #fff;
	transform: scale(1.1);
	transition: 0.3s;
	filter: drop-shadow(0 0 2px rgba(240,240,240))
}
.side-burger {
    font-size: 30px;
    cursor: pointer;
    color: #fff;
    position: absolute;
    top: 6px;
    left: 15px;
    z-index: 99;
    transition: 0.3s;
    max-width: 40px;
}
.side-burger:hover {
	transition: 0.3s;
	color: #00999f;
}
.account-top {
    position: absolute;
    right: 12px;
    top: 18px;
}
.account-top img {
    max-width: 40px;
    /*filter: contrast(1) brightness(100);*/
}
.account-top:hover img {
    filter: none;
}

.t-header {
    position: fixed;
    z-index: 99;
    width: 100%;
    height: auto;
    margin: auto;
}
.header-top {
    background: #00102c;
}
.header-top.home {
    height: 65px;
    max-height: : 65px;
}
.logo {
    text-align: center;
}
.logo img {
	max-width: 135px;
    padding-top: 10px;
}
.pos-int {
	position: initial;
}
.logreg-wrapper {
    overflow: hidden;
    display: block;
}
.login-button {
    background: linear-gradient(to bottom, rgba(15,175,244,1) 0%, rgba(15,175,244,1) 7%, rgba(16,80,136,1) 16%, rgba(17,2,46,1) 100%);
	color: #fff;
    font-size: 15px;
    font-weight: 700;
    float: left;
    text-transform: uppercase;
    width: 50%;
    text-align: center;
    height: 40px;
    padding: 8px 0;
}
.login-button:hover {
	color: #fff;
	outline: none;
	background: linear-gradient(to top, rgba(15,175,244,1) 0%, rgba(15,175,244,1) 7%, rgba(16,80,136,1) 16%, rgba(17,2,46,1) 100%);
}
.register-button {
    background: linear-gradient(to bottom, rgba(143,64,202,1) 0%, rgba(143,64,202,1) 9%, rgba(88,36,122,1) 17%, rgba(21,1,24,1) 100%);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    float: left;
    text-transform: uppercase;
    width: 50%;
    text-align: center;
    height: 40px;
    padding: 8px 0;
}
.register-button:hover {
	color: #fff;
	outline: none;
	background: linear-gradient(to top, rgba(143,64,202,1) 0%, rgba(143,64,202,1) 9%, rgba(88,36,122,1) 17%, rgba(21,1,24,1) 100%);
}
.t-footer {
    position: fixed;
    width: 100%;
    bottom: 0;
	z-index: 99;
}
.ft-menu-sec {
	background: linear-gradient(#1b4a7c, #081f47);
	color: #fff;
	position: relative;
} 
.ft-menu-wrapper {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
	border-top: 1px solid #0fb3fa;
}
.ft-item a.ftmenu {
    display: block;
    border-right: none;
    padding: 7px;
    font-size: 9px;
    font-weight: 500;
    margin: auto;
    position: relative;
    overflow: hidden;
    color: #fff;
    background-image: linear-gradient(#1b4a7c, #081f47);
    height: 100%;
}
.ft-item:last-child  a.ftmenu{
	border: none;
}
.ft-item a.ftmenu img {
    max-width: 30px;
    display: block;
    margin: 2px auto;
    width: 28px;
}
.ft-item a:hover, .ft-item a.active {
    background: rgba(255, 255, 255, 0.1);
}
.js-close-any-slidebar:after {
    content: '';
    background: rgba(0,0,0,0.7);
    position: absolute;
    z-index: 999;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
/*navbarleft*/
.wcard-body{
    text-align: center;
}
.menu-link img{
    width: 45px;
}
.welcome-top-wrapper {
    display: grid;
    grid-template-columns: auto auto;
    padding-top: 13px;
}
.welcome-box {
    font-size: 14px;
    padding: 9px 25px;
}
.welcome-box span{
    color: #81c8ff;
}
.menu-login{
    text-align: center;
}
.btn-logout{
    width: 100px;
}

.member-details {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 0.8fr);
}

.details1 { 
    grid-area: 1 / 1 / 2 / 4; 
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 5px;
    padding: 10px;
    margin: 5px;
    display: inline-flex;

}
.details1 img{
    width: 97px;
}
.memberdetailsleftimg{
    border-right: 2px solid rgba(255, 255, 255, 0.1);
    padding-right: 20px;
}
.memberdetailsleft{
    width: 100%;
    text-align: center;
}
.memberdetailsleft p{
    color: #81c8ff;
}
.memberdetailsleft button a{
    color: #001c3c;
}
.details2 { 
    grid-area: 2 / 1 / 3 / 2; 
    background-color: rgba(255, 255, 255, 0.1);
    padding: 10px 5px 5px 5px;
    margin: 5px;
    border-radius: 5px;
    text-align: center;
    color: #81c8ff;
}
.details2 a {
    color: #81c8ff;
}
.details2 img{
    width: 35px;
}
.details3 { 
    grid-area: 2 / 2 / 3 / 3; 
    background-color: rgba(255, 255, 255, 0.1);
    padding: 10px 5px 5px 5px;
    margin: 5px;
    border-radius: 5px;
    text-align: center;
    color: #81c8ff;
}
.details3 a {
    color: #81c8ff;
}
.details3 img{
    width: 35px;
}
.details4 { 
    grid-area: 2 / 3 / 3 / 4;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 10px 5px 5px 5px;
    margin: 5px;
    border-radius: 5px;
    text-align: center;
    color: #81c8ff;
}
.details4 a {
    color: #81c8ff;
}
.details4 img{
    width: 35px;
}
.member-details-before{
    padding: 10px;
    margin: 5px;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.1);
    text-align: center;
}
.wcard a{
    display: block;
    margin: 3px 10px;
    padding: 5px;
    color: #fff;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1),rgba(255, 255, 255, 0));
}
.wcard a button{
    padding:0px; 
    color: #fff;
    position: relative;
    width: 100%;
    text-align: left;
}
.btn.btn-collap:hover{
    color: #fff;
}
.btn.btn-collap:focus{
    box-shadow: none;
}
.btn.btn-collap:after {
    content: "\f068";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-size: 13px;
    position: absolute;
    right: 30px;
    top: 14px;
    transition: 0.3s;
    transform: rotate(0deg);
}
.btn.btn-collap.collapsed:after {
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    transition: 0.3s;
    transform: rotate(0);
}

/*navbarright*/
.contact-title{
    font-size: 17px;
    padding: 20px;
    text-transform: uppercase;
}
.contact-title span{
    background: linear-gradient(to bottom, rgba(248,253,65,1) 0%, rgba(225,166,3,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}
.contact-title i{
    float: right;
    font-size: 31px;
    color: rgba(255, 255, 255, 0.48);
}
.contactbox{
    height: 50px;
    width: auto;
    background-color: rgba(0, 16, 28, 0.8);
    margin: 10px;
    border-radius: 5px;
}
.contactbox_youtube{
    background-color: #e81d20;
    display: flex;
}
.contactbox_facebook{
    background-color: #475a94;
    display: flex;
}
.contactinfo01{
    color: rgba(255, 255, 255, 0.4);
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
}
.contactinfo02{
    font-size: 15px;
    font-weight: 700;
}
.contactfooter{
    position: fixed;
    bottom: 0px;
    text-align: center;
    width: 100%;
}

/*index*/
.btn-join{
    width: 50%;
    float: left;
    text-align: center;
    padding: 8px 0;
    border-radius: unset;
    font-size: 15px;
    text-transform: none;
}
.btn-login{
    width: 50%;
    float: left;
    text-align: center;
    padding: 8px 0;
    border-radius: unset;
    font-size: 15px;
    text-transform: none;
    color: #fff;
}
.casino-home-wrapper {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 10px;
    padding-top: 10px;
    text-align: center;
}
.casino-home-wrapper a img{
    border: 1px solid #66bcff;
    border-radius: 5px;
}
.slots-home-wrapper {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 10px;
    padding-top: 10px;
    text-align: center;
}
.slots-home-wrapper a img{
    border: 1px solid #66bcff;
    border-radius: 5px;
}
.sports-home-wrapper {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 10px;
    padding-top: 10px;
    text-align: center;
}
.sports-home-wrapper a img{
    border: 1px solid #66bcff;
    border-radius: 5px;
}
.esports-home-wrapper {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 10px;
    padding-top: 10px;
    text-align: center;
}
.esports-home-wrapper a img{
    border: 1px solid #66bcff;
    border-radius: 5px;
}
.Weekly_TournamentCustom {
/*    display: grid;
    grid-template-columns: repeat(2,1fr);
    padding-top: 10px;*/
    display: flex;
}
.mainTitle{
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    background: linear-gradient(#ffff5a, #d49127);
    font-weight: 700;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.mainTitle02{
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
}
.maininfo{
    font-size: 10px;
}
.btnCustom{
    position: relative;
}
.btncontent{
    position: absolute;
    left: 23px;
    top: 4px;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
}
.index_bg{
    background: url(../images/index/index_bg.jpg) no-repeat;
    background-size: 100%, 100%;
}
.indexseccontent{
    display: flex;
}
.btnsub{
    font-size: 10px;
    top:6px;
}
.index02_bg{
    background: url(../images/index/index02_bg.jpg) no-repeat;
    background-size: 100%, 100%;
}
.indexseccontent .progress{
    background-color: #000;
    border: 1px solid #2ea6ff;
    height: 9px;
}
.indexseccontent .progress-bar{
    background-color: #2ea6ff;
}
.paymentCustom{
    position: absolute;
    left: 28%;
    top: 8%;
    font-size: 13px;
}
.paymentbank{
    position: relative;
    padding-bottom: 8px;
    color: #000;
}
.paymentprogresslabel{
    font-size: 12px;
}
.vision img{
    width: 43px;
}
.visionCustom{
    display: flex;
    align-items: center;
    margin-top: 15px;
    color: #83e0ff;
}
.ourproduct {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(6, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding: 20px;
    align-items: center;
    text-align: -webkit-center;
    border: 6px solid #9fd4f8;
    margin: 10px;
}
.producttitle{
    position: absolute;
    top: -23px;
    left: 25%;
    font-size: 25px;
    background-color: #00102c;
    padding: 5px;
    text-transform: uppercase;
}
.productmain{
    margin-top: 45px;
    position: relative;
}

@media only screen and (min-width: 768px) {
    .mainTitle{
        font-size: 27px;
    }
    .mainTitle02{
        font-size: 22px;
    }
    .maininfo{
        font-size: 15px;
    }
    .paymentCustom{
        top: 21%;
        font-size: 17px;
    }
}

/*4d*/
.btn-payroll{
    width: 50%;
    float: left;
    text-align: center;
    padding: 8px 0;
    border-radius: unset;
    font-size: 15px;
    text-transform: none;
    border-right: 1px solid #00102c;
}
.fourd-menu-wrapper {
    background: rgba(255, 255, 255, 0.1);
    display: grid;
    grid-template-columns: repeat(7,1fr);
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
}
.nav-tabs.fourd-menu-wrapper  {
    border-bottom: none;
}
.nav-tabs.fourd-menu-wrapper .nav-link {
    border: 2px solid transparent;
    border-radius: 0;
}
.nav-tabs.fourd-menu-wrapper .nav-item img {
    display: block;
    max-width: 38px;
    margin: auto;
    margin-bottom: 4px;
}
.nav-tabs.fourd-menu-wrapper  .nav-item {
    margin-bottom: 0;
    border-right: 1px solid #00102c;
}
.magnumbody{
    background-color: #2f2f2f;
    padding: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.fourdhead{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    align-items: center;
}
.fourdimg_head img{
    width: 40px;
    margin: 4px;
}
.fourddate{
    padding: 0px 13px;
}
.fourddate .form-control{
    border: none;
}
.fourddatebtn{
    background-color: #fff;
    border: none;
    border-top-left-radius: 4px!important;
    border-bottom-left-radius: 4px!important;
}
.four_title_bg{
    background-color: #1c1c1c;
}
.four_body_bg{
    background-color: rgba(255, 255, 255, 0.1);
}
.four_body_bg td{
    border:2px solid #2f2f2f;
}
.firstrow {
    border-right: 1px solid #2f2f2f;
}
.luckynumbg{
    background-color: #000;
    padding: 5px;
    margin-top: 10px;
    border-radius: 5px;
}
.luckytitle{
    background: linear-gradient(to bottom, #ffff5a 0%, #d49127 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 20px;
    font-weight: 700;
}
.luckynum{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 5px;
}
.luckyball{
    position: relative;
    text-align: center; 
}
.luckyball img{
    width: 50px;
}
.luckynumber{
    position: absolute;
    top: 10%;
    left: 38%;
    color: #000;
    font-size: 19px;
    font-weight: 700;
}
@media only screen and (min-width: 768px) {
    .luckynumber{
        top: 16%;
        left: 44%;
    }
}
.luckynumbody{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 5px;
}
.btn-bet{
    width: 100%;
    border-radius: 0;
    margin-top: 10px;
}
.trTitle {
    background: #141c28;
    color: #FFF;
}
.modal-table2 table tr td {
    border: 1px solid #445067;
    padding: 2px 5px;
    vertical-align: middle;
    text-align: center;
}
.modal-table2 table{
    color: #fff;
    width: 100%;
    font-size: 11px;
}
.modal-table2{
    overflow: scroll;
}
.modal-bg h4{
    font-size: 15px;
}

/*banking*/
.accordionbanking {
    position: relative;
    background-color: rgba(24, 41, 57, 0.2);
}
.accordionbanking .card {
    border: none;
    background-color: rgba(255, 255, 255, 0.1);
    margin-bottom: 20px;
}
.accordionbanking .card-header {
    background-image: linear-gradient(rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%);
    /*background-color: rgba(255, 255, 255, 0.25);*/
}
.accordionbanking .collapseMain {
    position: relative;
}
.accordionbanking .collapseIcon {
    position: absolute;
    right: 0px;
}
.collapseMain .btn-link {
    color: #fff;
}

/*profile*/
.accordionproflie {
    position: relative;
    background-color: rgba(24, 41, 57, 0.2);
}
.accordionproflie .card {
    border: none;
    background-color: rgba(0, 7, 20, 0.7);
    margin-bottom: 20px;
}
.accordionproflie .card-body {
    border: 1px solid #40acff;
}
.accordionproflie .card-header {
    background-image: linear-gradient(to right, #86cbff , #40acff);
}
.accordionproflie .collapseMain {
    position: relative;
}
.accordionproflie .collapseIcon {
    position: absolute;
    right: 0px;
}
.passwordnote{
    font-size: 11px;
    margin-bottom: 7px;
}
.btnpass {
    width: auto;
    color: rgba(0,0,0,.9);
    border-radius: 5px;
    font-size: 11px;
    height: 37px;
    font-weight: 700;
    border: 1px solid #00508e;
    padding: 0px 6px;
    margin-top: 10px;
}
.hide{
    display: none;
}
/*tnc*/
/****************************
****** tnc CSS ******
****************************/
dt {font-weight: 100;}
.accordion .accordiontnc ul {
    margin: 0px;
    padding: 24px;
}
.tnc-li{ padding-top:15px; padding-bottom:15px;}
.tnc-li li { line-height:30px;}
.accordion .accordiontnc dl,
.accordion-list {
   &:after {
   content: "";
   display:block;
   height:1em;
   width:100%;
   background-color:darken(#38cc70, 10%);
   }
   border-bottom: navajowhite;
   border-bottom: none;
}
.accordion .accordiontnc dd, .accordion__panel {
    background-color: rgba(24, 41, 57, 0.2);
    font-size: 12px;
    line-height: 30px;
    padding-right: 15px;
    padding-left: 15px;
    color: #cdd3d8;
    border-bottom: 1px solid #445067;
    margin-bottom: 0px;
}
.accordion .accordiontnc p {padding:1em 2em 1em 2em;}
.accordion .accordiontnc{
    position:relative;
    background-color: rgba(24, 41, 57, 0.2);
}
.accordionTitle,
.accordion__Heading {
    background-color: rgba(24, 41, 57, 0.2);
    text-align:left;
    font-weight: 700;
    padding:1em;
    display:block;
    text-decoration:none;
    color: #ffffff;
    transition:background-color 0.5s ease-in-out;
    border-bottom:1px solid darken(#38cc70, 5%);&:before{
    content: "+";
    font-size:1.5em;
    line-height:0.5em;
    float:left;
    transition: transform 0.3s ease-in-out;}&:hover{
    background-color:#901515;
    color:#fff;}
}
.accordionTitleActive, 
.accordionTitle.is-expanded {
   background-color:darken(#38cc70, 10%);
    &:before {
     
      transform:rotate(-225deg);
    }
}
.accordionItem {
    height:auto;
    overflow:hidden; 
    //SHAME: magic number to allow the accordion to animate
     max-height:50em;
    transition:max-height 1s;   
     @media screen and (min-width:48em) {
         max-height:15em;
        transition:max-height 0.5s  
    }
}
.accordionItem.is-collapsed {max-height:0;}
.no-js .accordionItem.is-collapsed {max-height: auto;}
.animateIn {animation: accordionIn 0.45s normal ease-in-out both 1; }
.animateOut {animation: accordionOut 0.45s alternate ease-in-out both 1;}
@keyframes accordionIn {
  0% {
    opacity: 0;
    transform:scale(0.9) rotateX(-60deg);
    transform-origin: 50% 0;
  }
  100% {
    opacity:1;
    transform:scale(1);
  }
}

@keyframes accordionOut {
    0% {
       opacity: 1;
       transform:scale(1);
     }
     100% {
       opacity:0;
       transform:scale(0.9) rotateX(-60deg);
       }
}
.officer-info a:focus{ color: #ffffff;} 
.officer-info a:hover{/* color: #000000; */background: rgba(248,253,65,1);background: -moz-linear-gradient(top, rgba(248,253,65,1) 0%, rgba(225,166,3,1) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,253,65,1)), color-stop(100%, rgba(225,166,3,1)));background: -webkit-linear-gradient(top, rgba(248,253,65,1) 0%, rgba(225,166,3,1) 100%);background: -o-linear-gradient(top, rgba(248,253,65,1) 0%, rgba(225,166,3,1) 100%);background: -ms-linear-gradient(top, rgba(248,253,65,1) 0%, rgba(225,166,3,1) 100%);background: linear-gradient(to bottom, rgba(248,253,65,1) 0%, rgba(225,166,3,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8fd41', endColorstr='#e1a603', GradientType=0 );} 
a.accordion-title.accordionTitle.js-accordionTrigger.is-collapsed.is-expanded {
    color: #182939;
    background: rgba(248,253,65,1);
    background: -moz-linear-gradient(top, rgba(248,253,65,1) 0%, rgba(225,166,3,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,253,65,1)), color-stop(100%, rgba(225,166,3,1)));
    background: -webkit-linear-gradient(top, rgba(248,253,65,1) 0%, rgba(225,166,3,1) 100%);
    background: -o-linear-gradient(top, rgba(248,253,65,1) 0%, rgba(225,166,3,1) 100%);
    background: -ms-linear-gradient(top, rgba(248,253,65,1) 0%, rgba(225,166,3,1) 100%);
    background: linear-gradient(to bottom, rgba(248,253,65,1) 0%, rgba(225,166,3,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8fd41', endColorstr='#e1a603', GradientType=0 );
}
.bank-table tr > td {
    padding: 5px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: rgba(255, 255, 255, 0.1);
}

/*promotions*/
.mix {
    display: none;
}
.portfolio-menu {
    text-align: left;
    margin: 30px auto;
    border-radius: 30px;
}
.portfolio-menu ul {
    padding: 0;
}
.portfolio-menu ul li.active {
    background-image: linear-gradient(#ffff5a, #d49127);
    color: #000;
}
.portfolio-menu ul li {
    display: inline-block;
    margin: 0px 0px 10px 0px;
    list-style: none;
    padding: 5px 12px;
    cursor: pointer;
    transition: all 0.5 ease;
    border-radius: 25px;
    background-color: rgba(255, 255, 255, 0.1);
    font-size: 14px;
}
.portfolio-item {
    max-width: 1000px;
    margin: 30px auto;
}
.portfolio-item .mix {
    width: 100%;
    /*display: inline-block;*/
    margin-bottom: 10px;
}
.portfolio-item .mix .itemCustom {
    border: 5px solid #106eb4;
    border-radius: 10px;
    position: relative;
    padding-bottom: 39px;
    overflow: hidden;
}
.promotionHover figure {
    position: relative;
    margin-bottom: 0px;
}
.promotionHover figure::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.portfolio-item .mix .itemCustom img {
    transition: transform .5s ease;
}
.portfolio-item .mix .itemCustom .itemContent {
    position: absolute;
    background-image: linear-gradient(#1b4a7c, #081f47);
    width: 100%;
    bottom: 0px;
    border-bottom-left-radius: 1px;
    border-bottom-right-radius: 1px;
    padding: 3px;
    font-size: 12px;
    height: 40px;
    text-transform: uppercase;
}
.portfolio-item .mix .itemCustom .itemContent .itemTitle {
    color: #fff;
    font-size: 10px;
}
.portfolio-item .mix .itemCustom .itemContent .itemImg {
    position: absolute;
    right: 0px;
    bottom: 0px;
    background: url(../images/promotions/promotionsbtn.png) no-repeat;
    height: 40px;
    width: 133px;
    text-align: center;
    line-height: 45px;
    font-size: 14px;
    background-size: 100% 100%;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
}
.itemContentTitle{
    width: 60%;
}
.modal-header {
    border-bottom: none;
    display: block;
    background-image: linear-gradient(to right, #86cbff , #40acff);
}
.modal-content {
    background-color: rgba(24, 41, 57, 0.9);
    border: 1px solid #355e81;
}
.modal-body p{
    color: #72baea;
}

/*download*/
.dlhead{
    color: #e3ce71;
}
.dlhead a{
    color:#e3ce71;
}
.dlist {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}
.dl table {
    border-collapse: collapse;
    width: 100%;
    font-size: 11px;
}
.dl table th {
    border: 2px solid rgba(0, 0, 0, 0.2);
    text-align: center;
    padding: 8px;
    background-image: linear-gradient(to right, #86cbff , #40acff);
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
}
.dl table td {
    text-align: left;
    padding: 8px;
    background: rgba(255, 255, 255, 0.1);
    border: 2px solid rgba(0, 0, 0, 0.2);
}
.dl .username_custom{
    color: #7bbff2;
}
.btn-android{
    background: linear-gradient(to bottom, #c9ffe2 0%, #3ddd85 100%);
    text-transform: none;
}
.btn-apple{
    background: linear-gradient(to bottom, #ffffff 0%, #d4d4d4 100%);
    text-transform: none;
}

/*deposit*/
.depositHeader {
    width: 100%;
    background-color: rgba(0, 16, 28, 0.8);
    border: 1px solid #00508e;
    border-radius: 5px;
    padding: 5px;
}
.depositTitle{
    color: #dfb91c;
}
.depositamt{
    font-size: 21px;
    word-break: break-all;
}
.depositreficon{
    align-self: center;
    text-align: right;
}
.textIbank {
    color: #01ec12;
}
.fortuneCustom img{
    width: 32px;
}
.btn-Gbalance{
    color: #001c3c;
    text-transform: none;
    height: 31px;
}
.btn-conso{
    text-transform: none;
    height: 31px;
}
.in-content{
    border: 1px solid #00508e;
    border-radius: 5px;
    padding: 6px;
    margin-top: 3px;
    font-size: 13px;
}
.in-content ul{
    padding-left: 17px;
   
}
.wallet {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}
.deposit_menubar{
    display: grid;
    grid-template-columns: repeat(5,1fr);
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
}
@media only screen and (max-width: 374px) {
    .deposit_menubar{
        overflow-x: auto;
    }
}
.menubar_item{
    background-image: linear-gradient(to right, #86cbff , #40acff);
    color: #001c3c;
    border-right: 1px solid #00102c;
    align-self: center;
    padding: 10px 5px;
    height: 100%;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.deposit_menubar .active{
    background: transparent;
    border-bottom: 2px solid #edd368;
}
.menubar_item a{
    font-size: 10px;
    font-weight: 700;
    color: #001c3c;
}
.menubar_item img{
    width: 43px;
}
.bankIconCustom {
    height: 45px;
    background-color: #000;
    border: 1px solid #00508e;
    border-radius: 5px;
}
.menubar_sec{
   
}
.btn-bank {
    width: 23%;
    color: #001c3c;
    background-color: #000;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 9px;
    height: 35px;
    font-weight: 700;
    margin: 3px;
}
.btn-bank:hover, .btn-bank.open {
    background: linear-gradient(to bottom, #0087eb 0%, #081f47 100%);
}
.btn-bankType {
    width: 40px;
    color: #001c3c;
    background-color: #000;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 13px;
    height: 40px;
    font-weight: 700;
    border: 1px solid #00508e;
    padding: 0px;
}
.btn-bankType:hover, .btn-bankType.open {
    background: linear-gradient(to bottom, rgba(248,253,65,1) 0%, rgba(225,166,3,1) 100%);
}
.depositAmount {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: 0.5fr;
    grid-column-gap: 5px;
    grid-row-gap: 0px;
}
.btn-amountType {
    width: 100%;
    color: #ffffff;
    background-color: #000;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 15px;
    height: 37px;
    font-weight: 700;
    border: 1px solid #00508e;
    padding: 0px;
    margin-top: 10px;
}
.btn-amountType:hover, .btn-amountType.open {
    color: #000;
    background: linear-gradient(to bottom, rgba(248,253,65,1) 0%, rgba(225,166,3,1) 100%);
}
.btnAfterlogin {
    width: 140px;
    color: rgba(0,0,0,.9);
    border-radius: 5px;
    font-size: 15px;
    height: 37px;
    font-weight: 700;
    border: 1px solid #00508e;
    padding: 0px;
    margin-top: 4px;
}
.btn-maxTransfer {
    width: 247px;
    margin-left: 7px;
    margin-top: 0px;
    text-transform: none;
}
.transfer_remark{
    font-size: 13px;
}
.wh table {
    border-collapse: collapse;
    width: 100%;
    font-size: 11px;
}
.wh table th {
    border: 2px solid rgba(0, 0, 0, 0.2);
    text-align: center;
    padding: 8px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    background-color: rgba(255, 255, 255, 0.2);
}
.wh table td {
    text-align: center;
    padding: 8px;
    background: rgba(255, 255, 255, 0.1);
    border: 2px solid rgba(0, 0, 0, 0.2);
    max-width: 0px;
    word-break: break-all;
}
.dateTo {
    font-size: 18px;
    padding: 6px 5px 0px 5px;
}
.privatemsgTable th, .privatemsgTable td { 
    padding:5px 
  
} 
.privatemsgTable th:first-child,.privatemsgTable th:last-child,.privatemsgTable td:first-child{ 
    padding:2px;
    text-align: center;
  
} 
.privatemsgTable td:last-child{
    width:59px; 
    padding:5px;
    text-align: center;
}
.privatemsgTableHeader{
    color: #5ab7ff;
    background-color:  rgba(255, 255, 255, 0.25);
}
.privatemsgTableHeader tr th{
    text-align: left;
}
.privatemsgTableMain { 
    border-collapse:separate; 
    border-spacing:0 10px; 
    width: 100%;
    font-size: 11px;
} 
.privatemsgTableMain tr{
    background-color: rgba(255, 255, 255, 0.06);
}
.privatemsgTableMain a{ 
    color: #fff;
} 
.privatemsgTableSub { 
    border-right:hidden; 
} 
.privatemsgTableMain tr:hover {
    background-color: rgba(255, 255, 255, 0.25);
}
.tablewl{
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 140px;
    display: block;
    overflow: hidden;
    margin-top: 11px;
}
.btn-betHistory{
    width: 100px;
    font-size: 10px;
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
}
.btn-betHistory.active{
    width: 100px;
    font-size: 10px;
    background: linear-gradient(to bottom, rgba(248,253,65,1) 0%, rgba(225,166,3,1) 100%);
    color: #001c3c;
}
.statemenTable{
    white-space: nowrap;
    font-size: 11px;
}
.statemenTableth { 
    color:white; 
} 
.statemenTableHeader{
    color: #5ab7ff;
    background-color:  rgba(255, 255, 255, 0.25);
}
.statemenTable th, .statemenTable td { 
    text-align:center; 
    padding:5px 
  
} 
.statementTableSub { 
    border-right:hidden; 
} 
.statementTableMain { 
    border-collapse:separate; 
    border-spacing:0 10px; 
    width: 100%;
} 
.statementTableMain tr{
    background-color: rgba(255, 255, 255, 0.06);
}
.Successful{
    color: #98ff78;
}
.Rejected{
    color: #ff9191;
}
.datetimetablecenter {
    width: 20px;
    max-width: 20px;
}
.balanceModal{
    float: right;
}
.tableWallet_Balance{
    background-color: #000;
}
.tableWallet_Balance table tr:nth-child(2n) {
    background-color: rgba(255, 255, 255, 0.12);
}
.tableWallet_Balance table tr td:nth-child(1) {
    color: #66bcff;
}
.tableWallet_Balance tr{
    height: 35px;
}
.in{
    padding: 5px;
    background-color: #5fc751;
    border-radius: 3px;
    margin-left: 5px;
}
.out{
    padding: 5px;
    background-color: #66bcff;
    border-radius: 3px;
    margin-left: 5px;
}
#walletbalance .modal-content{
    background-color: #000;
}

/*vip*/
.vipBg{
    background: url(../images/vip/bg.jpg) no-repeat;
    background-size: cover;
    background-position: top;
}
.vipInput .form-control {
    background-color: rgba(11, 5, 5, 0.7);
    color: #fff;
    border-radius: 30px;
    border: 1px solid #ebdb69;
}
.vipInput span{
    font-size: 12px;
}
.welcome_vip{
    font-size: 12px;
}
.badge {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 8px;
    grid-row-gap: 0px;
}
.badge_table{
    width: 100%;
    background-color: #000;
    border: 1px solid #355e81;
    -moz-border-radius: 6px;
    -webkit-border-radius: 10px;
    border-collapse: separate !important;
    border-spacing: 0px;
}
.badge_table td,.badge_table th {
    width: 50%;
    padding: 10px;
}
.badge_table thead{
    background-image: linear-gradient(to right, #86cbff , #40acff);
}
.badge_table tr:nth-child(2n) {
    background-color: rgba(255, 255, 255, 0.12);
}
.badge_table tr td:nth-child(2),.badge_table tr th:nth-child(2) {
    text-align: center;
}
.badge_table th:first-child{
  border-radius:10px 0 0 0;
}
.badge_table th:last-child{
  border-radius:0 10px 0 0;
}
.badge_table thead tr th .fa-star{
    color: rgba(3, 3, 3, 0.3);
}
.badge_table thead tr th .fa-star.checked{
    color: #fff;
}
.maintainTitle {
    color: #ffba00;
    font-size: 11px;
}
.collapseMain{
    position: relative;
}
.collapseIcon{
    position: absolute;
    right: 0px;
}
.accordionVip .card-header{
    background-image: linear-gradient(to right, #86cbff , #40acff);
}
.collapseMain .btn-link{
    color: #fff;
}
.accordionVip .card{
    border:none;
    background-color: rgba(0, 0, 0, 0.6);
    margin-bottom: 20px;
}
.faqtitle{
    color: #669fcf;
}

/*joinnow*/
#joinnowModal .modal-header{
    text-align: center;
}
#joinnowModal .form-control {
    background-color: #243c52;
    border: none;
    color: #54b5ff;
    border-radius: 35px;
}
.registrationPassIcon{
    position: absolute;
    right: 19px;
    bottom: 11px;
    color: #54b5ff;
}
#joinnowModal .form-control.phoneSelect{
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    background-color: #0b2135;
}
#joinnowModal .form-control.phoneInput{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.gameType{
    align-self: center;
}
.btn-needhlp{
    width: 40px;
}

/*login*/
#loginModal .modal-header{
    text-align: center;
}
#loginModal .form-control {
    background-color: #243c52;
    border: none;
    color: #54b5ff;
    border-radius: 35px;
}
#forgotpassModal .modal-header{
    text-align: center;
}
#forgotpassModal .form-control {
    background-color: #243c52;
    border: none;
    color: #54b5ff;
    border-radius: 35px;
}
.forgotPw{
    align-self: center;
}
.forgotPw a{
    color: #fff;
    border-bottom: 1px solid #fff;
}
.vcode{
    position: absolute;
    right: 19px;
    bottom: 7px;
}

/*slotgames*/
.slot_games_lobby.nav-tabs {
    border-bottom: none;
}
.slot_games_lobby .nav-item {
    transform: none;
    transition: none;
    font-size: 13px;
}
.slot_games_lobby.nav-tabs .nav-item.show .nav-link,.slot_games_lobby.nav-tabs .nav-link.active,.slot_games_lobby.nav-tabs .nav-link:hover {
    color: #edd368;
    border: unset;
    background-color: transparent;
}
.slot_games_lobby.nav-tabs .nav-link.active span,.slot_games_lobby.nav-tabs .nav-link:hover span{
    border-bottom: 2px solid #edd368;
}
.slot_games_lobby.nav-tabs .nav-link{
    color: #fff;
    border: none;
}
.slot_games_lobby.nav-tabs .nav-link:hover,.slot_games_lobby.nav-tabs .nav-link:focus,.slot_games_lobby.nav-tabs .nav-item:focus{
    border-color: unset;
    border:none;
    outline: unset;
}
.slot_games_lobby.nav-tabs .nav-item:hover{
    border-bottom: none;
    background-color: transparent;
}
.searchslotgames.form-control{
    background-color: #243c52;
    border: none;
    color: #54b5ff;
    border-radius: 35px;
    width: 84%;
}
@media only screen and (max-width: 374px) {
    .searchslotgames.form-control{
        width: 81%;
    }
}
.searchicon{
    display: inline-block;
    border-radius: 60px;
    padding: 8px 8px;
    color: #0a3667;
    font-size: 16px;
    background-image: linear-gradient(to right, #fff799 , #ffcb2e);
    cursor: pointer;
}
.grid-slotgames-lobby{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    text-align: center;
    margin-top: 10px;
}
.sglobbyPName{
    background-color: rgba(0, 0, 0, 0.3);
    padding: 5px 0px;
}
.btn-slotgames{
    height: 30px;
    width: 100%;
}
.sglobbyproduct{
    border: 1px solid #66bcff;
    border-radius: 5px;
    padding: 3px;
}
/*slotgamesend*/

/*rainbowrewards*/
.giftIcon{
    background: -webkit-linear-gradient(#ff8e44, #f91362,#35126a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 21px;
    margin-right: 4px;
}
.profileReward{
    background: -webkit-linear-gradient(left,#dc6e6e, #f7d0b8,#cdcd66,#83ae83,#8383dd,#a48db4,#a16fb8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Tooltips */
.tooltip_info{
    position: relative;
    color: #a170b8;
    cursor: pointer;
}
.tooltip_info:hover .tooltip_custom{
    opacity: 1;
}
.tooltip_custom {
    display: block;
    position: absolute;
    top: 23px;
    padding: 10px;
    border-radius: 6px;
    font-size: 12px;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease;
    z-index: 1;
    width: 274px;
    right: -51px;
    background-color: rgba(0, 16, 28, 0.9);
    border: 1px solid #005699;
    font-family: 'Josefin Sans', sans-serif;
    text-align: left;
    color: #dfb91c;
    line-height: 1.17;
}
.tooltip_custom:after {
    display: block;
    position: absolute;
    top: -17px;
    right: 48px;
    width: 0;
    height: 0;
    /*content: "";*/ /*to show arrow*/
    border: solid;
    border-color: #ec000000;
    -webkit-transform: translate(-50%, 100%);
    /* transform: translate(-50%, 100%); */
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid rgba(0, 90, 157, 0.9);
}
/*rainbowrewardsEND*/

/*livesteam*/
.lsbox{
    text-align: center;
    width: auto;
    margin: 0 5px;
    display: inline-block;
    height: 173px;
}
.livewinnerdate{
     display: block;
}
.tnc-live .nav{
    white-space: nowrap;
    display: block!important;
    flex-wrap: nowrap;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    text-align: center;
}
/* Track */
.tnc-live::-webkit-scrollbar-track {
  background: #0c2537; 
}
 
/* Handle */
.tnc-live::-webkit-scrollbar-thumb {
  background: #2c8edb;
  border-radius: 10px;
}

/* Handle on hover */
.tnc-live::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

/* width */
.tnc-live::-webkit-scrollbar {
  width: 10px;
  height: 7px;
}


/******************************** Live Stream ******************************/
.live_stream{
    margin-bottom:100px;
}
.live_bg{
    margin:0px 0px;
}
.live-logo{
    display:flex;margin-bottom:10px;
}
.live_you p{
    color:#fff;
    font-size:24px;
    padding:0px;
    margin:0px;
}
.icon-live{
    margin-right:15px;
}
.live_content{
    margin-bottom:10px;
}
.you_content{
    flex:1 0 auto;
    margin-right:10px;
}
 .live-chat{
    flex:0 1 auto;
}
 .live_tnc{
    border:1px solid #ffd52d;
    background:#00101c;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.live_tnc.livestream_table{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
 .live_tnc h4{
    background: linear-gradient(to bottom, rgba(248,253,65,1) 0%, rgba(225,166,3,1) 100%);
    margin:0px;
    padding:8px;
    color: #000000;
    font-size: 19px;
}
 .tnc-live ol li{
    color:#fff;
    padding:5px 0px;
}
 .tnc-live{
    padding:10px 0px;
}
 .all-title{
    background:-webkit-linear-gradient(#ffff5a, #e4c83b, #d49127);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    text-transform:uppercase;
    font-size:20px;
    margin:15px 12px;
    font-weight:bold;
    color:#fefd5a;
}
 .video-container{
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
}
 .video-container iframe,.video-container object,.video-container embed{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}


.livestream_table table{
    width: 100%;
    text-align: center;
}
.livestream_table table thead{
    background-color: rgba(255, 255, 255, 0.2);
    color: #ffcc20;
}
.livestream_table table tbody{
    background-color: rgba(255, 255, 255, 0.15);
}
.livestream_table table tbody:nth-child(2n){
    background-color: rgba(255, 255, 255, 0.1);
}
.livestream_table table tbody tr{
    border: 1px solid #00101c;
}
.livestream_table table tbody th,.livestream_table table thead th{
    padding: 5px;
    width: 200px;
    word-break: break-all;
}
.livestream_table_custom{
    margin: auto;
}
.livestream_game_title{
    border: 1px solid #00101c;
}
.nav-pills.winnerdrag .nav-link.active, .nav-pills.winnerdrag .show>.nav-link,.nav-pills.winnerdrag .nav-link:hover{
    background-color: rgba(255, 255, 255, 0.1);
}
.nav-pills.winnerdrag a{
    color: #ffed73;
}
.winnerClaim{
    color: #edd368;
}
.tnc-live.winnerClaimHead{
    max-height: 175px;
    overflow-y: auto;
}
/*livestreamEND*/

.datepicker td, .datepicker th {
    color: #212529;
}

/*languagemodal*/
#languageModal .modal-header{
    background: linear-gradient(to bottom, #0087eb 0%, #081f47 100%);
    border-bottom: none;
}
#languageModal .modal-header .close{
    color: #ffffff75;
    font-size: 32px;
}
#languageModal .modal-title{
    text-align: left;
    color: #fff;
}
.language_main {
    display: grid;
    grid-template-columns: 25% 75%;
    align-items: end;
    text-align: center;
    grid-gap: 20px;
}
.language_custom ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.language_custom ul li{
    text-decoration: none;
    float: left;
}
.language_custom ul li::after {
    content: '|';
    margin-left: 5px;
    margin-right: 5px;
}
.language_custom ul li:last-child::after{
    display: none;
}
.language_custom ul li a{
    color: #fff;
}
.language_custom ul li a:hover{
    color: #8a8a8a;
}
.language_out_wrapper{
    border-bottom: 2px dotted #fff;
    padding-bottom: 20px;
    padding-top: 20px;
}
.language_out_wrapper:first-child{
    padding-top: 0px;
}
.language_out_wrapper:last-child{
    padding-bottom: 0px;
    border-bottom: none;
}
#languageModal .modal-content{
    background-color: #000000ba;
    border: 2px solid #355e81;
    border-radius: 8px;
}
/*languagemodalEND*/

/*newaddfloat*/
.float-icon {
    display: block;
    position: fixed;
    z-index: 999;
    bottom: 8%;
    left: 10px;
    -webkit-transform: translatey(0px);
    transform: translatey(0px);
    -webkit-animation: float 3s ease-in-out infinite;
    animation: float 3s ease-in-out infinite;
}
.float-icon img,.float-icon-r img{
    width: 100px;
}
.float-icon-r{
    display: block;
    position: fixed;
    z-index: 999;
    bottom: 30%;
    right: 10px;
    -webkit-transform: translatey(0px);
    transform: translatey(0px);
    -webkit-animation: float 3s ease-in-out infinite;
    animation: float 3s ease-in-out infinite;
}
.f_token{
    position: absolute;
    right: 10%;
    top: 10px;
    color: #fff;
    font-size: 8px;
    text-align: center;
    line-height: initial;
    background: #f00;
    padding: 5px 10px;
    border-radius: 40px;
}
.float_main{
    position: relative;
}
.f_token_txt{
    font-size: 14px;
}
@keyframes float {
    0% {
        transform: translatey(0px);
    }

    50% {
        transform: translatey(-20px);
    }

    100% {
        transform: translatey(0px);
    }
}
/*newaddfloatEND*/

/*17082021*/
.transfer_box_wrap {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 10px;
    margin-bottom: 20px;
    padding: 0px 30px;
}

.transfer_box {
    text-align: center;
    background-color: #182939;
    padding: 5px;
    border: 2px solid #055391;
}

.transfer_am {
    color: #7ec7ff;
}

#transfermodal .modal-title {
    margin: 0;
    line-height: 1.42857143;
    text-align: left;
    font-weight: 500;
    font-size: 20px;
    color: #fff;
}

#transfermodal .close {
    opacity: 1;
    color: #fff;
    font-weight: 300;
    font-size: 37px;
}

#transfermodal .modal-header {
    border-bottom: 1px solid #ebc316;
    display: block;
    margin: 0px 15px;
    background-image: none;
}

#transfermodal .btn_tran {
    background: linear-gradient(to bottom, rgba(248,253,65,1) 0%, rgba(225,166,3,1) 100%);
    border-radius: 5px;
    border: none;
    font-size: 16px;
    min-width: 121px;
    min-height: 34px;
    margin: 0px 5px;
}

#transfermodal .modal-content {
    background-color: #0a192c;
    border: 1px solid #0087eb;
    border-radius: 0;
}

.tran_txt {
    font-size: 20px;
}

#transfermodal .modal-body {
    padding-bottom: 30px;
}

/** New VIP - 9/5/2022 **/
.vipBg {
    background: #182a39 url("../images/vip-new/vip-bg.jpg") no-repeat top center;
    background-size: 100%;
	padding-bottom: 20px;
}
.welcome_vip {
    font-size: 14px;
    line-height: 1.3;
}
.badge {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 5px;
	margin: 10px 0;
}
.badge_table thead {
    background: linear-gradient(to right, rgba(255,250,160,1) 0%, rgba(255,201,42,1) 100%);
    color: #000;
}
.badge_table {
    border: 1px solid #ffe368;
}
.accordionVip .card-header {
    background: linear-gradient(to right, rgba(255,250,160,1) 0%, rgba(255,201,42,1) 100%);
}
.collapseMain .btn-link {
    color: #000;
}
.effective-text {
	margin-top: 5px;
    text-align: center;
    color: #ffba00;
}

/* Update 30/5/2022 Maintenance */
.slots-home-wrapper a, .sports-home-wrapper a, .esports-home-wrapper a, .casino-home-wrapper a {
	position: relative;
}
.slots-home-wrapper a.maintenance::before, .sports-home-wrapper a.maintenance::before, .esports-home-wrapper a.maintenance::before, .casino-home-wrapper a.maintenance::before {
	content: '';
	background: rgb(0,0,0,0.5);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 1;
}
.slots-home-wrapper a.maintenance::after, .sports-home-wrapper a.maintenance::after, .esports-home-wrapper a.maintenance::after, .casino-home-wrapper a.maintenance::after {
    content: '';
    background: url(../images/maintenance-icon.png?i=1)no-repeat;
    background-size: 100%;
    height: 60px;
    width: 60px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
	z-index: 2;
}

.unable {
    filter: grayscale(1);
}

/** 1/7/2022 Update Deposit Duitnow QR **/
.btn-bank {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
}
.scanpay-wrapper {
    display: grid;
    grid-template-columns: auto 100px;
    align-items: center;
	max-width: 310px;
	padding: 5px 0;
}
.snp-title {
    color: #ffd800;
    font-size: 22px;
    text-transform: uppercase;
    line-height: 1;
}
.smtext {
	color: #ffd800;
    font-size: 12px;
}
.ewallet-icon {
	padding: 5px 0;
}
.ewallet-icon span {
	margin-right: 7px;
}
.ewallet-icon span img {
	max-height: 36px;
}


/** 2/9/2022 popup notice **/
.modal-content.annouce {
    border: 1px solid #e6c43c;
	padding-bottom: 15px;
	border-radius: 0;
}
button.close-btn {
    position: absolute;
    right: 0;
    top: 0;
    background: none;
    border: none;
    color: #fff;
    font-size: 17px;
    padding: 0 3px;
	z-index: 2;
}
.annbox {
    background: linear-gradient(to bottom, rgba(30,66,110,1) 0%, rgba(16,33,66,1) 100%);
    color: #e6c43c;
    border-bottom: 1px solid #e6c43c;
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 8px 15px 5px;
}
.annouce-wrapper {
	padding: 15px;
	font-size: 15px;
}
button.annouce-close-btn {
	border: none;
    background: #e6c43c;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    padding: 4px 25px 2px;
    line-height: 1;
    height: 33px;
    border-radius: 8px;
}

/** Update-2/9/2022 **/
.modal-content.annouce {
    border: 1px solid #e6c43c;
    padding-bottom: 15px;
    border-radius: 0;
}

button.close-btn {
    position: absolute;
    right: 0;
    top: 0;
    background: none;
    border: none;
    color: #fff;
    font-size: 17px;
    padding: 0 3px;
    z-index: 2;
}

.annbox {
    background: linear-gradient(to bottom, rgba(30,66,110,1) 0%, rgba(16,33,66,1) 100%);
    color: #e6c43c;
    border-bottom: 1px solid #e6c43c;
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 8px 15px 5px;
}

.annouce-wrapper {
    padding: 15px;
    font-size: 15px;
}

button.annouce-close-btn {
    border: none;
    background: #e6c43c;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    padding: 4px 25px 2px;
    line-height: 1;
    height: 33px;
    border-radius: 8px;
}


/** Update - 14/10/2022 **/
.fifa-cd-wrapper {
    background: #03102a;
    padding: 10px 10px;
}

.fifa-box {
    background: url(../images/fifa-cd/bg-fifa.png)no-repeat;
    background-size: 100% 100%;
    max-width: 738px;
    height: 148px;
    margin: 0 auto;
    padding: 15px 28px;
}

.fifa-grid {
    display: grid;
    grid-template-columns: 70% 30%;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%;
}

.fifa-title {
    display: flex;
    align-items: center;
    justify-content: center;
}

.qatar-icon {
    margin: 0 5px;
}

    .qatar-icon img {
        max-height: 50px;
    }

.start-text {
    font-size: 23px;
    font-weight: 600;
    line-height: 19px;
}

.countdown_custom {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
    font-weight: 600;
    line-height: 0.9;
    padding: 10px 0 0;
}

.txt_day {
    font-size: 14px;
    font-weight: 400;
}

.ball-icon {
    max-width: 26px;
    margin: 0 12px;
}

button.predict-btn {
    background: url(../images/fifa-cd/predict-btn-mobile.png)no-repeat;
    background-size: 100% 100%;
    width: 100%;
    max-width: 194px;
    height: 101px;
    border: none;
    color: #645104;
    text-transform: uppercase;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.2;
    padding: 5px;
}

    button.predict-btn:focus {
        outline: none;
    }

    button.predict-btn:hover {
        outline: none;
        filter: brightness(1.1);
    }

@media(max-width: 600px) {
    .fifa-box {
        height: 25vw;
        padding: 2% 3%;
    }

    button.predict-btn {
        height: 17vw;
        font-size: 3.7vw;
        padding-top: 11%;
    }

    .start-text {
        font-size: 4vw;
        line-height: 2vw;
    }

    .qatar-icon img {
        max-height: 10vw;
    }

    .countdown_custom {
        font-size: 8.2vw;
        padding: 2% 0 0;
    }

    .txt_day {
        font-size: 2.4vw;
    }

    .ball-icon {
        max-width: 4.2vw;
        margin: 0 3%;
    }

    span.mdeco img {
        max-height: 2.4vw;
    }
}