body {  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; font-family: 'Mitr', sans-serif; font-weight: 300; font-size: 14px; background-color: #000; }
ul { padding-inline-start: 0px; list-style: none; }
a { color: #ffe295; text-decoration: none; font-weight: 400; }
.container {
    -webkit-box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.6);
}

a:hover, a:focus { color: #fff; text-decoration: none; }
.fullwidth { width: 100% }
.bg-black { background-color: #000; }
.tab_logo_mb { display: none; }

.slide { border-bottom: 4px solid #f2de00; }

.top_nav { background-color: #000; padding: 12px 25px; }
.top_menu { z-index: 999; position: relative; }
.top_menu a.br_right {  padding: 0 15px; border-right: 2px solid #000000; font-size: 18px; }
.top_menu a.br_left {  padding: 0 15px; border-left: 2px solid #000000; font-size: 18px; }
.top_menu ul { background: url(../../images/bg-menu-compressed_v3.png) no-repeat center top; }
.top_menu ul li { display: flex; position: relative; margin-top: -60px; }
.top_menu ul li a { color: #000; }
.top_menu ul li a { color: #000; }

.menu_mb { background-color: #000; }
.menu_mb .navbar-toggler { color: #fff; }
.logo_mb { position: absolute; top: 10px; z-index: 9999; width: 70px; }

.navbar-toggler { border: none;  background: transparent !important;  outline: none !important; padding: 12px 20px 13px 20px;}
.navbar-toggler .top-bar { transform: rotate(45deg); transform-origin: 10% 10%; }
.navbar-toggler .middle-bar { opacity: 0; }
.navbar-toggler .bottom-bar { transform: rotate(-45deg); transform-origin: 10% 90%; }
.navbar-toggler.collapsed .top-bar { transform: rotate(0); }
.navbar-toggler.collapsed .middle-bar { opacity: 1; }
.navbar-toggler.collapsed .bottom-bar { transform: rotate(0); }
.icon-bar { width: 22px; height: 2px; background-color: #fff; display: block; transition: all 0.2s; margin-top: 4px; }

section.content { margin-top: -102px; z-index: 0; position: relative; }
.line_id { background-color: #3ef93e; padding: 8px 15px; margin: 20px 0 40px 0; font-size: 18px; font-weight: 500; border-radius: 10px;  }
.promotion { padding: 0px; }
.block_game { padding: 0 30px; margin-top: 3rem; padding-bottom: 3rem; }
.banner_pro { border: 4px solid #ffe295; margin-bottom: 1.5rem; border-radius: 30px; }
.br_yellow { border: 4px solid #ffe295; margin-bottom: 1.5rem; border-radius: 30px; padding: 20px; }
.br_yellow a { color: #ffe295; text-decoration: none; font-weight: 300; }
.br-ra { border-radius: 100%; border: 1px solid #ffe295; padding: 9px 12px; width: 30px; height: 30px; margin-right: 5px; font-size: 12px; }

.br_yellow { font-size: 16px; }
.br_yellow .logo_game { width: 100%; margin: 0 auto; text-align: center; height: 160px; }
.br_yellow .logo_game .gamelogo {  max-width: -webkit-fill-available;  height: auto; }
.br_yellow p { color: #fff;  margin-top: 1rem; margin-bottom: 0.5rem; }
.br_yellow .balance { color: #fff; text-align: center; font-size: 25px; font-weight: 400; }
.btn-primary { background-color: #068500; border: 2px solid #ffe295; color: #fff; border-radius: 50px; padding: 6px 22px; margin: 0 10px; outline: 0; }
.btn-primary:hover { background-color: #ffe295; border: 2px solid #068500; color: #000;  }
.btn-danger { background-color: #dc3545; border: 2px solid #ffe295; color: #fff; border-radius: 50px; padding: 6px 22px; margin: 0 10px; outline: 0; }
.btn-danger:hover { background-color: #eee; border: 2px solid #dc3545; color: #000;  }

.btn-login { background-color: #040404; border: 2px solid #cca44a; color: #cca44a; border-radius: 10px; padding: 6px 22px; margin: 0 5px; outline: 0; }
.btn-login:hover { background-color: #cca44a; border: 2px solid #040404; color: #000; }

.footer { color: #fff; padding-bottom: 50px; margin-top: 30px; }
.footer h3 { text-align: center; font-size: 20px; font-weight: 300; padding-bottom: 0.5rem; }
.footer h6 { text-align: center;  padding-bottom: 1rem; margin-bottom: 0px; font-size: 14px; font-weight: 300; }
.footer_member { color: #fff; padding-bottom: 20px; margin-top: 0px; background-color: #000000; }
.footer_member h6 { text-align: center;  padding-bottom: 1rem; margin-bottom: 0px; font-size: 14px; font-weight: 300; }
.nav_footer { display: none; }

.regis_page .top_nav { height: 64px; }
.regis_page .bg-black .regis { padding: 100px 0; }
.regis_page h2 { color: #3ef93e; font-weight: 400; margin-bottom: 3rem; }
.regis_page .captcha { background: #ffd200; border-radius: 50px; text-align: center; padding: 12px 50px; font-weight: 500; letter-spacing: 3px; color: #4a0000; font-size: 28px; top: -11px; }
.input-group { margin-bottom: 10px; }
.input-group-text { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0; margin-bottom: 0;  font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: inherit; background-color: unset; border: none; border-radius: unset;}
.input-group-prepend { display: flex; align-items: center; position: relative; top: -18px; right: -8px; z-index: 9; }
.input-group .input-group-prepend .input-group-text img { width: 80px; height: 80px; }
.form-control { padding: .375rem 1.5rem; border-radius: 50px; height: calc(1.5em + 1.2rem + 2px); }
.form-control::placeholder {  color: #000; opacity: 1; }

.tx_regis { margin-bottom: 40px; }
.tx_regis p { color: #fff; margin-bottom: 5px; font-size: 18px; font-weight: 400; }
.tx_regis p.yellow { color: #ffcc33; }
.btn_pro { background-color: #ffd200; color: #000; padding: 8px 26px; font-size: 16px; border-radius: 50px; }

.berger .collapsing, .berger .show { display: block; position: fixed; right: 0px; width: 300px; z-index: 9999; background-color: rgb(0, 0, 0); transition: height .15s linear; }
.berger .collapsing .navbar-nav, .berger .show .navbar-nav { text-align: left; }
.berger .collapsing ul li, .berger .collapse ul li { padding: 5px 20px; }

.tab_balance { background-color: #f4d25d; padding: 12px 40px; margin: 20px 0 40px 0; font-size: 20px; font-weight: 400; border-radius: 50px; }
.tab_balance .balance { text-align: right; }

.tab_balance .text-danger { color: #ff0000!important; }
.brfooter { margin-top: -17px;  }

.menu_member { justify-content: center;text-align: center; margin-top: 20px; margin-bottom: 0px; padding: 0 30px; }
.menu_member .btn_menu_member img { width: 100%; margin-top: 0px; left: 0; position: relative; }
.menu_member p { color: #fff; margin-top: 5px; position: relative; left: 0; top: 0px; display: none; }
.menu_member a {display: block; width: auto; height: auto; color: black;position: relative;margin-bottom: 40px;margin: 0 auto;}
.menu_member a.active p { color: #ffe501; display: none;  }

.menu_member a img.menu_on, .menu_member a.active img.menu_act, .menu_member a:hover img.menu_act { display: block; }
.menu_member a img.menu_act, .menu_member a.active img.menu_on, .menu_member a:hover img.menu_on  { display: none; }



/*.menu_member a:after {background: url(../../images/AnyConv.png) no-repeat center top; content: "";opacity: 1;width: inherit;height: inherit;position: absolute;top: 0;left: 0;transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s; }
.menu_member a.active:after {background: url(../../images/AnyConv_act.png) no-repeat center top;content: "";opacity: 1;width: inherit;height: inherit;position: absolute;top: 0;left: 0;transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s; }
.menu_member a:hover:after{   opacity: 1;transform: scale(1) rotateZ(-30deg);-moz-transform: scale(1) rotateZ(-30deg);-webkit-transform: scale(1) rotateZ(-30deg);-o-transform: scale(1) rotateZ(-30deg);}*/

.menu_member a:after {opacity: 1;width: inherit;height: inherit;position: absolute;top: 0;left: 0;transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s; }
.menu_member a.active:after {opacity: 1;width: inherit;height: inherit;position: absolute;top: 0;left: 0;transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s; }
.menu_member a:hover:after{   opacity: 1;transform: scale(1) rotateZ(-30deg);-moz-transform: scale(1) rotateZ(-30deg);-webkit-transform: scale(1) rotateZ(-30deg);-o-transform: scale(1) rotateZ(-30deg);}

.member .promotion, .member .aff, .member .deposit { padding: 0 30px; margin-top: 1rem !important; padding-bottom: 3rem; }
.member .aff h2 { color: #3ef93e; font-weight: 400; margin-bottom: 3rem; }
.member .aff .tx_aff { color: #fff; margin-bottom: 40px; margin-top: -10px; }

.input-group-append { display: flex;align-items: center;position: relative;top: -17px;right: 0;z-index: 9;border-top-right-radius: 50px; border-bottom-right-radius: 50px; color: #cc0000;  }
.btn-outline-secondary { background-color: #ffd200; border: 0; color: #cc0000; padding: 0.69rem 1.5rem; border-top-right-radius: 50px; border-bottom-right-radius: 50px;  outline: 0; }
.member .aff .table { background-color: #fff; border-radius: 30px; margin-bottom: 30px; }
.member .aff .table thead th { border: none; background-color: #3cdc3c; font-weight: 500; font-size: 15px; }
.member .aff table:first-of-type thead th:first-child { border-top-left-radius: 30px; }
.member .aff table:last-of-type thead th:last-child { border-top-right-radius: 30px; }
.member .aff .step p { color: #fff; font-size: 20px; font-weight: 400; margin-bottom: 5px; }

.modal-open .login .modal-body { padding-top: 20px; }
.modal-open .login .modal-content { border: 2px solid #ffe295; background-color: #000; padding: 30px 10px 0px 10px; border-radius: 30px; }
.modal-open .login .modal-footer { border-top: 0; padding: 0; height: 10px; }
.modal-open .login .modal-footer button {  position: relative; bottom: 10px;  }
.modal-open .login .modal-header { border-bottom: 0; padding-bottom: 0;text-align: center; align-items: center; justify-content: center;}
.modal-open .login .modal-header h3 { color: #fff; font-size: 20px; font-weight: 400; }
.modal-open .login .modal-header h4 { color: #fff; font-size: 13px; font-weight: 400; margin-bottom: 26px; }

.modal-open .modal-body { padding-top: 20px; }
.modal-open .modal-content { border: 2px solid #ffe295; background-color: #000; padding: 30px 10px 0px 10px; border-radius: 30px; }
.modal-open .modal-footer { border-top: 0; padding: 0 0px 30px 0px; height: auto;}
.modal-open .modal-footer button {  position: relative; bottom: 10px;  }
.modal-open .modal-header { border-bottom: 0; padding-bottom: 0;text-align: center; align-items: center; justify-content: center;}
.modal-open .modal-header h3 { color: #fff; font-size: 20px; font-weight: 400; }

.deposit .tx_remark p { color: #fff; margin-bottom: 0px; line-height: 2; font-weight: 400; }
.deposit .tx_remark p.text-danger { color: #fe0000!important; }

.block_listbank { margin: 40px 0 0px 0; }
.block_listbank h2 { color: #3ef93e; font-weight: 400; margin-bottom: 3rem; }
.deposit .list_bank { background-color: #fff; padding: 10px 50px 10px 130px; border-radius: 100px; margin-bottom: 70px; }
.deposit .list_bank img.logo_bank { position: absolute; width: 160px; left: -50px; }
.deposit .list_bank .scb p { color: #4f2a81; margin-bottom: 0px; line-height: 2; font-weight: 400; }
.deposit .list_bank .scb h3 { color: #4f2a81; font-size: 20px; margin-bottom: 0; }
.deposit .list_bank .true p { color: #fd8204; margin-bottom: 0px; line-height: 2; font-weight: 400; }
.deposit .list_bank .true h3 { color: #fd8204; font-size: 20px; margin-bottom: 0; }
.deposit .list_bank .other p { color: #000; margin-bottom: 0px; line-height: 2; font-weight: 400; }
.deposit .list_bank .other h3 { color: #000; font-size: 20px; margin-bottom: 0; }
.btn_copy { background-color: #ffd200; border-radius: 100px; padding: .3rem 1.5rem; }

.nav_footer { display: none;}

.title-game-list{
    padding-top: 10px;color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
}


.jackpot #anIDs {
    color: gold;
    font-size: 38px;
    font-weight: bold;
    padding-left: 0px;
    letter-spacing: .1em;
}

.jackpot #anID {
    color: gold;
    font-size: 38px;
    font-weight: bold;
    padding-left: 0px;
    letter-spacing: .1em;
}

/* .jackpotImage{
    margin: 10px 0;
    height: 100px;
    text-align: center;
    background-size: auto 100px;
    background-repeat: no-repeat;
    } */

    .jackpotImage p{
        padding-top: 35px;color: gold;
        font-size: 34px;
        padding-left: 70px;
        letter-spacing: .1em;
    }

    .jackpotImage{
        margin: 10px 0px;
        background-image: url(../../images/jackpot-banner-compressed.gif);/*http://i.imgur.com/qzQkmGm.png*/
        width: auto;
        height:  100px;
        text-align: center;/*../../images/jackpot-banner.png*/
        background-repeat: no-repeat;
        background-size: contain;
        background-position: right;
        /*animation: playX 1s steps(2) infinite;  */
    }

    .LineImage{
        margin: 10px 0px;
        background-image: url(../../images/line-banner-compressed.png);
        width: auto;
        height:  100px;
        text-align: center;/*../../images/jackpot-banner.png*/
        background-repeat: no-repeat;
        background-size: contain;
        background-position: left;
        /*animation: playX 1s steps(2) infinite;  */
    }


    .rowGif{
        margin-top: 35px
    }

    .gifMargin{
        margin: 40px 0px 40px 0px;
    }

    @keyframes playX {
        from {background-position-y: 0px;}
        to {background-position-y: -200px;}
    }

    @media (min-width: 576px){
        .modal-transfer {
            max-width: 650px;
            margin: 1.75rem auto;
        }
    }
    @media (max-width: 1400px) {
        .jackpotImage p{
            padding-left: 155px;
        }
    }

    @media (max-width: 1199px) {
        .jackpotImage p { padding-left: 75px; }
        .LineImage{ background-position: left;}
    }

    @media (min-width: 1401px) {
        .jackpotImage p { padding-left: 163px; }
        .LineImage{ background-position: left;}
    }

    @media (max-width: 1024px) {
       .block_game, .promotion { padding: 0px; border-radius: 30px }
       .jackpotImage{ background-position: right; }
       .LineImage{ background-position: left;}
    }

   @media (max-width: 991px) {
    .nav_footer { display: block;}
    section.content { margin-top: 0px; }
    .carousel-indicators { margin-bottom: 0 !important; }
    .tab_logo_mb { display: block; background: url(../../images/bg-menu-compressed_v3.png) no-repeat center top;  height: 88px; position: relative; z-index: 9;}
    .tab_logo_mb img { margin-top: -50px; width: 170px; }
    .top_menu { margin-top: -19px; }
    .nav_footer { display: inline-block; z-index: 9999; padding: 12px 0 5px 0; border-top-left-radius: 30px; border-top-right-radius: 30px; background: rgba(3,84,8,1); background: -moz-linear-gradient(top, rgba(3,84,8,1) 0%, rgba(30,179,38,1) 40%, rgba(1,45,15,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(3,84,8,1)), color-stop(40%, rgba(30,179,38,1)), color-stop(100%, rgba(1,45,15,1))); background: -webkit-linear-gradient(top, rgba(3,84,8,1) 0%, rgba(30,179,38,1) 40%, rgba(1,45,15,1) 100%); background: -o-linear-gradient(top, rgba(3,84,8,1) 0%, rgba(30,179,38,1) 40%, rgba(1,45,15,1) 100%); background: -ms-linear-gradient(top, rgba(3,84,8,1) 0%, rgba(30,179,38,1) 40%, rgba(1,45,15,1) 100%); background: linear-gradient(to bottom, rgba(3,84,8,1) 0%, rgba(30,179,38,1) 40%, rgba(1,45,15,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#035408', endColorstr='#012d0f', GradientType=0 ); }
    .nav_footer ul { margin-bottom: 0; }
    .nav_footer ul li { text-align: center; }
    .nav_footer ul li a i { font-size: 20px; color: #fff; }
    .nav_footer ul li a:hover i,.nav_footer ul li a.active i { font-size: 20px; color: #ffe295; }
    .nav_footer a p { margin-bottom: 0; font-size: 12px; font-weight: 300; color: #fff; }
    .nav_footer a:hover p, .nav_footer a.active p  { color: #ffe295; }
    .footer_member { padding-bottom: 50px; }
    .regis_page .top_nav { height: 50px; }
    .tab_balance, .tab_balance .balance { text-align: center; }
    .jackpotImage{ background-position: center; }
    .jackpotImage p { padding-left: 5px; }
    .LineImage{ background-position: center;}
    .rowGif{ margin-top: 20px }
    .gifMargin{ margin: 20px 0px 20px 0px; }
}

@media (max-width: 768px) {
    .block_game, .member .promotion, .member .aff, .member .deposit { padding: 0px 15px 80px 15px; }
    .promotion { padding: 0 15px; }
    .top_nav { padding: 12px 0px; }
    .regis_page .bg-black .regis { padding: 50px 0; }

    @keyframes playX480 {
        from {background-position-y: 0px;}
        to {background-position-y: -200px;}
    }

    .rowGif{ margin-top: 20px }
    .gifMargin{ margin: 20px 0px 20px 0px; }

}
@media (max-width: 515px) {
    @keyframes playX515 {
        from {background-position-y: 0px;}
        to {background-position-y: -100px;}
    }
    .rowGif{ margin-top: 15px }
    .gifMargin{ margin: 20px 0px 10px 0px; }

}

@media (max-width: 480px) {
    .top_menu { margin-top: -25px; }
    .tab_logo_mb { display: block; background: url(../../images/bg-menu_sm-compressed_v2.png) no-repeat center top; background-size: 100% auto; height: 64px;  }
    .tab_logo_mb img { margin-top: -39px; width: 118px; }
    .btn-login { border: 1px solid #cca44a; padding: 2px 12px; font-size: 13px; }
    .regis_page .captcha { padding: 11px 25px; font-size: 28px; top: -9px !important; }
    .input-group-prepend { top: -12px; }
    .input-group .input-group-prepend .input-group-text img { width: 70px; height: 70px; }
    .tx_regis p {  font-size: 13px; }
    .top_nav { padding: 12px 0px; }
    .berger .collapsing, .berger .show {  display: inline-block; position: relative; right: 0px; width: 100%; z-index: 9; background-color: rgb(0, 0, 0); transition: height .35s linear; }
    .menu_member { padding: 0px; }
    .menu_member a { width: auto; height: auto; }
    .input-group-append { top: -12px; }
    .btn-outline-secondary { padding: 0.66rem 1.5rem; }
    .member .aff .step p { font-size: 13px; }
    .deposit .list_bank { background-color: #fff; padding: 10px 10px 10px 10px; border-radius: 100px; margin-bottom: 30px; }
    .deposit .list_bank img.logo_bank { position: relative; width: 70px; left: 0px; }
    .btn_copy {  padding: .3rem .75rem; font-size: 13px; }
    .rowGif{ margin-top: 15px }
    .gifMargin{ margin: 20px 0px 10px 0px; }
}

@media (max-width: 375px) {
    .tab_logo_mb { height: 58px;  }
    .tab_logo_mb img { margin-top: -40px; width: 110px; }
    .btn-primary { font-size: 13px; }
    .rowGif{ margin-top: 5px }
    .gifMargin{ margin: 20px 0px 0px 0px; }
}

@media (max-width: 320px) {
    .top_menu { margin-top: -19px; }
    .tab_logo_mb { height: 53px;  }
    .tab_logo_mb img { margin-top: -35px; width: 100px; }
    .rowGif{ margin-top: 5px }
    .gifMargin{ margin: 0px 0px 0px 0px; }
}