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

body {font-family: "Roboto", sans-serif;line-height:1.6;font-size:15px;margin:0 auto;color: #ffffff;background-color: #171717;}

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

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

img { max-width:100%;}

input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="number"], textarea {
    color: #666;
    width: 100%;
}
button{
    border: none;
}
html ::-webkit-scrollbar {
    width: 4px;
    height: 2px;
    z-index: 999;
}
html ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgb(0 0 0 / 21%);
    background: #d2a35b;
}
html ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 1px transparent;
    border-radius: 10px;
    background-color: transparent;
}
.sider_icon{
    position: fixed;
    right: -24px;
    color: #fff;
    z-index: 999;
    top: 235px;
}
.sider_icon a{
    color: #fff;
    font-size: 34px;
    padding: 10px;
    display: grid;
    text-align: center;
    transform: rotate(270deg);
    background: linear-gradient(to bottom, rgba(255,0,51,1) 0%, rgba(107,18,34,1) 100%);
    width: 119px;
}
.sider_icon a img {
    display: block;
    margin: 0px auto;
}
.rt-1 {
    position: relative;
    top: -50px;
    border-radius: 0px 30px 0px 0px;
}

.rt-2 {
    border-radius: 30px 0px 0px 0px;
}
.sider_icon_txt{
    font-size: 15px;
    margin-top: 5px;
}

.space_height { height:30px;}
.forgot_pass{
    color: #000000;
}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #ced4da;
    outline: 0;
    box-shadow: unset;
}
.index_container{
    max-width: 1366px;
}
section.bg-2 {
    background: #1f1f1f;
    padding: 20px 0px;
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: unset;
}
.footer{
    background-color: #171717;
}
.footer_top{
    padding: 30px 0px;
}
.footer_top01{
    display: flex;
    justify-content: space-between;
}
.footer_lic ul{
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
}
.top-img {
    position: relative;
    top: -63px;
}

section.bg-3 {
    background: #121212;
}

