@charset "UTF-8";
/**
Designed by koala11.com
Copyright 2019
**/
/*body{ background-color: #060912; font-family: Arial, Helvetica, "Hiragino Sans GB", "Microsoft YaHei","WenQuanYi Micro Hei", sans-serif; }*/
/*body:after{ content: ''; width: 100%; height: 1080px; background: url('../../assets/img/bg.jpg') no-repeat bottom center; position: fixed; bottom: -10px; left: 0; z-index: -1; }*/
.carousel-indicators li{ width: 15px; height: 15px; background-color: #FF6F00; }

.dropdown-menu{ min-width: auto; background-color: #1F2C56; border-color: #37456B; }
.dropdown-menu .dropdown-item{ color: #FFF; }
.dropdown-menu .dropdown-item:hover{ color: #FFDD31; background-color: transparent; }

::selection{ color: #FFF; background-color: #3955C4; }
::-moz-selection{ color: #FFF; background-color: #3955C4; }
::-webkit-selection{ color: #FFF; background-color: #3955C4; }

/***
Common
***/
header nav .nav-link{ color: #FFF; font-weight: bold; }
header nav .nav-link.position-relative:after{ content: ''; width: 20px; height: 20px; background: url('../../assets/img/hot.svg') no-repeat center center; position: absolute; top: -9px; right: 5px; z-index: 1; background-size: 100%; }
header nav .nav-link.active{ color: #FFDD31; }
header .afterLogin .nav-link{ color: #FFF; padding: .2rem .5rem; }
header .afterLogin ul > li:last-child > a i{ color: #F00; }

/*main{ margin-top: 219px; }*/

/*footer{ padding: 1rem 0; border-top: 2px solid #FFDD31; }
footer:before{ content: ''; display: block; height: 74px; background: url('../../assets/img/brands.png') no-repeat center center; }*/

.top{ font-size: .8rem; padding: .3rem 0; background-color: #060C1C; }
.top .nav-link{ padding: 0 .7rem; }
/*.top ul > li:last-child .lang, .mobileNav .langSection .lang{ width: 20px; height: 15px; background: url('../../assets/img/lang_en.svg') no-repeat center center; }
.top ul > li:last-child .lang.cn, .mobileNav .langSection .lang.cn{ width: 20px; height: 15px; background: url('../../assets/img/lang_cn.svg') no-repeat center center; }*/

.topheader{ padding: .8rem 0; background-color: #0D1430; }
.topheader .logo{ width: 16%; }

.topheader .loginForm{ width: 45%; }
.loginForm input, .loginForm input:focus{ height: 35px; color: black; background-color: #1F2C56; border-color: #37456B; box-shadow: none; }
.loginForm .btn-login{ width: 80px; height: 80px; background: url('../../assets/img/btn_login.svg') no-repeat center center; outline: none; }
.loginForm .btn-regis{ width: 93px; height: 80px; background: url('../../assets/img/btn_regis.svg') no-repeat center center; }

/***
Home
***/
#home .jackpot:before{ content:''; display: block; height: 162px; background: url('../../assets/img/jackpot_bg.png') no-repeat center center; background-size: 100%; }
#home .jackpot span{ color: #ffd60b; font-size: 2rem; font-weight: bold; position: absolute; top: 59px; right: 631px; z-index: 1; }
#home .jackpot span:nth-child(2){ right: 583px; }
#home .jackpot span:nth-child(3){ right: 536px; }
#home .jackpot span:nth-child(4){ right: 489px; }
#home .jackpot span:nth-child(5){ right: 440px; }
#home .jackpot span:nth-child(6){ right: 393px; }
#home .jackpot span:nth-child(7){ right: 346px; }
#home .jackpot span:nth-child(8){ right: 299px; }
#home .jackpot span:nth-child(9){ right: 249px; }
#home .jackpot span:nth-child(10){ right: 202px; }
#home .jackpot span:nth-child(11){ right: 155px; }
#home .jackpot span:nth-child(12){ right: 111px; }
#home .jackpot span:nth-child(13){ right: 59px; }
#home .jackpot span:last-child{ right: 12px; }

#home .category ul > li > a{ border: 3px solid #060912; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; }
#home .category ul > li > a:hover{ border-color: #FFDD31; }
#home .category ul > li > a article{ width: 100%; padding: 1rem 1.5rem; background-color: #060C1C; position: absolute; bottom: 0; left: 0; z-index: 1; border-top: 3px solid #FFDD31; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; }
#home .category article:before{ content: ''; display: inline-block; width: 25%; background: url('../../assets/img/icon_slot.svg') no-repeat center center; }
#home .category ul > li:nth-child(2) > a article:before{ background: url('../../assets/img/icon_casino.svg') no-repeat center center; }
#home .category ul > li:last-child > a article:before{ background: url('../../assets/img/icon_sport.svg') no-repeat center center; }
#home .category article span{ color: #688091; font-size: 1.3rem; }
#home .category article span b{ color: #FFF; font-size: 2rem; font-weight: bold; }
#home .category ul > li > a:hover article span, #home .category ul > li > a:hover article span b{ color: #FFDD31; }
#home .category ul > li > a:hover article{ background-color: rgba(255,221,49,.6); }
#home .category ul > li:nth-child(1) > a:hover img {content: url('../../assets/img/slot_hover.jpg')}
#home .category ul > li:nth-child(2) > a:hover img {content: url('../../assets/img/casino_hover.jpg')}

#home .mobile{ padding: 5rem 0; margin: 3rem 0 8rem; }
#home .mobile:after{ content: ''; width: 100%; height: 440px; background: url('../../assets/img/mobile.png') no-repeat right center; position: absolute; bottom: 0; right: 0; z-index: 1; }
#home .mobile h1{ color: #FFDD31; font-size: 3rem; font-weight: 900; }
#home .mobile article{ width: 45%; }
#home .mobile figure{ color: #FFDD31; font-size: 2rem; font-weight: 700; }
#home .mobile figure img{ width: 100px; }

#home .registration .regForm, #home .registration .sideLobby,
#transfer .card, #deposit .card, #withdrawal .card, #history .card, #profile .card{ background-color: rgba(0,0,0,.8); border-color: rgba(33,33,33,.4); }
#home .registration{ padding: 4rem 0; }
#home .registration h4, #home .registration legend, #home .registration .sideLobby .list-group-item a:hover{ color: #FFDD31; }
#home .registration fieldset{ border: 1px solid #313131; }
#home .registration legend{ font-size: 1rem; letter-spacing: .2rem; }
#home .registration .sideLobby .list-group-item{ border-color: #313131; }
#home .registration .sideLobby .list-group-item a{ color: #c9c9c9; }

/***
Slot
***/
#slot:before{ content: ''; display: block; height: 338px; background: url('../../assets/img/casino/slot/topbanner.jpg') no-repeat top center; }
#slot .slotWrap{ padding: 4rem 0; }
#slot .slotWrap .card-deck{ padding: 2rem 1rem; background-color: #1e1e1e; border: 1px solid #2a2a2a; }
#slot .slotWrap a{ border-color: #2a2a2a; }
#slot .slotWrap a:hover{ border-color: #FFDD31; }
#slot .slotWrap a img{ transition: transform .2s; }
#slot .slotWrap a:hover img{ transform: scale(1.1); }

/***
Casino
***/
#casino:before{ content: ''; display: block; height: 338px; background: url('../../assets/img/casino/casino/topbanner.jpg') no-repeat top center; }
#casino .casino-menu{ padding: 4rem 0; }
#casino .casino-menu .card-deck{ padding: 2rem 1rem; background-color: #1e1e1e; border: 1px solid #2a2a2a; }
#casino .casino-menu a{ border-color: #2a2a2a; }
#casino .casino-menu a:hover{ border-color: #FFDD31; }
#casino .casino-menu a img{ transition: transform .2s; }
#casino .casino-menu a:hover img{ transform: scale(1.1); }

/***
Sport
***/
#sport .sportWrap{ min-height: 581px; padding: 2rem 0; background: url('../../assets/img/casino/sportbook/bg.jpg') no-repeat center center; }
#sport .sportWrap dl{ width: 25%; margin: 75px auto;}
#sport .sportWrap dl > dd > a{ display: block; padding: 1rem; border: 1px solid #222; }
#sport .sportWrap dl > dd:hover > a{ border-color: #FFDD31; }

/***
Mobile App
***/
#mobileapp{ background-color: #232323; }
#mobileapp .mobileWrap{ padding: 4rem 0; }
#mobileapp .mobileWrap:after{ content: ''; display: block; height: 395px; background: url('../../assets/img/mobileapp/mobileapp.png') no-repeat center center; }
#mobileapp h2{ color: #FFDD31; }

/***
Promotion
***/
#promo .nav{ padding-top: 4rem; }
#promo .tab-content{ padding-bottom: 4rem; }
#promo .nav-pills{ border-bottom: 1px solid #323232; }
#promo .nav-pills .nav-link{ color: #FFDD31; border-bottom: 1px solid #FFDD31; background-color: transparent; }
#promo article{ padding: 2rem; background-color: rgba(0,0,0,.8); border: 1px solid #232323; }

/***
Transfer
***/
.myWallet .totalrow{ padding: 1rem 0 0; margin-top: 1rem; border-top: 1px dashed #1F2C56; }
.myWallet .card-footer{ border-width: 1px 0 0 0; border-top-color: rgba(255,255,255,.3); outline: none; }
#transfer h2, #deposit h2, #withdrawal h2, #history h2, #profile h2{ color: #FFDD31; padding: 4rem 0 1rem; }
#transfer dl, #deposit dl, #withdrawal dl, #history dl, #profile dl{ padding-bottom: 4rem; }

/***
Mobile
***/
.offcanvas-collapse{ background: url('../../assets/img/bg_footer.svg') no-repeat bottom center #060912; }
.offcanvas-collapse p{ color: #FFDD31; }
.offcanvas-collapse [type="submit"]{ background: rgb(57,85,196);
    background: -moz-linear-gradient(top, rgba(57,85,196,1) 0%, rgba(60,106,163,1) 40%, rgba(49,54,132,1) 100%);
    background: -webkit-linear-gradient(top, rgba(57,85,196,1) 0%,rgba(60,106,163,1) 40%,rgba(49,54,132,1) 100%);
    background: linear-gradient(to bottom, rgba(57,85,196,1) 0%,rgba(60,106,163,1) 40%,rgba(49,54,132,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3955c4', endColorstr='#313684',GradientType=0 ); }
.offcanvas-collapse nav{ border-width: 0; }
.offcanvas-collapse nav a{ font-size: 1.3rem; text-align: center; }
.offcanvas-collapse nav a:hover{ color: #FFDD31; }
.offcanvas-collapse nav hr{ width: 100%; border-color: rgba(255,255,255,.3); }

.mobileNav{ border-top-width: 0; }
.mobileNav .logo{ width: 30%; }

.mobileClient a{ width: 50%; float: left; color: #060C1C; font-size: 1.2rem; font-weight: bold; text-align: center; padding: .8rem 0; }
.mobileClient a:first-child{ background: rgb(247,222,1); background: -moz-linear-gradient(top, rgba(247,222,1,1) 0%, rgba(247,245,103,1) 24%, rgba(247,222,1,1) 52%, rgba(168,85,29,1) 100%); background: -webkit-linear-gradient(top, rgba(247,222,1,1) 0%,rgba(247,245,103,1) 24%,rgba(247,222,1,1) 52%,rgba(168,85,29,1) 100%); background: linear-gradient(to bottom, rgba(247,222,1,1) 0%,rgba(247,245,103,1) 24%,rgba(247,222,1,1) 52%,rgba(168,85,29,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7de01', endColorstr='#a8551d',GradientType=0 ); }
.mobileClient a:last-child{ color: #FFDD31; background: rgb(211,26,0); background: -moz-linear-gradient(top, rgba(211,26,0,1) 0%, rgba(247,175,177,1) 24%, rgba(247,45,31,1) 57%, rgba(247,45,31,1) 57%, rgba(161,23,4,1) 100%); background: -webkit-linear-gradient(top, rgba(211,26,0,1) 0%,rgba(247,175,177,1) 24%,rgba(247,45,31,1) 57%,rgba(247,45,31,1) 57%,rgba(161,23,4,1) 100%); background: linear-gradient(to bottom, rgba(211,26,0,1) 0%,rgba(247,175,177,1) 24%,rgba(247,45,31,1) 57%,rgba(247,45,31,1) 57%,rgba(161,23,4,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d31a00', endColorstr='#a11704',GradientType=0 ); }

.mobileCategory a{ min-height: 155px; padding: 0; background: rgb(6,12,28); background: -moz-linear-gradient(top, rgba(6,12,28,1) 0%, rgba(13,20,48,1) 100%); background: -webkit-linear-gradient(top, rgba(6,12,28,1) 0%,rgba(13,20,48,1) 100%); background: linear-gradient(to bottom, rgba(6,12,28,1) 0%,rgba(13,20,48,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#060c1c', endColorstr='#0d1430',GradientType=0 ); }
.mobileCategory a:after{ content: ''; display: block; height: 155px; background: url('../../assets/img/app/slot.jpg') no-repeat top right; }
.mobileCategory a article{ width: 135px; font-size: 1.2rem; margin: 23px 0; }
.mobileCategory a article:before{ content: ''; height: 45px; display: block; margin-bottom: .5rem; background: url('../../assets/img/app/icon_slot.svg') no-repeat center center; }
.mobileCategory a article span{ color: #688091; font-size: 1rem; }
.mobileCategory a:nth-child(2):after{ background: url('../../assets/img/app/casino.jpg') no-repeat top right; }
.mobileCategory a:nth-child(2) article:before{ background: url('../../assets/img/app/icon_casino.svg') no-repeat center center; }
.mobileCategory a:last-child:after{ background: url('../../assets/img/app/sport.jpg') no-repeat top right; }
.mobileCategory a:last-child article:before{ background: url('../../assets/img/app/icon_sport.svg') no-repeat center center; }

/****
Free Spin
***/
.btn_spin {display: inline-block;border-radius: 4px;padding: 5px;margin: 15px 30px auto 30px;cursor:pointer;}
.prize {padding: 25px;display: inline-block;position: absolute;}
.prize td {color: white;padding: 5px;border: 1px white solid;}
#lotteryBrd {width:30%;display:inline-block;}
#lotteryBtn {width:6%;display:inline-block;position: absolute;top: 34%;left: 47%;}
#btnCont {text-align: center;margin: auto;height: 66px;}