@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
body {font-family: "Poppins", 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: #ff6d00a3;
}
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: 2;
    top: 158px;
}
.sider_icon a{
    color: #fff;
    font-size: 34px;
    background-color: #ff6d00;
    padding: 10px;
    display: grid;
    text-align: center;
}
.sider_icon_txt{
    font-size: 15px;
    margin-top: 5px;
}
.forgot_pass{
    color: #ff6d00;
}
.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: #ffffff;
    border-top: 1px solid #ff6000;
}
.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: #ff6d00;
    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: #ff6d00;
}
.footer_link{
    display: flex;
    justify-content: center;
    font-weight: 700;
}
.footer_hr{
    border-top: 1px solid rgb(255 96 0);
}
.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: #ff6d00;
    font-size: 14px;
    font-weight: 600;
}
.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;
    font-size: 12px;
}
.footer_seo_main{
    font-size: 12px;
    color: #ff6d00;
    font-weight: 700;
}
.footer_seo_sub{
    color: #5f5f5f;
}
header.head_main{
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 18;
}
.bg_header_top{
    background: #ff6d00;
}
.header_top{
    display: flex;
    align-items: center;
    height: auto;
    font-size: 13px;
    color: #ffffff;
    justify-content: end;
    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;
    grid-gap: 15px;
    padding: 5px;
}
.header_lang_drop .dropdown-menu{
    background-color: #8f0000;
    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: linear-gradient(0deg,#ffffff 31%,#ffffff);
    color: #ff6d00;
    width: auto;
    border-radius: 0px;
    font-size: 14px;
    padding: 0px 10px;
    font-weight: 700;
    cursor: pointer;
    height: 100%;
    min-width: 110px;
}
.login_btn{
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    color: #ff6d00;
    width: auto;
    border-radius: 0px;
    font-size: 12px;
    padding: 0px 10px;
    font-weight: 700;
    cursor: pointer;
    height: 100%;
    /* margin-left: 20px; */
    min-width: 110px;
}
.header_sidebar .sidebar_icon{
    color: #ffffff;
}
.header_sidebar .dropdown-menu{
    background: #007f61;
}
.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: -22px!important;
}
.bg_header_bottom{
    background: #007f61;
}
.header_bottom{
    display: flex;
    justify-content: space-between;
    padding-left: 16%;
    height: 44px;
}
.header_logo img{
    width: 60px;
    height: 60px;
}
.header_logo {
    background: linear-gradient(108deg, #ffffff 77%, #ff6d0000 46%);
    padding: 8px;
    padding-right: 50px;
    width: 235px;
    text-align: center;
    position: absolute;
    z-index: 1;
    height: 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;
    width: 100%;
}
ul.main_nav li a{
    color: #ffffff;
    display: flex;
    height: 100%;
    align-items: center;
    font-size: 0.7vw;
    font-weight: 500;
    text-transform: uppercase;
}
ul.main_nav li{
    padding: 0px 5%;
    height: 100%;
    /* width: 100%; */
}
ul.main_nav li a{
    position: relative;
    text-wrap: nowrap;
}
ul.main_nav li.active a{
    color: #ffffff;
}
ul.main_nav li.active a:after{
    content: '';
    background-color: #ff6d00;
    height: 4px;
    width: 100%;
    position: absolute;
    bottom: 0;
}
ul.main_nav li:hover a:after{
    content: '';
    background-color: #ff6d00;
    height: 4px;
    width: 100%;
    position: absolute;
    bottom: 0;
}
ul.main_nav li:hover a{
    color: #ffffff;
}
.body_main{
    padding: 76px 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: #ff6d00;
}
.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: #ff6d00;
}
.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_custom{
    display: flex;
    align-items: center;
    padding: 3px 0px;
    color: #ffffff;
    background-color: #3b3a3a;
}
.marquee_custom_wrap{
    display: flex;
    align-items: center;
}
.recommended{
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 16px;
    color: #ff6d00;
    margin: 10px 0;
}
.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: #ff6d00;
    -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: #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 ,#f37517 31%,#ff6d00);
    color: #fff;
    font-size: 19px;
    border-radius: 2px;
    cursor: pointer;
    margin-bottom: 15px;
    font-weight: 600;
    margin: auto;
    min-height: 34px;
}
.playpop_txt{
    color: #ff6d00;
    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: 3%;
}
.index_con_bg{
    background-color: #ebebeb;
    padding: 20px;
    min-height: 440px;
}
.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: #ff6d00;
    font-size: 27px;
    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-color: #ff6d00;
}
.rank_wrap02{
    background-color: #007f61;
}
.rank_wrap03{
    background-color: #e9000c;
}
.rank_id{
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}
.rank_price{
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}
.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: #ff6d00;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 13px;
}
.view_more{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
    color: #ff6d00;
    font-style: italic;
}
.view_btn{
    background: linear-gradient(0deg,#3a3938 31%,#3a3938);
    border: none;
    border-radius: 2px;
    font-weight: 500;
    min-width: 215px;
    height: 33px;
    color: #fff;
}
.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: 16px;
    font-weight: 600;
    position: relative;
}
.index_con_warp02 .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #ff6d00;
    background-color: transparent;
    border-color: unset;
}
.index_con_warp02 .nav-tabs .nav-item .nav-link:after{
    content: '';
    position: absolute;
    margin-left: 36px;
    width: 1px;
    height: 23px;
    background-color: #858585;
    top: 10px;
}
.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{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    background: linear-gradient( 90deg ,#ffffff 0%,#b3b3b3);
}
.sliderhot_wrapbottom{
    background: linear-gradient( 90deg ,#ffffff 0%,#b3b3b3);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    margin-top: 10px;
}
.game_detail{
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.detail-title{
    color: #ff6d00;
    font-weight: 700;
    font-size: 20px;
}
.detail_rate{
    display: flex;
    color: #ff6d00;
    margin-bottom: 20px;
}
.detail-provider{
    display: flex;
    align-items: center;
    font-size: 15px;
    color: #f5f5f5;
}
.detail-provider img{
    width: 83px;
    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,#ff6d00 31%,#ff6d00);
    color: #fff;
    font-size: 14px;
    border-radius: 2px;
    cursor: pointer;
    margin-bottom: 15px;
    font-weight: 600;
    padding: 5px 0;
}
.btn-normal-green {
    background: #007f61;
    color: #fff;
    white-space: nowrap;
}
.add-favourite{
    display: flex;
    align-items: center;
    justify-content: center;
}
.add-favourite i{
    color: #ff6d00;
    font-size: 18px;
    margin-right: 10px;
}
.add-txt{
    color: #ff6d00;
}
.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: #ff6d00;
}

.reward_bg{
    /* background-color: #222; */
}
.reward_wrap{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    color: #fff;
    padding: 0px 0 30px 0;
    margin: auto;
    justify-items: center;
    grid-gap: 21px;
}
.reward_wrap_inn{
    border-radius: 10px;
    overflow: hidden;
}
.reward_wrap_btn{

display: flex;

align-items: center;

justify-content: space-between;

background-color: #ff6d00;

padding: 10px;
}
.reward_wrap_btn .btn-normal{
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 150px;
    height: auto;
    background: linear-gradient(0deg,#007f61 31%,#007f61);
    color: #fff;
    font-size: 14px;
    border-radius: 20px;
    cursor: pointer;
    margin-bottom: 0;
    font-weight: 500;
}
.reward_c{
    /* margin: 20px 0px; */
}
.index_con_re{
    margin-top: 30px;
}
.index_value{
    display: grid;
    grid-template-columns: 35% auto;
    align-items: self-end;
    padding-bottom: 20px;
    grid-gap: 15px;
    position: relative;
    padding-top: 40px;
}
.index_value_bg{
    /* background-color: #212121; */
    padding: 0;
    padding-bottom: 0px;
    color: #000000;
}
.value_txt_01{
    color: #ff6d00;
    font-weight: 700;
    font-size: 16px;
}
.value_txt_02{
    color: #000;
    margin-left: 9px;
    font-size: 16px;
    font-weight: 600;
}
.boxvalue_top{
    padding-bottom: 20px;
    border-bottom: 2px solid #5d5d5d47;
}
.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: 16px;
    font-weight: 700;
    margin-right: 10px;
    color: #ff6d00;
}
.box_content_title i.fa-star{
    color: #ff6d00;
}
.box_content_txt{
    font-size: 14px;
    font-weight: 700;
}
/*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: #ff6d00;
}
.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: #ff6d00;
    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;
}
#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,#ff6d00 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: #212121; */
    padding: 0;
    color: #fff;
}
.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: 6px solid #e6e6e6; */
}
.sports_share_pop{
    position: relative;
    cursor: pointer;
    border-radius: 10px;
    overflow: hidden;
}
.playpop_sports {
    position: absolute;
    background: rgb(255 ,255 ,255 ,0.92);
    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( 0deg,#ff6d00 31%,#ff6d00);
    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;
    margin-top: 25px;
}
ul.slots_list{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.slots_list li{
    background: #414141;
    margin-bottom: 5px;
    width: 165px;
    max-width: 165px;
}
ul.slots_list li:hover ,ul.slots_list li.active{
    background: linear-gradient(0deg,#ff6d00 31%,#ff6d00);
}
ul.slots_list li a{
    display: block;
    align-items: center;
    width: 100%;
}
ul.slots_list li a .slots_list_icon{
    /* background-color: #414141; */
    padding: 1px;
    min-width: 45px;
}

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%;
}
/*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,#ff6d00 31%,#ff6d00);
    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: #ff6d00;
    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,#f30017 31%,#f30017 );
    color: #fff;
    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: #ff6d00;
    color: #fff;
    padding: 10px;
}
.pmtable-wrapper {
    margin: 15px 0;
}
table.promo-table tr th {
    color: #fff;
    background: #ff6d00;
    padding: 4px;
    border: 1px solid #ff6d00;
}
table.promo-table tr td {
    border: 1px solid #ff6d00;
}
.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;
    background: url(../images/vip/P3-BG.jpg) no-repeat top center;
}
.vip_top_banner_txt{
    position: absolute;
    top: 30px;
    right: 0;
    padding-right: 120px;
}
.vip_title{
    color: #ff6d00;
    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 #ff6d00;
}
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;
}

.vip-table p {
    width: 90px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 10px;
}
/*aboutus*/
.body_main.about{
    padding-bottom: 50px;
}
.faq-card, .tnc-card {
    border-bottom: 1px solid #d3d3d3;
}
button.btn-tnc {
    background: #dddddd;
    color: #000000;
    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: #dddddd;
}
.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;
}
ul.contact_us_ul li{
    margin-right: 50px;
}
.contact_left{
    display: flex;
    justify-content: space-around;
    align-items: center;
    background: #fff;
    position: relative;
    height: 100%;
    width: 100%;
    border: 1px solid #dedcdf;
    color: #ff6d00;
    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 #ff6d00;
    padding: 10px;
}
.contact_left:hover .contact_right{
    display: block;
}
.share_con_bg.contact_share{
    padding-bottom: 100px;
}
.aff_title{
    color: #ff6d00;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 15px;
    margin-top: 20px;
}
.aff_wrap{
    color: #000;
}
.aff_wrap ol{
    padding-left: 15px;
}
/*download*/
ul.download_tab{
    margin: 20px 0;
    background-color: #dee2e6;
    display: flex;
    justify-content: start;
    overflow: hidden;
    border-bottom: 1px solid #dee2e6;
}
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(0deg,#ff6d00 31%,#ff6d00);
    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: 20px 5px;
    width: 195px;
    float: left;
    border-bottom: none;
    background-color: #e3e3e3;
    /* min-height: 300px; */
    border-radius: 10px 0px 0 10px;
}
.sidepanel ul{
    background-color: transparent;
    list-style-type: none;
    padding: 0px 5px;
    color: #000000;
}
.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: #007f61cf;
    color: #ffffff;
    width: 100%;
    min-height: 41px;
    display: flex;
    justify-content: end;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 10px;
    } 
