@font-face{font-family:"play";src:url("../font/play.woff2") format("woff2")}@font-face{font-family:"play-bold";src:url("../font/play-bold.woff2") format("woff2")}*{box-sizing:border-box;margin:0;padding:0;font-family:"play",Arial,sans-serif}html{scroll-behavior:smooth;font-size:18px}@media only screen and (max-width: 1024px){html{font-size:16px}}@media only screen and (max-width: 500px){html{font-size:15px}}body{color:#fff;text-align:justify}body::after{content:"";z-index:-100;width:100%;height:100vh;position:fixed;top:0;left:0;background-image:url("../img/body_bg.jpg");background-repeat:no-repeat;background-size:cover;background-position:50%}img{display:block;width:100%}.f-center{display:flex;justify-content:center;align-items:center}.text-link{color:#ff0031}ul,li{list-style:none}a{font-size:1.2rem;text-decoration:none;color:#fff}p,span{font-size:1.2rem;line-height:36px;text-align:left}h1,h2,h3,h4{color:#fff;font-family:"play-bold",Arial,sans-serif}h1{font-size:2rem;color:orange;text-align:left}h2{text-align:center;font-size:1.6rem;color:orange}h3{font-size:1.4rem;color:#f5d16e;padding:15px 0}h4{text-align:center;font-size:1.3rem;color:#f5d16e}.layout-padding{padding:2.5% 10%}@media only screen and (max-width: 1024px){.layout-padding{padding:3% 6%}}@media only screen and (max-width: 500px){.layout-padding{padding:3% 4%}}.common-btn{color:#505050;padding:12px 35px;font-weight:800;border-radius:12px;background:linear-gradient(0deg, #ff9c19 40%, #ffdd2d 110%);box-shadow:-3.828px -3.828px 6px 0px rgba(255,200,39,.4),3px 5px 8px 0px rgba(255,82,1,.2)}@media only screen and (max-width: 500px){.common-btn{padding:10px 24px}}#up{display:none;background-color:#dbb96d;width:50px;height:50px;font-weight:bolder;border-radius:50%;position:fixed;right:2%;bottom:2%;justify-content:center;align-items:center;box-shadow:.5px 1px 5px 5px rgba(0,0,0,.5);transition:.3s ease-out;cursor:pointer;opacity:.7}#up:hover{opacity:1}@media only screen and (max-width: 1024px){#up{width:45px;height:45px}}#up p{font-size:1.5rem;font-weight:bolder;position:absolute;top:45%;left:50%;transform:translate(-50%, -50%)}#luckywheel{z-index:300;position:fixed;left:0;bottom:18%}@media only screen and (max-width: 500px){#luckywheel{bottom:8%}}#luckywheel img{width:auto;animation:game 1.5s ease-out infinite}@keyframes game{0%{filter:drop-shadow(0px 0px 2px #fff)}50%{filter:drop-shadow(0px 0px 6px #fff)}100%{filter:drop-shadow(0px 0px 2px #fff)}}@media only screen and (max-width: 1024px){#luckywheel img{width:120px}}@media only screen and (max-width: 500px){#luckywheel img{width:80px}}.navbar{z-index:100;width:100%;position:sticky;top:0;background:linear-gradient(180deg, #000000 0%, #303030 100%);height:80px;padding:0 8%;display:grid;grid-template-columns:1fr 5fr 1fr 1fr;align-items:center;overflow:hidden}@media only screen and (max-width: 1024px){.navbar{height:70px;padding:0 6%;grid-template-columns:1fr 3fr}}.navbar .logo-img{height:100%;justify-self:start;display:flex;align-items:center}.navbar .logo-img img{min-width:120px;max-height:50px}.navbar .menu-toggle{display:none;justify-self:end}.navbar .menu-toggle:hover{cursor:pointer}@media only screen and (max-width: 1024px){.navbar .menu-toggle{display:block}}.navbar .menu-toggle .bar{width:25px;height:3px;background-color:#fff;margin:5px auto;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}@media only screen and (max-width: 1024px){.navbar .menu-toggle .bar{display:block}}.navbar .nav{list-style:none;display:grid;grid-template-columns:repeat(5, 1fr);justify-items:center;justify-self:center}@media only screen and (max-width: 1024px){.navbar .nav{width:100%;background-color:#3f3f3f;display:flex;justify-content:start;flex-direction:column;position:fixed;top:70px;right:0;transform:translate(-101%);text-align:center;overflow:hidden;border-top:2px solid #f1c670;border-bottom:2px solid #f1c670}}@media only screen and (max-width: 1024px){.navbar .nav li{padding:12px 0}.navbar .nav li:hover{background-color:#707070}}.navbar .nav li a{color:#fff;font-size:1rem;padding:18px 15px;transition:color .2s ease-out}@media only screen and (max-width: 1024px){.navbar .nav li a{font-size:1.5rem}}.navbar .head-button{width:120px;height:35px;font-size:.9rem;border-radius:6px;margin:auto;display:flex;justify-content:center;align-items:center}@media only screen and (max-width: 1024px){.navbar .head-button{display:none}}.navbar .head-login{border:1px solid #fff}.navbar .head-register{margin-left:10px;background:linear-gradient(180deg, #fc8e1e, #ffd85d)}#mobile-menu.is-active .bar:nth-child(1){-webkit-transform:translateY(8px) rotate(45deg);-ms-transform:translateY(8px) rotate(45deg);-o-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg)}#mobile-menu.is-active .bar:nth-child(2){opacity:0}#mobile-menu.is-active .bar:nth-child(3){-webkit-transform:translateY(-8px) rotate(-45deg);-ms-transform:translateY(-8px) rotate(-45deg);-o-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg)}.overlay::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:80;pointer-events:none}@media only screen and (max-width: 1024px){.mobile-nav{transition:color .8s ease-out;transform:translate(0%) !important}}footer{display:flex;justify-content:space-between;flex-wrap:wrap;margin:3% 0 0;padding:0 10%}@media only screen and (max-width: 1024px){footer{padding:0 6%}}@media only screen and (max-width: 500px){footer{padding:0 4%}}footer .footer-logoarea{width:35%}@media only screen and (max-width: 800px){footer .footer-logoarea{width:45%}}@media only screen and (max-width: 500px){footer .footer-logoarea{width:100%}}footer .footer-logoarea img{max-width:220px}@media only screen and (max-width: 500px){footer .footer-logoarea img{max-width:180px}}footer .footer-logoarea p{font-size:.8rem;line-height:24px}footer .footer-download{width:40%;display:flex;justify-content:space-between;align-items:center}@media only screen and (max-width: 800px){footer .footer-download{width:45%}}@media only screen and (max-width: 500px){footer .footer-download{width:100%;margin:25px 0}}footer .footer-download a{width:48%}footer .copyright{width:100%;border-top:1px solid #fff;margin-top:1%;padding:2.5% 0;text-align:center}.bold-p{font-family:"play-bold",Arial,sans-serif;text-align:center;font-size:1.4rem;color:#f5d16e;padding:15px 0}.top-box{width:100%;margin:auto;position:relative}.top-box::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("../img/top-bg.webp");background-repeat:no-repeat;background-size:contain;background-position:right bottom;opacity:.95;z-index:-1}@media only screen and (max-width: 1024px){.top-box::before{opacity:.8}}@media only screen and (max-width: 500px){.top-box::before{opacity:.6}}.top-box .top-text{width:80%;max-width:750px;padding:50px 0 200px}@media only screen and (max-width: 1024px){.top-box .top-text{max-width:800px;padding:40px 0 120px}}@media only screen and (max-width: 800px){.top-box .top-text{width:100%;padding:30px 0 90px}}.top-box .top-text h1{padding:15px 0 30px}.top-box .top-bg img{z-index:-1;width:45%;position:absolute;right:3%;bottom:0}@media only screen and (max-width: 500px){.top-box .top-bg img{opacity:.6;width:60%}}.btn-container{margin:3% 0;display:flex;justify-content:center;align-items:center}.btn-container .bonus-btn{display:inline-block;padding:10px 20px;border-radius:8px;background:linear-gradient(90deg, #d94d6a, #f0b544);animation:anchor 1.2s ease-out infinite}@keyframes anchor{0%{transform:scale(0.98, 0.98);filter:drop-shadow(0px 0px 4px #fff)}50%{transform:scale(1.01, 1.01);filter:drop-shadow(0px 0px 8px #fff)}100%{transform:scale(0.98, 0.98);filter:drop-shadow(0px 0px 4px #fff)}}.swiper{width:100%;padding-bottom:30px !important}.swiper .swiper-slide{border:2px solid #ff9c19;border-radius:6px}.swiper .swiper-button-prev,.swiper .swiper-button-next{color:#fff;top:45%}@media only screen and (max-width: 1024px){.swiper .swiper-button-prev::after,.swiper .swiper-button-next::after{font-size:28px}}.swiper .swiper-pagination{bottom:-30px}.swiper .swiper-pagination .swiper-pagination-bullet{background:#fff}.game-providers{margin:6% 0;display:flex;justify-content:center;flex-wrap:wrap;gap:30px}@media only screen and (max-width: 1024px){.game-providers{margin:8% 0;gap:20px}}.game-providers .procider-box{background:linear-gradient(0deg, #ea943a, #dac25e);width:10%;padding:15px;border-radius:12px;display:flex;justify-content:center;align-items:center}@media only screen and (max-width: 1024px){.game-providers .procider-box{width:15%;padding:12px}}.game-providers .procider-box img{width:70%}@media only screen and (max-width: 1024px){.game-providers .procider-box img{width:80%}}@media only screen and (max-width: 500px){.game-providers .procider-box img{width:100%}}.game-about{width:80%;max-width:1000px;border:2px solid #ff9c19;border-radius:8px;margin:3% auto 0;padding:35px 5%;display:flex;justify-content:space-between;flex-wrap:wrap}@media only screen and (max-width: 1024px){.game-about{width:100%}}.game-about .about-box{width:55%}@media only screen and (max-width: 1024px){.game-about .about-box{width:100%}}.game-about .about-box h3{text-align:center}.game-about .about-box .about-text{padding:20px 0}.game-about .about-img{width:42%;display:flex;justify-content:center;align-items:center}@media only screen and (max-width: 1024px){.game-about .about-img{width:100%}.game-about .about-img img{width:80%}}.game-vip h2{width:100%;max-width:650px;margin:auto;padding-bottom:25px;border-bottom:2px solid #616162}.game-vip .vip-text{padding:20px 0}.game-vip .vip-infobox{text-align:left;display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}.game-vip .vip-infobox .vip-step{width:30%;padding:3%;border:1px solid #ff9c19;border-radius:12px}@media only screen and (max-width: 1024px){.game-vip .vip-infobox .vip-step{width:100%}}.game-categories{width:100%;margin:auto;display:flex;justify-content:space-evenly;flex-wrap:wrap}.game-categories .game-box{width:23%;max-width:240px;padding:10px 0px;display:flex;justify-content:space-evenly;align-items:center;border:1px solid #ff9c19;border-radius:6px}@media only screen and (max-width: 1024px){.game-categories .game-box{width:45%;max-width:320px;margin:10px 0}}.game-categories .game-box img{width:70px;animation:game 1.2s ease-out infinite}@keyframes game{0%{filter:drop-shadow(0px 0px 2px #fff)}50%{filter:drop-shadow(0px 0px 6px #fff)}100%{filter:drop-shadow(0px 0px 2px #fff)}}@media only screen and (max-width: 800px){.game-categories .game-box img{width:60px}}@media only screen and (max-width: 500px){.game-categories .game-box img{width:55px}}.game-welcome{text-align:center}.game-welcome .welcome-title img{width:100%;max-width:450px;margin:15px auto 15px;border:2px solid #ff9c19;border-radius:6px}.game-welcome .welcome-steparea{padding:40px 0;text-align:left;display:flex;justify-content:space-between;flex-wrap:wrap;gap:35px}.game-welcome .welcome-steparea .step-box{background:hsla(0,0%,100%,.1921568627);border-radius:16px;padding:35px;width:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.game-welcome .welcome-steparea .step-box .step-title{color:#f5d16e;width:18%}@media only screen and (max-width: 1024px){.game-welcome .welcome-steparea .step-box .step-title{width:100%;display:flex;gap:15px}}.game-welcome .welcome-steparea .step-box .step-title p,.game-welcome .welcome-steparea .step-box .step-title span{font-size:1.6rem}.game-welcome .welcome-steparea .step-box .step-text{width:80%}@media only screen and (max-width: 1024px){.game-welcome .welcome-steparea .step-box .step-text{width:100%}}.game-deposit .deposit-box{margin:5% 0;display:flex;justify-content:space-evenly;align-items:center}@media only screen and (max-width: 1024px){.game-deposit .deposit-box{margin:8% 0}}@media only screen and (max-width: 500px){.game-deposit .deposit-box{display:flex;flex-wrap:wrap}}.game-deposit .deposit-box .deposit-img{width:20%;max-width:180px}@media only screen and (max-width: 500px){.game-deposit .deposit-box .deposit-img{width:40%}}.game-deposit .deposit-box .deposit-area{width:75%}@media only screen and (max-width: 500px){.game-deposit .deposit-box .deposit-area{width:100%}}.game-deposit .deposit-box .deposit-area .deposit-text{padding-top:20px}.game-deposit .deposit-box .deposit-area .deposit-text strong{color:#f8e7b8}.faq-container{color:#fff;width:100%;max-width:960px;margin:0 auto;padding:0 15px}@media only screen and (max-width: 800px){.faq-container{padding:unset}}.faq-container .faq-row{display:flex;flex-direction:column;align-items:center}.faq-container .faq-row .faq-title-wrap{width:100%;text-align:center;padding-bottom:30px}.faq-container .faq-row .faq-title-wrap .faq-title h2{position:relative;display:inline-block;margin-bottom:45px}.faq-container .faq-row .faq-title-wrap .faq-title h2::before{content:"";position:absolute;left:50%;width:60px;height:2px;background:#f9bc16;bottom:-25px;margin-left:-30px}.faq-container .faq-row .faq-wrapper{width:100%}@media only screen and (max-width: 1024px){.faq-container .faq-row .faq-wrapper{margin-bottom:30px}}.faq-container .faq-row .faq-wrapper .faq{background:rgba(217,217,217,.1647058824);box-shadow:0 2px 48px 0 rgba(0,0,0,.06);border-radius:4px}.faq-container .faq-row .faq-wrapper .faq .faq-card{border-bottom:1px dashed #cee1f8;transition:all .3s ease}.faq-container .faq-row .faq-wrapper .faq .faq-card .faq-header{cursor:pointer;padding:20px 30px;transition:background .3s,padding-left .3s}.faq-container .faq-row .faq-wrapper .faq .faq-card .faq-header:hover{background:rgba(0,152,86,.0745098039);padding-left:40px}@media only screen and (max-width: 800px){.faq-container .faq-row .faq-wrapper .faq .faq-card .faq-header{padding:10px 15px}}.faq-container .faq-row .faq-wrapper .faq .faq-card .faq-header .faq-question{display:flex;align-items:center;letter-spacing:1px;color:#f5de90}@media only screen and (max-width: 1024px){.faq-container .faq-row .faq-wrapper .faq .faq-card .faq-header .faq-question{line-height:26px;margin-top:10px}}.faq-container .faq-row .faq-wrapper .faq .faq-card .faq-header .faq-question .badge{display:inline-block;width:20px;height:20px;line-height:20px;border-radius:50%;background:#f9bc16;color:#fff;font-size:.7rem;text-align:center;margin-right:20px}.faq-container .faq-row .faq-wrapper .faq .faq-card .faq-body{max-height:0;overflow:hidden;padding:0 35px;border-top:1px solid #f3f8ff;transition:max-height .4s ease,padding-top .3s ease}.faq-container .faq-row .faq-wrapper .faq .faq-card .faq-body p{line-height:28px;letter-spacing:1px;margin-bottom:35px}.faq-container .faq-row .faq-wrapper .faq .faq-card.open .faq-body{padding-top:30px;max-height:1000px}