@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: #212529;background-color: #ffffff;}

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: #b80000a1;
}
html ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 1px transparent;
    border-radius: 10px;
    background-color: transparent;
}
.sider_icon{
    position: fixed;
    right: 0;
    color: #fff;
    z-index: 999;
    top: 158px;
}
.sider_icon a{
    color: #fff;
    font-size: 34px;
    background-color: #b80000;
    padding: 10px;
    display: grid;
    text-align: center;
}
.sider_icon a i{
    color: #FFDD03;
}
.sider_icon_txt{
    font-size: 15px;
    margin-top: 5px;
}
.forgot_pass{
    color: #b80000;
}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #ced4da;
    outline: 0;
    box-shadow: unset;
}
.index_container{
    max-width: 1366px;
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: unset;
}
.footer{
    background-color: #000000;
}
.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;
}
.copyright{
    color: #757575;
    text-align: right;
    margin: 20px 0px;
}
.footer_lic ul li{
    margin-right: 30px;
    filter: grayscale(100%);
}
.footer_lic ul li:hover{
    filter: grayscale(0%);
}
.footer_tit{
    color: #b80000;
}
.footer_link{
    display: flex;
}
.footer_hr{
    border-top: 1px solid rgb(193 193 193 / 24%);
}
.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: #b80000;
    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: 15px;
    margin-top: 50px;
}
.footer_seo_main{
    font-size: 15px;
    color: #b80000;
    font-weight: 700;
}
.footer_seo_sub{
    color: #ffffff;
}
header.head_main{
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 18;
}
.bg_header_top{
    background: #313131;
}
.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: #8f0000;
    min-width: 140px;
    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: linear-gradient(0deg,#ffffff 31%,#ffffff);
    color: #222;
    width: auto;
    border-radius: 20px;
    font-size: 14px;
    padding: 0px 10px;
    font-weight: 700;
    cursor: pointer;
    text-transform: uppercase;
}
.login_btn{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F7D603;
    color: #222;
    width: auto;
    border-radius: 20px;
    font-size: 14px;
    padding: 0px 15px;
    font-weight: 700;
    cursor: pointer;
    margin-left: 20px;
    text-transform: uppercase;
}
.header_sidebar .sidebar_icon{
    color: #ffffff;
}
.header_sidebar .dropdown-menu{
    background: #8f0000;
}
.header_sidebar .dropdown-menu a{
    color: #ffffff;
    font-size: 13px;
    display: flex;
    align-items: center;
}
.header_sidebar .dropdown-menu a img{
    width: 30px;
    margin-right: 10px;
}
.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: #b80000;
}
.header_bottom{
    display: flex;
}
.header_logo img{
    width: 184px;
}
.header_logo {
    /*background: linear-gradient(110deg, #ffffff 89%, #b80000 46%);*/
    padding: 8px;
    padding-right: 50px;
}
.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;
}
ul.main_nav li{
    padding: 0px 13px;
    height: 100%;
}
ul.main_nav li a{
    position: relative;
}
ul.main_nav li.active a{
    color: #6b0000;
}
ul.main_nav li.active a:after{
    content: '';
    background-color: #6b0000;
    height: 4px;
    width: 100%;
    position: absolute;
    bottom: 0;
}
ul.main_nav li:hover a:after{
    content: '';
    background-color: #6b0000;
    height: 4px;
    width: 100%;
    position: absolute;
    bottom: 0;
}
ul.main_nav li:hover a{
    color: #6b0000;
}
.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: #b80000;
}
.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;
}
.bg-grey{
    background-color: #313131;
}
.marquee_custom{
    display: flex;
    align-items: center;
    padding: 10px 15px;
    color: #fff;
    max-width: 1366px;
    margin: 0 auto;
}
.recommended{
    display: flex;
    text-transform: uppercase;
    align-items: center;
    font-weight: 800;
    font-size: 24px;
    color: #B40202;
}
.recommended img{
    width: 122px;
    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%,84.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: -35px;
    z-index: 1;
}
.responsive_slide .slick-next {
    right: -23px;
}
.slider_content_bg{
    /*display: flex;*/
    text-align: center;
    /*justify-content: space-between;*/
    background-color: #B40202;
    padding: 7px 10px;
}
.slider_content_bg span{
    color: #dec276;
    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: flex-end;
    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: linear-gradient( 0deg ,#c59b4d 31%,#ddc175);
    color: #222;
    font-size: 19px;
    border-radius: 2px;
    cursor: pointer;
    margin-bottom: 15px;
    font-weight: 600;
    margin: auto;
    min-height: 34px;
}
.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;
}
.index_con_bg{
    background-color: #f7f7f7;
    padding: 20px;
    min-height: 510px;
}
.index_con_warp01{
    padding-top: 70px;
}
.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: -50px;
    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: #dadada;
    font-size: 30px;
    font-weight: 500;
}
.countdown_main_wrap img{
    width: 100px;
}
.rank_wrap{
    display: flex;
    align-items: flex-start;
    padding: 0px 10px 0px 10px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.rank_wrap01{
    background-color: #d19f22;
}
.rank_wrap02{
    background-color: #828282;
}
.rank_wrap03{
    background-color: #803410;
}
.rank_id{
    color: #fff;
    font-size: 25px;
    font-weight: 500;
}
.rank_price{
    color: #fff;
    font-size: 34px;
    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: #B40202;
    font-size: 25px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.view_more{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
    color: #b80000;
}
.view_btn{
    /*background: linear-gradient(0deg,#c59b4d 31%,#ddc175);*/
    background: #B40202;
    border: none;
    color: #fff;
    border-radius: 8px;
    font-weight: 700;
    min-width: 215px;
    height: 33px;
}
.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: #b80000;
    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: #858585;
    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: #ffffff;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px;
}
.sliderhot_wrapbottom{
    background: #ffffff;
    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: #c59b4e;
    font-weight: 700;
    font-size: 20px;
}
.detail_rate{
    display: flex;
    color: #c59b4e;
    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-long, .btn-normal, .btn-normal-green {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 150px;
    height: auto;
    /*background: linear-gradient(0deg,#c59b4d 31%,#ddc175);*/
    background: #B40202;
    color: #fff;
    font-size: 17px;
    border-radius: 2px;
    cursor: pointer;
    margin-bottom: 15px;
    font-weight: 600;
    border-radius: 8px;
}
.btn-normal-green {
    border-radius: 8px;
    background: #FFDF04;
    color: #222;
    white-space: nowrap;
}
.add-favourite{
    display: flex;
    align-items: center;
    justify-content: center;
}
.add-favourite i{
    color: #b80000;
    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: #b80000;
}

/*.reward_bg{
    background-color: #f7f7f7;
}*/
.reward_wrap{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    color: #161616;
    padding: 30px;
    margin: auto;
    justify-items: center;
    grid-gap: 40px;
}
.reward_c{
    margin: 20px 0px;
    font-weight: bold;
    font-size: 18px;
}
.index_con_re{
    margin-top: 30px;
}
.index_value{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: self-end;
background: #f7f7f7;}
.index_value_bg{
    background-color: #f7f7f7;
    padding: 40px;
    padding-bottom: 0px;
    color: #000000;
}
.value_txt_01{
    color: #FDE000;
    font-weight: bold;
    font-size: 30px;
}
.value_txt_02{
    color: #b2b2b2;
    margin-left: 20px;
    font-size: 21px;
}
.boxvalue_top{
    padding-bottom: 20px;
    border-bottom: 2px solid #c6c6c6;
}
.box_content{
    height: 330px;
    overflow-y: scroll;
    padding-top: 30px;
}
.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: #FDE000;
}
.box_content_txt{
    font-size: 18px;
}
/*modal*/
#modalLogin .modal-content,#modalforgotpass .modal-content,#modalcontact .modal-content{
    background-color: transparent;
    border: none;
    min-height: 100%;
    transition: all .5s cubic-bezier(.175,.885,.32,1.275);
}
.modal-custom__nav-tabs {
    display: flex;
    width: 100%;
    background-color: #b80000;
}
.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: #b80000;
    background: #ffffff;
}
.modal-custom__nav-link.active:before {
    content: "";
    background: url(../images/header/icon-tab-hover.html);
    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;
}
#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: #f0f0f0;
    padding: 20px 70px;
}
.header_btn{
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 150px;
    height: auto;
    background: linear-gradient(0deg,#b80000 31%,#fd4141);
    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: #EEEEEE;
    border: 1px solid #fff;
    border-radius: 3%;
    padding: 20px;
    color: #000;
}
.share_con_wrap{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    text-align: center;
    grid-gap: 25px;
}
.share_con_wrapper{
    cursor: pointer;
}
.share_con_wrapper img{
    border: 2px solid #FFE413;
}
.dl_playpop img{
    border: 6px solid #AE0604;
}
.dl_playpop .play-btn_sports{
    background: #AE0604;
    color: #fff;
    margin-top: 10px;
}
.sports_share_pop{
    position: relative;
    cursor: pointer;
}
.playpop_sports {
    position: absolute;
    background: rgb(255 ,255 ,255 ,0.7);
    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: #FEDD04;
    color: #222;
    font-size: 19px;
    border-radius: 2px;
    cursor: pointer;
    margin-bottom: 15px;
    font-weight: 600;
    margin: auto;
    min-height: 34px;
    border-radius: 20px;
}
.playpop_txt_sports {
    color: #000000;
    font-size: 19px;
    font-weight: 500;
}

/*slots*/
.slots_wrapper{
    display: block;
    grid-gap: 10px;
}
ul.slots_list{
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.slots_list li{
    background: #E9E9E9;
    width: 100%;
    max-width: 90%;
    padding: 10px;
    margin-top: 10px;
    border-radius: 10px;
}
ul.slots_list li:hover ,ul.slots_list li.active{
    /*background: linear-gradient(0deg,#c59b4d 31%,#ddc175);*/
    background: #B40202;
}
ul.slots_list li a{
    display: flex;
    align-items: center;
}
ul.slots_list li a .slots_list_icon{
    /* background-color: #000; */
    padding: 1px;
    margin: 0 auto;
    /* min-width: 46px; */
}
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: #858585;
    overflow: hidden;
    text-transform: uppercase;
}
ul.slots_list li.active a .slots_list_txt,ul.slots_list li:hover a .slots_list_txt{
    color: #000;
    font-weight: bold;
}
.slots_product_wrap{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 10px;
    height: 100%;
    box-shadow: 0px 0px 20px #cbcbcb;
    padding: 20px 30px;
    border-radius: 20px;
    margin-top: 2rem;
}
/*promotion*/
.mix {
    display: none;
}
.filter-menu-bar{
    margin: 20px 0;
    background-color: #e1e1e1;
    display: flex;
    justify-content: start;
    overflow: hidden;
}
.pmbox_1st{
    margin-left: -10px;
}
.pmbox {
    background: none;
    color: #8f8f8f;
    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(0deg,#b80000 31%,#b80000);
    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: #e1e1e1;
    color: #000000;
}
.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(0deg,#c59b4d 31%,#ddc175);
    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;
}
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: #b80000;
    color: #fff;
    padding: 10px;
}
.pmtable-wrapper {
    margin: 15px 0;
}
table.promo-table tr th {
    color: #fff;
    background: #b80000;
    padding: 4px;
    border: 1px solid #b80000;
}
table.promo-table tr td {
    border: 1px solid #b80000;
}
.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;
display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 15px;margin-top: 20px;}
.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;
    color: #000000;