.sidepanel ul li.active a .sidepanel_txt_span,.sidepanel ul li:hover a .sidepanel_txt_span{
    background: linear-gradient(0deg,#ffffff 31%,#ffffff);
    color: #ff6d00;
} 
.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;
    filter: brightness(0.4);
}
.sidepanel_content {
    display: block;
    margin-left: 210px;
    min-height: 648px;
    border-radius: 0px;
    background: #e3e3e3;
    color: #ffffff;
}
.sidepanel_header{
    padding: 20px;
    color: #ffffff;
    font-weight: 700;
    font-size: 21px;
    background-color: #007f61;
}
.setting_text{
    color: #ff6d00;
}
.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 #ff6d00;
    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: #ff6d00;
}
.nav-pills.afterlogin_bank .nav-link.active .bank_select_inner .bank_select_img{
    border: 1px solid #ff6d00;
}
.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: #ff6d00;
    background: -moz-linear-gradient(top, #0062c9 0%, #003679 102%);
    background: -webkit-linear-gradient(top, #ff6d00 0%, #ff6d00 102%);
    background: linear-gradient(to bottom, #ff6d00 0%, #ff6d00 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: #ff6d00;
    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: #252525;
}
.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 #ff6d00;
    color: #ff6d00;
    background: none;
    border-radius: 5px;
}
.text-blue{
    color: #ff6d00;
}
.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;
    border: 1px solid #ff6d0000;
        padding-left: 18px;
    padding-right: 18px;
}
.history_btn.active{
    border: 1px solid #ff6d00;
    border-radius: 4px;
    color: #ff6d00;
    background: white;
    padding-left: 18px;
    padding-right: 18px;
    align-items: center;
}
.history_btn:hover{
    border: 1px solid #ff6d00;
    border-radius: 4px;
    color: #ff6d00;
    background: white;
    padding-left: 18px;
    padding-right: 18px;
    align-items: center;
}
.history_table table{
    width: 100%;
    color: #000;
    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: #ff6d00;
    cursor: pointer;
}

