*{font-family: sans-serif;box-sizing: border-box;}
p{margin: 0;}
body{background: #000 url('/image/bg.webp') no-repeat center center fixed;}
.wrapper {background: #000;}
a:hover{text-decoration: none;color: white;}
.container{width: 100%;margin-left: auto;margin-right: auto;padding-right: 15px;padding-left: 15px;}
.header{justify-content: center;display: flex;flex-wrap: wrap;margin-top: 20px;margin-bottom: 20px;}
.banner img {width: 100%;}
img{vertical-align: middle;border-style: none;}
.title{display: flex;justify-content: center;background: #000;}
.title-text{color: #ffce00;font-size: 1.8rem;margin-top: 20px;margin-bottom: 10px;text-align: center;}
.slot{display: block;}
.slot .slot-sidebar{padding-right: 10px;padding-left: 0;background-color: black;float: none;width: 100%; flex: none;max-width: 100%;padding-right: 0;}
.btn-provider:hover{background-color: #046c00;}
.slot-sidebar-nav{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: nowrap;padding-left: 0;margin-bottom: 0;list-style: none;flex-direction: row;}
.slot-sidebar-nav > li {border-bottom: 1px solid #0092b1;width: 100%;position: relative;display: block;border-bottom: none;padding: 6px;background: linear-gradient(to bottom,#242424 0%,#515151 46%,#242424 100%);}
.slot-sidebar-nav > li > a{color: #fff;font-size: 13px;padding: 12px;display: block;background-color: black;}
.btn-provider{text-align: center;display: block;}   
.enter{display: none;}
.btn-provider span{position: unset;}
.active{background-color: #0092B1;}
.slot .content{float: none;width: 100%;padding: 0;flex: 0 0 100%;max-width: 100%;background-color: #121212;}
.wrapper{width: 100%;padding: 0;white-space: nowrap;overflow: hidden;position: relative;z-index: 0;}
.card{float: left;width: 20%;background: transparent;border: none;text-align: center;position: relative;}
.card-content{margin: 5px;color: #fff;font-size: 12px;border: none;overflow: hidden;position: relative;}
.card-content img {width: 90%;margin: 5px 0 5px 0;}
.gametitle {line-height: 1.8;font-size: .75rem;position: relative;z-index: 1;border-radius: 18px;margin: 0 auto;}
.percent{height: 27px;display: flex;overflow: hidden;line-height: 0;font-size: .75rem;background-color: #e9ecef;position: relative;z-index: 1;border-radius: 18px;width: 90%;margin: 0 auto;}
.percent p{z-index: 15;position: absolute;text-align: center;width: 100%;font-size: 14px;font-weight: bold;transform: translateY(14px);color: black;}
.percent-bar{background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size: 1rem 1rem;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex-pack: center;justify-content: center;overflow: hidden;color: #fff;text-align: center;white-space: nowrap;transition: width .6s ease;-webkit-animation: progress-bar-stripes 1s linear infinite;animation: progress-bar-stripes 1s linear infinite;z-index: 10;}
.yellow{background-color: #ffc107;}
.green{background-color: #28a745;}
.red{background-color: #dc3545;}
.hover-btn{position: absolute;opacity: 0;background-color: rgba(0,0,0,0.9);transition: all 0.1s ease-in-out;z-index: 10;width: 100%;}
.play-btn{font-size: 15px;text-decoration: none;color: white;text-align: center;align-items: center;margin-top: 42%;padding: 8px;display: block;margin-left: 30px;margin-right: 30px;margin: 35% 30px 42% 30px;background: linear-gradient(to bottom,#FA8607 0%,#FCB033 88%);color: #000;border-radius: 18px;transition: all .3s ease;;}
.play-btn:hover{background: linear-gradient(to top,#FA8607 0%,#FCB033 88%);}
.img-zoom{transition: all 0.45s ease-in-out;}
.ygg-img{border: 5px solid #2F2F2F;}
.hover-btn:hover{opacity: 100%;}
.hover-btn:hover ~ .img-zoom{position: relative;}
.short{display: none;}
.next-btn{background: linear-gradient(to bottom,#242424 0%,#515151 46%,#242424 100%);width: 15%;}
.mySlides{display: none;}
.next-btn{background-color: #292a2b;border: none;color: #fff;}
.footer {padding-top: 15px;padding-bottom: 15px;margin-bottom: 120px;font-size: 12px;text-align:center;background-color:#000; color:#fedc3d;}
.footer span {line-height: 3;}
.footer-seo {font-size: 12px;text-align:center;background-color:#000; color:#fedc3d;padding-top: 15px;padding-bottom: 15px;}
.footer-seo p {margin: 0 0 10px;text-align:justify;color:#fff;line-height: 1.4;}
.footer-seo a {color:#fedc3d;}
.footer-seo h1 {font-size: 30px;margin: 0.67em 0;text-transform: uppercase;}
.footer-seo h2 {font-size: 24px;margin: 0.67em 0;text-transform: uppercase;}
.footer-seo h3 {font-size: 18px;margin: 0.67em 0;text-transform: uppercase;}
.footer-seo ol, li {text-align: left;line-height: 1.4;text-transform: uppercase;font-weight:bold;}
@media (min-width: 576px){.container{max-width: 540px;}}
@media (min-width: 768px){.container{max-width: 720px;}}
@media (min-width: 992px){.container{max-width: 960px;}}
@media (min-width: 1200px){.container{max-width: 1140px;}}
@media (max-width: 992px) {.slot-sidebar-nav{flex-wrap: nowrap;}
.slot-sidebar{float: none;width: 100%; flex: none;max-width: 100%;padding-right: 0;}
.content{float: none;width: 100%;flex: none;max-width: 100%;}
.card{width: 33.3%;}
.hover-btn{display: none;}
.hover-btn:hover ~ .img-zoom{transform: scale(1);position: relative;}
.btn-provider{text-align: center;display: block;}  
.enter{display: block;}
.btn-provider span{position: unset;}
.btn-provider i{margin: 0;}
.slot-sidebar-nav li{border-bottom: none;}
.slot-sidebar-nav li a p{font-size: 13px;}
.img-zoom{height: auto;}
.slot-sidebar-nav li a img{height: 37.5px;}
.maintenance p{font-size: 5px;}
}
@keyframes slide-in {
0% {top: -100%;}
100% {top: 50%;}
}
.link-container {display: flex;justify-content: center;font-size: var(--x-large-font);padding: 0;width: 100%;}
.link-container a:first-child {width: 50%;text-align: center;padding: 15px 20px;text-transform: uppercase;color: #000;text-decoration: none;font-weight: bold;}
.link-container a {width: 50%;text-align: center;padding: 15px 20px;text-transform: uppercase;color: #fff;text-decoration: none;font-weight: bold;font-size: 20px;}
.register-button {background: linear-gradient(180deg,#d7960e 0%,#fbd34c 50%,#d7960e);border-color: #c90;}
.login-button {background: linear-gradient(180deg,#670000 0%,#e72d13 50%,#670000);color: #fedc3d;border-color: #e72d13;}
.footer-menu {background: linear-gradient(180deg,#d7960e 0%,#fbd34c 50%,#d7960e);border-top: 2px solid #917400;color: #000;position: fixed;bottom: 0;right: 0;left: 0;z-index: 997;display: -ms-grid;display: grid;-ms-grid-columns: (1fr)[5];grid-template-columns: repeat(5, 1fr);}
.footer-menu .footer-item {text-align: center;padding: 5px 5px 5px;color: #000;position: relative;text-decoration: none;}
.footer-menu .footer-item.active {color: #000;}
.footer-menu .footer-item .footer-icon {position: relative;}
.footer-menu .footer-item.footer-login {position: relative;z-index: 999;-ms-flex-item-align: end;align-self: flex-end;}
.footer-menu .footer-item.footer-login .footer-icon {position: absolute;top: 0;top: -75px;right: 0;left: 0;width: 70px;height: 70px;border-radius: 50px;background: linear-gradient(180deg,#d7960e 0%,#fbd34c 50%,#d7960e);border: 3px solid #2c1e00;display:-webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin: auto;-webkit-animation: beat .5s infinite alternate;animation: beat .5s infinite alternate;}
.footer-menu .footer-item .footer-icon i {font-size: 20px;}
.svg-home {display: inline-block;background-image: url("/images/home.svg");height: 25px;width: 25px}
.svg-whatsapp {display: inline-block;background-image: url("/images/whatsapp.svg");background-repeat: no-repeat;height: 25px;width: 25px}
.svg-login {display: inline-block;background-image: url("/images/login.svg");background-repeat: no-repeat;height: 25px;width: 25px}
.svg-promo {display: inline-block;background-image: url("/images/promo.svg");background-repeat: no-repeat;height: 25px;width: 25px}
.svg-chat {display: inline-block;background-image: url("/images/chat.svg");height: 25px;width: 25px}
.footer-menu .footer-item .footer-title {font-size: 12px;font-family: Helvetica Neue,Helvetica,Arial,sans-serif;font-weight: bold;white-space: nowrap;text-transform: uppercase;}
@keyframes beat{to { transform: scale(1.20); }}