@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap";
*{font-family:'Poppins',sans-serif;box-sizing:border-box}
.navbar{background-color:#26082e}
.navbar-brand{font-weight:700}
p{margin:0}
body{background:url(../assets/bg.jpg) top center no-repeat #26082e}
a{color:#e629e6}
a:hover{text-decoration:none;color:#fff}
.word{color:#fff;text-align:center;border-radius:20px;background-image:linear-gradient(90deg,#170126 0%,#27063d 50%,#170126 100%);box-shadow:0 0 8px 4px #ff5bba;margin:15px}
.word-inner{width:100%;margin:0;padding:40px}
.container{width:100%;margin-left:auto;margin-right:auto}
.adv{justify-content:center;display:flex;flex-wrap:wrap}
img{vertical-align:middle;border-style:none}
.title{display:flex;justify-content:center}
.title-text{color:#fff;font-size:2.5rem}
.slot{display:block}
.slot .slot-sidebar{padding-right:10px;padding-left:0;margin-top:5px;background-color:#000;float:none!important;width:100%!important;flex:none!important;max-width:100%!important;padding-right:0!important}
.btn-provider img{filter:brightness(3) grayscale(1) drop-shadow(0 0 0 purple)}
.btn-provider:hover img{filter:brightness(1) grayscale(0)}
.slot-sidebar-nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:nowrap;padding-left:0;margin-bottom:0;list-style:none}
.slot-sidebar-nav > li{border-bottom:1px solid #0092b1;width:100%;position:relative;display:block;border-bottom:none}
.slot-sidebar-nav > li > a{color:#fff;font-size:13px;padding:7px 10px;display:block;background-color:#000}
.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%}
.wrapper{width:100%;padding:0;white-space:nowrap;overflow:hidden;position:relative;z-index:0}
.card{float:left;width:16.666666666666%;border:none;text-align:center;position:relative;background:transparent}
.card-content{margin:7px;color:#fff;font-size:12px;border:none;overflow:hidden;position:relative;background:#000;border-radius:10px}
.percent{height:27px;display:flex;overflow:hidden;line-height:0;font-size:.75rem;background-color:#e9ecef;position:relative;z-index:1;border-radius:0 0 10px 10px;width:95%;margin:0 auto}
.percent p{z-index:15;position:absolute;text-align:center;width:100%;font-size:14px;font-weight:700;transform:translateY(14px);color:#000}
.percent-bar{background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.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.7);transition:all .1s ease-in-out;z-index:10;width:100%;height:47%}
.maintenance{position:absolute;background-color:rgba(0,0,0,0.5);z-index:10;width:100%;height:100%;color:#fff;text-align:center;margin:-6px}
.maintenance p{position:relative;top:40%;font-size:13px}
.play-btn{font-size:15px;text-decoration:none;color:#fff;text-align:center;align-items:center;padding:8px;display:block;margin:42% 30px;background:linear-gradient(to bottom,#d5217c 0%,#a30253 100%);border-radius:18px;transition:all .3s ease}
.play-btn:hover{background:linear-gradient(to top,#d5217c 0%,#a10654 100%)}
.img-zoom{width:95%!important;transition:all .45s ease-in-out;border-radius:8px 8px 0 0}
.ygg-img{border:5px solid #2f2f2f}
.hover-btn:hover{opacity:100%}
.hover-btn:hover ~ .img-zoom{position:relative}
.long{display:none}
.short{display:none}
.next-btn{width:15%}
.mySlides{display:none}
.next-btn{background-color:#292a2b;border:none;color:#fff}
.jamgacor{background-image:linear-gradient(#00ec00,#00b40e);font-family:"Poppins",sans-serif!important;padding:3px;padding-top:6px;border-top-left-radius:6px;border-top-right-radius:6px;border:.1px solid #000}
.jamgacor h5{font-size:1.3em}
.progress{height:fit-content}
.pola{background-image:linear-gradient(#003dfd,#0177cc);font-family:"Poppins",sans-serif!important;padding:3px;padding-top:6px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border:.1px solid #000}
.jam{padding:4px;color:#000;font-weight:700}
.jam h5{font-size:1.3em;font-weight:700}
.jamBg{background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);transition:width .6s ease;-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite;background-size:1rem 1rem}
#scroll {
    position:fixed;
    left:15px;
    bottom:15px;
    cursor:pointer;
    width:40px;
    height:40px;
    background-color:#840b94;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}
#scroll:hover {
    background-color:#e74c3c;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}
@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}
.h1,h1{font-size:2.1rem;font-weight:700}
.h2,h2{font-size:1.8rem}
.h3,h3{font-size:1.6rem}
.title-text{color:#fff;font-size:2rem}
.slot-sidebar{float:none!important;width:100%!important;flex:none!important;max-width:100%!important;padding-right:0!important}
.content{float:none!important;width:100%!important;flex:none!important;max-width:100%!important}
.card{width:33.3%!important}
.card-content{margin:3px}
.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}
.word{margin:0;font-size:.9rem}
.word-inner{padding:16px}
.slot-sidebar-nav li{border-bottom:none}
.slot-sidebar-nav li a p{font-size:5px}
.img-zoom{height:auto}
.slot-sidebar-nav li a img{height:17.5px!important}
.maintenance p{font-size:5px}
.jamgacor > h5{font-size:1em}
.pola > p{font-size:.8em}
}
@media (max-width: 576px) {
.pola > p{font-size:.75em!important}
}