@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;900&display=swap");
@charset "utf-8";
/****************************
********** Common CSS********
****************************/
@media (max-width: 1030px) {
  body {
      display:inline-block;
  }
}
body {
    font-family: 'Poppins', sans-serif;
    background: #000;
    font-size: 12px;
    color: #fff;
}
a {
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
}
.clearfix:before, .clearfix:after {content: " ";display: block;}
.clearfix:after {clear: both;}
.container {
    width: 1010px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}
.button-r {
    padding: 23px 87px;
    color: #FFF;
    font-size: 26px;
    cursor: pointer;
    background: #a81010;
    border: none;
}   
.button-r:hover  {
    background-color: #B8383E;
    color:#fff;
    -webkit-transition: opacity 0.25s, -webkit-transform 0.25s;
    transition: opacity 0.25s, transform 0.25s;
}
.btn-joinnow {
    color: #ffffff;
    font-size: 15px;
    font-weight: 100;
    border: none;
    border-radius: 5px;
    padding: 6px 20px;
    background: rgba(244,20,20,1);
    background: -moz-linear-gradient(top, rgba(244,20,20,1) 0%, rgba(138,7,7,1) 42%, rgba(138,7,7,1) 78%, rgba(193,5,5,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(244,20,20,1)), color-stop(42%, rgba(138,7,7,1)), color-stop(78%, rgba(138,7,7,1)), color-stop(100%, rgba(193,5,5,1)));
    background: -webkit-linear-gradient(top, rgba(244,20,20,1) 0%, rgba(138,7,7,1) 42%, rgba(138,7,7,1) 78%, rgba(193,5,5,1) 100%);
    background: -o-linear-gradient(top, rgba(244,20,20,1) 0%, rgba(138,7,7,1) 42%, rgba(138,7,7,1) 78%, rgba(193,5,5,1) 100%);
    background: -ms-linear-gradient(top, rgba(244,20,20,1) 0%, rgba(138,7,7,1) 42%, rgba(138,7,7,1) 78%, rgba(193,5,5,1) 100%);
    background: linear-gradient(to bottom, rgba(244,20,20,1) 0%, rgba(138,7,7,1) 42%, rgba(138,7,7,1) 78%, rgba(193,5,5,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f41414', endColorstr='#c10505', GradientType=0 );
}
.btn-joinnow:hover {
    /* background: #a22222; */
    text-decoration:none;
    color: #ff9d9d;
}
a:hover, a:focus {
    color: #333;
    text-decoration: none;
}
.regnow {
}
.regnow-text a {
    /* background: #b5271f; */
    padding: 10px 34px;
    margin-left: 30px;
    font-weight: bold;
    color: #3b0505;
    background: rgba(241,235,155,1);
    background: -moz-linear-gradient(top, rgba(241,235,155,1) 0%, rgba(217,169,38,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241,235,155,1)), color-stop(100%, rgba(217,169,38,1)));
    background: -webkit-linear-gradient(top, rgba(241,235,155,1) 0%, rgba(217,169,38,1) 100%);
    background: -o-linear-gradient(top, rgba(241,235,155,1) 0%, rgba(217,169,38,1) 100%);
    background: -ms-linear-gradient(top, rgba(241,235,155,1) 0%, rgba(217,169,38,1) 100%);
    background: linear-gradient(to bottom, rgba(241,235,155,1) 0%, rgba(217,169,38,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1eb9b', endColorstr='#d9a926', GradientType=0 );
}
.regnow-text a:hover{/* background:#C0080D; */color: #3b0505;background: rgba(217,169,38,1);background: -moz-linear-gradient(top, rgba(217,169,38,1) 0%, rgba(241,235,155,1) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(217,169,38,1)), color-stop(100%, rgba(241,235,155,1)));background: -webkit-linear-gradient(top, rgba(217,169,38,1) 0%, rgba(241,235,155,1) 100%);background: -o-linear-gradient(top, rgba(217,169,38,1) 0%, rgba(241,235,155,1) 100%);background: -ms-linear-gradient(top, rgba(217,169,38,1) 0%, rgba(241,235,155,1) 100%);background: linear-gradient(to bottom, rgba(217,169,38,1) 0%, rgba(241,235,155,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9a926', endColorstr='#f1eb9b', GradientType=0 );}
/****************************
**********  header   ********
****************************/

#header 
/****************************
***** Annoucement ****
****************************/
.annoucement {background:url(../images/common/announce-bg.jpg) no-repeat;height: 39px; margin: 0px 26px;}
.annoucement .icon img { display:none;}
.annoucement .icon {
    float: left;
    width: 60px;
    text-align: center;
    color: #ffc600;
    font-weight: bold;
    font-size: 12px;
    padding-top: 12px;
}
.annoucement .icon p {
    position: relative;
    top: 8px;
    left: 10px;
}
.annoucement .icon .fa {float: left;}
.annoucement .runningtext {
    font-size: 12px;
    color: #dac98c;
    width: 1039px;
    line-height: 14px;
    position: relative;
    top: 12px;
    padding-left: 91px;
}
.annoucement2 {padding: 0px 0px 0px 0px;background: #000;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#040404', endColorstr='#040404', GradientType=1 );}
.annoucement2 .icon img {
    width: 21px;
    display: initial;
}
.annoucement2 .icon {
    float: left;
    width: 110px;
    text-align: center;
    color: #ffc601;
    font-weight: 500;
    font-size: 12px;
    padding: 4px;
    border-radius: 0px;
    background-color: #2d2d2d;
/*    background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 26%, rgba(248,181,0,1) 51%, rgba(189,104,6,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,234,187,1)), color-stop(26%, rgba(252,205,77,1)), color-stop(51%, rgba(248,181,0,1)), color-stop(100%, rgba(189,104,6,1)));
    background: -webkit-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 26%, rgba(248,181,0,1) 51%, rgba(189,104,6,1) 100%);
    background: -o-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 26%, rgba(248,181,0,1) 51%, rgba(189,104,6,1) 100%);
    background: -ms-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 26%, rgba(248,181,0,1) 51%, rgba(189,104,6,1) 100%);
    background: linear-gradient(to bottom, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 26%, rgba(248,181,0,1) 51%, rgba(189,104,6,1) 100%);*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#bd6806', GradientType=0 );
}
.annoucement2 .icon p {
    position: relative;
    top: 8px;
    left: 10px;
}
.annoucement2 .icon .fa {/* float: left; */}
.annoucement2 .runningtext {
    float: left;
    font-size: 12px;
    color: #ffffff;
    width: 900px;
    line-height: 14px;
    position: relative;
    top: 7px;
}
/****************************
****** Home-Slide CSS ******
****************************/
.carousel-indicators{ z-index:2;}
.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #3a0505;
}
.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: #FFFFFF;
    border: 1px solid #d9a826;
    border-radius: 10px;
}
.carousel {/* background:url(../images/common/bg_banner.jpg)top center repeat; */position: relative;/* margin-top: -35px; *//* overflow: hidden; */border-bottom: 1px solid #efd28b;}    
.banner {
    width:100%;
    height:399px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size:contain !important;
    background-size: cover;
    -o-background-size: cover;  
}
.full-screen { height:399px !important;}
@-moz-document url-prefix() { 
  .banner {
    width:100%;
    height:550px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size:contain !important;
    background-size: cover;
    -o-background-size: cover;
    background-attachment:local !important; 
}
}

/****************************
***** Footer-Menu ****
****************************/
.btmlink {text-align: center;}
#footer-menu{
    background: #000000;
    color: #a7a7a7;
    padding: 15px 0px;
    border-top: 1px solid #232424;
}
#footer-menu ul{padding:0px;margin: 0px;display: inline;}
#footer-menu ul li {
    display: inherit;
}
#footer-menu ul li a {color: #a7a7a7;font-size: 12px;text-align: center;margin: 15px;}
#footer-menu ul li a:hover {color: #ffffff;}
.copyright {
    font-size: 12px;
    display: block;
    background:#000;
    color: #a7a7a7;
    margin-bottom: 20px;
}
.copyright2 {
    font-size: 12px;
    padding: 18px;
    display: block;
    background:#000;
    color: #a7a7a7;
}

/****************************
********* NAV MENU CSS ********
****************************/
.menuWrapper.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index:10;
}
.menuWrapper {
    width:100%;
    height: 40px;
    font-weight:400;
    font-family: Tahoma, Helvetica, Arial, "Microsoft Yahei", sans-serif;
    background: #f7f8fa;
}
/* Default .menupart { width:1038px; margin:0 auto;height:35px; background-color:#006cbf;} */
.menupart {
    margin:0 auto;
    height: 0px;
    position: inherit;
}
.menupart .active {
    background-color: transparent;
    color: #ffffff !important;
    border-bottom: 3px solid #ebbd79;
}
.menupart .active a {color: #838398;/* background: #880302; */}
.menupart > ul > li {
    display: inline-block;
    text-align: center;
    /* margin-left: 30px; */
    /*background:url(../images/common/meunli.png) no-repeat left;*/
}
.menupart > ul > li:first-child {margin: 0px;}
.menupart ul li:nth-of-type(5) {background:none;padding-left: 0;color: #adadad;}
.menupart > ul > li > a {
    text-transform: uppercase;
    padding: 4px 10px 2px 15px;
    color: #ffffff;
    font-size:14px;
    display: inline-block;
    margin-left: 2px;
    font-weight: normal;
}
.menupart > ul > li > a:hover {
    text-decoration: none;
    background-color: transparent!important;
    color: #ffffff;
    border-bottom: 2px solid #ebbd79;
}
.menupart> ul > li > .icon {}
.menupart> ul > li > .icon p {padding-top:10px;}
.subPlaynow {
    height:30px;
    text-decoration:none;
    font-size:14px;
    background: #240604;
    width: 98%;
    color:#FFF;
    padding-top:5px;
    font-family: Tahoma, Helvetica, Arial, "Microsoft Yahei", sans-serif;
    border:1px solid #530d10;
    margin: auto;
}
.subPlaynow:hover  {
    opacity: 1;text-decoration:none; background-color:#9e060b;
    -webkit-transition: opacity 0.25s, -webkit-transform 0.25s;
    transition: opacity 0.25s, transform 0.25s;
}
.wsmenuexpandermain{position: relative;}
.overlapblackbg{ display:none;}
.wsmenu{
    color:#fff;
    position:relative;
    font-size:15px;
    padding:0px;
    margin:0px auto;
    width:100%;
    background: #270504;
    border-top: 1px solid #881107;
    border-bottom: 1px solid #881107;
    -webkit-box-shadow: inset 0px 1px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 1px 5px 0px rgba(0,0,0,0.75);
    box-shadow: inset 0px 1px 5px 0px rgba(0,0,0,0.75);
}   
.wsmenu-list{
    text-align:left;
    margin:0 auto 0 auto;
    width:100%;
    list-style:none;
    display: flex;
    padding: 0px 14px;
    padding-top: 0;
    justify-content: space-between;
    }
.wsmenu-list > li{
    text-align:center;
    display: table-cell;}
.wsmenu-list > li > a {}    
.wsmenu-list li:first-child a{} 
.wsmenu-list li:last-child a{}
.wsmenu-list > li > a .fa{
    display: inline-block;
    font-size:14px;
    line-height:inherit;
    margin-right:0px;
}   
.wsmenu-list li ul li a .fa.fa-angle-double-right{ font-size:12px; margin: 0 3px 0 -4px;}
.wsmenu-list li a .arrow:after {}
.wsmenu-list > li > a{}
.wsmenu-list li a:hover .arrow:after{ border-top-color:#b3b3b3}
.wsmenu-list li a.active .arrow:after{ border-top-color:#b3b3b3}
.wsmenu-list li:hover>a .arrow:after{ border-top-color:#b3b3b3}
.megamenu iframe{ width:100%; margin-top:10px; min-height:200px; }
.megamenu video{ width:100%; margin-top:10px;  min-height:200px;} 

/*For megamenu desktop */
.wsmenu-list li:hover .megamenu{ opacity:1;}
.megamenu {
    width: 100%;
    right: 0px;
    position: absolute;
    top: 177px;
    color: #fff;
    z-index: 1000;
    margin: 0px;
    text-align: left;
    padding: 14px;
    font-size: 15px;
    background: url(../images/common/sport-bgg.png) repeat;
    opacity: 0;
    -o-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
}
.megamenu .title{
    border-bottom:1px solid #444444;
    font-size:14px;
    padding:0px;
    font-size:17px;
    color:#fff;
    margin-bottom:3px;
    text-align:left;
    height:25px;}
.megamenu img {width: 275px;}  
.menu-in {
    display: block;
    margin: 0px auto;
}
.menu-in ul {
    padding: 0;
    margin: auto;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    max-width: 1360px;
}
.lv_custom.megamenu img {
    width: 160px;
}
.megamenu img:hover { opacity:0.9;xborder:1px solid #ebc316;}
.link-list li{
    display:block;
    text-align:center;
    white-space:nowrap;
    text-align:left;}
.link-list li a{

    line-height:12px;
    border-right:none;
    text-align:left;
    padding:6px 0px;
    xbackground:#fff !important;
    background-image:none !important;
    color: #dedbdb !important;
    border-right: 0 none !important;
    display:block;
    border-right:1px solid #e7e7e7;
    xbackground-color:#fff;
    color:#919090; font-size:17px !important;
    font-family: 'Ruda', sans-serif !important;
}
.link-list li a:hover { color:#db454a  !important;  text-decoration:none !important;}   
/*.link-list .fa{font-size:11px;} */
.wsmenu-list .ad-style{width:28%; float:right;}
.wsmenu-list .ad-style a{border:none !important; padding:0px !important; margin:0px !important; line-height:normal !important; background-image:none !important;}
.mobile-sub .megamenu .ad-style a:hover{ background-color:transparent !important; }
.wsmenu-list .megamenu  li:hover>a{background:transparent !important;}
.wsmenu-list .megamenu  li a:hover{background:transparent !important; text-decoration:underline;}
.wsmenu-list .megamenu li .fa {  margin-right:5px;    text-align: center;    width: 18px;}
.mrgtop{ margin-top:15px; }
.show-grid div{padding-bottom: 10px; padding-top: 10px; background-color:#dbdbdb; border: 1px solid #e7e7e7; color:#6a6a6a; margin:2px 0px;}


/*---- for menu background  ----*/
.wbg0 { background:#272727; }
.wbg1 {background: #240604;}
.wbg2 { background:#240604; }
.wbg3 {background: #000;border-bottom: 2px solid #493b26;}
.wbg4 { background:#272727; color:#646363; font-size:18px; }

.wbg4 .title2 { font-size:20px; width:100px; margin:0 auto;color:#9d9d9d}
.wbg4 p { font-size:20px; width:150px; margin:0 auto; color:#777676}
/*Form for desktop */
.halfdiv{
    width:35%;
    right:0px !important;
    left:auto;}
    
.menu_form{width:100%; display:block;}
.menu_form input[type="text"]{
    width:100%;
    border:1px solid #e2e2e2;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    color:#000;
    font-size:13px;
    padding:8px 5px;
    margin-bottom:8px;
    }
.menu_form textarea{
    width:100%;
    border:1px solid #e2e2e2;
    border-radius:5px;
    color:#000;
    font-size:13px;
    padding:8px 5px;
    margin-bottom:8px;
    min-height:122px;}
    
.menu_form input[type="submit"]{width:25%; display:block; height:28px; float:right;  border:solid 1px #ccc; margin-right:15px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.menu_form input[type="button"] {width:25%; display:block; height:28px; float:right; border:solid 1px #ccc; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}

.megamenu .left.carousel-control{ padding-top:20%; }
.megamenu .right.carousel-control{ padding-top:20%; }
.carousel-inner .item img{ width:100%; }
.megamenu .carousel-caption{

    bottom:0px;
    background-color:rgba(0,0,0,0.7);
    font-size: 13px;
    height: 31px;
    left: 0;
    padding: 7px 0;
    right: 0;
    width: 100%;}
.menu-col {

    float: left;
    padding: 0;
    margin-left: 13px;
}
.menu-col:hover {}
.menu-col-text span {
    color: #d9a826;

    font-weight: bold;
    font-size: 20px;
    line-height: 10px;
}
.menu-col-text p {
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    margin-top: 10px;
    text-transform: uppercase;
}
/*Animation*/
.wsmenu-list li > .wsmenu-submenu {
    transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
    visibility: hidden;
}
.wsmenu-list li:hover > .wsmenu-submenu {
    transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1;
    visibility: visible;
}
.wsmenu-submenu li > .wsmenu-submenu-sub {
    transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
    visibility: hidden;
}
.wsmenu-submenu li:hover > .wsmenu-submenu-sub {
    transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1;
    visibility: visible;
}
.wsmenu-submenu-sub li > .wsmenu-submenu-sub-sub {
    transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;

    -webkit-transform-style: preserve-3d;
    transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
    visibility: hidden;
}
.wsmenu-submenu-sub li:hover > .wsmenu-submenu-sub-sub {
    transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1;
    visibility: visible;
}
.wsmenu-list li > .megamenu {
    transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
    visibility: hidden;
}
.wsmenu-list li:hover > .megamenu {
    transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1;
    visibility: visible;
}
/* Submenu CSS */
.wsmenu-submenu {
    position: absolute;
    top: 48px;
    z-index: 1000;
    margin: 0px;
    padding: 4px;
    border: solid 1px #eeeeee;
    background-color: #fff;
    opacity: 0;
    -o-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -o-transition: -o-transform 0.3s, opacity 0.3s;
    -ms-transition: -ms-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
}
.wsmenu-submenu li a {
    background: #fff !important;
    background-image: none !important;
    color: #666666 !important;
    border-right: 0 none !important;
    text-align: left;
    display: block;
    line-height: 22px;
    padding: 6px 12px;
    text-transform: none;
    font-size: 13px;
    letter-spacing: normal;
    border-right: 0px solid;
}
.wsmenu-list > li.active > a {
    color: #ffffff;
}
.wsmenu-submenu li {
    position: relative;
    margin: 0px;
    padding: 0px;
}
.wsmenuexpandermain {
    display: none;
}
.wsmenu-list li:hover .wsmenu-submenu {
    display: block;
}
.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub {
    min-width: 220px;
    position: absolute;
    left: 100%;
    top: 0;
    margin: 0px;
    padding: 0px;
    opacity: 0;
    -o-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -o-transition: -o-transform 0.4s, opacity 0.4s;
    -ms-transition: -ms-transform 0.4s, opacity 0.4s;
    -moz-transition: -moz-transform 0.4s, opacity 0.4s;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
}
.wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub {
    opacity: 1;
    list-style: none;
    padding: 4px;
    border: solid 1px #eeeeee;
    background-color: #fff;
}
.wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub {
    display: block;
}
.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub .wsmenu-submenu-sub-sub {
    min-width: 220px;
    position: absolute;
    left: 100%;
    top: 0;
    margin: 0px;
    padding: 0px;
    opacity: 0;
    -o-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -o-transition: -o-transform 0.4s, opacity 0.4s;
    -ms-transition: -ms-transform 0.4s, opacity 0.4s;
    -moz-transition: -moz-transform 0.4s, opacity 0.4s;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
}
.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub {
    opacity: 1;
    list-style: none;
    padding: 4px;
    border: solid 1px #eeeeee;
    background-color: #fff;
}
.wsmenu-submenu li {
    position: relative;
    padding: 0px;
    margin: 0px;


    display: block;
}
.wsmenu-click {
    display: none;
}
/* Default Theme */ 
.wsmenu-list li:hover>a{background-color: rgba(0, 0, 0, 0.26) !important;text-decoration:none;}
.wsmenu-list > li > a:hover {/* background-color: #880302; */color: #fff;text-decoration:none;}
.wsmenu-list > li > a.active{background-color:rgba(0,0,0,0.08) !important; text-decoration:none; }
.wsmenu-submenu > li > a:hover {background-color:rgba(0,0,0,0.08) !important; border-radius:0px!important; text-decoration:none;  text-decoration:none;}
.typography-text { padding:0px 0px; font-size:15px;}
.typography-text p{ text-align:justify; line-height:24px; color:#656565;}
.typography-text ul li{ display:block; padding:2px 0px; line-height:22px;}
.typography-text ul li a{color:#656565;}
.hometext{display:none;}
.wsmenu-submenu .fa{ margin-right:7px;}
.menu-promo {
    border-right: 1px solid #880302;
    position: relative;
    height: 136px;
    padding: 35px 20px 0px 0px;
}
.menu-promo small {
    font-size: 14px;
    color: #fff;
}
.menu-promo h1 {font-size: 58px;}

/****************************
****** Fish CSS ******
****************************/
#fish-bg{ background:url(../images/common/fish-bg.jpg)  top center  no-repeat; height:620px; position:relative;}
.fish-in{position:absolute;bottom: 250px;margin-left: 85px;}
.fish-in a{background: #880302;color:#fff;padding: 10px 30px;font-size: 24px;}
.fish-in a:hover{ background:#a22222;}

/****************************
****** Games CSS ******
****************************/
#game{background: #270504;}
.game2 img{ margin:auto; display:block;}
.game-content {/* margin-top: 10px; */}
.game-btn {
  margin: 10px 0px 2px 0px;
  padding: 0;
  background: #7a0302;
}
.game-btn li {
  display: inline-block;
  position: relative;
}
.game-btn li a {
  border-radius: 0;
  color: #d9a826;
  font-size: 16px;
  font-weight: 300;
  padding: 10px 190px;
  text-transform: capitalize;
  border: none;
  background: #270504;
  width: 100%;
  height: 65px;
  border: 1px solid #7a0302;
  opacity: 0.5;
}
.game-btn li .active{
  background: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.game-btn li a:hover, 
.game-btn li a:focus,
.game-btn li a.active {
  background: rgb(122, 3, 2);
  box-shadow: none;
  -webkit-box-shadow: none;
  color: #fff;
  border-color: rgb(122, 3, 2);
  opacity: 1;
}
.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
    color: #333;
    background: rgb(101, 13, 8);
    border-color: #8c8c8c;
    color:#fff;
}
/***********************ag game***********************************/
.game-box{
    height: auto;
    margin-top:35px;
    margin-bottom: 25px;
    float:left;
}
.game-left{
    width: 722px;
    float:left;
}
.game-right{
    width: 378px;
    float:left;
    /* padding: 10px; */
}
.game-right img{
    width: 146px;
}
.tabs-game {
    border-bottom: none;

    padding: 10px;
}
.tabs-game {
  /* border-right: 1px solid #ddd; */
}
.tabs-game>li{
    float: none;
}
.tabs-game>li {
    margin-right: -1px;
    border-top: 1px solid #fff;
    padding: 8px 5px;
    /* background: #981109; */
}
.tabs-game>li>h4 {
    text-align: center;
    color: #fff;
}
.tabs-game>li.active>a,
.tabs-game>li.active>a:hover,
.tabs-game>li.active>a:focus {
    border-bottom-color: #ddd;
    border-right-color: transparent;
    border-radius: 0px;

    background: #E14940;
}
.tabs-game li.active a:hover{ background:#981109 !important; color:#fff !important; border:1px solid #981109 !important;}
.tabs-game li a:focus{ background:#981109 !important; color:#fff !important; border:1px solid #981109 !important;}
.tabs-gameo li a:hover{ background:#981109 !important; color:#fff !important; border:1px solid #981109 !important;}
.tabs-game>li>a {
  border-radius: 0px;
  margin-right: 0;
  display:block;
  padding: 12px 10px;
  color: #981109;
  background: #981109;
}
.tabs-game>li:first-child{border-top: none;}
.game-bg {
    float: left;
    min-width: 100%;
    padding-bottom: 20px;
    /* margin-bottom: 20px; */
    background: #272727;
}
.game-box ul {
    padding: 0px;
    margin: 0px;
    margin-left: 26px;
}
.game-box ul li {
    list-style: none;
    display: inline-block;
    width: 166px;
    height: 152px;
    padding: 0px;
    margin: 0px;
    margin-left: 8px;
}
.game-box ul li a img{
    /* opacity: 0.65; */
}  
.game-box ul li a img:hover {opacity:1;  }
.game-box ul li a img:focus {opacity:1;  }
.game-box ul li a img.active {opacity: 1 !important;}

.games-menu {
    height: 41px;
    font-size: 15px;
    font-weight: 100;
    background: #272727;
    border-bottom: 1px solid #ff4800;
}
.games-menu a {
    color: #ffffff;
    display: inline-block;
    position: relative;
    text-decoration: none;
    height: 40px;
    padding: 10px 15px;
}
.games-menu a:hover, .games-menu a.active {
    color: #ffffff;
    background: #ff4800;
}
.games-menu a.active:after {
    /* content: ""; */
    /* position: absolute; */
    /* top: 103%; */
    /* left: 50%; */
    /* border-top: 8px solid #ccc; */
    /* border-left: 8px solid transparent; */
    /* border-right: 8px solid transparent; */
    /* margin-left: -8px; */
}
.games-menu a.hover:after {
    content: "";
    position: absolute;
    top: 103%;
    left: 50%;
    border-top: 8px solid #ccc;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    margin-left: -8px;
}
.games-menu ul li:first-child {margin: 0px;}
.games-menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.games-menu ul li {
    display: inline-block;
    float: left;
    margin: 0px 10px 10px 10px;
    height: 33px;
}
.gameMenuLeft {
    float: left;
    /* padding-top: 7px; */
    /* padding-bottom: 8px; */
}
.grid {
    position: relative;
    clear: both;
    max-width: 1100px;
    list-style: none;
    text-align: center;
}
.game-box {
    float: left;
    margin: 10px 11px;
}
.game-box h4 {
    background: #ff4800;
    color: #ffffff;
    display: block;
    padding: 5px 0px;
    line-height: 26px;
    text-align: center;
    font-size: 14px;
}
figure.snip0018 {
  color: #fff;
  position: relative;
  float: left;
  overflow: hidden;
  text-align: center;
}

figure.snip0018 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
figure.snip0018 h4 {
    padding: 10px;
    background: #341b80;
}
figure.snip0018 img {
  opacity: 1;
  /* width: 100%; */
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
  max-width:146px;
}
figure.snip0018 figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
figure.snip0018 figcaption > div {
  height: 50%;
  overflow: hidden;
  width: 100%;
  position: relative;
}
figure.snip0018 figcaption::before {

  position: absolute;
  top: 50%;
  right: 50%;
  left: 50%;
  height: 2px;
  content: '';
  opacity: 0;
  background-color: rgba(255, 255, 255, 0);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
figure.snip0018 h2,
figure.snip0018 p {
  margin: 0;
  /* padding: 30px 35px; */
  opacity: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s,-webkit-transform 0.4s,-moz-transform 0.4s,-o-transform 0.4s,transform 0.4s;
}
figure.snip0018 h2 {
  display: inline-block;
  /* word-spacing: -0.1em; */
  font-weight: 300;
  text-transform: uppercase;
  bottom: 0;
  background: rgb(39, 39, 39);
  -webkit-transform: translate3d(0%, 50%, 0);
  transform: translate3d(0%, 50%, 0);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
figure.snip0018 h2 span {font-weight: 800;}
figure.snip0018 p {
  font-weight: 300;
  /*  top: 0%;*/
  color: #000;
  background: rgb(255, 72, 0);
  -webkit-transform: translate3d(0%, -50%, 0);
  transform: translate3d(0%, -50%, 0);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  display: table;
  height: 50px;
  text-transform: uppercase;
}
figure.snip0018 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  color: #ffffff;
  /*  padding: 30px 35px;*/
  font-size: 16px;
  line-height: 35px;
  vertical-align: middle;
  display: table-cell;
}
figure.snip0018 p a:hover{color: #ffffff;}
figure.snip0018 h2 a:hover{color: #ffffff;}
figure.snip0018:hover img {opacity: 0.7;}
figure.snip0018 a:hover{color: #3a0505;}
figure.snip0018:hover figcaption h2,
figure.snip0018:hover figcaption p {
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  display: table;
  height: 52px;
}
figure.snip0018:hover figcaption h2 {opacity: 1;}

figure.snip0018:hover figcaption p {opacity: 1;}
figure.snip0018:hover figcaption::before {
  background: #ffffff;
  left: 0px;
  right: 0px;
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { display: table; content: ''; }
.clearfix:after { clear: both; }
/****************************
****** Promotions CSS ******
****************************/
#promo{background: #270504;}
.promo-section {margin-top:-12px;}
.promo-item {
    display: block;
    margin: 0px auto;
    margin-bottom: 10px;
    border: 1px solid #f8e9a8;
    background-color: #d9d9d9;
}
.promo-item .hide {display:none;}
.promo-text {padding:10px;background: url(../images/common/bgbgbg.png);color: #000;}
.promo-text > ul, .promo-text > ol {padding-left:20px;}
.promo-butt {cursor:pointer;}
.promo-table {border:1px solid #FDFDFC; border-collapse:collapse; background-color:#141414;}
.promo-table tr > th {background-color:#141414;padding:3px 5px; border:1px solid #FDFDFC;}
.promo-table tr > td {padding:2px 5px; border:1px solid #FDFDFC;}
.promo-subTitle {color:#FDFDFC;font-size:14px;font-weight:bold;}
.promo-item ul {margin-left: 15px !important;}
.promo-item ul li {
    margin: 0px ;
    line-height: 20px;
    list-style:circle;
    display:block;
    content: "";
    display: list-item;
}
.well{ border:none;}
.promo-box {
    background: #270504;
    padding: 10px;
    color: #fff;
}
a.promo-btn{
    background: #880302;
    display: block;
    text-align: center;
    padding: 5px 0px;
    width: 40%;
    margin: auto;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
}

a.promo-btn:hover{background: #610201;}
p.title-red {
    background: #2d2d2d;
    display: inline-block;
    padding: 10px 20px;
    margin-top: 15px;
    margin-bottom: 10px;
    margin-left: -10px;
    color: #fff;
}
.transactionTable {border-collapse:collapse;line-height:24px;margin-top:10px;background: #a22222;}
.transactionTable th {padding: 5px;border: 1px solid #911716;text-align: center;background: #6b0c0c;}
.transactionTable td {border: 1px solid #911716;padding:2px 5px;color:#FFFFFF;text-align: center;}
.ttTr1 {background: #911716;}

#promomodal .modal-content {
    background-color: #000;
    color: #fff;
    border: 1px solid #ebbd79;
}
#promomodal .modal-header {
    background-color: #000;
    color: #fff;
    border-bottom: 1px solid #fcdaab;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}
#promomodal .modal-header .close {
    color: #fff;
    margin-top: 0;
    position: absolute;
    right: 13px;
    top: 11px;
    opacity: .6;
}
#promomodal .modal-body{
    padding: 11px;
}
.promo_modal_img{
    text-align: center;
}
/****************************
****** Function CSS ******
****************************/
.content-bg {background: #000000;}
.column-login {
    padding-bottom: 20px;
    color:#fff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    background: rgba(0,0,0,0.5);
    padding-top: 10px;
}

.subpage-title h4 {font-weight: bold;color: #3d0a08;}
#regTable{margin: 60px 10px;}
table.regTable {font-size: 14px;color: #fff;}
span.regDescrip {
    font-size: 10px;
    position: relative;
    top: -4px;
}
input.regTxtbox {
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 320px;
    color: #fff;
    padding-left: 10px;
    background: #333333;
    border: none;
    margin-right: 10px;
}
input.regCode {
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 200px;
    color: #fff;
    padding-left: 10px;
    border: none;
    background: #333333;
}
.regList {
    width: 320px;
    height: 33px;
    color: #333333;
    padding: 0 5px;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 2px solid #9A9A9A;
}
.regTable input {}
.regTable select {border: 1px solid #880302;}
.btn-playnow2 {
    background: #A81010;
    padding: 9px 25px;
    width: 120px;
    color: #fff;
    font-weight: bold;
}
.btn-playnow2:hover {background: #B8383E;}
/****************************
****** Deposit CSS ******
****************************/
#deposit-sideul.nav-tabs{
    margin-top: 20px;
    margin-bottom:20px;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    }
#deposit-sideul.nav-tabs li{margin: 0;}
#deposit-sideul.nav-tabs li:first-child{border-top: none;}
#deposit-sideul.nav-tabs li a{
    margin: 0;
    padding: 8px 16px;
    border-radius: 0;
    border:none;
}
#deposit-sideul.nav-tabs li.active a, ul.nav-tabs li.active a:hover{
    color: #fff;
    background: #0088cc;
}
#deposit-sideul.nav-tabs li:first-child a{
    /*border-radius: 4px 4px 0 0;*/
}
#deposit-sideul.nav-tabs li:last-child a{
    /*border-radius: 0 0 4px 4px;*/
}
#deposit-sideul.nav-tabs.affix{
    top: 30px; /* Set the top position of pinned element */
}
#deposit-side.nav-tabs>li{
    margin-bottom: 0px;
    border-bottom: 1px solid #e6e6e6;
}
#deposit-side.nav-tabs{
    border-bottom: transparent;
    border-right: 1px solid #e6e6e6;

}
#deposit-side.nav-tabs>li>a {
    background: #232526;
    color: #FFF;
    border-radius: 0;
    border: 0 none;
    line-height: 24px;
    margin-right:0;
    padding: 13px 15px;
}
#deposit-side.nav-tabs li:last-child{border-bottom: 0 none;} 
#deposit-side.nav-stacked>li+li{margin-top: 0;}
#deposit-side.nav-tabs>li>a:hover{
    background: #A81010;
    color:#fff;
}
#deposit-side.nav-tabs>li.active>a, 
#deposit-side.nav-tabs>li.active>a:hover, 

#deposit-side.nav-tabs>li.active>a:focus {
    border: 0;
    color:#fff;
    background: #A81010;
    position: relative;
}
#deposit-side.nav-tabs>li.active>a:after {
    position: absolute;
    content:  "";
    width: auto;
    height: auto;
    border-style:solid;
    border-color: transparent transparent transparent #A81010;
    border-width: 25px 22px;
    right: -44px;
    top:0;
}
.deposit-left .tab-content {
    margin-top: 20px;
    margin-left: 22px;
}
.deposit-left .tab-content > .tab-pane{
    padding: 20px;
    overflow-y: auto;
    border: 1px solid #ccc;
    background: #E1E1E1;
    color: #333;
}
.withdrawal-l {width: 665px;}
.table > thead:first-child > tr:first-child > td {border: 1px solid #ccc;}
.table-responsive2 {margin-top: 99px; width:160px;}
.table-responsive3 {margin-top: 40px; width:160px;}
.table h4 {
    color: #fff;
    font-size: 16px;
    font-weight: normal;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0px;
    background-color: #FFF;
    color: #333;
}
.table > thead:first-child > tr:first-child > th, 
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border: 1px solid #ccc;
    font-weight: 400;
} 
.form-control {
    display: block;
    width: 100%;
    height: 30px;
    padding: 4px 6px 6px 6px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #999;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-group.half-col .radius input {
    border-radius: 5px;
    background: #fff;
    color: #333;
    height: 40px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{ background:none;}
.tabs-menu {
    height: 50px;
    float: left;
    clear: both;
    padding: 0px;
}
.tabs-menu li {
    height: 35px;
    line-height: 35px;
    float: left;
    margin-right: 10px;
    background-color: #BDBDBD;
    list-style:none;
}
.tabs-menu li.current {
    position: relative;
    background-color: #A81010;
    /* border-bottom: 1px solid #fff; */
    color: #fff;
    z-index: 5;
}

.tabs-menu li a {
    padding: 10px;

    text-transform: uppercase;
    color: #A81010;
    text-decoration: none; 
}

.tabs-menu .current a {color: #FFFFFF;}

.tab {
    float: left;
    margin-bottom: 20px;
    width: auto;
}
.tab-contentx {
    width: 834px;
    display: none;
}
#history-d {display: block;}
/* deposit */
#new_tabs {
    width: auto;
    /* margin-left: 15px; */
    display: inline-block;
}
#new_tabs ul {
    list-style: none;
    padding: 0 0 0px 0;
    margin: 0;
    font-size: 13px;
    font-family: Arial, Verdana, sans-serif;

}
#new_tabs ul li {display: inline-flex;}
#new_tabs ul li a {
    padding: 5px 20px;
    text-decoration: none;
    background: #ffffff;
    border-bottom: none;
    outline: none;
    color: #000000;
    /* -webkit-border-radius: 5px 5px 0 0; */
    -moz-border-radius: 5px 5px 0 0;
    /* border-radius: 5px 5px 0 0; */
    font-weight: 100;
    border-radius: 5px 5px 0px 0px;
}
#new_tabs ul li a:hover {color: #000;}
#new_tabs ul li.active a {
    border-bottom: none;
    color: #000000;
    font-weight: 100;
    /* background: #f41414; */
    border-radius: 5px 5px 0px 0px;
    background: rgba(109,109,109,1);
    background: -moz-linear-gradient(top, rgba(109,109,109,1) 0%, rgba(109,109,109,1) 1%, rgba(217,217,217,1) 54%, rgba(173,173,173,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(109,109,109,1)), color-stop(1%, rgba(109,109,109,1)), color-stop(54%, rgba(217,217,217,1)), color-stop(100%, rgba(173,173,173,1)));
    background: -webkit-linear-gradient(top, rgba(109,109,109,1) 0%, rgba(109,109,109,1) 1%, rgba(217,217,217,1) 54%, rgba(173,173,173,1) 100%);
    background: -o-linear-gradient(top, rgba(109,109,109,1) 0%, rgba(109,109,109,1) 1%, rgba(217,217,217,1) 54%, rgba(173,173,173,1) 100%);
    background: -ms-linear-gradient(top, rgba(109,109,109,1) 0%, rgba(109,109,109,1) 1%, rgba(217,217,217,1) 54%, rgba(173,173,173,1) 100%);
    background: linear-gradient(to bottom, rgba(109,109,109,1) 0%, rgba(109,109,109,1) 1%, rgba(217,217,217,1) 54%, rgba(173,173,173,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6d6d', endColorstr='#adadad', GradientType=0 );
}
#new_tabs ul li.active a:hover {
    color: #FFFFFF;
}
#new_tabs_content {
    border: 1px solid #ccc;
    width: auto;
    color: #333;
    background: #FFFFFF;
    /* margin: 0px 15px; */
    border-top: 1px solid #ccc;
}
table.tableT tr td {padding-bottom: 10px;}
.deposit-form{
    width: 90px;
    height: 35px;
    border: 1px solid #999;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    padding:5px 8px;
}
.deposit-select{
    width: 48px;
    height: 35px;
    border: 1px solid #999;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);


    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
/******************************************
 AFTERlogin
********************************************/
.af_header { background-color:#dddddd; padding:5px 8px !important; }
.af_header a { color:#000000}
.af_balance { padding:20px 0 !important; clear:both }
.af_icon { font-size:40px !important ; padding-right:10px; }
.af_divide{ border-left:1px solid #cccccc;min-height:50px; }
.af_divide2{/* margin:0px 5px; */padding:10px 0;display: none;}
.af_mainwallet { background:#FFFFFF;}

.af_menuWrapper {
    /* margin: 0px 15px; */
    padding: 7px 0px 7px 0px;
}
.af_menu {list-style:none;display: table-footer-group;width: 100%;}
.af_menu li {float:left;margin-right: 11px;}
.af_menu li a, .actionbtt {
    padding: 5px 15px;
    color: #333;
    /* border: 1px solid #f41414; */
    background: #FFFFFF;
    text-decoration: none;
    display: block;
    border-radius: 5px;
    width: 134px;
    text-align: center;
}
.af_menu li:last-child{margin-right:0px;}
.af_menu li a:hover ,.af_menu .active ,.actionbtt .active ,.actionbtt:hover 
{/* background: #f41414 !important; */color: #FFFFFF;font-weight: 100;54%,rgba(173,173,173,1) 100%);border-radius: 5px;background: rgba(51,51,51,1);background: -moz-linear-gradient(top, rgba(51,51,51,1) 0%, rgba(51,51,51,1) 1%, rgba(158,158,158,1) 54%, rgba(112,112,112,1) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(51,51,51,1)), color-stop(1%, rgba(51,51,51,1)), color-stop(54%, rgba(158,158,158,1)), color-stop(100%, rgba(112,112,112,1)));background: -webkit-linear-gradient(top, rgba(51,51,51,1) 0%, rgba(51,51,51,1) 1%, rgba(158,158,158,1) 54%, rgba(112,112,112,1) 100%);background: -o-linear-gradient(top, rgba(51,51,51,1) 0%, rgba(51,51,51,1) 1%, rgba(158,158,158,1) 54%, rgba(112,112,112,1) 100%);background: -ms-linear-gradient(top, rgba(51,51,51,1) 0%, rgba(51,51,51,1) 1%, rgba(158,158,158,1) 54%, rgba(112,112,112,1) 100%);background: linear-gradient(to bottom, rgba(51,51,51,1) 0%, rgba(51,51,51,1) 1%, rgba(158,158,158,1) 54%, rgba(112,112,112,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#707070', GradientType=0 );}
.af_wallet{padding: 5px 0px 10px 0px;}
.af_walletTable { 
    text-align:center; 
    border:1px solid #ccc; 
    border-collapse:collapse; }
.af_walletTable p {line-height: 22px;color: #000;}
.af_walletTable td {
    border:1px solid #ccc;
    padding: 2px;
}
.af_cleft {padding: 10px 20px;}
.af_cleft2 {
    padding: 10px 20px;
    margin-left: 25%;
}
.af_cleft h3 { padding-bottom:10px;}
.af_cleft p {line-height: 16px;}
.af_BankTable { margin-top:5px;}
.af_BankTable td {
    border:1px solid #ccc;
    height:30px; 
    padding:0 5px;
}
.af_cright {padding: 10px 20px;border-left:1px solid #ccc;}
.af_cright h3 { padding-bottom:10px;}
.af_color1{color: #A81010 !important;font-weight:700;}
.af_bg1 { background:#eeeeee}
.af_bg2 { background:#e1e0e0}
.af_bg3 { background:#fafafa}
.af_box { padding:10px;}
.subpage-title h4 {
    font-weight: normal;
    background: #f41414;
    padding: 8px 24px;
    border-radius: 5px;
    color: #000;
    font-size: 18px;
    text-align: center;
    background: rgba(109,109,109,1);
    background: -moz-linear-gradient(top, rgba(109,109,109,1) 0%, rgba(109,109,109,1) 1%, rgba(217,217,217,1) 54%, rgba(173,173,173,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(109,109,109,1)), color-stop(1%, rgba(109,109,109,1)), color-stop(54%, rgba(217,217,217,1)), color-stop(100%, rgba(173,173,173,1)));
    background: -webkit-linear-gradient(top, rgba(109,109,109,1) 0%, rgba(109,109,109,1) 1%, rgba(217,217,217,1) 54%, rgba(173,173,173,1) 100%);
    background: -o-linear-gradient(top, rgba(109,109,109,1) 0%, rgba(109,109,109,1) 1%, rgba(217,217,217,1) 54%, rgba(173,173,173,1) 100%);
    background: -ms-linear-gradient(top, rgba(109,109,109,1) 0%, rgba(109,109,109,1) 1%, rgba(217,217,217,1) 54%, rgba(173,173,173,1) 100%);
    background: linear-gradient(to bottom, rgba(109,109,109,1) 0%, rgba(109,109,109,1) 1%, rgba(217,217,217,1) 54%, rgba(173,173,173,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6d6d', endColorstr='#adadad', GradientType=0 );
}
.subpage-title {
    /* background: #f41414; */
    display: flex;
    border-radius: 5px;
    background: rgba(109,109,109,1);
    background: -moz-linear-gradient(top, rgba(109,109,109,1) 0%, rgba(109,109,109,1) 1%, rgba(217,217,217,1) 54%, rgba(173,173,173,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(109,109,109,1)), color-stop(1%, rgba(109,109,109,1)), color-stop(54%, rgba(217,217,217,1)), color-stop(100%, rgba(173,173,173,1)));
    background: -webkit-linear-gradient(top, rgba(109,109,109,1) 0%, rgba(109,109,109,1) 1%, rgba(217,217,217,1) 54%, rgba(173,173,173,1) 100%);
    background: -o-linear-gradient(top, rgba(109,109,109,1) 0%, rgba(109,109,109,1) 1%, rgba(217,217,217,1) 54%, rgba(173,173,173,1) 100%);
    background: -ms-linear-gradient(top, rgba(109,109,109,1) 0%, rgba(109,109,109,1) 1%, rgba(217,217,217,1) 54%, rgba(173,173,173,1) 100%);
    background: linear-gradient(to bottom, rgba(109,109,109,1) 0%, rgba(109,109,109,1) 1%, rgba(217,217,217,1) 54%, rgba(173,173,173,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6d6d', endColorstr='#adadad', GradientType=0 );
}
.subpage-content {margin: 10px;}
.text-title2 {
    text-align: center;
    /* background: #f41414; */
    color: #000;
    border-radius: 5px 5px 0px 0px;
    padding: 7px 0px;
    font-size: 15px;
    /* margin: 0px 15px; */
    background: rgba(109,109,109,1);
    background: -moz-linear-gradient(top, rgba(109,109,109,1) 0%, rgba(109,109,109,1) 1%, rgba(217,217,217,1) 54%, rgba(173,173,173,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(109,109,109,1)), color-stop(1%, rgba(109,109,109,1)), color-stop(54%, rgba(217,217,217,1)), color-stop(100%, rgba(173,173,173,1)));
    background: -webkit-linear-gradient(top, rgba(109,109,109,1) 0%, rgba(109,109,109,1) 1%, rgba(217,217,217,1) 54%, rgba(173,173,173,1) 100%);
    background: -o-linear-gradient(top, rgba(109,109,109,1) 0%, rgba(109,109,109,1) 1%, rgba(217,217,217,1) 54%, rgba(173,173,173,1) 100%);
    background: -ms-linear-gradient(top, rgba(109,109,109,1) 0%, rgba(109,109,109,1) 1%, rgba(217,217,217,1) 54%, rgba(173,173,173,1) 100%);
    background: linear-gradient(to bottom, rgba(109,109,109,1) 0%, rgba(109,109,109,1) 1%, rgba(217,217,217,1) 54%, rgba(173,173,173,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6d6d', endColorstr='#adadad', GradientType=0 );
}
#dtab2 {padding: 10px;}
.back-bg {
    margin: 0px;
    background: #FFFFFF;
    border: 1px solid #ccc;
    border-top: none;
    color: #000;
    font-weight: 100;
}
.history-table {margin: 10px 20px;}
.history-table tr td {padding: 0px 0px;}
.form-group {margin-bottom: 10px;}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0px;
    font-weight: bold;
}
#tfButton .btn-joinnow {
    color:#5a3702 ;
    background: #d9a826;
    font-weight: bold;
    border: none;
    padding: 6px 20px;
    display: inline-block;
    margin: 10px 0px;
    height: inherit;
}
#tfButton .btn-joinnow:hover {
    color: #d9a826;
    background: #5a3702;
}
.af-table {
    background: #eee;
    border-collapse: collapse;
}
.af-table tr > th {
    background: #310B0B;
    border: 1px solid #A81010;
    padding: 7px;
    text-align: center;
}
.af-table tr > td {
    padding: 5px;
    border: 1px solid #ccc;
    color: #333;
    vertical-align:middle;
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: 3px 20px;
    clear: both;

    font-weight: 400;
    line-height: 1.5;
    color: #373a3c;
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0;
}
.after-login {
    margin-top: 5px;
    margin-bottom: 20px;
    display: flex;
    justify-content: flex-end;
}
a#dropdownMenu1 {padding: 2px;color: #f9d39e;}
#dropdownMenu1:hover { color:#fff;}
.dropdown {margin-right: 10px;}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #cecece;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu a {
    padding: 7px 15px !important;
    color: #232526 !important;
    cursor: pointer;
}
.dropdown-menu a:hover {
    padding: 7px 15px !important;
    color: #919191 !important;
}
.flex-container {
  padding: 0;
  margin: 0;
  list-style: none; 
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
}
.center { 
  -webkit-justify-content: center; 
  justify-content: center; 
}  
.flex-item {
  width: auto;

  color: white;
  text-align: center;
}
.flex-item a {background: #d9d9d9 !important;}
.flex-item a.active {background: #8d8d8d !important;}
.table-deposit tbody tr:nth-of-type(odd) {background-color: rgba(190, 105, 102, 0.24);}
.table-deposit tr th {
    background: #f41414;
    color: #fff;
}
.table-deposit {margin-top: 10px;}
.table-deposit tr td {border: 1px solid #000;}
/****************************
********* Bootstrap *********
****************************/
::-webkit-input-placeholder {font-size:12px; color:#ccc;}
:-moz-placeholder { /* Firefox 18- */font-size:12px;color:#ccc;}
::-moz-placeholder {  /* Firefox 19+ */font-size:12px;color:#ccc;}
:-ms-input-placeholder {font-size:12px; color:#ccc;}
.form-control::-webkit-input-placeholder {font-size:12px; color:#9a9a9a; padding-top:2px}
.form-control-code::-webkit-input-placeholder {font-size:12px; color:#9a9a9a; padding-top:2px}
.form-control:-moz-placeholder { /* Firefox 18- */font-size:12px;color:#9a9a9a;}
.form-control::-moz-placeholder {  /* Firefox 19+ */font-size:12px;color:#9a9a9a;}
.form-control:-ms-input-placeholder {font-size:12px; color:#9a9a9a;}
.form-group.half-col .radius input {
    border-radius: 5px;
    background: #fff;
    color: #333;
    border: 1px solid #999;
}
.form-group.half-col {
    width: 48%;
    float: left;
    margin-right: 10px;
}
.button-d {float: left;}
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
    border-radius:0px;
}
.input-group-addon, .input-group-btn, .input-group .form-control {display: table-cell;}
.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {border-radius: 0;}
.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
.input-group-addon {
    /*padding:6px 3px 6px 6px;*/
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #fff;
    border: none;
    border-radius: 4px;
}
.input-group-addon, .input-group-btn, .input-group .form-control {display: table-cell;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #42474A;
    opacity: 1;
}
.form-control-code {
    display: block;
    width: 100%;
    height: 28px;
    padding: 6px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: none;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, 
    -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control-code:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.input-group .form-control:first-child, .input-group .form-control-code:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group-addon:first-child {border-right: 0;}
.input-group .form-control:last-child, .input-group .form-control-code:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group-addon:last-child {border-left: 0;}
.after-login a {
    padding-right: 10px;
    color: #FFA800;
    padding-left: 5px;
}
.after-login a:hover {
    padding-right: 10px;
    color: #A81010;
    padding-left: 5px;
}
.input-group .form-control {
    display: block;
    width: 100%;
    height: 29px;
    padding: 6px 6px 6px 10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #c7b06a !important;
    background-color: #320303;
    background-image: none;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, 
    -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border-top: 1px solid #5e2718;
    border-bottom: 1px solid #5e2718;
    border-right: 1px solid #5e2718;
}
.input-group .input-group-addon {
    /*padding: 6px 3px 6px 6px;*/
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #c7b06a;
    text-align: center;
    background-color: #320303;
    padding-right: 2px;
    padding-left: 5px;
    border-radius:0px;
    border-top: 1px solid #5e2718;
    border-bottom: 1px solid #5e2718;
    border-left: 1px solid #5e2718;
}
.input-group .form-control-code {

    /*padding: 6px 3px 6px 6px;*/
    font-size: 14px;
    font-weight: normal;
    /* line-height: 1; */
    color: #FFF;
    text-align: center;
    background-color: #320303;
    padding-right: 2px;
    padding-left: 5px;
    border-radius:0px;

    border-top: 1px solid #5e2718;
    border-bottom: 1px solid #5e2718;
    border-left: 1px solid #5e2718;
    height: 29px;
}
/****************************
****** Banking CSS ******
****************************/
.bank-table {
    background: #FFFFFF;
    border: 1px solid #2D8A70;
    border-collapse: collapse;
}
.bank-table img {padding: 10px;}
.bank-table tr > th {
    background: #310B0B;
    border: 1px solid #A81010;
    padding: 7px;
    text-align: center;
}
.bank-table tr > td {
    padding: 5px;
    border: 1px solid #3a0505;
    color: #000;
    background-color: #ffffff;
}
.banking-li li{ line-height:30px;}
/****************************
****** tnc CSS ******
****************************/
dt {
    font-weight: bold;
    border-bottom: 1px solid #333333;
}
.accordion ul {
    margin: 0px;
    padding: 24px;
    padding-left: 10px;
}
.tnc-li {
    padding-top: 15px;
    padding-bottom: 15px;
}
.tnc-li li {
    line-height: 30px;
    list-style: none;
}
.accordion dl,
.accordion-list {
    border: 1px solid #ebbd79;
}
.accordion dd, .accordion__panel {
    background-color: #333333;
    font-size: 12px;
    line-height: 30px;
    margin-right: 15px;
    margin-left: 15px;
}
.accordion p {
    padding: 1em 2em;
}
.accordion {
    position: relative;
    background-color: #333333;
}
.accordionTitle,
.accordion__Heading {
    background-color: #ebbd79;
    text-align: left;
    font-weight: 700;
    padding: 1em;
    display: block;
    text-decoration: none;
    color: #000000;
    transition: background-color 0.5s ease-in-out;
    border-bottom: 1px solid #333333;
}
.accordionTitle:before,
.accordion__Heading:before {
    content: "+";
    font-size: 1.5em;
    line-height: 0.5em;
    float: left;
    transition: transform 0.3s ease-in-out;
}
.accordionTitle:hover,
.accordion__Heading:hover {
    background-color: #901515;
    color: #fff;
}
.accordionTitleActive,
.accordionTitle.is-expanded {
    background-color: #329c61;
}
.accordionTitleActive:before,
.accordionTitle.is-expanded:before {
    transform: rotate(-225deg);
}
.accordionItem {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.5s ease-in-out;
}
.accordionItem.is-collapsed {
    max-height: 0;
}
.accordionItem.is-expanded {
    max-height: 100%; /* Adjust as necessary to fit all content */
}
.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: #ffffff;
    background: #e9b05b;
}
a.accordion-title.accordionTitle.js-accordionTrigger.is-collapsed.is-expanded {
    background: #e9b05b;
    color: #ffffff;
}
/****************************
****** Scrollbar CSS ******
****************************/
.scrollbar{

    margin-left: 0px;
    /*float: left;*/
    height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
    /* margin-bottom: 25px; */
    padding-right: 10px;
    line-height: 24px;
    font-size: 14px;
}
#style-2::-webkit-scrollbar-track{

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
    margin-left:10px;
}
#style-2::-webkit-scrollbar{
    width: 12px;
    background-color: #F5F5F5;
}
#style-2::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color:#a81010;
}
.affix {
    top: 30px;
}
@-moz-document url-prefix() { 
  .affix {
    top: 0px;
    position: relative;
}
}

/****************************
*** header CSS ***
****************************/
.header-top {
    background: url(../images/common/head.jpg) no-repeat top center;
    height: 180px;
    z-index: 10;
    position: relative;
    border-bottom: 2px solid #f5d87f;
    background-size: 100% 100%;
}
.logo {
    /* width: 309px; */
    /* height: 135px; */
    /* background: url(../images/common/logo.png) center top; */
    background-repeat: no-repeat;
    margin-left: 67px;
    width: 100px;
}
.logo img{
    width: 100%;
}

.header-01 {
    position: relative;
    width: 350px;
    display: block;
    float: left;
    height: 100px;
}
.header-02 {
    width: 308px;
    float: left;
    position: relative;
    top: 19px;
}
.header-03 {
    position: relative;
    float: left;
    width: 352px;
    /* top: 16px; */
}
.top-header {
    height: 25px;
    display: block;
    padding: 5px;
    color: #ccc;
}
.top-header a {color: #ccc;font-size: 12px;}
.top-header a:hover {color: #fff;}

.row-login1 {
    margin-top: 15px;
    margin-left: 20px;
}

.row-login2 {
    margin-left: 20px;
    display: flex;
    justify-content: flex-end;
}

.row-login2 input {
    display: inline-block;
    margin-right: 6px;
    margin-top: 5px;
    color:#fff;
    width: 155px !important;
    background-color: #505050 !important;
    border: 1px solid #484848 !important; */
    -webkit-box-shadow: inset 0px 0px 94px -28px rgba(0,0,0,0.75);
    -webkit-box-shadow: inset 0px 0px 17px 11px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 0px 17px 11px rgba(0,0,0,0.75);
    box-shadow: inset 0px 0px 17px 11px rgba(0,0,0,0.75);
}
.row-login2 input:focus{-webkit-box-shadow: inset 0px 0px 94px -28px rgba(0,0,0,0.75);
    -webkit-box-shadow: inset 0px 0px 17px 11px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 0px 17px 11px rgba(0,0,0,0.75);
    box-shadow: inset 0px 0px 17px 11px rgba(0,0,0,0.75);}
.row-login3 {
    margin-top: 7px;
    padding-left: 20px;
    display: flex;
    justify-content: flex-end;
}
.btn-login {
    border: none;
    padding: 3px 20px;
    font-size: 14px;
    font-weight: bold;
    color: #270000;
    border-radius: 5px;
    background: -webkit-linear-gradient(#ffe2c5, #ffcd76);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#bd6806', GradientType=0 );
}
.btn-login:hover {color: #714c18;}
.row-login2 input::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #ccc;}
.row-login2 input::-moz-placeholder { /* Firefox 19+ */color: #ccc;}
.row-login2 input:-ms-input-placeholder { /* IE 10+ */color: #ccc;}
.row-login2 input:-moz-placeholder { /* Firefox 18- */color: #cccc;}
.btn-register {
    color: #fff;
    padding: 3px 20px;
    font-size: 14px;
    margin-left: 5px;
    border-radius: 5px;
    font-weight: bold;
    border: none;
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
    background: -webkit-linear-gradient(#f54444, #640606);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f41414', endColorstr='#c10505', GradientType=0 );
}
.btn-register:hover {color: #d07e7e;}
.forgotps{ 
    padding: 0px 10px;
    position: relative;
    top: 5px;
}
.forgotps a{ color:#ccc;}
.forgotps a:hover{ color:#fff;}




/****************************
******* Jackpot Box********
****************************/
.jackpot-box img {
    display: block;
    margin: 0px auto;
}
.jackpot-wrap {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 7px;
    font-size: 22px;
}
.jackpot-box {
    position: absolute;
    bottom: 0px;
    width: 100%;
}
/****************************
************ Jackpot ********
****************************/
#box-content {
    border-top: 6px solid #767676;
    border-bottom: 6px solid #767676;
    background: url(../images/common/step-bg.png) no-repeat center top;
}
#jackpot{ 
    background:url(../images/common/jackpotBg.jpg) no-repeat center top;
    height:310px;
}
.jackpotbg {height: 255px;position: relative;}
.jackpot-reg {
    background:url(../images/common/jackpot-01.png) no-repeat;
    height: 127px;
    width: 229px;
    float: left;
    position: absolute;
    top: 96px;
}
.jackpot-reg:hover{background:url(../images/common/jackpot-01-h.png) no-repeat;}
.jackpot-dep{
    background:url(../images/common/jackpot-02.png) no-repeat;
    height: 127px;
    width: 227px;
    float:left;
    position: absolute;
    top: 109px;
    left: 265px;
}
.jackpot-dep:hover{background:url(../images/common/jackpot-02-h.png) no-repeat ;}
.jackpot-ply{
    background:url(../images/common/jackpot-03.png) no-repeat;
    height: 127px;
    width:220px;
    float:left;
    position: absolute;
    right: 249px;
    top: 104px;
}
.jackpot-ply:hover{background:url(../images/common/jackpot-03-h.png) no-repeat ;}
.jackpot-win{
    background:url(../images/common/jackpot-04.png) no-repeat;
    height: 127px;
    width: 227px;
    float:left;
    position: absolute;
    right: 0;
    top: 124px;
}
.jackpot-win:hover{background:url(../images/common/jackpot-04-h.png) no-repeat ;}
a.jackpot-downlaod {position: absolute;top: 36px;left: 90px;}
span.text-j {
    background: -webkit-linear-gradient(#f9f9f9, #6b6b6b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: 100px;
    display: block;
    float: left;
    line-height: 15px;
    margin-left: 10px;
    font-weight: bold;
}
a.jackpot-contact {
    position: absolute;
    right: 70px;
    top: 37px;
}
span.text-j2 {
    float: left;
    display: block;
    line-height: 14px;
    text-align: right;
    margin-right: 8px;
    background: -webkit-linear-gradient(#f9f9f9, #6b6b6b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}

/****************************
********GAME ********
****************************/
#banner{ position:relative;}
.img-banner {
    position: relative;
    margin-top: -40px;
}

/****************************
********info footer********
****************************/
#info-footer{ margin-bottom:30px;}
.hr-style {margin: 15px 0px;}
.box-1 {
    float: left;
    width: 275px;
    padding-right: 25px;
    margin-top: 30px;
    border-right: 1px solid #757575;
}
.box-2 {
    float: left;
    width: 335px;
    height: 363px;
    padding: 0px 15px;
    margin-top: 30px;
    border-right: 1px solid #757575;
    color: #757575;
}
.box-3 {
    float: left;
    width: 335px;
    margin-top: 30px;
    padding: 0px 15px;
    color: #757575;
}
.box-text {
    text-align: left;
    color: #757575;
}
.box-content {
    margin-top: 10px;
    margin-left: 10px;
}
.box-top p {
    color: #3c2313;
    border-bottom: 1px solid #bf8535;
    font-size: 17px;
    font-weight: bold;
    line-height: 30px;
}
.box-text span p {
    float: right;
    margin-left: 12px;
}
.box-content h5{margin-top: 18px;margin-bottom: 7px;}



.box-top {
    display: inline-block;
    position: relative;
}

.box-top h4 {
}



/****************************
****** progressbar CSS ******
****************************/
#home-box {
    background: #fff;
    color: #603813;
}
#progressbar {
    width: 96%;
    height: 12px;
    background-color: #111111;
    clear: both;
    border-radius: 7px;
    margin-top: 10px;
    display: inline-block;
}
#progress {
    background: #757575;/*-- Color of the bar --*/
    height: 11px;
    width: 0%;
    max-width: 100%;
    float: left;
    -webkit-animation: progress 1s 1 forwards;
    -moz-animation: progress 1s 1 forwards;
    -ms-animation: progress 1s 1 forwards;
    animation: progress 1s 1 forwards;
    border-radius: 7px 0px 0px 7px;
}

#pbaranim {
    height: 10px;
    width: 100%;
    overflow: hidden;
    background: url('http://www.cssdeck.com/uploads/media/items/7/7uo1osj.gif') repeat-x;
    -moz-opacity: 0.25;
    -khtml-opacity: 0.25;
    opacity: 0.25;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
    filter: alpha(opacity=25);
    border-radius: 7px 0px 0px 7px;
}


@-webkit-keyframes progress { 
    from { }

    to { width: 5% }
}

@-moz-keyframes progress { 
    from { }

    to { width: 5% }
}

@-ms-keyframes progress { 
    from { }

    to { width: 5% }
}

@keyframes progress { 
    from { }

    to { width: 5% }
}


#progressbar2{
    width: 96%;
    height: 12px;
    background-color: #111111;
    clear: both;
    border-radius: 7px;
    margin-top: 10px;
    display: inline-block;
}


#progress2 {
    background: #757575;/*-- Color of the bar --*/
    height: 11px;
    width: 0%;
    max-width: 100%;
    float: left;
    -webkit-animation: progress2 4s 1 forwards;
    -moz-animation: progress2 4s 1 forwards;
    -ms-animation: progress2 4s 1 forwards;
    animation: progress2 4s 1 forwards;
    border-radius: 7px 0px 0px 7px;
}

#pbaranim {
    height: 10px;
    width: 100%;
    overflow: hidden;
    background: url('http://www.cssdeck.com/uploads/media/items/7/7uo1osj.gif') repeat-x;
    -moz-opacity: 0.25;
    -khtml-opacity: 0.25;
    opacity: 0.25;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
    filter: alpha(opacity=25);
    border-radius: 7px 0px 0px 7px;
}


@-webkit-keyframes progress2 { 
    from { }

    to { width: 25% }
}

@-moz-keyframes progress2 { 
    from { }

    to { width: 25% }
}

@-ms-keyframes progress2 { 
    from { }

    to { width: 25% }
}

@keyframes progress2 { 
    from { }

    to { width: 25% }
}





#progress3 {
    background: #e3f83d;/*-- Color of the bar --*/

    height: 11px;
    width: 0%;
    max-width: 100%;
    float: left;
    -webkit-animation: progress3 2s 1 forwards;
    -moz-animation: progress3 2s 1 forwards;
    -ms-animation: progress3 2s 1 forwards;
    animation: progress3 2s 1 forwards;
    border-radius: 7px;
}

#pbaranim {
    height: 10px;
    width: 100%;
    overflow: hidden;
    background: url('http://www.cssdeck.com/uploads/media/items/7/7uo1osj.gif') repeat-x;
    -moz-opacity: 0.25;
    -khtml-opacity: 0.25;
    opacity: 0.25;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
    filter: alpha(opacity=25);
    border-radius: 7px;
}


@-webkit-keyframes progress3 { 
    from { }

    to { width: 100% }
}

@-moz-keyframes progress3 { 
    from { }

    to { width: 100%}
}

@-ms-keyframes progress3 {  
    from { }

    to { width: 100% }
}

@keyframes progress3 { 
    from { }

    to { width: 100% }
}

.time-box {
    font-size: 30px;
}
.box-title {
    padding: 6px;
    color: #757575;
}
.box-2 p {
    font-size: 12px;
}

.lbox02 {
    margin-bottom: 35px;
}



/****************************
****** About CSS ******
****************************/
#box-content2 {
/*    border-top: 6px solid #767676;
    border-bottom: 6px solid #767676;*/
    padding: 10px 0px;
}
#box-content2 h5 {
    background:#f41414;
    padding:10px 25px;
    display:inline-block;
}
#box-content2 hr {border-bottom:1px solid #f41414;margin: 0;border-top: none;}
.title-bg {
    background: #272727;
    margin-top: 5px;
}
.info-bg {
    background: #272727;
    padding: 20px;
    /* margin-top: 10px; */
}
.info_office {
    margin: 0;
    padding: 0;
    width: 195px;
    float: left;
}
.info_office li {
    display: block;
    text-align: center;
    border: none;
    font-size: 17px;
    font-weight:600;
    float:none;
    border: 1px solid #272727;
}
.info_office li a {
    display: block;
    text-align:center;
    color: #ffffff;
    text-decoration: none;
    height: 50px;
    padding-top: 16px;
    background: #464646;
    font-size: 13px;
    border-radius: 0px;
    margin: 0px;
    font-weight: 100;
    border: none;
}
.info_office li a:hover {
    color: #000000;
    border: none;
    background: #ebbd79;
    }
.info_office li a strong { display: block;}
.info_office li a.open {
    color: #000000;
    width: 100%;
    border: none;
    background: #ebbd79;
    }
#content2 {
    display: block;
    padding: 0;
    margin-left: 210px;
    min-height: 300px;
    margin-top: 1px;
    /* margin: 0px; */
}
.officer-info {background: #333333;margin: 0px;padding: 5px 15px;}
.officer-info p {
    color: #fff;
    line-height: 30px;
}
.officer-info h4 {
    color: #ffffff;
    margin-bottom: 20px;
    font-weight: bold;
    margin-top: 5px;
}
/****************************
****** mobile CSS ******
****************************/
.black-bg {
    background: #272727;
    display: block;
}
.black-bg h5 {
    background: #f41414;
    color: #fff;
    display: inline-block;
    padding: 10px 30px;
}
.black-bg hr {
    border-top: 1px solid #f41414;
    margin: 0px;
}
.mobile-content {
    padding: 20px;
}

/* main page */
#w {
  display: block;
  width: 1015px;
  margin:0 auto;
  background: none;
}


#content {
  background: #333333;
  padding:0;
  margin-left: 10px;
  min-height: 300px;
  float: left;
  width: 785px;
}


.contentblock {
  display: block;
  padding:0;
}

.contentblock.hidden {
  display: none;
}

/* side navigation */
#sidemenu {
  margin: 0;
  padding: 0;
  width: 170px;
  float: left;
}


#sidemenu li {display: block;text-align: center;border: 1px solid #272727;font-size: 17px;font-weight:600;}

#sidemenu li a {
  display: block;
  text-align:center;
  color: #fff;
  text-decoration: none;
  background: #464646;
  padding: 10px;
  font-weight: 100;
  font-size: 14px;
}
#sidemenu li a img {
    float: left;
    padding-left: 24px;
    padding-top: 2px;
}
#sidemenu li a:hover {
  color: #fff;
  background: #ebbd79;
}

#sidemenu li a strong { 
  display: block;
}

#sidemenu li a.open {
    color: #000000;
    background: #ebbd79;
}
.qr-and{ background:url(../images/common/qr-andriod.png) no-repeat; width:176px; height:124px;}
.qr-ios{ background:url(../images/common/qr-ios.jpg) no-repeat; width:176px; height:124px;}
.qr-and img {
    width: 85px;
    margin: 20px 0px 0px 53px;
}
.qr-ios img {
    width: 85px;
    margin: 20px 0px 0px 53px;
}
a.btn-down {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    background-image: -webkit-linear-gradient(top, #f41414, #830505 60%, #f30505);
    background-image: -moz-linear-gradient(top, #f41414, #830505 60%, #f30505);
    background-image: -o-linear-gradient(top, #f41414, #830505 60%, #f30505);
    background-image: -ms-linear-gradient(top, #f41414, #830505 60%, #f30505);
    background-image: linear-gradient(to bottom, #f41414, #830505 60%, #f30505);
    padding: 4px 10px;
    margin-top: 5px;
    display: inline-block;
}
a.btn-down:hover{
    color: #fccd4f;
}
.mob-formTable3 tr th {
    background: #f41414;
    padding: 6px 10px;
}
.mob-formTable3 tr td {
    background: #212121;
    padding: 6px 10px;
    border: 1px solid #333;
}
.ag-img{ padding:15px;}
.ag-img p {
    padding: 10px 0px;
    color: #fff;
}
/****************************
****** mobile CSS ******
****************************/
.info-bg2 {background: #272727; padding:20px 0px;}
.register-text{
    padding-left: 33px;
    background: #464646;
    margin-right: 10px;
    display: inline-block;
    height: 33px;
    line-height: 32px;
    font-size: 13px;
    width: 130px;
}
button.jms-link {
    background: rgba(244,20,20,1);
    background: -moz-linear-gradient(top, rgba(244,20,20,1) 0%, rgba(138,7,7,1) 42%, rgba(138,7,7,1) 78%, rgba(193,5,5,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(244,20,20,1)), color-stop(42%, rgba(138,7,7,1)), color-stop(78%, rgba(138,7,7,1)), color-stop(100%, rgba(193,5,5,1)));
    background: -webkit-linear-gradient(top, rgba(244,20,20,1) 0%, rgba(138,7,7,1) 42%, rgba(138,7,7,1) 78%, rgba(193,5,5,1) 100%);
    background: -o-linear-gradient(top, rgba(244,20,20,1) 0%, rgba(138,7,7,1) 42%, rgba(138,7,7,1) 78%, rgba(193,5,5,1) 100%);
    background: -ms-linear-gradient(top, rgba(244,20,20,1) 0%, rgba(138,7,7,1) 42%, rgba(138,7,7,1) 78%, rgba(193,5,5,1) 100%);
    background: linear-gradient(to bottom, rgba(244,20,20,1) 0%, rgba(138,7,7,1) 42%, rgba(138,7,7,1) 78%, rgba(193,5,5,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f41414', endColorstr='#c10505', GradientType=0 );
    border: none;
    font-size: 14px;
    padding: 5px 20px;
    border-radius: 5px;
}

button.jms-link:hover {
    color: #d07e7e;
    outline: none;
}
/****************************
****** contact CSS ******
****************************/
.contact-content {display: flex;}
.contact-content ul {
    display: block;
    justify-content: center;
    font-size: 14px;
    margin: 30px auto;
    padding: 0px;
}
.contact-content ul li {width: 420px;list-style: none;float: none;margin-bottom: 10px;display: flex;}
.contact-01 {
    background: #464646;
    width: 186px;
    padding: 10px 6px;
    text-align: center;
}
.contact-01 i {margin-right: 10px;}
.contact-02 {
    background: #3b3b3b;
    padding: 6px 6px 6px 95px;
    width: 388px;
}
.btn-chat{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #000;
    border: solid 1px #bebebe;
    background-image: -webkit-linear-gradient(top, #767676, #d9d9d9 49%, #a0a0a0);
    background-image: -moz-linear-gradient(top, #767676, #d9d9d9 49%, #a0a0a0);
    background-image: -o-linear-gradient(top, #767676, #d9d9d9 49%, #a0a0a0);
    background-image: -ms-linear-gradient(top, #767676, #d9d9d9 49%, #a0a0a0);
    background-image: linear-gradient(to bottom, #767676, #d9d9d9 49%, #a0a0a0);
    padding:6px 15px;
    text-align:center;
    color:#000;
    display: block;
    margin: 0px auto;
    border:none;    
}
.btn-chat:hover{ color:#f41414 !important;-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #000;
    border: solid 1px #bebebe;
    background-image: -webkit-linear-gradient(top, #767676, #d9d9d9 49%, #a0a0a0);
    background-image: -moz-linear-gradient(top, #767676, #d9d9d9 49%, #a0a0a0);
    background-image: -o-linear-gradient(top, #767676, #d9d9d9 49%, #a0a0a0);
    background-image: -ms-linear-gradient(top, #767676, #d9d9d9 49%, #a0a0a0);
    background-image: linear-gradient(to bottom, #767676, #d9d9d9 49%, #a0a0a0) !important;
    border:none !important;}



/*afterlogin*/
.header-account {
    display: flex;
    align-items: center;
}
.header-account__avt {
    width: 30px;
}
.header-account__info {
    margin-left: .5rem;
}
.header-account__name {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #d4d7d9;
    width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
}
.header-account__main-wallet {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    color: #f2f2f2;
    margin-right: 2rem;
    margin-bottom: 0;
}
.header-account__main-wallet span {
    color: #fcdaab;
}
.header__btn--transfer {
    background: linear-gradient(56.2deg,#cc4083,#277de1);
    border: 1px solid #fcdaab;
    margin: 0 0px 0px 10px;
    position: relative;
    border-radius: 5px;
    padding: 7px;
    cursor: pointer;
    width: 43px;
}
.header__btn--logout {
    border: 1px solid #d4d7d9;
    padding: .5rem;
    border-radius: 5px;
    width: 42px;
}
.afterlogin_wrapper{
    margin-top: 38px;
    margin-bottom: 30px;
}
.account__row {
    display: flex;
    align-items: stretch;
}
.sidebar-left {
    flex: 0 0 25%;
    max-width: 25%;
    display: block;
    padding: 0;
}
.sidebar-left__user {
    text-align: center;
    position: relative;
    padding: 0 1rem 1rem;
    border-bottom: .5px dashed hsla(0,0%,100%,.2);
    background: url(../images/afterlogin/top-block-menu-profile.png) no-repeat 50%;
    background-size: cover;
    min-height: 118px;
}
.sidebar-left__user-avt {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
}
.sidebar-left__wrap-info {
    padding-top: 50px;
}
.sidebar-left__user-display-name {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    color: #fff;
}
.sidebar-left__user-last-active {
    font-size: 12px;
    line-height: 14px;
    color: hsla(0,0%,100%,.6);
    margin-top: .3rem;
}
.sidebar-left__link {
    color: hsla(0,0%,100%,.7);
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    padding: 1.5rem;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all .8s;
}
.sidebar-left__link.active, .sidebar-left__link:hover {
    color: #f9d39e;
}
.sidebar-left__link:before {
    width: 0;
    background-color: #4d4d4d;
    transition: all .8s;
    z-index: -1;
}
.sidebar-left__link:after, .sidebar-left__link:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
}
.sidebar-left__link:after {
    width: 100%;
    background-color: #272727;
    z-index: -2;
}
.sidebar-left__link.active:before, .sidebar-left__link:hover:before {
    width: 100%;
}
.sidebar-left__icon {
    width: 24px;
    height: 24px;
    margin-right: .5rem;
    -webkit-filter: contrast(.8) brightness(1.8);
    filter: contrast(.8) brightness(1.8);
}
.sidebar-left__icon--wallet {
    background: url(../images/afterlogin/icon-wallets-hover.svg) no-repeat;
    background-size: contain;
}
.sidebar-left__link.active .sidebar-left__icon, .sidebar-left__link:hover .sidebar-left__icon {
    -webkit-filter: contrast(1) brightness(1);
    filter: contrast(1) brightness(1);
}

.dropdown-balance {
    display: none;
    position: absolute;
    width: 400px;
    background: #272727;
    color: #fff;
    z-index: 9999;
    text-align: center;
    border: 1px solid #ffe2b8;
    right: 11%;
    top: 96%;
    border-radius: 0px;
}
.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: #000000;
    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;
}
.account-main {
    flex: 0 0 75%;
    max-width: 75%;
    margin-left: 1rem;
}
.account-top {
    display: flex;
    margin-bottom: 1rem;
    flex-direction: row;
    min-height: 130px;
}
.account-top__left {
    flex: 0 0 25%;
    max-width: 25%;
    display: flex;
    align-items: center;
    padding: 1rem;
    justify-content: space-between;
    background: #272727;
}
.account-top__img-wallet {
    width: 30%;
}
.account-top__img-wallet img {
    width: 32px;
}
.account-top__total-balance {
    font-size: 14px;
    line-height: 16px;
    color: hsla(0,0%,100%,.6);
    text-transform: uppercase;
    margin-left: .5rem;
    display: flex;
    flex-direction: column;
    width: 80%;
    align-items: start;
}
.account-top__total-balance span {
    font-weight: 700;
    font-size: 22px;
    line-height: 33px;
    text-align: right;
    color: #f9d39e;
}
.account-top__right {
    flex: 0 0 73%;
    max-width: 73%;
    margin-left: 1rem;
    background: #272727;
    padding: 1rem;
}
.account-top__wrap-wallet {
    display: flex;
    justify-content: space-between;
}
.account-top__wallet-txt {
    font-size: 14px;
    line-height: 16px;
    color: hsla(0,0%,100%,.6);
    text-transform: uppercase;
}
.txt-blue {
    color: #529cff;
}
.txt-pink {
    color: #cc4083;
}
.account-top__wallet-form {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-direction: column;
    margin-top: 1rem;
}
.account-top__wallet-form {
    flex-direction: row;
}
.account-top__wallet-form .form__wrap-input {
    width: 60%;
}
.account-top__wallet-btn {
    margin-left: 1rem;
    justify-content: space-between;
    margin-top: 0;
    width: 38%;
}
.form__wrap-input span {
    position: absolute;
    top: 50%;
    right: .5rem;
    transform: translateY(-50%);
}
.tab-custom__nav-tabs {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    border-bottom: .5px solid rgba(250,226,191,.63);
}
.tab-custom__nav-item {
    margin-right: .3rem;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    color: hsla(0,0%,100%,.6);
    padding: 1rem 1.5rem;
    background: #4d4d4d;
    border-radius: 3px 3px 0 0;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s cubic-bezier(.19,1,.22,1);
    position: relative;
    min-width: 115px;
    min-height: 43px;
}
.tab-custom__nav-item:last-child {
    margin-right: 0;
}
.tab-custom__nav-item.active, .tab-custom__nav-item:hover {
    color: #fcdaab;
    background: #272727;
}
.tab-custom__nav-item.active:before, .tab-custom__nav-item:hover:before {
    content: "";
    background: url(../images/afterlogin/icon-tab-hover.png) no-repeat;
    width: 56px;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.tab-custom__tab-content {
    background: #272727;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
}
.form__content {
    display: flex;
    flex-direction: row;
    padding: 0;
}
.recharge__menu {
    display: flex;
    text-align: center;
}
.recharge__item {
    width: calc((100% - 1.5rem)/5);
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    text-transform: uppercase;
    font-size: 14px;
    background: #4d4d4d;
    margin-right: .5rem;
    border-radius: 5px;
    min-width: 91px;
}
.recharge__menu input[type=radio] {
    position: absolute;
    opacity: 0;
}
.recharge__menu label.radio-label {
    padding: 1rem 1rem .5rem;
    font-size: 14px;
}
.recharge__menu input[type=radio]+.radio-label:before {
    content: "";
    background: transparent;
    border-radius: 100%;
    border: 1px solid #fff;
    display: block;
    width: 1.4em;
    height: 1.4em;
    position: relative;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
    text-align: center;
    transition: all .25s ease;
}
.recharge__menu input[type=radio]:checked+.radio-label:before {
    background-color: #fcdaab;
    box-shadow: inset 0 0 0 4px #4d4d4d;
    border: 1px solid #fcdaab;
}
.form__content-left{
    padding: 1rem;
}
.depositTable table tbody tr:first-child {
    border-bottom: 1px solid rgba(250,226,191,.63);
        background-color: #4d4d4d;

}
.depositTable table tbody tr th {
    padding: 20px;
}
.depositTable table tbody tr:nth-child(3n) {
    background-color: #4d4d4d;
}
.depositTable{
    margin: 20px 0px;
}
.form__group {
    margin-bottom: 1rem;
}
.form__row {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.form__col-left {
    flex: 0 0 25%;
    max-width: 25%;
}
.form__label {
    line-height: 35px;
}
.form__col-right {
    flex: 0 0 75%;
    max-width: 75%;
}
.select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    padding: .5rem 0;
    position: relative;
    background: #4d4d4d;
    border: .5px solid hsla(0,0%,100%,.2);
    border-radius: 3px;
    color: #fff;
}
.select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    background: #4d4d4d;
    display: block;
    width: 100%;
    outline: none;
    cursor: pointer;
    z-index: 2;
    border: none;
    text-overflow: "";
    text-indent: .5rem;
    font-size: 14px;
    padding: 0 .5rem;
    color: #cee9f2;
}
.trans-title {
    color: #fff;
    padding: 0 15px;
    font-size: 16px;
    text-transform: uppercase;
    margin: 4px 0 5px;
    font-weight: 600;
    text-align: left;
}
.trans-wallet-wrapper {
    /*background: #022330;*/
    color: #fff;
    /*box-shadow: inset 1px 2px 5px -2px rgba(0,0,0,0.7);*/
    display: grid;
    grid-template-columns: repeat(5,1fr);
    border-radius: 10px;
    padding: 25px 10px;
    grid-gap: 27px 10px;
    text-align: center;
}
.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: 125px;
    height: auto;
    margin: auto;
    text-align: center;
    padding: 8px 0;
    /*border: 1px solid #3bd6d8;*/
}

.trans-wallet-wrapper label .wp-box img {
    filter: grayscale(1);
        width: 125px;
}
.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: #00000099;
    border-radius: 10px;
    min-height: 100px;
}
/* CHECKED STYLES */
.trans-wallet-wrapper label [type=radio]:checked + .wp-box {
    box-shadow: 0 0 5px 1px rgba(250,226,191,.63);
    background-color: #000;
}
.trans-wallet-wrapper label [type=radio]:checked + .wp-box img {
    filter: grayscale(0) brightness(1.1);
}
.trans-wallet-wrapper label .wp-box .wallet_img img{
    width: 46px;
}
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;
}
.statement_date {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 10px;
}
.date_label.form__label{
    line-height: 17px;
}
.msgmodal_cla {
    cursor: pointer;
}
#msgmodal .modal-content {
    background-color: #000;
    color: #fff;
    border: 1px solid #ebbd79;
}
#msgmodal .modal-header {
    background-color: #000;
    color: #fff;
    border-bottom: 1px solid #fcdaab;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}
#msgmodal .modal-header .close {
    color: #fff;
    margin-top: 0;
    position: absolute;
    right: 13px;
    top: 11px;
    opacity: .6;
}
.btn_msg{
     display: flex;
    justify-content: center;
    align-items: center;   
        margin: 0px 10px;
}
.btn_msg i{
    font-size: 22px;
}
.header_btn {
    white-space: normal;
    text-align: center;
    font-size: 10px;
    padding: .8rem 1rem;
    line-height: 13px;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 5px;
    transition: all .5s cubic-bezier(.19,1,.22,1);
    box-sizing: border-box;
    box-shadow: 0 1px 2px rgb(0 0 0 / 7%), 0 2px 4px rgb(59 61 60 / 7%), 0 4px 8px rgb(59 61 60 / 7%), 0 8px 16px rgb(59 61 60 / 7%), 0 32px 24px rgb(59 61 60 / 7%), 0 4px 4px rgb(59 61 60 / 7%);
    border: 1px solid #ffe1b8;
    overflow: hidden;
}
.header_btn_reg {
    background: -webkit-linear-gradient(#ffe2c5, #ffcd76);
}
.header_btn_login {
    margin-right: 20px;
    background: -webkit-linear-gradient(#f54444, #640606);
    border: 1px solid #f54444;
    color: #fff;
}
.header_btn:hover {
    -webkit-filter: brightness(1.2);
    filter: brightness(1.2);
}
.sidebar-left ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.afterlogin_icon_top{
    font-size: 22px;
    margin: 0px 11px;
    cursor: pointer;
}
.afterlogin_icon_top a{
    color: #f9d39e;
}

/*afterloginEND*/

/*blog*/
.blog-wrapper {
    max-width: 1000px;
    margin: 0 auto;
    padding: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.blog-title-box {
    background: #464646;
    padding: 5px;
    display: flex;
}
.blog-title-box i {
    font-size: 25px;
    color: #fff;
    margin-left: 5px;
    margin-right: 5px;
    padding: 10px;
    width: 45px;
    height: 45px;
    text-align: center;
    border-radius: 10px;
}
.blog-boxer {
    display: grid;
    grid-template-columns: 40% 60%;
    transition: all 0.5s;
    position: relative;
    max-width: 100%;
    height: auto;
    align-content: center;
    margin: 25px 0;
    grid-gap: 10px;
}
.blog-boxer_inner {
    display: grid;
    padding-bottom: 10px;
}
.blog-time-title {
    color: #7f7f7f;
}
.blog-content {
    color: #fff;
    margin-bottom: 15px;
}
.blog-boxer .moreinfo_btn {
    display: flex;
    align-items: center;
    width: 22%;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 15px;
}
.blog-boxer .moreinfo_btn i {
    background: #000;
    color: #fff;
    border-radius: 50%;
    margin-left: 10px;
    width: 17px;
    height: 17px;
    padding: 2px;
}
.seperate-line {
    height: 2px;
    width: 100%;
    margin: 0 auto;
    background: #fff;
    border-radius: 10px;
}
.moreinfo_btn{
    background-color: #ebbd79;
    color: #000;
    font-weight: 800;
    text-transform: uppercase;
    border: none;
    border-radius: 4px;
    width: 100px;
    height: 30px;
    font-size: 13px;
}
.blog_details_txt{
    color: #fff;
}
.blog_details_title{
    color: #7f7f7f;
    font-size: 18px;
}
.blog-title-box i.fab_custom{
    font-size: 15px;
    color: #123871;
    margin-left: 0;
    margin-right: 16px;
    border: 1px solid #f1b90a;
    padding: 0;
    width: 0;
    height: 0;
    text-align: center;
    border-radius: 0;
}
.blog_back{
    align-self: center;
    margin-left: auto;
}
.table{
  color: #fff;
}
/*blogEND*/

/*header*/
.lang_custom{
    margin: 0px 3px;
}
/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  background-color: #2980B9;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 338px;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    z-index: 1;
    padding: 15px 45px;;
    background: linear-gradient(#333333,#000000) padding-box, /*this is your grey background*/ linear-gradient(to right, #fae8a9, #dea25e,#ba8123,#eabc77,#fae8a9) border-box;
    border: 2px solid transparent;
    border-radius: 6px;
    top: 29px;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

.login_txt{
    background: -webkit-linear-gradient(#ffe2c5, #ffcd76);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    padding: 10px;
}
.form-control.login{
    background: linear-gradient(#000000,#333333);
    border-radius: 6px;
    border-top: none;
    border-left: 2px solid #6c6c6c;
    border-right: 2px solid #6c6c6c;
    border-bottom: 2px solid #6c6c6c;
    height: 37px;
    margin-bottom: 10px;
    color: #fff;
}

.login_btn_drop{
    width: 100%;
    margin: 5px 0px;
}
.text-center {
    text-align: center!important;
}
a.fp_login{
    padding: 0;
    color: #ddd;
    display: unset;
    background-color: transparent;
    text-decoration-line: underline;
}

/*index*/
.jackpot_bg {
    background-image: linear-gradient(#6d6d6d, #000000);
}
.centerpart {
    width: 1024px;
    margin: 0 auto 1px auto;
    padding: 0px 0;
}
.jackpot_main {
    display: grid;
    grid-template-columns: 30% 45% 25%;
    margin-bottom: 30px;
    text-align: center;
    justify-content: center;
    align-items: center;
    grid-gap: 10px;
}
.jackpot_prog {
    align-self: center;
}
.cashbg_custom {
    padding: 5px 0px;
    position: relative;
}
.jackpot_main img {
    width: 100%;
}
.cash_text {
    position: absolute;
    color: #fff;
    font-size: 43px;
    bottom: 12px;
    left: 0;
    right: 0;
}
.jackpot_btn {
    padding: 0px 0px;
}
.joinanimate img {
    -moz-transition:all .5s ease-in-out 0s;
    -o-transition:all .5s ease-in-out 0s;
    -webkit-transition:all .5s ease-in-out 0s;
}
.joinanimate img:hover { 
    -moz-transform:translate(0,-10px);
    -o-transform:translate(0,-10px);
    -webkit-transform:translate(0,-10px);
}
.ind-in_con{
    width: 1024px;
}
.ind-in{
    padding-bottom: 30px;
}
.ind-in ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
}
.ind-in ul li:nth-child(2) {
    position: absolute;
    right: 0px;
    top: 39px;
}
.ind-in ul li:nth-child(3) {
    position: absolute;
    right: 0px;
    bottom: 0px;
}
.ind-in ul li a {
    position: relative;
    display: flex;
}
.btn-zoom {
    transition: transform .2s;
}
.btn-zoom:hover {
    transform: scale(1.03);
}

/*sport*/
.sportbg{
    background:url(../images/sports/sportbg.jpg) no-repeat top;
    min-height: 700px;
    padding: 25px 0px;
    background-size: cover;
}
.sportsproduct{
    cursor: pointer;
    text-align: center;
}
.sportsproduct img{
    width: 500px;
    -moz-transition:all .2s ease-in-out 0s;
    -o-transition:all .2s ease-in-out 0s;
    -webkit-transition:all .2s ease-in-out 0s;
}
.sportsproduct img:hover { 
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
  filter: brightness(1.15) drop-shadow(0 0 4px #f0b90b);
}

.product_center{
    float: none;
    margin: auto;
}

/*esports*/
.esportbg{
    background: url(../images/esports/esportsbg.jpg) no-repeat top;
    min-height: 500px;
    display: flex;
    align-items: center;
}
.esportsproduct{
    cursor: pointer;
    text-align: center;
}
.esportsproduct img{
    width: 500px;
    -moz-transition:all .2s ease-in-out 0s;
    -o-transition:all .2s ease-in-out 0s;
    -webkit-transition:all .2s ease-in-out 0s;
}
.esportsproduct img:hover { 
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
  filter: brightness(1.15) drop-shadow(0 0 4px #f0b90b);
}

/*vsports*/
.vsportbg{
    background: url(../images/vsports/virtual-sportsbg.jpg) no-repeat top;
    min-height: 500px;
    display: flex;
    align-items: center;
}
.vsportsproduct{
    cursor: pointer;
    text-align: center;
}
.vsportsproduct img{
    width: 500px;
    -moz-transition:all .2s ease-in-out 0s;
    -o-transition:all .2s ease-in-out 0s;
    -webkit-transition:all .2s ease-in-out 0s;
}
.vsportsproduct img:hover { 
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
  filter: brightness(1.15) drop-shadow(0 0 4px #f0b90b);
}


/*fish*/
.fishbg{
    background: url(../images/fish/fishbg.jpg) no-repeat top;
    min-height: 500px;
    display: flex;
    align-items: center;
}
.fishproduct{
    cursor: pointer;
    text-align: center;
}
.fishproduct img{
    width: 500px;
    -moz-transition:all .2s ease-in-out 0s;
    -o-transition:all .2s ease-in-out 0s;
    -webkit-transition:all .2s ease-in-out 0s;
}
.fishproduct img:hover { 
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
  filter: brightness(1.15) drop-shadow(0 0 4px #f0b90b);
}

/*casino*/
.casinobg{
    background: url(../images/live/livebg.jpg) no-repeat top;
    min-height: 700px;
    padding: 30px 0 50px 0px;
    background-size: cover;
}
.casinoproduct{
    cursor: pointer;
    text-align: center;
}
.casinoproduct img{
    width: 185px;
    -moz-transition:all .2s ease-in-out 0s;
    -o-transition:all .2s ease-in-out 0s;
    -webkit-transition:all .2s ease-in-out 0s;
}
.casinoproduct img:hover { 
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
  filter: brightness(1.15) drop-shadow(0 0 4px #f0b90b);
}
.casino_custom_center{
    margin-left: 120px;
    margin-bottom: -48px;
    margin-top: -41px;
}

/*slot*/
.slotbg{
    background: url(../images/slots/slotbg.jpg) no-repeat top;
    min-height: 500px;
    padding: 25px 0px;
    background-size: cover;
}
.slotproduct{
    cursor: pointer;
    text-align: center;
}
.slotproduct img{
    width: 185px;
    -moz-transition:all .2s ease-in-out 0s;
    -o-transition:all .2s ease-in-out 0s;
    -webkit-transition:all .2s ease-in-out 0s;
}
.slotproduct img:hover { 
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
  filter: brightness(1.15) drop-shadow(0 0 4px #f0b90b);
}
.slot_custom_center{
    margin-bottom: -48px;
    margin-top: -41px;
    margin-left: -36px;
}

/*promo*/
.promo_title{
    text-align: center;
    background: -webkit-linear-gradient(#000000, #ffffff,#000000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 70px;
    font-weight: bold;
    text-transform: uppercase;
    font-style: italic;
    margin: 10px 0px;
}
.info-bg-promo {
    background: #fff;
    padding: 10px;
    grid-gap: 10px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin: 0;
}

/*effect*/
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

/*SEOuse*/
.accordion_main{
  margin: 20px 0;
}
.accordion_main .item {
    border: none;
    margin-bottom: 25px;
    background: none;
}
.t-p{
    color: rgb(255 255 255);
    padding: 0;
}
.accordion_main .item .item-header h2 button.btn.btn-link {
    background: #252525de;
    color: white;
    border-radius: 6px;
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 400;
    line-height: 2.5;
    text-decoration: none;
    background: linear-gradient(#202020, #202020) padding-box,              linear-gradient(to right, #fadd91, #d7a341,#d7982a,#eec95b,#eec95b) border-box;
    border: 1px solid transparent;
}
.accordion_main .item .item-header {
    border-bottom: none;
    background: transparent;
    padding: 0px;
    margin: 2px;
    
}
.accordion_main .item .item-header h2 button.btn.btn-link:focus {
    outline: unset;
}

.accordion_main .item .item-header h2 button {
    color: white;
    font-size: 20px;
    padding: 7px 15px;
    display: block;
    width: 100%;
    text-align: left;
}

.accordion_main .item .item-header h2 i {
    float: right;
    font-size: 30px;
    color: #e1a639;
    background-color: black;
    width: 60px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}

button.btn.btn-link.collapsed i {
    transform: rotate(0deg);
}

button.btn.btn-link i {
    transform: rotate(180deg);
    transition: 0.5s;
}
h2.seo_maintitle,h1.seo_maintitle{
    font-size: 20px;
}
.qr_img{
    width: 180px;
}
.qr_statement .form__row{
    align-items: center;
}
.vip_wrapper img{
    width: 100%;
}

/*register*/
.reg_wrap{
    display: grid;
    grid-template-columns: 50% 50%;
    background: rgba(255, 255, 255, .1019607843);
    border-radius: 5px;
    margin: 25px 0;
}
.reg_wrap img{
    width: 100%;
}
.reg-step {
    width: 50%;
    display: flex;
    justify-content: center;
    margin: 0.2rem auto 0.4rem;
}
.reg-progress-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    grid-gap: 10px;
}
.reg-progress-container .step-container {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #aaa;
    background: rgba(255, 255, 255, .1019607843);
    width: 25px;
    height: 25px;
    border-radius: 3px;
    font-size: 15px;
}
.reg-progress-container .step-container.on {
    background: #a68540;
    color: #fff;
}
.reg-step .reg-progress-container .step-container {
    /* width: 20px; */
    /* height: 20px; */
    border-radius: 3px;
}
.reg-progress-container .progressBar {
    background: rgb(255 255 255 / 20%);
}
.reg-step .reg-progress-container .progressBar {
    width: 8%;
    height: 1px;
}
.reg_wrap_right{
    padding: 55px 35px 100px 35px;
}
.reg_wrap_left{
    background-color: #000;
    display: flex;
    align-items: center;
}
.reg_form_container{
    display: flex;
    width: 100%;
    flex-direction: column;
    margin-bottom: 16px;
    position: relative;
}
.reg_form_container label{
    font-weight: 400;
    color: #fff;
    font-size: 13px;
}
.reg_form_container label.standard-mandatory::after {
    color: red;
    content: "*";
    margin-left: 0.04rem;
    padding: 0 0.04rem 0 0;
}
.reg_form_container .standard-input{
    position: relative;
    width: 100%;
    height: 34px;
    display: flex;
    align-items: center;
    padding: 5px 10px;
    border: 0.01rem rgba(255, 255, 255, .2);
    border-style: none;
    border-radius: 3px;
    background: rgb(153 153 153 / 30%);
    color: #fff;
    font-family: unset;
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.reg_form_container .standard-input:focus-visible {
    outline: unset;
}
.reg_form_wrap{
    margin: 15px 0;
}
.registrationPassIcon {
    position: absolute;
    right: 10px;
    top: 28px;
    max-width: 35px;
    font-size: 15px;
}
.reg_subbtn{
    background: -webkit-linear-gradient(#ffe2c573, #ffcd7670);
    height: auto;
    border-radius: 3px;
    border: none;
    height: 44px;
    margin-top: 10px;
    font-size: 16px;
    width: 100%;
}
.reg_subbtn:hover{
    background: rgb(153 153 153 / 30%);
}
.reg_subbtn i{ 
    background: #17d500; 
    padding: 3px; 
    border-radius: 11px;
    margin-right: 5px;
}
.reg_subbtn_pre{
    background: #e9203d;
    height: auto;
    border-radius: 3px;
    border: none;
    height: 44px;
    margin-top: 10px;
    font-size: 16px;
    width: 100%;
}
.reg_subbtn_pre:hover{
    background: rgb(153 153 153 / 30%);
}
.reg_subbtn_pre i{
    background: #ffffff;
    padding: 3px 5px;
    border-radius: 11px;
    margin-right: 5px;
    color: #e9203d;
}
.reg_contact{
    display: flex;
    align-items: center;
    grid-gap: 12px;
}
.reg_form_container .reg_contact input.standard-input{
    width: 80%;
}
.reg_form_container .reg_contact .dropdown{
    width: 20%;
    margin: 0;
}
.btn_reg_drop{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(153 153 153 / 30%);
    border: none;
    border-radius: 4px;
    width: 100%;
    height: 34px;
}
.btn_reg_drop img{
    width: 25px;
    margin-right: 7px;
}
.reg_form_container .reg_contact .dropdown .dropdown-menu{
    background: rgb(153 153 153);
}
.reg_form_container .reg_contact .dropdown .dropdown-menu img{
    width: 25px;
}
.reg_subbtn_container{
    display: flex;
    align-items: center;
    grid-gap: 15px;
}
.success_icon{
    background: #17d500;
    padding: 3px;
    border-radius: 70px;
    width: 100px;
    height: 100px;
    font-size: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}
.success_wrap{
    text-align: center;
    margin-top: 30px;
}
.success_wrap_txt{
    text-align: center;
    font-size: 30px;
}
.header_wrapper{
    display: flex;
    justify-content: space-between;
    min-height: 129px;
    align-items: center;
}
.container_announcement{
    height: 31px;
    font-size: 18px;
}
.btn_index_join{
    background-color: transparent;
    border: none;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    filter: drop-shadow(0px 2px 6px #00000082);
}
.btn_index_join span{  
    position: absolute; 
    color: #202020; 
    font-size: 23px;
    font-weight: 700;
}
.btn_index_join_wrap{
    position: absolute;
    bottom: 38px;
}
.index_step_banner{
    display: flex;
    justify-content: center;
    padding: 30px 0 15px 0;
    position: relative;
}
.index_step_banner img{
    width: 100%;
}
.index_video{
    padding: 16px 0;
}
.index_video img{
    width: 100%;
}
.footer_title{
    text-align: center;
    margin: 33px 0 23px 0;
    font-size: 16px;
    color: #b7b7b7;
}
.footer_img img{
    width: 100%;
    text-align: center;
}
.accordion_main p{
    padding: 0 7px;
}
.side-bg img{
    width: 90px;
}
.carousel-item img{
    width: 100%;
}

/* 28052024 */
.tab-space{
    padding-left: 5px;
}

#accordion3 table tr,th,td {
    border: 1px solid #fff;
    padding: 10px;
    text-align: center;
}

#accordion3 table {
    margin: 15px 0px;
}

.crashbg{
    background: url(../images/crash/bg-crashgame.jpg) no-repeat top;
    min-height: 500px;
    display: flex;
    align-items: center;
}

.jackpot-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: right;
}
.jackpot-container img{
    width: 100%;
}
  
.jackpot-number {

position: absolute;

padding-right: 30px;

display: flex;

gap: 4px;

align-items: center;
}
.jackpot-number span{

font-size: 28px;

border: 1px solid #fff;

padding: 3px;

border-radius: 5px;

min-width: 35px;

display: flex;

justify-content: center;

/* line-height: 1.2; */

font-weight: 600;
}
.jackpot-number span.span_sec{
    font-size: 3em;
    border: none;
    min-width: 0;
}
.vip_wrapper{  
    background: #272727;
    padding: 30px 0;
}
#triple-widget .iframe-highlight {
    height: 670px;
}
.widget_index_bg{
    background: #919191;
    border: 1px solid #fdbf00;
    border-radius: 10px;
}
.container_indexcustom{
    width: 100%;
    max-width: 1280px;
    padding: 0 15px;
}
.section_products_slotlobby {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 20px;
}
.game-preview__hover {
    background-color: rgba(27, 34, 51, .8);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    opacity: 0;
    z-index: 1;
    padding: 10px 15px;
    transition: opacity .1s ease-in-out;
    -webkit-transform: translateZ(0);
    -webkit-perspective: 1000;
    transform: translateZ(1px);
    border-radius: 17px;
}
.game-preview__btn-play {
    /* min-width: 50px; */
    background: -webkit-linear-gradient(#ffe2c5, #ffcd76);
    border-radius: 8px;
    opacity: 0;
    /* transform: scale(.9); */
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 9px 8px;
    color: #000000;
    font-weight: 500;
    max-height: 40px;
}
.section_products_slotlobby a:hover .game-preview__hover{
    opacity: 1;
}
.section_products_slotlobby a:hover .game-preview__btn-play{
    opacity: 1;
}
.section_products_slotlobby a{
    overflow: hidden;
    border-radius: 32px;
    text-align: center;
    display: block;
}
.section_products_slotlobby a img{
    width: 100%;
}
.gamebox{
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    display: block;
}
.gamebox_pro_txt{
    text-align: center;
}
.btnback{
    background: -webkit-linear-gradient(#f54444, #640606);
    color: #fff;
    padding: 3px 20px;
    font-size: 14px;
    margin-left: 5px;
    border-radius: 5px;
    margin-bottom: 30px;
    display: flex;
    width: fit-content;
    align-items: center;
    gap: 6px;
}
.btnback:hover{
    color: #ffe1b8;
}
.reg_subbtn_pre:disabled {
    background-color: #666666 ;
    opacity: 0.7;
    cursor: not-allowed;
}