*{font-family:"Roboto",sans-serif;box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body{background-color:#070309;line-height:1.5;color:#dedede}table{position:relative;margin:30px 0;overflow:hidden;width:100%;color:#000;text-align:center;background-color:#ece7c5;border-collapse:collapse;border-spacing:0;border-radius:12px}a{text-decoration:none;transition:.4s ease;font-weight:700;color:#fff}tr td{padding:15px 50px;text-align:left;vertical-align:middle}hr{border-top:1px solid #dfd9ac;margin:40px 0}footer{background:linear-gradient(180deg,#331a41,#231030);padding:20px;color:#616161;text-align:left}footer p{padding-left:30px;padding-top:20px}h1{font-size:38px;line-height:48px}h2{font-size:32px;line-height:42px}h3{font-size:24px;line-height:34px}h4{font-size:20px;line-height:30px}h5{font-size:16px;line-height:26px}p,li{color:#d1c6e3;line-height:26px}h1,h2,h3,h4,h5,p,li{margin-bottom:20px}article ul{padding-left:60px}a:hover{color:#8533ff}.container{width:100%;margin-left:auto;margin-right:auto;max-width:1150px}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.col-pr{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.col-slot{-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%}.col-2{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.center{margin-left:auto;margin-right:auto}.glow{border:1px solid #fec801;border-radius:0 0 15px 15px}.shadow{box-shadow:0 10px 2px #0b1317}.shadow-provider{box-shadow:0 5px 16px #0b1317}.shadow-text{text-shadow:0 3px 1px #000}.left{float:left}.right{float:right}.title{display:flex;justify-content:center}.title-text{color:#fff;font-size:2.5rem}.center{text-align:center}.inside{padding:50px 10px}.jp{margin-top:-8px}.tada{animation:tada 1s infinite}.content{padding:0 20px}.art{background-color:#0C0711;padding:100px 0}#top-nav{width:100%;height:74px;padding:2px 0 8px;background:linear-gradient(180deg,#331a41,#231030);box-shadow:0 0 18px 2px #000}#top-nav .logo{float:left;display:flex;align-items:center;max-width:100%;padding-top:4px}.mb-1{margin-bottom:10px}.mt-3{margin-top:30px}.mb-2{margin-bottom:20px}.mb-3{margin-bottom:30px}.p-1{padding:5px 10px}.middle{vertical-align:middle;margin-right:15px}.link-container{display:flex;justify-content:center;font-size:var(--x-large-font);padding:0;width:100%;margin-bottom:10px}.link-container a{width:100%;text-align:center;padding:15px 20px;text-transform:uppercase;text-decoration:none;transition:.3s ease-in-out}.alternatif-button{position:relative;background-color:#8533ff;color:#fff;width:100%;z-index:1;margin:10px;border-radius:10px}.alternatif-button:hover{transform:translateY(-5px);color:#fff}.slot{display:block}.slot .content{float:none;width:100%;padding:0;flex:0 0 100%;max-width:100%}.slot .slot-sidebar{float:none!important;width:100%!important;flex:none!important;max-width:100%!important;padding-right:0!important}.slot .tag-menu{text-align:center;background:linear-gradient(180deg,rgba(212,203,158,1) 0%,rgba(141,107,70,1) 100%);color:#000;padding:10px;border-bottom:1px solid #d3d3d3}.tanggal-gacor{background:linear-gradient(270deg,rgba(223,217,172,1) 0%,rgba(183,150,111,1) 100%);color:#000;padding:8px;width:50%;text-align:center;border-radius:0 0 30px 0;font-weight:700}.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:none;width:100%;position:relative;display:block}.slot-sidebar-nav > li > a{color:#000;font-size:13px;padding:15px 10px;display:block;transition:.3s;background-color:#091014;text-decoration:none}.wrapper{width:100%;padding:0;white-space:nowrap;overflow:hidden;position:relative;z-index:0}.card{float:left;width:25%;background:transparent;border:none;text-align:center;position:relative;transition:.4s}.card:hover{transform:translateY(-6px)}.card-content{margin:5px;color:#fff;font-size:12px;overflow:hidden;position:relative}.percent{height:30px;display:flex;overflow:hidden;line-height:0;font-size:.75rem;background-color:#1E1B23;position:relative;z-index:1;width:100%;border-radius:25px;margin:5px 0;text-shadow:0 2px 3px #000}.percent p{z-index:15;position:absolute;text-align:center;width:100%;font-size:15px;font-weight:700;transform:translateY(2px);color:#fff;font-weight:700}.percent-bar{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;z-index:10;border-radius:25px}.yellow{background-color:#ff8916}.green{background-color:#8533ff}.red{background-color:#dc3545}.mySlides{display:none}.btn-provider{text-align:center;display:block}.btn-provider:hover{background:#101a20}.next-btn{background:#1d2f43;width:40%;color:#fff;border:none;cursor:pointer;transition:.4s}.next-btn:hover{background:#182635}.img-hover{overflow:hidden}.img-hover img{transition:transform .5s ease}.img-hover:hover img{transform:scale(1.06)}.img-zoom{border-radius:20px;transition:.4s;box-shadow:0 0 15px #060308}.img-zoom:hover{transform:scale(1.02)}.provider-btn{background-color:#28252f;width:100%;display:inline-block;padding:15px 20px;height:60px;color:#fff;transition:.4s;border-radius:20px;margin-bottom:10px}.provider-btn:hover{background-color:#602dad}.active{background-color:#602dad}.hover-btn{position:absolute;opacity:0;background-color:rgba(0,0,0,0.5);border-radius:20px;max-height:145px;transition:all .3s ease-in-out;z-index:10;width:100%;height:100%}.hover-btn:hover{opacity:100%}.play-btn{font-size:13px;text-decoration:none;color:#fff;text-align:center;align-items:center;padding:10px;display:block;margin:24% 30px 42%;background-color:#9228d2;border-radius:20px;transition:all .3s ease;font-weight:500;letter-spacing:1px;box-shadow:0 6px 10px #19171d}.play-btn:hover{color:#fff}.nav-top{background-color:#09141a;width:100%;display:block;position:fixed;z-index:999;border-bottom:3px solid;border-image-slice:1;border-image-source:linear-gradient(90deg,rgba(212,203,158,1) 0%,rgba(141,107,70,1) 100%);box-shadow:0 0 15px 5px #000}.footer-bar{font-size:.8em;width:100%;height:75px;position:fixed;bottom:0;z-index:99999;text-align:center;border-bottom:10px solid;border-image-slice:1;border-image-source:linear-gradient(90deg,rgba(212,203,158,1) 0%,rgba(141,107,70,1) 100%);box-shadow:0 0 15px 5px #000;background-color:#09141a}.btn-y{display: inline-block;margin:3px 0px;padding:2px 15px;text-shadow: none;background-color: #331a41;transition:.4s ease;border-radius:5px;font-size:9pt;font-weight:700;color:#fff;}.btn-y:hover{transform: translateY(-3px);}.footer-bar ul li{width:20%;margin-top:10px;float:left;display:block;transition:.4s ease;color:#fff;font-weight:600}.footer-bar ul li:hover{transform:scale(1.1)}.footer-bar ul li a{color:#fff}.footer-bar ul li p{margin-top:-6px}@media (max-width: 1340px){.slot-sidebar-nav{flex-wrap:nowrap}.slot-sidebar{float:none!important;width:100%!important;flex:none!important;max-width:100%!important;padding-right:0!important}.content{width:100%!important;flex:none!important;max-width:100%!important}.card{width:50%!important}.hover-btn{display:none}.hover-btn:hover ~ .img-zoom{transform:scale(1);position:relative}.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!important}.logo-banner{width:13.5em}.login-icon{margin:8px 20px 0 10px}.tanggal-gacor{width:100%;border-radius:0 0 30px 30px}tr td{padding:10px 20px}table tr td{display:block;text-align:center}h1{font-size:24px;line-height:36px}h2{font-size:22px;line-height:32px}h3{font-size:20px;line-height:28px}h4{font-size:18px;line-height:26px}h5{font-size:15px;line-height:24px}.col-pr,.col-slot{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.provider-btn{max-width:33.333333333333%;text-align:center;border-radius:0;margin-bottom:0;float:left}.time-bar{width:50%}.art{padding:60px 0}}@keyframes progress-bar-stripes{0%{background-position:1rem 0}100%{background-position:0 0}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.3,1.3,1.3) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.3,1.3,1.3) rotate3d(0,0,1,-3deg)}}@media (min-width: 700px){.card{width:20%!important}}@media (min-width: 1280px){.card{width:25%!important}}