* { font-family: sans-serif; box-sizing: border-box; }p { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; }body { background-image: url(" "); background-repeat: no-repeat; background-attachment: fixed; background-position: top center; background-size: 100% auto;  }a:hover { text-decoration-line: none; color: white; }.container { width: 100%; margin-left: auto; margin-right: auto; }.adv { justify-content: center; display: flex; flex-wrap: wrap; }img { vertical-align: middle; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }.title { display: flex; justify-content: center; }.title-text { color: white; font-size: 2.5rem; }.slot { display: block; }.slot .slot-sidebar { padding-right: 0 !important; padding-left: 0; margin-top: 5px; background-color: black; float: none !important; width: 100% !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; max-width: 100% !important; }.btn-provider img {  }.btn-provider:hover img {  }.slot-sidebar-nav { display: flex; flex-wrap: nowrap; padding-left: 0; margin-bottom: 0; list-style-type: none; list-style-image: none; }.slot-sidebar-nav > li { border-bottom-color: initial; border-bottom-style: none; border-bottom-width: initial; width: 100%; position: relative; display: block; }.slot-sidebar-nav > li > a { color: rgb(255, 255, 255); font-size: 13px; padding-top: 7px; padding-right: 10px; padding-bottom: 7px; padding-left: 10px; display: block; background-color: black; }.btn-provider { text-align: center; display: block; }.enter { display: none; }.btn-provider span {  }.active { background-color: rgb(0, 146, 177); }.slot .content { float: none; width: 100%; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; flex-grow: 0; flex-shrink: 0; flex-basis: 100%; max-width: 100%; }.wrapper { width: 100%; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; white-space: nowrap; overflow-x: hidden; overflow-y: hidden; position: relative; z-index: 0; }.card { float: left; width: 16.666666%; border-top-color: initial; border-top-style: none; border-top-width: initial; border-right-color: initial; border-right-style: none; border-right-width: initial; border-bottom-color: initial; border-bottom-style: none; border-bottom-width: initial; border-left-color: initial; border-left-style: none; border-left-width: initial; text-align: center; position: relative; background-color: transparent; background-image: initial; }.card-content { margin-top: 7px; margin-right: 7px; margin-bottom: 7px; margin-left: 7px; color: rgb(255, 255, 255); font-size: 12px; border-top-color: initial; border-top-style: none; border-top-width: initial; border-right-color: initial; border-right-style: none; border-right-width: initial; border-bottom-color: initial; border-bottom-style: none; border-bottom-width: initial; border-left-color: initial; border-left-style: none; border-left-width: initial; overflow-x: hidden; overflow-y: hidden; position: relative; background-color: black; background-image: initial; border-top-left-radius: 25px; border-top-right-radius: 25px; border-bottom-right-radius: 25px; border-bottom-left-radius: 25px; padding-bottom: 10px; }.percent { height: 27px; display: flex; overflow-x: hidden; overflow-y: hidden; line-height: 0; font-size: 0.75rem; background-color: rgb(233, 236, 239); position: relative; z-index: 1; border-top-left-radius: 18px; border-top-right-radius: 18px; border-bottom-right-radius: 18px; border-bottom-left-radius: 18px; width: 90%; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: 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, 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: flex; flex-direction: column; justify-content: center; overflow-x: hidden; overflow-y: hidden; color: rgb(255, 255, 255); text-align: center; white-space: nowrap; transition-property: width; transition-duration: 0.6s; transition-timing-function: ease; transition-delay: initial; z-index: 10; }.yellow { background-color: rgb(255, 193, 7); }.green { background-color: rgb(40, 167, 69); }.red { background-color: rgb(220, 53, 69); }.hover-btn { position: absolute; opacity: 0; background-color: rgba(0, 0, 0, 0.9); 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: white; text-align: center; margin-top: -6px; margin-right: -6px; margin-bottom: -6px; margin-left: -6px; }.maintenance p { position: relative; top: 40%; font-size: 13px; }.play-btn { font-size: 15px; text-decoration-line: none; color: white; text-align: center; align-items: center; margin-top: 42%; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; display: block; margin-left: 30px; margin-right: 30px; margin-bottom: 42%; background-color: initial; background-image: linear-gradient(90deg, rgb(69, 130, 180) 0%, rgb(48, 93, 130) 100%); border-top-left-radius: 18px; border-top-right-radius: 18px; border-bottom-right-radius: 18px; border-bottom-left-radius: 18px; transition-property: all; transition-duration: 0.3s; transition-timing-function: ease; transition-delay: initial; }.play-btn:hover { background-color: initial; background-image: linear-gradient(270deg, rgb(69, 130, 180) 0%, rgb(48, 93, 130) 100%); }.img-zoom { width: 95% !important; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; }.ygg-img { border-top-color: rgb(47, 47, 47); border-top-style: solid; border-top-width: 5px; border-right-color: rgb(47, 47, 47); border-right-style: solid; border-right-width: 5px; border-bottom-color: rgb(47, 47, 47); border-bottom-style: solid; border-bottom-width: 5px; border-left-color: rgb(47, 47, 47); border-left-style: solid; border-left-width: 5px; }.hover-btn:hover {  }.hover-btn:hover ~ .img-zoom { position: relative; }.long { display: none; }.short { display: none; }.next-btn { width: 15%; }.mySlides { display: none; }.next-btn { background-color: rgb(41, 42, 43); border-top-color: initial; border-top-style: none; border-top-width: initial; border-right-color: initial; border-right-style: none; border-right-width: initial; border-bottom-color: initial; border-bottom-style: none; border-bottom-width: initial; border-left-color: initial; border-left-style: none; border-left-width: initial; color: rgb(255, 255, 255); }.jamgacor { background-image: linear-gradient(180deg, rgb(0, 236, 0), rgb(0, 180, 14)); font-family: "Poppins", sans-serif !important; padding-top: 6px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; border-top-left-radius: 6px; border-top-right-radius: 6px; border-top-color: black; border-top-style: solid; border-top-width: 0.1px; border-right-color: black; border-right-style: solid; border-right-width: 0.1px; border-bottom-color: black; border-bottom-style: solid; border-bottom-width: 0.1px; border-left-color: black; border-left-style: solid; border-left-width: 0.1px; }.jamgacor h5 { font-size: 1.3em; }.progress {  }.pola { background-image: linear-gradient(180deg, rgb(0, 61, 253), rgb(1, 119, 204)); font-family: "Poppins", sans-serif !important; padding-top: 6px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top-color: black; border-top-style: solid; border-top-width: 0.1px; border-right-color: black; border-right-style: solid; border-right-width: 0.1px; border-bottom-color: black; border-bottom-style: solid; border-bottom-width: 0.1px; border-left-color: black; border-left-style: solid; border-left-width: 0.1px; }.jam { margin-bottom: 7px; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; color: rgb(0, 0, 0); font-weight: bold; }.jam h5 { font-size: 1.3em; font-weight: bold; }.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-property: width; transition-duration: 0.6s; transition-timing-function: ease; transition-delay: initial; background-size: 1rem 1rem; }@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 !important; width: 100% !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; max-width: 100% !important; padding-right: 0 !important; }.content { float: none !important; width: 100% !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; max-width: 100% !important; }.card { width: 33.3% !important; }.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 {  }.btn-provider i { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; }.slot-sidebar-nav li { border-bottom-color: initial; border-bottom-style: none; border-bottom-width: initial; }.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: 0.8em; } }@media (max-width: 576px) { .pola > p { font-size: 0.75em !important; } }