/*profile*/
.profile_main{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    color: #858585;
    grid-column-gap: 5px;
}
.profile_main_title{
    color: #ff6d00;
}
.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: #000000;
    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: #ff6d00;
    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: #ff6d00;
        font-size: 21px;
        font-weight: 600;
        margin-bottom: 11px;
    }
    .vip_txt {
        font-size: 13px;
        margin-bottom: 15px;
    }

    .vip-sec3 {
        top: 145% !important;
    }

    .vip-sec3-cont {
        margin-top: 0px !important;
    }

    .vip-sec3-title {
        margin-top: 40px;
    }

}

@media only screen and (max-width: 1500px) {

    .vip-sec3 {
        top: 158% !important;
    }

    .vip-sec3-cont {
        margin-top: 0px !important;
    }

    .vip-sec3-title {
        margin-top: 40px;
    }

    .bronze-img {
        height: 240px !important;
    }

}

@media only screen and (min-width: 1520px) and (max-width: 1600px){

    .vip-sec3 {
        top: 175% !important;
    }

    .vip-sec3-cont {
        margin-top: 0px !important;
    }

    .vip-sec3-title {
        margin-top: 40px;
    }

}

/*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: #ff6d00;
    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;
}
.aff_bg{
    color: #000;
}
.aff_top_ol{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
table.table_aff{
    background-color: #2f2f2f;
}
table.table_aff tr th{
    border: 1px solid #fff;
    padding: 10px;
    color: #ff6d00;
}
table.table_aff tr td{
    border: 1px solid #fff;
    padding: 10px;
    color: #fff;
}
.responsive_slide_wrap{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 15px;
}
.playpop_txt_out{
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    position: absolute;
    bottom: 3%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-transform: uppercase;
}
.footer_l{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    grid-gap: 3%;
}
.footer_l img{
    max-width: 65px;
}
.marquee_vol{
    color: #ff6d00;
}
.about .share_con_bg {
    background: #ededed;
    padding: 20px;
    color: #2b2b2b;
}
.index_con_re_custom{
    position: absolute;
    top: 0;
}

/* 02102023 */
ul.slots_list li a .slots_list_icon img {
    padding: 11px;
    height: 55px;
    margin: 0px auto;
    display: block;
    filter: drop-shadow(2px 2px 1px black);
}