font-size: 13px;font-weight: 800;text-transform: uppercase;}
.vip_table tr td img{
    max-width: 85px;
    filter: brightness(1.10) drop-shadow(0 0 2px #000000a3);
}
table.vip_table tr td{
    padding: 20px 10px;
    /*border-right: 2px solid #b80000;*/
    word-break: break-word;
    color: #940e0f;
    }
table.vip_table tr td:first-child{
    text-align: left;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
table.vip_table tr td:last-child{
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
table.vip_table tr:nth-child(even) td {
    background: #940E0F;
    color: #fff;
}
table.vip_table tr:first-child{
     background: transparent;
}
table.vip_table tr:first-child td{
    border-right: none;
    color: #000000;
    vertical-align: bottom;
    }
table.vip_table tr td:last-child{
    border-right: none;
}
/*aboutus*/
.body_main.about{
    padding-bottom: 50px;
}
.faq-card, .tnc-card {
    /* border-bottom: 1px solid #d3d3d3; */
margin-bottom: 5px;}
button.btn-tnc {
    background: #b80000;
    color: #ffffff;
    font-size: 16px;
    border: none;
    font-weight: 600;
    display: block;
    width: 100%;
    text-align: left;
    padding: 15px 15px;
    position: relative;
    border-radius: 30px;
    outline: none;
}
button.btn-tnc.collapsed {
    background: #fff;
    color: #8b8b8b;
}
.tnc-body {
    padding: 20px 15px;
    color: #3c3c3c;
}
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;
}
ul.contact_us_ul li{
    margin-right: 20px;
}
.contact_left{
    display: block;
    justify-content: space-around;
    align-items: center;
    background: #fff;
    position: relative;
    height: 100%;
    width: 100%;
    text-align: center;
    border: 1px solid #dedcdf;
    color: #b80000;
    min-width: 120px;
    padding: 10px;
    border-radius: 15px;
    cursor: pointer;
}
.contact_left:hover{
    background: #b80000;
    color: #fff;
}
.contact_left img{
    width: 50px;
    margin: 10px auto 5px auto;
}
.contact_right{
    justify-content: center;
    flex-direction: column;
    display: none;
    position: absolute;
    bottom: -63px;
    font-size: 17px;
    width: auto;
    text-align: center;
    border: 1px solid #b80000;
    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: #ffffff;
    display: flex;
    justify-content: start;
    overflow: hidden;
    border-bottom: 1px solid #ffffff;
}
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: #AE0604;
    border-radius: 25px;
    border: 2px solid #AE0604;
    text-transform: uppercase;
    display: inline-block;
    padding: 10px 15px;
    font-weight: bold;
    font-size: 16px;
    margin-right: 20px;
    cursor: pointer;
    min-width: 150px;
    text-align: center;
    /*transform: skew( -25deg);*/
    justify-content: center;
    display: flex;
}
.nav-tabs.download_tab .nav-link.active{
    color: #fff;
    border: 2px solid #AE0604;
    background: #AE0604;
    /*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: #000;
    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;
}
.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);*/
    background-color: #e3e3e3;
}
.sidepanel ul li a .sidepanel_txt_span{
    background-image: none;
    background: #e3e3e3;
    color: #9a9a9a;
    width: 100%;
    min-height: 41px;
    display: flex;
    justify-content: end;
    align-items: center;
    padding-right: 10px;
} 
.sidepanel ul li.active a .sidepanel_txt_span,.sidepanel ul li:hover a .sidepanel_txt_span{
    background: linear-gradient(0deg,#b80000 31%,#fd4141);
    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: 40px;
    padding: 4px;
    filter: brightness(0.4);
}
.sidepanel_content {
    display: block;
    margin-left: 210px;
    min-height: 600px;
    border-radius: 0px;
    background: #ffffff;
    color: #ffffff;
}
.sidepanel_header{
    padding: 20px;
    color: #000000;
    font-weight: 700;
    font-size: 21px;
    background-color: #cecece;
}
.setting_text{
    color: #b80000;
}
.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: #b80000;
    background: -moz-linear-gradient(top, #0062c9 0%, #003679 102%);
    background: -webkit-linear-gradient(top, #b80000 0%, #b80000 102%);
    background: linear-gradient(to bottom, #b80000 0%, #b80000 102%);
    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: #505050;
    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;
    color: #b80000;

}
.history_table table tr td i{
    font-size: 20px;
}
.history_table table tr th{
    padding: 8px;
    color: #000;
}
.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;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #b80000;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.cry_wrap{
    
border: 1px solid #b80000;
    
padding: 10px;
    
width: 260px;
    
text-align: center;
    
border-radius: 5px;
}
.cry_wrap img{
    width: 207px;
}
.cry_txt{
    color: #000;
    font-weight: 900;
}
.link_cry{
    display: flex;
    align-items: center;
}
.copy_cry{
    
color: #b80000;
    
font-size: 22px;
}
.cry_out_wrp{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.warning_cry{
    width: 300px;
    color: #000;
    font-size: 12px;
}    
.warning_cry_box{
    background: #eeeeee;
    padding: 10px;
    font-size: 12px;
}

/*New*/
.btn-b-radius{
    border-radius: 20px;
}

.index_con_title_custom{
    max-width: 80%;
    margin: 30px auto 0px 165px;
}

.reward_custom{
    max-width: 80%;
    margin: 30px auto 0px auto;
    padding: 0;
}

.vipbox{
    border: 1px solid #a7a7a7;
    background: #fff;
    border-radius: 20px;
    padding: 10px 10px;
    /* margin-bottom: 30px; */
    width: 80%;
    margin: auto;
    }
.vip_bg{
    background-image: url(../images/vip/bg.jpg);
background-size: cover;background-repeat: no-repeat;background-position: top;padding-bottom: 30px;}
.logo_tit{
    color: #940e0f;
}


/*blog*/
.blog-wrapper {
    max-width: 1000px;
    margin: 0 auto;
    padding: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #b80000;
    border-radius: 10px;
    background: #b800000f;
}
.blog-title-box {
    background: #b80000;
    padding: 5px;
    display: flex;
}
.blog-title-box i {
    font-size: 21px;
    color: #fff;
    margin-left: 10px;
    margin-right: 10px;
    border: 1px solid #fff;
    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: #000;
}
.blog-content {
    color: #000;
    margin-bottom: 15px;
}
.blog-boxer .moreinfo_btn {
    display: flex;
    align-items: center;
    width: 25%;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 15px;
}
.blog-boxer .moreinfo_btn i {
    background: #fff;
    color: #b80000;
    border-radius: 50%;
    margin-left: 10px;
    width: 15px;
    height: 15px;
    padding: 2px;
}
.seperate-line {
    height: 2px;
    width: 100%;
    margin: 0 auto;
    background: #ececec;
    border-radius: 10px;
}
.moreinfo_btn{
    background-color: #b80000;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    border: none;
    border-radius: 4px;
    width: 100px;
    height: 30px;
    font-size: 13px;
}
.blog_details_txt{
    color: #000;
}
.blog_details_title{
    color: #b80000;
    font-size: 18px;
}
.blog-title-box i.fab_custom{
    font-size: 18px;
    color: #ffffff;
    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;
}
/*blogEND*/
.upcoming_wrap{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
    margin-top: 30px;
}
.index_casino_slide{
    background-color: grey;
}