.t-footer {
    margin-top: -60px;
}
.copyright{
    color: #ffffff;
    text-align: center;
    margin: 20px 0px;
}
.footer_lic ul li{
    margin-right: 30px;
   /* filter: grayscale(100%);*/
}
.footer_lic ul li:hover{
    filter: grayscale(0%);
}
.footer_tit{
    color: #ffffff;
}
.footer_link{
    display: flex;
}
.footer_hr{
    border-top: 1px solid #9d7337;
    margin-top: 50px;
}
.footer_link ul{
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
}
.footer_link ul li{
    margin-right: 30px;
}
.footer_link ul li a{
    color: #ffffff;
    font-size: 17px;
    font-weight: 500;
}
.footer_link ul li a:hover{
    text-decoration-line: underline;
}
.footer_seo{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 70px 15px;
    margin-top: 50px;
}
.footer_seo_main{
    font-size: 15px;
    color: #9d7337;
    font-weight: 700;
}
.footer_seo_sub{
    color: #fff;
}
header.head_main{
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 18;
}
.bg_header_top{
    background: #222222;
}
.header_top{
    display: flex;
    align-items: center;
    height: auto;
    font-size: 13px;
    color: #ffffff;
    justify-content: space-between;
    position: relative;
}
.header_time{
    display: flex;
    align-items: center;
}
.date_time{
    color: #ffffff;
}
.header_lang_drop .dropdown-toggle {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
    font-size: 12px;
}
.header_lang_drop img{
    width: 20px;
}
.header_lang_drop button{
    color: #ffffff;
}
.header_lang_drop .btn:hover {
    color: #ffffff;
    text-decoration: none;
}
.header_lang_drop .dropdown-toggle::after{
    position: absolute;
    top: 15px;
    color: #ffffff;
}
.header_top_right{
    height: 100%;
    display: flex;
    align-items: center;
}
.header_lang_drop .dropdown-menu{
    background-color: #515151;
    min-width: 275px;
    border-radius: 0px;
}
ul.lang_ul{
    margin: 0;
    padding: 5px 15px;
    list-style-type: none;
}
ul.lang_ul li{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 10px 0px;
}
ul.lang_ul li a{
    color:#b2b2b2;
    font-size: 14px;
    margin: 0px 10px;
}
ul.lang_ul li a:after{
    content: '/';
    margin-left: 10px;
}
ul.lang_ul li a:last-child:after{
    content: '';
}
.register_btn{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #222;
    color: #fff;
    width: auto;
    border-radius: 2px;
    font-size: 14px;
    padding: 0px 10px;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid #a78646;
}
.login_btn{
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to bottom, rgba(232,222,136,1) 0%, rgba(203,160,81,1) 49%, rgba(121,81,39,1) 100%);
    color: #000000;
    width: auto;
    border-radius: 2px;
    font-size: 12px;
    padding: 2px 10px;
    font-weight: 700;
    cursor: pointer;
    margin-left: 20px;
    width: 80px;
}
.header_sidebar .sidebar_icon{
    color: #ffffff;
}
.header_sidebar .dropdown-menu{
    background: #8f0000;
}
.header_sidebar .dropdown-menu a{
    color: #ffffff;
    font-size: 14px;
}
.header_sidebar .dropdown-menu a.dropdown-item:focus, .header_sidebar .dropdown-menu a.dropdown-item:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: transparent;
}
.dropdown_menu_right{
    left: -95px!important;
}
.bg_header_bottom{
    background: linear-gradient(to bottom, rgba(232,222,136,1) 0%, rgba(203,160,81,1) 49%, rgba(121,81,39,1) 100%);
}
.header_bottom{
    display: flex;
    background: linear-gradient(to bottom, rgba(232,222,136,1) 0%, rgba(203,160,81,1) 49%, rgba(121,81,39,1) 100%);
}
.header_logo img{
    width: 184px;
}
.header_logo {
    background: linear-gradient(110deg, #000 89%, #ffffff00 46%);
    padding: 8px;
    padding-right: 50px;
    /* background: linear-gradient(to bottom, rgba(232,222,136,1) 0%, rgba(203,160,81,1) 49%, rgba(121,81,39,1) 100%); */
}
.header_bottom_menu{
    display: flex;
    align-items: center;
}
.main_nav{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
ul.main_nav{
    list-style: none;
    padding: 0;
    margin: 0;
    height: 100%;
    display: flex;
}
ul.main_nav li a{
    color: #ffffff;
    display: flex;
    height: 100%;
    align-items: center;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    flex-direction: column;
    justify-content: center;
}
ul.main_nav li{
    padding: 0px 10px;
    height: 100%;
}
ul.main_nav li a{
    position: relative;
}
ul.main_nav li.active a{
    color: #795724;
    /* text-shadow: 0px 1px 1px #c82322; */
}
ul.main_nav li.active a:after{
    content: '';
    background-color: #503a17;
    height: 4px;
    width: 100%;
    position: absolute;
    bottom: 0;
}
ul.main_nav li a img {
    filter: brightness(0) invert(1);
}

ul.main_nav li.active a img, ul.main_nav li:hover a img {
    filter: none;
}
ul.main_nav li:hover a:after{
    content: '';
    background-color: #503a17;
    height: 4px;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 111111;
}
ul.main_nav li:hover a{
    color: #795724;
}
.body_main{
    padding: 90px 0px 0px 0px;
}
.slick-dots li button::before {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 7px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #e2dcde;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 1;
    transition: opacity .6s ease;
    transform: skew( -25deg);
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    background-color: #b80000;
}
.slick-dots li {
    margin-right: 10px;
}
.slick-dots{
    bottom: unset;
    top: -33px;
    text-align: end;
    right: 23px;
    width: auto;
    height: auto;
}
.slick-slide{
    padding: 10px;
}
.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 7px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 1;
    transition: opacity .6s ease;
    transform: skew( -25deg);
}
.carousel-indicators .active {
    opacity: 1;
    background-color: #cea757;
}
.carousel-indicators {
    position: absolute;
    right: auto;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}
.marquee_wrapper {width:100%;background: #252525;}
.marquee_custom{
    display: flex;
    align-items: center;
    padding: 7px 0px;
    color: #ffffff;
    width:1366px;
    margin:0 auto;
}
.recommended{
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 24px;
    color: #ffffff;
    margin-top: 35px;
    gap: 20px;
}
.recommended img{
    width: 56px;
    margin-left: 5px;
}
.slider_main{
    padding: 0px;
    position: relative;
    cursor: pointer;
}
.slider_main img{
    width: 100%;
    margin: auto;
}

.responsive_slide .slick-prev:before,.responsive_slide .slick-next:before {
    font-size: 19px;
    opacity: 1;
    color: #b80000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: hsla(0,0%,94.1%,.9);
    border-radius: 50%;
    padding: 9px 12px;
}
.responsive_slide .slick-next:before {
    content: '\f054';
    font-weight: 900;
    font-family: "Font Awesome 5 Free";

}
.responsive_slide .slick-prev:before {
    content: '\f053';
    font-weight: 900;
    font-family: "Font Awesome 5 Free";

}
.responsive_slide .slick-prev {
    left: -11px;
    z-index: 1;
}
.responsive_slide .slick-next {
    right: 7px;
}
.slider_content_bg{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #222;
    padding: 7px 10px;
}
.slider_content_bg span{
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}
.slider_content_bg img{
    width: 38px;
    margin: unset;
}
.playpop {
    position: absolute;
    background: rgba(0,0,0,0.6);
    height: 0;
    left: 0;
    right: 0;
    bottom: 0px;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
    padding: 10px;
    display: flex;
    width: 100%;
    align-items: center;
    transition: .5s ease;
}
.slider_main:hover .playpop {
    opacity: 1;
    visibility: visible;
    transition: 0.3s;
    height: 100%;
}
.play-btn{
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 100%;
    height: auto;
    background: #b80100;
    color: #fff;
    font-size: 19px;
    border-radius: 2px;
    cursor: pointer;
    margin-bottom: 15px;
    font-weight: 600;
    margin: auto;
    min-height: 34px;
}

.play-btn2{
  
display: flex;
  
justify-content: center;
  
align-items: center;
  
min-width: 100%;
  
height: auto;
  
background: linear-gradient(to bottom, rgba(232,222,136,1) 0%, rgba(203,160,81,1) 49%, rgba(121,81,39,1) 100%);
  
color: #fff;
  
font-size: 19px;
  
border-radius: 2px;
  
cursor: pointer;
  
margin-bottom: 15px;
  
font-weight: 600;
  
margin: auto;
  
min-height: 50px;
  
bottom: 0px;
  
left:0;
  
position:absolute;
}


.playpop_txt{
    color: #dec276;
    font-size: 16px;
    font-weight: 700;
}
.playpop_in{
    width: 100%;
}
.index_con_wrap{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.index_con_bg{
    /* background-color: #1e1e1e; */
    padding: 20px;
    min-height: 510px;
}
.index_con_warp01{
    padding-top: 0px;
}
.countdown_main{
    position: relative;
    text-align: center;
}
.countdown_main02{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
    width: 65%;
    margin: auto;
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
}
.countdown_main_wrap{
    position: relative;
}
.countdown_main_time{
    position: absolute;
    left: 0;
    right: 0;
    color: #fff;
    top: 0;
    font-size: 65px;
    line-height: 1.4;
}
.countdown_main_words{
    color: #e1cf7a;
    font-size: 22px;
    font-weight: 500;
}
.countdown_main_wrap img{
    width: 100px;
}
.rank_wrap{
    display: flex;
    align-items: center;
    padding: 0px 10px 0px 10px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.rank_wrap01{
    background: linear-gradient(to bottom, rgba(207,157,81,1) 0%, rgba(245,235,193,1) 100%);
}
.rank_wrap02{
    background: linear-gradient(to bottom, rgba(166,176,189,1) 0%, rgba(193,201,211,1) 100%);
}
.rank_wrap03{
    background: linear-gradient(to bottom, rgba(237,131,25,1) 0%, rgba(242,189,142,1) 100%);
}
.rank_id{
    color: #fff;
    font-size: 25px;
    font-weight: 500;
}
.rank_price{
    color: #fff;
    font-size: 29px;
    font-weight: 700;
}
.rank_flag{
    position: relative;
}
.rank_flag_txt{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff153;
    font-size: 20px;
    display: flex;
    justify-content: center;
}
.rank_tag{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-left: 25px;
}
.index_con_title{
    color: #ffffff;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 20px;
}
.view_more{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
    color: #ffffff;
}
.view_btn{
    border: none;
    border-radius: 2px;
    font-weight: 700;
    min-width: 215px;
    height: 33px;
    color:#FFF;
    background: linear-gradient(to bottom, rgba(125,16,38,1) 0%, rgba(229,3,48,1) 100%);
}
.index_con_warp02 .nav-tabs{
    border-bottom: none;
    justify-content: space-between;
}
.index_con_warp02 .nav-tabs .nav-link {
    border: unset;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: #858585;
    font-size: 22px;
    font-weight: 600;
    position: relative;
}
.index_con_warp02 .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #ff000a;
    background-color: transparent;
    border-color: unset;
}
.index_con_warp02 .nav-tabs .nav-item .nav-link:after{
    content: '';
    position: absolute;
    margin-left: 24px;
    width: 1px;
    height: 23px;
    background-color: #9a7b41;
    top: 15px;
}
.index_con_warp02 .nav-tabs .nav-item:last-child .nav-link:after{
    content: '';
    position: absolute;
    margin-left: 24px;
    width: 0px;
    height: 0px;
    background-color: #858585;
    top: 15px;
}
.sliderhot_wraptop{
    background: #222;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px;
}
.sliderhot_wrapbottom{
    background: #373737;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px;
}
.game_detail{
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.detail-title{
    color: #ffffff;
    font-weight: 700;
    font-size: 20px;
}
.detail_rate{
    display: flex;
    color: #ffc107;
    margin-bottom: 20px;
}
.detail-provider{
    display: flex;
    align-items: center;
    font-size: 15px;
    color: #f5f5f5;
}
.detail-provider img{
    width: 33px;
    margin-right: 10px;
}
.game-btn{
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}
.game-img{
    width: 200px;
    /* border: 1px solid #cfb36b; */
}
.btn-recommend {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 150px;
    height: auto;
    background:#000000;
    color: #b80100;
    font-size: 17px;
    border-radius: 2px;
    cursor: pointer;
    /* margin-bottom: 15px; */
    font-weight: 600;
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-transform: uppercase;
}


.btn-long, .btn-normal, .btn-normal-green {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 150px;
    height: auto;
    background:#000000;
    color: #b80100;
    font-size: 17px;
    border-radius: 2px;
    cursor: pointer;
    margin-bottom: 15px;
    font-weight: 600;
}


.btn-long, .btn-normal, .btn-normal-green {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 150px;
    height: auto;
    color: #ffffff;
    font-size: 17px;
    border-radius: 2px;
    cursor: pointer;
    margin-bottom: 15px;
    font-weight: 600;
    background: linear-gradient(to bottom, rgba(125,16,38,1) 0%, rgba(229,3,48,1) 100%);
}

.btn-recommend{
    background: #0000009c;
    color: #fff;
    white-space: nowrap;
    height:50px;
}
.btn-normal-green {
    background: #000000;
    color: #fff;
    white-space: nowrap;
    border: 1px solid #f5f5d5;
}
.add-favourite{
    display: flex;
    align-items: center;
    justify-content: center;
}
.add-favourite i{
    color: #b80100;
    font-size: 23px;
}
.add-txt{
    color: #858585;
}
.index_con_bg .tab-content .tab-pane{
    padding-top: 30px;
}
.index_con_bg .carousel-indicators {
position: absolute;
    right: 0;
    bottom: 0;
    left: auto;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 0;
    margin-left: 15%;
    list-style: none;
    top: -145px;
    height: fit-content;
}
.index_con_bg .carousel-indicators li {
    background-color: #e2dcde;
}
.index_con_bg .carousel-indicators .active {
    opacity: 1;
    background-color: #cea657;
}

.reward_bg{
    /* background-color: #222; */
}
.reward_wrap{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    color: #fff;
    padding: 30px;
    margin: auto;
    justify-items: center;
    grid-gap: 40px;
}
.reward_c{
    margin: 20px 0px;
}
.index_con_re{
    /* margin-top: 30px; */
}
.index_value{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: self-end;
}
.index_value_bg{
    /* background-color: #000; */
    padding: 40px;
    padding-bottom: 0px;
    color: #ffffff;
    top: -53px;
    position: relative;
}
.value_txt_01{
    color: #d8bb69;
    font-weight: 500;
    font-size: 30px;
}
.value_txt_02{
    color: #fff;
    margin-left: 20px;
    font-size: 21px;
}
.boxvalue_top{
    padding-bottom: 20px;
    /* border-bottom: 2px solid #c6c6c6; */
}
.box_content{
    height: 235px;
    overflow-y: scroll;
    padding-top: 5px;
}
.box_content_in{
    margin-bottom: 19px;
}
.box_content_title{
    display: flex;
    align-items: center;
}
.box_content_name{
    font-size: 24px;
    font-weight: 700;
    margin-right: 10px;
}
.box_content_title i.fa-star{
    color: #ffc107;
}
.box_content_txt{
    font-size: 18px;
}
/*modal*/
#modalLogin .modal-content,#modalforgotpass .modal-content,#modalcontact .modal-content{
    background-color: #000;
    border: none;
    min-height: 100%;
    transition: all .5s cubic-bezier(.175,.885,.32,1.275);
}
.modal-custom__nav-tabs {
    display: flex;
    width: 100%;
    background: linear-gradient(to bottom, rgba(232,222,136,1) 0%, rgba(203,160,81,1) 49%, rgba(121,81,39,1) 100%);
}
.modal-custom__nav-item {
    display: inline-block;
}
.modal-custom__nav-link {
    font-weight: 500;
    color: hsla(0,0%,100%,.8);
    background: transparent;
    padding: .8rem 2rem;
    text-align: center;
    margin-right: 5px;
    font-size: 16px;
    border-radius: 0;
    text-transform: uppercase;
    position: relative;
    transform: skew(-25deg);
    transform-origin: 0 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.modal-custom__nav-link >*{
    transform: skew(25deg);
}
.modal-custom__nav-link.active {
    color: #000000;
    background: #ffffff;
}
.modal-custom__nav-link.active:before {
    content: "";
    background: url(../images/header/icon-tab-hover.png);
    width: 56px;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
#modalcontact .modal-header{
    background: #113d77;
    padding: 16px;
    justify-content: center;
    font-size: 21px;
}
.support__list {
    display: flex;
    justify-content: space-around;
    margin: 1rem 0;
}
.support__item {
    position: relative;
}
.support__item:before {
    content: "\2666";
    position: absolute;
    color: #fcdaab;
    top: 50%;
    left: -14px;
    transform: translateY(-50%);
    font-size: 10px;
}
.support__item a {
    color: #cee9f2;
}
#modalLogin .modal-header,#modalforgotpass .modal-header{
    padding: 0;
    border: none;
}
#modalLogin .modal-header .close,#modalforgotpass .modal-header .close,#modalcontact .modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem auto -1rem -1rem;
    position: absolute;
    right: 5px;
    color: #fff;
    font-size: 45px;
}
#modalLogin .modal-body,#modalforgotpass .modal-body,#modalcontact .modal-body{
    background: #000000;
    padding: 20px 70px;
}
.header_btn{
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 150px;
    height: auto;
    background: linear-gradient(to bottom, rgba(232,222,136,1) 0%, rgba(203,160,81,1) 49%, rgba(121,81,39,1) 100%);
    color: #fff;
    font-size: 17px;
    border-radius: 2px;
    cursor: pointer;
    margin-bottom: 15px;
    font-weight: 600;
    margin: auto;
    margin-top: 15px;
}
.header_btn a{
    color: #fff;
}
.login_input_amend{
    align-items: center;
    font-size: 20px;
    border: 1px solid #ced4da;
    background-color: #fff;
    padding: 0px 15px;
    border-right: none;
}
.login_input_in_amend{
    border-left: none;
    padding-left: 0;
}
a.txt_forgot{
    color: #919191;
    text-decoration-line: underline;
}
.modal-custom__form .form__group{
    margin-bottom: 20px;
}
.input-box{
    display: flex;
    justify-content: space-between;
}
select.regis_sel{
    border: 1px solid #ced4da;
    margin-right: 5px;
}
.modal_login_tick{
    color: #919191;
    text-align: center;
    font-size: 13px;
}
/*modalend*/
.share_con_bg{
    background: #212121;
    padding: 50px;
    color: #fff;
    min-height: 440px;
}
.share_con_wrap{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    text-align: center;
    grid-gap: 25px;
}
.share_con_wrapper{
    cursor: pointer;
}
.share_con_wrapper img{
    /*border: 6px solid #e6e6e6;*/
}
.sports_share_pop{
    position: relative;
    cursor: pointer;
}
.playpop_sports {
    position: absolute;
    background: rgb(0 ,0 ,0 ,0.5);
    height: 0;
    left: 0;
    right: 0;
    bottom: 0px;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
    padding: 10px;
    display: flex;
    width: 100%;
    align-items: center;
    transition: .5s ease;
}
.sports_share_pop:hover .playpop_sports {
    opacity: 1;
    visibility: visible;
    transition: 0.3s;
    height: 100%;
}
.play-btn_sports {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 50%;
    height: auto;
    background: linear-gradient(to bottom, rgba(232,222,136,1) 0%, rgba(203,160,81,1) 49%, rgba(121,81,39,1) 100%);
    color: #fff;
    font-size: 19px;
    border-radius: 2px;
    cursor: pointer;
    margin-bottom: 15px;
    font-weight: 600;
    margin: auto;
    min-height: 34px;
    margin-top: 30px;
}
.playpop_txt_sports {
    color: #000000;
    font-size: 19px;
    font-weight: 500;
}

/*slots*/
.slots_wrapper{
    display: flex;
    grid-gap: 10px;
    /* background:#252525; */
    padding: 10px 0px;
}
ul.slots_list{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.slots_list li{
    background: #444444;
    margin-bottom: 10px;
    width: 200px;
    max-width: 200px;
}
ul.slots_list li:hover ,ul.slots_list li.active{
    background: linear-gradient(to bottom, rgba(232,222,136,1) 0%, rgba(203,160,81,1) 49%, rgba(121,81,39,1) 100%);
}
ul.slots_list li a{
    display: flex;
    align-items: center;
}
ul.slots_list li a .slots_list_icon{
    background-color: #292929;
    padding: 1px;
    min-width: 45px;
}
ul.slots_list li a .slots_list_icon img{
    width: 50px;
}
ul.slots_list li a .slots_list_txt{
    font-size: 12px;
    margin-left: 10px;
    font-weight: 500;
    color: #fff;
    overflow: hidden;
    text-transform: uppercase; 
}
ul.slots_list li.active a .slots_list_txt,ul.slots_list li:hover a .slots_list_txt{
    color: #fff;
    font-weight: bold;
}
.slots_product_wrap{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 10px;
    height: 100%;
}
/*promotion*/
.mix {
    display: none;
}
.filter-menu-bar{
    margin: 20px 0;
    background-color: #6a6a6a;
    display: flex;
    justify-content: start;
    overflow: hidden;
}
.pmbox_1st{
    margin-left: -10px;
}
.pmbox {
    background: none;
    color: #ffffff;
    text-transform: uppercase;
    display: inline-block;
    padding: 5px 15px;
    font-weight: 700;
    font-size: 14px;
    margin-right: 10px;
    cursor: pointer;
    min-width: 150px;
    text-align: center;
}
.pmbox.active {
    color: #fff;
    background: linear-gradient(to bottom, rgba(232,222,136,1) 0%, rgba(203,160,81,1) 49%, rgba(121,81,39,1) 100%);
    transform: skew( -25deg);
    display: flex;
    justify-content: center;
    align-items: center;
}
.pmbox.active >* {
    transform: skew(25deg);
}
.promo-content {
    display: grid;
    grid-gap: 0px;
}
.pm-boxer {
    display: grid;
    grid-template-columns: 35% 65%;
    cursor: pointer;
    transition: all 0.5s;
    position: relative;
    max-width: 100%;
    height: auto;
    align-content: center;
    margin: 10px 0;
    /* grid-gap: 10px; */
    background-color: #212121;
    color: #ffffff;
}
.pm-boxer_inner{
    display: grid;
    padding-bottom: 10px;
    padding-left: 25px;
    padding-top: 10px;
}
.pm-boxer_inner_sec{
    display: flex;
    align-items: flex-end;
}
.moreinfo_btn{
    background-color: #b80000;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    border: none;
    border-radius: 2px;
    height: 30px;
    font-size: 13px;
    min-width: 130px;
}
.apply_btn{
    background: linear-gradient(to bottom, rgba(232,222,136,1) 0%, rgba(203,160,81,1) 49%, rgba(121,81,39,1) 100%);
    color: #000;
    font-weight: 500;
    text-transform: uppercase;
    border: none;
    border-radius: 2px;
    min-width: 130px;
    height: 30px;
    font-size: 13px;
}
.text_red{
    color: red;
}
.text_blue{
    color: blue;
}
.modal-dialog.promo {
    max-width: 800px!important;
}
.modal-content.promo {
    padding: 20px;
    border-radius: 0;
    border: none;
    background: #000;
    border: 1px solid #8e6532;
    border-top: none;
}
button.close-promo {
    background: none;
    border: none;
    font-size: 23px;
    padding: 17px;
    line-height: 1;
    font-weight: 700;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
}
.pm-title-wrapper {
    font-size: 20px;
    font-weight: 700;
    background: linear-gradient(to bottom, rgba(232,222,136,1) 0%, rgba(203,160,81,1) 49%, rgba(121,81,39,1) 100%);
    color: #fff;
    padding: 10px;
}
.pmtable-wrapper {
    margin: 15px 0;
}
table.promo-table tr th {
    color: #fff;
    background: linear-gradient(to bottom, rgba(232,222,136,1) 0%, rgba(203,160,81,1) 49%, rgba(121,81,39,1) 100%);
    padding: 4px;
    border: 1px solid #ddc874;
}
table.promo-table tr td {
    border: 1px solid #ddc874;
}
.gr-title {
    font-weight: 700;
    font-size: 16px;
}
.grlist ul {
    padding-left: 20px;
    margin-top: 5px;
}
.grlist ul li {
    padding-bottom: 3px;
    font-size: 14px;
}
.promo_body{
    padding-top: 100px;
}
.promo_wrap{
    min-height: 600px;
}
/*vip*/
.vip_top_banner{
    position: relative;
}
.vip_top_banner_txt{
    position: absolute;
    top: 30px;
    right: 0;
    padding-right: 120px;
}
.vip_title{
    color: #b80000;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 20px;
}
.vip_txt{
    font-size: 16px;
    margin-bottom: 30px;
}
table.vip_table{
    text-align: center;
    margin-bottom: 20px;
    color: #ffffff;
}
.vip_table tr td img{
    max-width: 80px;
}
table.vip_table tr td{
    padding: 15px;
    border-right: 2px solid #b80000;
}
table.vip_table tr td:first-child{
    text-align: left;
}
table.vip_table tr:nth-child(even) {
    background: #545454;
}
table.vip_table tr:first-child{
     background: transparent;
}
table.vip_table tr:first-child td{
    border-right: none;
}
table.vip_table tr td:last-child{
    border-right: none;
}
/*aboutus*/
.body_main.about{
    padding-bottom: 50px;
    margin-top: 5%;
}
.faq-card, .tnc-card {
    border-bottom: 1px solid #d3d3d3;
}
button.btn-tnc {
    background: #3c3c3c;
    color: #ffffff;
    font-size: 16px;
    border: none;
    font-weight: 600;
    display: block;
    width: 100%;
    text-align: left;
    padding: 15px 15px;
    position: relative;
}
button.btn-tnc.collapsed {
    background: none;
}
.tnc-body {
    padding: 20px 15px;
    color: #8d8d8d;
}
button.btn-tnc::after {
    content: '>';
    font-size: 16px;
    line-height: 1;
    position: absolute;
    right: 17px;
    top: 17px;
    transform: rotate(270deg);
    transition: all 0.3s;
}
button.btn-tnc.collapsed::after {
    content: '>';
    transform: rotate(90deg);
    transition: all 0.3s;
}

.copyright-info {
    padding: 15px 15px;
    text-align: right;
    font-size: 12px;
    color: #8d8d8d;
}
.termcaps {
    color: #7e8c8d;
    font-size: 16px;
    margin: 10px 15px;
}
ul.contact_us_ul{
   display: flex;
   flex-wrap: wrap;
   width: 100%;
   margin: 0;
   list-style-type: none;
   padding: 0;
   gap: 1%;
   justify-content: space-between;
}
ul.contact_us_ul li{
    /* margin-right: 50px; */
    width: 32%;
}
.contact_left{
    display: flex;
    justify-content: space-around;
    align-items: center;
    background: none;
    position: relative;
    height: 100%;
    width: 100%;
    border: 1px solid #fbd78a;
    color: #ffffff;
    min-width: 200px;
    padding: 10px;
    cursor: pointer;
}
.contact_left img{
    width: 50px;
}
.contact_right{
    justify-content: center;
    flex-direction: column;
    display: none;
    position: absolute;
    bottom: -63px;
    font-size: 17px;
    width: 100%;
    text-align: center;
    border: 1px solid #fbd78a;
    padding: 10px;
}
.contact_left:hover .contact_right{
    display: block;
}
.share_con_bg.contact_share{
    padding-bottom: 100px;
}
.aff_title{
    color: #b80000;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 15px;
}
/*download*/
ul.download_tab{
    margin: 20px 0;
    background-color: #212121;
    display: flex;
    justify-content: start;
    overflow: hidden;
    border-bottom: 1px solid #212121;
}
ul.download_tab li{

}
.nav-tabs.download_tab .nav-link.active >*,.nav-tabs.download_tab .nav-link >*{
    transform: skew(25deg);
}
.nav-tabs.download_tab .nav-link {
    border: unset;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background: none;
    color: #8f8f8f;
    text-transform: uppercase;
    display: inline-block;
    padding: 5px 15px;
    font-weight: 500;
    font-size: 14px;
    margin-right: 10px;
    cursor: pointer;
    min-width: 150px;
    text-align: center;
    transform: skew( -25deg);
    justify-content: center;
    display: flex;
    margin-left: -6px;
}
.nav-tabs.download_tab .nav-link.active{
    color: #fff;
    background: linear-gradient(to bottom, rgba(232,222,136,1) 0%, rgba(203,160,81,1) 49%, rgba(121,81,39,1) 100%);
    transform: skew( -25deg);
    display: flex;
    justify-content: center;
    align-items: center;
}
.dl {
    max-width: 500px;
    margin: auto;
}
.dl table {
    border-collapse: collapse;
    width: 100%;
    font-size: 12px;
}
.dl table th {
    border: 1px solid #d5d5d5;
    text-align: center;
    padding: 8px;
    background-color: rgba(129, 157, 187, 0.15);
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
}
.dl table td {
    text-align: left;
    padding: 8px;
    background-color: #ffffff;
    border: 1px solid #d5d5d5;
    color: #000000;
}

/*afterlogin*/
.afterlogin_wrap{
    padding-top: 112px;
    padding-bottom: 20px;
    min-height: 830px;
}
.sidepanel {
    margin: 0;
    padding: 0;
    width: 195px;
    float: left;
    border-bottom: none;
}
.sidepanel ul{
    background-color: transparent;
    list-style-type: none;
    padding: 0px 5px;
    color: #ffffff;
}
.sidepanel ul li{
    /*background-image: -webkit-linear-gradient(top, #f4f3f3, #e6e6e6);*/
    margin-bottom: 5px;
    border-radius: 10px;
}
.sidepanel ul li a{
    display: flex;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    margin: 0px;
    border-radius: 5px;
    line-height: initial;
    align-items: center;
    justify-content: left;
    padding-left: 20px;
    word-break: break-all;
    padding: 0px;
    /*background-image: -webkit-linear-gradient(top, #f4f3f3, #e6e6e6);*/
    color: #858585;
    /*box-shadow: 0px -1px 0 #d8d8d8, 0 0px 0px 1px rgba(255, 255, 255, 0.9);*/
}
.sidepanel ul li a .sidepanel_txt_span{
    background-image: none;
    background: #212121;
    color: #9a9a9a;
    width: 100%;
    min-height: 41px;
    display: flex;
    justify-content: end;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
} 
.sidepanel ul li.active a .sidepanel_txt_span,.sidepanel ul li:hover a .sidepanel_txt_span{
    background: linear-gradient(to bottom, rgba(232,222,136,1) 0%, rgba(203,160,81,1) 49%, rgba(121,81,39,1) 100%);
    color: #fff;
} 
.sidepanel_icon_white{
    display: none;
}
/*.sidepanel ul li.active a .sidepanel_icon_white{
    display: block;
}
.sidepanel ul li.active a .sidepanel_icon_color{
    display: none;
}*/
.sidepanel ul li a img{
    margin-right: 5px;
    min-width: 24px;
    width: 39px;
}
.sidepanel_content {
    display: block;
    margin-left: 210px;
    min-height: 600px;
    border-radius: 0px;
    background: #212121c9;
    color: #ffffff;
}
.sidepanel_header{
    padding: 20px;
    color: #ffffff;
    font-weight: 700;
    font-size: 21px;
    background-color: #3d3d3d;
}
.setting_text{
    color: #ffffff;
}
.title_text{
    display: flex;
    padding-left: 50px;
    align-items: center;
}
.title_text02{
    display: flex;
    padding-left: 50px;
    align-items: unset;
}
.nav-pills.afterlogin .nav-link.active, .nav-pills.afterlogin .show>.nav-link {
    color: #fff;
    background-color: #ffffff;
    border: 1px solid #b80000;
    background-image: url(../images/afterlogin/deposit/tContent_depositContent_largeActive.png);
    background-position: center;
    background-repeat: no-repeat;
    padding: 0;
    margin: 8px 0px;
}
.nav-pills.afterlogin .nav-link {
    color: #fff;
    background-color: #ffffff;
    padding: 0;
    margin: 8px 0px;
    border: 1px solid #bbbbbb;
}
.ori_img{
    display: none;
}
.nav-pills.afterlogin .nav-link.active .ori_img{
    display: block;
}
.nav-pills.afterlogin .nav-link.active .grey_img{
    display: none;
}
.bank_select{
    display: flex;
    justify-content: left;
    width: 500px;
    font-size: 12px;
}
.bank_select_inner{
    display: flex;
    color: #858585;
    text-align: center;
    align-items: center;
    margin-right: 10px;
}
.bank_select_img{
    border: 1px solid #858585;
    border-radius: 5px;
    padding: 0px;
    margin:8px;
    margin-left: 0;
}
.nav-pills.afterlogin_bank .nav-link.active, .nav-pills.afterlogin_bank .show>.nav-link {
    color: #fff;
    background-color: #ffffff00;
    background-image: url(../images/afterlogin/deposit/tContent_depositContent_smallActive.png);
    background-position: 1% 56%;
    background-repeat: no-repeat;
    padding: 0;
}
.nav-pills.afterlogin_bank .nav-link {
    padding: 0;
}
.nav-pills.afterlogin_bank .nav-link.active .bank_select_inner{
    color: #b80000;
}
.nav-pills.afterlogin_bank .nav-link.active .bank_select_inner .bank_select_img{
    border: 1px solid #b80000;
}
.ori_img{
    display: none;
}
.nav-pills.afterlogin_bank .nav-link.active .ori_img{
    display: block;
}
.nav-pills.afterlogin_bank .nav-link.active .grey_img{
    display: none;
}
.inputDeposit{
    border: 1px solid silver;
    background-color: #fff;
    color: #999;
    border-radius: 4px;
    display: flex;
    align-items: center;
    height: 40px;
    width: 300px;
}
.maxLimit{
    color: red;
}
.depositBtn{
    width: 80px;
    height: 40px;
    background-image: -webkit-linear-gradient(top, #f4f3f3, #e6e6e6);
    background-image: -moz-linear-gradient(top, #f4f3f3, #e6e6e6);
    background-image: -ms-linear-gradient(top, #f4f3f3, #e6e6e6);
    background-image: -o-linear-gradient(top, #f4f3f3, #e6e6e6);
    background-image: linear-gradient(top, #f4f3f3, #e6e6e6);
    -webkit-transition: background-color .2s ease-out;
    -moz-transition: background-color .2s ease-out;
    -ms-transition: background-color .2s ease-out;
    -o-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    background-clip: padding-box;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid silver;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    color: #858585;
    font-size: 14px;
}
.submit_btn{
    margin-top: 10px;
    border-radius: 4px;
    width: 188px;
    height: 40px;
    background: linear-gradient(to bottom, rgba(232,222,136,1) 0%, rgba(203,160,81,1) 49%, rgba(121,81,39,1) 100%);
    color: #fff;
    cursor: pointer;
    font-size: inherit;
    border: none;
}
.upload_btn{
    margin-top: 10px;
    border-radius: 4px;
    width: 188px;
    height: 40px;
    background: #0062c9;
    background: -moz-linear-gradient(top, #f4f3f3 0%, #e6e6e6 102%);
    background: -webkit-linear-gradient(top, #f4f3f3, #e6e6e6);
    background: linear-gradient(to bottom, #f4f3f3 0%, #e6e6e6 102%);
    color: #858585;
    cursor: pointer;
    font-size: inherit;
    border: 1px solid #e6e6e6;
}
.bank_details_copy{
    background-color: #b80000;
    color: white;
    display: flex;
    align-items: center;
    border-radius: 4px;
    border: 1px solid silver;
    width: 250px;
    height: 30px;
    justify-content: center;
}
.tab-pane-bank{
    margin-left: auto;
    margin-right: 0;
}
.important-notice{
    background: #eeeeee;
    padding: 20px 20px 20px 20px;
    margin: 20px;
    font-size: 12px;
    height: fit-content;
}
.important-notice-title{
    color: #000000;
}
.important-notice-content {
    color: #858585;
}
.important-notice-content ol{
    padding: 0;
}
.exchangeIcon{
    color: #999;
    display: flex;
    align-items: center;
}
.weekly{
    background: #E2E2E2;
    padding: 10px;
    margin-left: auto;
    margin-right: 0;
    color: #000;
    display: flex;
    border-radius: 5px;
}
.text_title_transfer{
    color: #bfbfbf;
}
.transfer_game_main{
    font-size: 12px;
}
.transfer_box{
    display: flex;
    border: 1px solid #e2e2e2;
    background-color: #fff;
    color: #000000;
    padding: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.transfer_box_sec{
    color: #000000;
    padding: 0 2px;
    background-color: #E2E2E2;
    display: flex;
    min-height: 27px;
    align-items: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.transfer_btn{
    height: 22px;
    width: 64px;
    border: 1px solid #b80000;
    color: #b80000;
    background: none;
    border-radius: 5px;
}
.text-blue{
    color: #b80000;
}
.withdrawal table {
    border-collapse: collapse;
    width: 100%;
    color: #000000;
}
.withdrawal table th {
    border: 1px solid #d5d5d5;
    text-align: center;
    padding: 8px;
    text-transform: uppercase;
    color: #ffffff;
    background-color: rgba(129, 157, 187, 0.15);
}
.withdrawal table td {
    text-align: left;
    padding: 8px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid #d5d5d5;
    background-color: #ffffff;
}
.withdrawal table td:first-child {
    text-align: right;
}
.history_main{
    display: flex;
    align-items: center;
}
.history_btn{
    border: none;
    padding: 5px;
    background-color: transparent;
    color: #858585;
    margin: 0 5px;
}
.history_btn.active{
    border: 1px solid #b80000;
    border-radius: 4px;
    color: #b80000;
    background: white;
    padding-left: 18px;
    padding-right: 18px;
    align-items: center;
}
.history_table table{
    width: 100%;
    color: #fff;
    text-align: center;
}
.history_table table tr:first-child{
    background-color: rgba(129, 157, 187, 0.15);
}
.history_table table tr td{
    padding: 15px 0;
    border-bottom: 1px solid #d0d0d0;
    min-width: 150px;
}
.history_table table tr td i{
    font-size: 20px;
}
.history_table table tr th{
    padding: 8px;
}
.history_to{
    color: #000;
    display: flex;
    align-items: center;
}
.form-control.date_custom{
    padding: 0 10px;
}
.inbox_msg_text{
    color: #b80000;
    cursor: pointer;
}

/*profile*/
.profile_main{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    color: #858585;
    grid-column-gap: 5px;
}
.profile_main_title{
    color: #b80000;
}
.profile_main_bg{
    background-color: #e2e2e2;
    padding: 20px;
}
.bank_details_content{
    display: flex;
    align-items: center;
}
.deposit_btn{
    background: #0166d2;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    border: none;
    border-radius: 4px;
    width: 100px;
    height: 30px;
    font-size: 13px;
}
.deposit_btn a{
    color: #fff;
}
.logout_btn{
    background: #959595;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    border: none;
    border-radius: 4px;
    width: 100px;
    height: 30px;
    font-size: 13px;
}
.btmtools_after {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #6d6d6d;
    font-size: 12px;
    padding: 5px 10px 0;
    float: right;
}
.log-group a{
    color: #6d6d6d;
}
.three_dot{
    font-size: 10px;
}
.msg_head{
    font-size: 23px;
    color: #0066d1;
}
.about-us-header, .contact-us-header {
    background: #efefef;
    padding: 5px 0 5px 15px;
    font-weight: bold;
    font-size: 18px;
}
.contact-us-header_inner{
    margin: 50px 0;
}
.contact_dotted{
    border-right: 1px dotted;
}
.username_afterlog{
    display: flex;
    justify-content: end;
    margin-bottom: 20px;
}
.username_afterlog_txt{
    margin-left: 10px;
}
.rank_afterlog{
    font-weight: 700;
    color: #b80000;
    font-size: 18px;
}
.main_w{
    color: #ffffff;
}
.wallet_p{
    color: #fff;
    margin-left: 15px;
}
.restore{
    color: #ffffff;
    margin-left: 15px;
}
.mail{
    color: #fff;
    font-size: 20px;
    margin-left: 30px;
}
.head_i{
    margin: 0px 10px;
    font-size: 23px;
    margin-right: 0px;
}
.fund_btn,.fund_btn:hover{
    color: #fff;
    font-size: 13px;
}
.header_sidebar.afterlogin_bar .dropdown-menu {
    background: #e9e9e9;
}
.header_sidebar.afterlogin_bar .dropdown-menu a {
    color: #000000;
    font-size: 14px;
}
.header_sidebar.afterlogin_bar .dropdown-menu a:hover {
    color: #b80000;
    font-size: 14px;
}
.afterlogin_con_wraper{
    padding-top: 20px;
}

/*add slots inner*/
.loginbox {
    margin: auto;
    width: 100%;
}
.game-login {
    height: 170px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #d9d9d9;
}
.logo-prov {
    margin-top: -34px;
}
.logo-prov img {
    max-width: unset;
}
.fwrap {
    display: grid;
    grid-template-columns: 110px auto;
    align-items: center;
    margin: 5px 0;
}
.fwrap label {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    margin-right: 15px;
    line-height: 1.2;
}
.form-wrap {
    position: relative;
}
.form-wrap input {
    background: #fff;
    height: 30px;
    width: 100%;
    border: 1px solid #a0a0a0;
    border-radius: 3px;
    padding: 5px 30px 5px 8px;
    font-size: 13px;
}
span.login-icon {
    position: absolute;
    right: 9px;
    top: 5px;
    font-size: 15px;
    color: #838080;
}
span.login-icon a {
    color: #282828;
}
.instruc-box {
    width: 310px;
    background: #e5e5e5;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    font-size: 13px;
}
.gameinfo-wrapper {
    margin: auto;
    background: #f2f2f2;
    padding: 25px;
    font-size: 14px;
    color: #838080;
}
.more-info {
    color: #0062c9;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
}
.more-info a {
    text-decoration: underline;
    color: #0062c9;
}
.gameinfo-wrapper ol {
    padding-left: 18px;
    font-size: 12px;
}
.btitle {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 10px;
}
.btext {
    font-size: 16px;
}
a.dl-slot-btn {
    display: block;
    text-align: center;
    color: #ffffff;
    background: linear-gradient(0deg,#c59b4d 31%,#ddc175);
    padding: 9px 5px;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    min-width: 47%;
    margin: 2%;
}
a.dl-slot-btn.android {
    background: linear-gradient(0deg,#ffffff 31%,#ffffff);
    color: #000;
}
button.submit-btn.chg-pw {
    height: 35px;
    padding: 3px;
}
.texbig {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 5px;
}


@media only screen and (max-width: 1700px) {
    .vip_top_banner_txt {
        position: absolute;
        top: 16px;
        right: 0;
        padding-right: 0px;
    }
    .vip_title {
        color: #b80000;
        font-size: 21px;
        font-weight: 600;
        margin-bottom: 11px;
    }
    .vip_txt {
        font-size: 13px;
        margin-bottom: 15px;
    }
}

/*updated 27/12/2021*/
body.body_lottery{
    background-color: #000;
}
.lottery_bg{
    background-image: url(../images/lottery/lottery_bg.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    min-height: 500px;
    background-size: 100% auto;
}
.lottery_sec_top{
    text-align: center;
    padding: 40px 0;
    position: relative;
}
.lott-btn-top {
    text-align: center;
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 14%;
    left: 0;
    right: 0;
}
button.payout-btn {
    background: #b80000;
    border: none;
    border-radius: 10px;
    width: 200px;
    height: 50px;
    box-shadow: 0px 3px 5px #0000008c;
    margin: 0 10px;
    color: #fff;
    padding: 10px;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    transition: 0.3s;
}
button.payout-btn2 {
    background: linear-gradient(0deg,#c59b4d 31%,#ddc175);
    border: none;
    border-radius: 10px;
    width: 200px;
    height: 50px;
    margin: 0 10px;
    color: #fff;
    padding: 10px;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    transition: 0.3s;
    box-shadow: 0px 3px 5px #0000008c;
}
button.payout-btn:hover,button.payout-btn2:hover {
    transform: scale(0.97);
    transition: 0.3s;
}
.lottery-content {
    text-align: center;
    margin: 30px 0 0;
}
.lotto-box {
    background: #4A4A4A;
    max-width: 23%;
    padding: 1px;
    font-size: 13px;
    display: inline-block;
    margin: 10px 8px;
    color: #fff;
}
.lott-title-grid {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    padding: 9px 5px;
}
.lott-title-box {
    text-align: right;
}
.cal-date {
    font-size: 11px;
    font-style: italic;
}
.result-table {
    background: #2E2E2E;
    font-size: 12px;
}
.result-table table tr th {
    background: #1C1C1C;
    text-transform: uppercase;
    padding: 4px 2px;
    font-size: 13px;
}
.result-table table tr td {
    padding: 2px;
}
table.top-winner {
    margin-bottom: 9px;
}
.result-table table.top-winner tr th {
    background: #1C1C1C;
    text-transform: none;
    padding: 7px 2px;
    border: 3px solid #2E2E2E;
}
.result-table table.top-winner tr td {
    padding: 4px 2px;
}
.result-table table.top-winner tr th:first-child {
    border-left: none;
}
.result-table table.top-winner tr th:last-child {
    border-right: none;
}
.lotto-box.magnum {
    background: #F2BC00;
}
.lotto-box.magnum .lott-title-box, .lotto-box.stc .lott-title-box {
    color: #000;
}
.lotto-box.damacai {
    background: #1A1A84;
}
.lotto-box.toto {
    background: #FF2C50;
}
.lotto-box.sg {
    background: #398AEA;
}
.lotto-box.sabah {
    background: #FF0000;
}
.lotto-box.stc {
    background: #F6D55C;
}
.lotto-box.cash {
    background: #003C10;
}
.bg-sport{background: url("../images/sports/bg.jpg") no-repeat top center;padding: 30px 0px;margin-bottom: 60px;}
.bg-esport{background: url("../images/esports/bg.jpg") no-repeat top center;padding: 30px 0px;margin-bottom: 60px;}
.bg-casino{background: url("../images/casino/bg.jpg") no-repeat top center;padding: 30px 0px;margin-bottom: 60px;}
.bg-slot{background: url("../images/slots/bg.jpg") no-repeat top center;padding: 30px 0px;margin-bottom: 60px;}
.bg-horse{background: url("../images/horse/bg.jpg") no-repeat top center;padding: 30px 0px;margin-bottom: 60px;}
.bg-contact{background: url("../images/contact/bg.jpg") no-repeat top center;padding: 0px 0px;margin-bottom: 60px;}

.cont {
    padding-top: 60px;
}

.cont .share_con_bg {
    background: #4d4b4b82;
}
.msg-box .modal-content {
    background: #000;
}

.msg-box .modal-header {
    background: linear-gradient(to bottom, rgba(232,222,136,1) 0%, rgba(203,160,81,1) 49%, rgba(121,81,39,1) 100%);
}

.msg-box .modal-body {
    border: 1px solid #8e6532;
}



.announce-pop .modal-body {
    padding: 10px;
}
.modal-content.announce-pop {
    background: #222222;
}

.announce-pop button.close {
    position: absolute;
    opacity: 1;
    color: #cea657;
    right: 12px;
    font-size: 38px;
}

.announce-pop .modal-header {
    border-bottom: 1px solid #cea657;
}
.modal-dialog.announce-wrp {
    max-width: 800px;
}