.playtech-img{
    filter: invert(100%) grayscale(100%) !important;
}

/* 09112023 */
.promo-video iframe {
    width: 100%;
    height: 730px;
    border: 0;
}

/* 14112023 */
.download-banner {
    text-align: center;
    margin-bottom: 10px;
    position: relative;
}

.download-banner img {
    width: 100%;
}

.float-icon {
    display: block;
    position: fixed;
    z-index: 999;
    bottom: 0%;
    left: 15px;
    width: 140px;
}
  
  .btn-fortune-group {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .fortune-times {
    background: #007f61;
    border: 1px solid #fff;
    border-radius: 5px;
    margin-right: 10px;
    text-align: center;
    font-size: 18px;
    padding: 5px 29px;
    line-height: 1;
  }
  
  .fortune-times .big-font {
    color: #fff;
  }
  
  .fortune-times .small-font {
    color: #fff;
  }
  
  .modal-content.fortune {
    background: none;
    border: none;
  }

  .spin-btn {
    background-color: #ff6d00;
    color: #021611;    
    padding: 10px;
    width: 200px;
    text-align: center;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 700;
  }

  .device-app {
    color: #018160;
    font-size: 12px;
    margin-bottom: 10px;
    border: 1px solid #018160;
    margin-top: 3px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 5px;
    width: 100px;
    font-weight: 600;
}

.device-app img {
    width: 16px;
    height: 18px;
    margin-right: 10px;
}

.device-download {
    display: flex;
    gap: 20px;
    position: absolute;
    bottom: 15px;
    left: 20%;
}

.device-qr img {
    width: 198px;
    height: 193px;
}

.device-qr {
    position: absolute;
    top: 60px;
    left: 21%;
}

/* 28112023 */

.vip-top{
    color: #007f61;
    font-size: 40px;
}

.vip-title{
    color: #ff6d00;
    font-size: 60px;
}

.sm-desc{
    color: #007f61;
    font-size: 16px;
    margin-bottom: 0;
}

.banner-content {
    position: absolute;
    top: 30%;
    right: 130px;
    width: 430px;
}

.banner-cont p {
    margin-bottom: 0;
}

.vip-bet {
    position: relative;
}

.vip-bet-cont {
    position: absolute;
    top: 50px;
    width: 35%;
    margin-left: 30px;
}

.vip-sec2 {
    position: relative;
}

.vip-bet {
    position: relative;
}

.vip-bet-cont {
    position: absolute;
    top: 105px;
    width: 40%;
    margin-left: 30px;
}

.vip-sec2 {
    position: relative;
    padding-top: 80px;
}

.vip-sec2-title {
    color: #007f61;
    font-weight: 700;
    font-size: 20px;
}

.vip-bet-cont p {
    color: #fff;
    font-weight: lighter;
}

.vip-bet-cont .bold-text {
    font-weight: 600;
}

.vip-sec3{
    top: 178%;
    color: #ff6d00;
    text-align: center;
    font-size: 20px;
    padding-top: 100px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;

}

.vip-sec3-cont {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    height: 100%;
    margin: 0 auto;
    margin-top: 40px;
}

.bronze-img {
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: end;
}
 
.vip-sec4{
    margin-top:30px;
    /* padding-top: 100px; */
}

.vip-sec4-title{
    color: #ff6d00;
    font-size:20px;
    font-weight: 700;
}

.vip-sec4 .sub-title{
    color:#bebebe;
}

.vip-sec4 ul{
    padding-left: 18px;
    list-style: decimal;
    color: #007f61;
}

.vip-sec4 p{
    color: #007f61;
}

.vip-sec4 li {
    line-height: 2.5;
}

.vip-table table {
    width: 100%;
    color:#007f61;
}

.vip-table th,td {
    text-align: center;
}

.vip-table td {
    padding: 8px;
}

.vip-table td:first-child {
    text-align: left;
    width: 23%;
}

.last-row {
    background: radial-gradient(circle, rgba(255, 168, 103, 1) 50%, rgba(255, 239, 227, 1) 100%);
    padding-bottom: 0;
}

.vip-table th,
.vip-table tr,
.vip-table td {
    border-right: 1px solid #007f61;
}

.table-title {
    color: #ff6d00;
    font-weight: 700;
    padding-top: 10px !important;
}

.vip-table tr:nth-child(n+2):nth-child(-n+8),
.vip-table tr:nth-child(n+11):nth-child(-n+14) {
    background: #ebebeb;
}

.vip-table tr:nth-child(9),
.vip-table tr:nth-child(11),
.vip-table tr:nth-child(15),
.vip-table tr:nth-child(18) {
    padding-bottom: 10px;
}

.vip-sec5 {
    /* margin-top: 300px; */
    padding-top: 100px;
}

.vip-sec6{
    /* margin-top: 5%; */
    display: flex;
    gap: 15px;
    margin-bottom: 40px;
    padding-top: 171px;
}

.faq-sec {
    background: #ebebeb;
    padding: 45px;
    border-radius: 10px;
}

.tnc-sec {
    background: #ebebeb;
    padding: 30px;
    border-radius: 10px;
    position: relative;
}

.tnc-cont {
    width: 50%;
}

.faq-title {
    color: #ff6d00;
    font-weight: 700;
    font-size: 25px;
}

.faq-cont {
    color: #007f61;
}

.faq-cont span {
    font-weight: 600;
    margin-bottom: 100px;
}

.faq-cont p {
    margin-bottom: 10px;
    line-height: 2;
}

.faq-cont ul {
    padding-left: 0px;
    list-style: none;
}

.tnc-cont {
    color: #007f61;
    width: 46%;
}

.bottom-img {
    position: absolute;
    bottom: 0%;
    right: -5%;
}

.bold-text {
    font-weight: 700;
}


.vip-rel {
    position: absolute;
    top: 78%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

.vip {
    position: absolute;
    top: 115%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

.vip-bg {
    margin-top: 240px;
    position: relative;
}

.vip-sec{
    height:auto;
}

.vip-rem {
    padding-top: 100px;
}

@media screen and (min-width: 1900px){
    .vip-sec3 {
        top: 155%;
    }

    .vip-bg {
        margin-top: 120px;
    }
}

.vip-vip-menu{
    position: absolute;
    width: 100%;
    top: 75%;
}

.menu-wrapper{
    display: flex;
    width: 100%;
    margin: auto;
    color: rgb(134, 151, 162);
    font-size: 95px;
    padding: 0px;
    gap: 10px;
}

.nav-item{
    color: rgb(134, 151, 162);
    font-size: 20px;
    padding: 5px;
    width: 100px;
    text-align: center;
}

ul.menu-wrapper {
    list-style: none;
}

.nav-item a {
    color: #007f61;
}

.nav-item.active,
.nav-item:hover {
    background: #ff6d00;
    color: #007f61;
    border-radius: 25px;
}

.iframe_index {
    border: none;
}

.index_con_warp02 .nav-item {
    width: auto;
}