@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 {
    width: 28%;
    text-align: center;
    padding: 10px 12px;
    text-transform: uppercase;
    color: #000000;
    text-decoration: double;
}

.register-button {
    background-image: linear-gradient(rgb(104, 2, 2), rgb(203, 0, 0));
    background-color: initial;
}

.login-button {
    background-image: linear-gradient(rgb(0, 12, 153), rgb(7, 71, 102));
    background-color: initial;
}

* {
    font-family: sans-serif;
    box-sizing: border-box;
}

p {
    margin: 0;
}

body {
    background-image: url("https://kilat.digital/images/2024/06/17/f9db493f5aeb92b7fc69c07049abb83b.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center !important;
    background-size: cover !important;
    min-height: 100vh;
    height: 100%;
}

a:hover {
    text-decoration: 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-style: none;
}

.title {
    display: flex;
    justify-content: center;
}

.title-text {
    color: white;
    font-size: 2.5rem;
}

.slot {
    display: block;
}

.slot .slot-sidebar {
    padding-right: 10px;
    padding-left: 0;
    margin-top: -15px;
    background-color: black;
    float: none !important;
    width: 100% !important;
    flex: none !important;
    max-width: 100% !important;
    padding-right: 0 !important;
}

.btn-provider:hover {
    background-color: #a57b04;
}

.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;
    padding: 4px;
    background: linear-gradient(to bottom, #0092b1 0%, #ffffff 46%, #0012ef 100%);
    box-shadow: 0px 0px 6px #00adff;
    border: 1px solid #00adff;
}

.slot-sidebar-nav>li>a {
    color: #fff;
    font-size: 13px;
    padding: 8px 5px;
    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: 0px;
    flex: 0 0 100%;
    max-width: 100%;
    background-color: #000000ab;
    box-shadow: 0 0 15px 0 #ffe000;
    border-radius: 4px;
    border: 2px solid #d5c500;
}

.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: 7px;
    color: #fff;
    font-size: 12px;
    border: none;
    overflow: hidden;
    position: relative;
}

.percent {
    height: 27px;
    display: flex;
    overflow: hidden;
    line-height: 0;
    font-size: 0.75rem;
    background-color: #e9ecef;
    /* border-radius: 0.25rem; */
    position: relative;
    z-index: 1;
}

.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-color: #ffc107; */
    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;
    /* background-color: #007bff; */
    transition: width 0.6s ease;
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
    /* animation: ; */
    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.65);
    transition: all 0.45s ease-in-out;
    z-index: 10;
    width: 181px;
    height: 145px;
}

.play-btn {
    font-size: 15px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    align-items: center;
    margin-top: 42%;
    padding: 8px;
    display: block;
    margin-left: 30px;
    margin-right: 30px;
    margin: 42% 30px;
    background: linear-gradient(to bottom, #c1c500 0%, #d7a100 88%);
    color: #fff;
    border-radius: 18px;
    border: 1px solid #fbff00;
    box-shadow: 0 0 5px 0 #0008ff;
    transition: all .3s ease;
}

.play-btn:hover {
    background: linear-gradient(to bottom, #0a8ba9 0%, #0037ff 88%);
}

.img-zoom {
    transition: all 0.45s ease-in-out;
    height: 141px;
}

.hover-btn:hover {
    opacity: 100%;
}

.hover-btn:hover~.img-zoom {
    transform: scale(1.2);
    position: relative;
}

.next-btn {
    display: none;
    width: 30%;
}

.mySlides {
    display: none;
}

.next-btn {
    background-color: #292a2b;
    border: none;
    color: #fff;
}

@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: 1024px;
    }
}

@media (max-width: 992px) {
    .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 {
        float: none !important;
        width: 100% !important;
        flex: none !important;
        max-width: 100% !important;
    }

    .card {
        width: 33.3% !important;
    }

    .hover-btn:hover {
        opacity: 0;
    }

    .hover-btn:hover~.img-zoom {
        transform: scale(1);
        position: relative;
    }

    .btn-provider {
        text-align: center;
        display: block;
    }

    .slot-sidebar-nav>li>a {
        height: 70px;
    }

    .enter {
        display: block;
    }

    .btn-provider span {
        position: unset;
    }

    .btn-provider i {
        margin: 0;
    }

    .slot-sidebar-nav li {
        border-left: 0.2px solid #656565;
        border-right: 0.2px solid #656565;
        border-bottom: none;
    }

    .img-zoom {
        height: auto;
    }

    .next-btn {
        display: block;
    }

    .res-bar {
        display: none;
    }
}

/* popup style*/
.popup-container {
    display: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 1000;
    background: #080808b0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.popup-body {
    width: 347px;
    height: 600px;
    margin: 2% auto;
    background: #303030;
    border-radius: 0px;
    color: white;
}

@media (max-width: 512px) {
    .popup-body {
        width: 310px;
        margin: 10% auto;
    }
}

.popup-img {
    width: 450px;
    height: 555px;
    margin: 8% auto;
}

.popup-img-close {
    cursor: pointer;
    width: 36px;
    height: 36px;
    background: white;
    color: black;
    float: right;
    padding: 5px;
    border-radius: 100px;
    position: absolute;
    margin-left: -7px;
    margin-top: -20px
}

@media (min-width: 993px) {
    .popup-img-close {
        margin-left: 42px;
        margin-top: -12px;
    }
}

.popup-header {
    height: 48px;
    width: 100%;
    background: #0065a1;
    float: left;
    color: #ffeb00;
}

.popup-header h6 {
    margin: 13px;
}

.popup-content {
    width: 100%;
    height: auto;
    padding: 15px 39px;
    float: left;
    font-size: 14px;
}

.col2 {
    width: 50%;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.mrtop10 {
    margin-top: 10px;
}

.hr {
    width: 100%;
    height: 2px;
    background: #5e5e5e;
    float: left;
}

.popup-label {
    width: 100%;
    float: left;
    background: #222222;
    padding: 10px 15px;
    font-size: 12px;
}

.popup-close {
    cursor: pointer;
    width: 36px;
    height: 36px;
    background: white;
    color: black;
    float: right;
    padding: 5px;
    border-radius: 100px;
    position: absolute;
    margin-top: -10px;
    margin-left: -9px;
}

.bg-blue-button {
    background: linear-gradient(#fff700, #c1c366);
}

.bg-black-button {
    background: linear-gradient(rgb(0 255 5), rgb(14 65 3));
}

.popip-button {
    cursor: pointer;
    width: 50%;
    float: left;
    height: 40px;
}

.popip-button:hover {
    background: #003686;
}



/* Slideshow container */
.slideshow-images-container {
    max-width: 100%;
    position: relative;
    margin: auto;
    margin-bottom: 6px;
}

/* Hide the images by default */
.slideshow-images {
    display: none;
}

/* Next & previous buttons */
.prev-slideshow-images,
.next-slideshow-images {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -14px;
    padding: 16px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

/* Position the "next button" to the right */
.next-slideshow-images {
    right: 0;
    border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev-slideshow-images:hover,
.next-slideshow-images:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

/* Caption text */
.text-slideshow-images {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
}

/* Number text (1/3 etc) */
.numbertext-slideshow-images {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
}

/* The dots/bullets/indicators */
.dot-slideshow-images {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.active-slideshow-images,
.dot-slideshow-images:hover {
    background-color: #717171;
}

/* Fading animation */
.fade-slideshow-images {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}

@-webkit-keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@media (min-width: 993px) {
    .numbertext-slideshow-images {
        top: 0;
    }
}

@media (max-width: 425px) {
    .popup-img {
        max-width: 93%;
        margin: 25% auto;
    }
}


.header {
    width: 100%;
    height: 64px;
    margin-bottom: 6px;
    background: linear-gradient(#12283b, #06090f);
    position: fixed;
    z-index: 300;
}

.images-logo {
    padding: 2px;
    width: 230px;
    height: 60px;
    float: left;
}

.header .title {
    float: right;
    width: auto;
    height: auto;
    margin: 15px;
    border-radius: 42px;
}

.red {
    background: #c73000;
}

.blue {
    background: #f7c200;
}

.header-buttom {
    color: white;
    padding: 5px;
    height: 42px;
}

.header-button-text {
    font-size: 14px;
    margin: 7px;
    float: left;
}


@media (max-width: 992px) {
    .header .title {
        display: none;
    }

    .col {
        flex-basis: auto;
    }

    .header-button-text {
        font-size: 12px;
        margin: 9px;
    }
}


/* Menu Navigation Buttom */
.menu-bottom {
    display: none;
    height: 63px;
    width: 100vw;
    position: fixed;
    bottom: 0;
    background: black;
    border-top: 2px solid #707070;
}

.sub-menu-bottom {
    width: 25vw;
    height: 100%;
    float: left;
}

.sub-menu-bottom:hover {
    background: #525252;
}

.icon-menu {
    width: 4vw;
    height: auto;
    margin: 8px;
}

.text-menu {
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    color: white;
}

@media (max-width: 992px) {
    .menu-bottom {
        display: block;
    }
}

@media (min-width: 768px) {
    .menu-bottom {
        height: 82px;
    }
}

</style><link as="script" href="https://cdn.ampproject.org/v0.js" rel="preload"><style amp-boilerplate="" type="text/css">body {
    -webkit-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
    -moz-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
    -ms-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
    animation: -amp-start 8s steps(1, end) 0s 1 normal both
}

@-webkit-keyframes -amp-start {
    from {
        visibility: hidden
    }

    to {
        visibility: visible
    }
}

@-moz-keyframes -amp-start {
    from {
        visibility: hidden
    }

    to {
        visibility: visible
    }
}

@-ms-keyframes -amp-start {
    from {
        visibility: hidden
    }

    to {
        visibility: visible
    }
}

@-o-keyframes -amp-start {
    from {
        visibility: hidden
    }

    to {
        visibility: visible
    }
}

@keyframes -amp-start {
    from {
        visibility: hidden
    }

    to {
        visibility: visible
    }
}

</style><noscript><style amp-boilerplate>body {
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    animation: none
}

</style></noscript><style amp-custom="" type="text/css">html {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

a,
body,
center,
div,
em,
kolongramen,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
iframe,
img,
li,
menu,
nav,
ol,
p,
span,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
ul {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline
}

a,
a:active,
a:focus {
    outline: 0;
    text-decoration: none
}

a {
    color: #fff
}

* {
    padding: 0;
    margin: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin: 0 0 10px
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

.clear {
    clear: both
}

.konten-bola {
    text-align: center
}

.align-middle {
    vertical-align: middle
}

body {
    background-color: #020202
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.marquee-text {
    height: auto;
    display: block;
    line-height: 30px;
    overflow: hidden;
    position: relative
}

.marquee-text div {
    height: auto;
    line-height: 22px;
    font-size: 13px;
    white-space: nowrap;
    color: #fff;
    z-index: 1;
    font-weight: 600;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    animation: marquee 20s linear infinite;
    margin-top: 3px
}

.marquee-text:hover div {
    animation-play-state: paused
}

@keyframes marquee {
    0% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(-100%)
    }
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 5px;
    font: 250 22px BebasNeue;
    width: 100%;
    color: #fff;
    text-shadow: 0 0 3px #000;
    letter-spacing: 1px
}

.login-judi {
    background: linear-gradient(to bottom, #fdbf02 0, #774200 100%);
    transition: all .4s
}

.login-judi:hover {
    opacity: .7
}

.daftar-judi {
    background: linear-gradient(to bottom, #774200 0, #fdbf02 100%);
    animation: blinking 0.5s infinite;
    transition: all .4s
}

@keyframes blinking {
    0% {
        border: 5px solid #fff
    }

    100% {
        border: 5px solid #fadd05
    }
}

.bola-casino {
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

.anim {
    animation: blinkings 1s infinite
}

@keyframes blinkings {
    0% {
        border: 2px solid #fff
    }

    100% {
        border: 2px solid #fdbf02
    }
}

@media (min-width:768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1000px
    }
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 3px;
    margin-left: 3px
}

.p-0 {
    padding: 0
}

.col-md-12,
.col-md-4,
.col-md-6,
.col-md-8,
.col-xs-6 {
    position: relative;
    width: 100%;
    padding-right: 0px;
    padding-left: 0px
}

.col-xs-6 {
    float: left;
    width: 50%
}

@media (min-width:768px) {
    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%
    }

    .order-first {
        -ms-flex-order: -1;
        order: -1
    }

    .logomobi {
        display: none
    }

    .logform {
        padding-top: 2rem
    }

    .nopadding {
        padding: 0
    }
}

@media (max-width:768px) {
    .logo {
        display: none
    }

    .navbar {
        position: fixed
    }

    .content {
        padding-top: 82px
    }

    .border-bt {
        border-bottom: 1px solid #fdbf02;
        border-top: 1px solid #fdbf02;
        padding: 5px 15px
    }
}

.pt-1,
.py-1 {
    padding-top: .25rem
}

.pb-1,
.py-1 {
    padding-bottom: .25rem
}

.pt-2,
.py-2 {
    padding-top: .5rem
}

.pb-2,
.py-2 {
    padding-bottom: .5rem
}

.mt-2,
.my-2 {
    margin-top: .5rem
}

.mb-2,
.my-2 {
    margin-bottom: .5rem
}

.bartender,
.my-3 {
    margin-top: .75rem
}

.mb-3,
.my-3 {
    margin-bottom: .75rem
}

.mt-4 {
    margin-top: 1.1rem
}

.mt-5,
.my-5 {
    margin-top: 2rem
}

.mb-5,
.my-5 {
    margin-bottom: 2rem
}

.pb-5 {
    padding-bottom: 1.25rem
}

.mx-5 {
    margin-left: .75rem;
    margin-right: .75rem
}

.pt-3 {
    padding-top: 1rem
}

.pt-5 {
    padding-top: 2rem
}

.navbar {
    background-color: #000;
    right: 0;
    left: 0;
    z-index: 1030;
    width: 100%;
    float: left;
    padding: 5px
}

.bg-blue {
    background-color: #020202
}

.bottom {
    float: left;
    width: 100%
}

.konten {
    color: #fff;
    padding: 20px 30px;
    border-radius: 5px;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    box-shadow: 0 0 9px 0 #ffe000;
    border: 2px solid #d5c500;
}

.konten h1 {
    font-size: 1.5em
}

.konten h2 {
    font-size: 1.3em
}

.konten h3 {
    font-size: 1.1em
}

.konten p {
    font-size: 1em
}

.konten a {
    color: #fdbf02
}

.list {
    margin-bottom: 1rem
}

.kolongramen {
    text-decoration: none;
    color: #fff
}

.kolongramen a {
    color: #fdbf02
}

.slide {
    width: 100%;
    border: 2px solid #fdbf02;
    border-radius: 4px;
    box-shadow: 0 0 3px 0 #9140d6
}

.lc-atribut {
    border: 2px solid #9140d6;
    border-radius: 4px;
    box-shadow: 0 0 5px 0 #9140d6
}

ul {
    color: #fff;
    text-align: left
}

.faq-label {
    display: flex;
    font-size: 1.5em;
    justify-content: space-between;
    padding: 1em;
    margin: 12px 0 0;
    background: #0095ff
}

.faq-answer {
    padding: 1em;
    font-size: 1.19em;
    color: #fff;
    text-align: justify;
    background: #212121;
    transition: all .35s
}

.qiuonline {
    text-align: center;
    font-size: 1.5em;
    justify-content: space-between;
    padding: 1em;
    margin: 12px 0 0;
    background: #fdbf02
}

.list {
    margin-bottom: 1rem
}

.silau {
    border-radius: 10px;
    box-shadow: 0 0 10px 2px #965800;
    animation: blinking 0.3s infinite;
    transition: all .1s
}
}

.silau:hover {
    opacity: 1
}

.tengah {
    width: 40%;
    margin: auto;
}

.table-dark {
    color: #fff;
    background: linear-gradient(to right, #6c6c6c 0%, #202020 50%, #000000 100%);
}

.table-dark td,
.table-dark th,
.table-dark thead th {
    text-transform: uppercase;
    border-color: #454d55;
    text-align: center;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    vertical-align: middle
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .075)
}

.table-responsive {
    width: 100%;
    padding: 0;
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-responsive a {
    text-decoration: none
}

.table-responsive a:hover {
    text-decoration: none
}

.table-dark td {
    vertical-align: middle
}

.d-none {
    display: none
}

@media (min-width:576px) {
    .d-sm-table-cell {
        display: table-cell
    }
}

.button {
    display: inline;
    align-items: center;
    background: #000;
    width: 100%;
    border-radius: 5px;
    height: 38px;
    cursor: pointer;
    padding: 5px 20px;
    max-width: 128px;
    color: rgb(255 255 255);
    font-weight: 700;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    transition: background .3s, transform .3s, box-shadow .3s;
    will-change: transform;
    min-width: 80px;
    border: 0px solid rgb(255 255 255);
    line-height: 12px;
    animation: blinking 0.5s infinite;
    transition: all .4s
}
}

.button:hover {
    color: #e7b10c;
    font-weight: 700;
    text-decoration: none;
    background: rgb(255 255 255);
    cursor: pointer;
    box-shadow: 0 4px 17px rgba(0, 0, 0, .2);
    transform: translate3d(0, -2px, 0);
    border: 2px solid #e7b10c
}

.button:active {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    transform: translate3d(0, 1px, 0)
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

h1 {
    margin: .67em 0;
    font-size: 2em
}

img {
    border: 0
}

table {
    border-spacing: 0;
    border-collapse: collapse;
    margin-left: 1px;
}

td,
th {
    padding: 0
}

@media print {

    *,
    :after,
    :before {
        color: #000;
        text-shadow: none;
        background: 0 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100%
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    .table {
        border-collapse: collapse
    }

    .table td,
    .table th {
        background-color: #fff
    }

    .table-bordered td,
    .table-bordered th {
        border: 1px solid #ddd
    }
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table>tbody>tr>td,
.table>thead>tr>th {
    padding: 18px 0;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table>thead:first-child>tr:first-child>th {
    border-top: 0
}

.table-bordered {
    border: 1px solid #ddd
}

.table-bordered>tbody>tr>td,
.table-bordered>thead>tr>th {
    border: 1px solid #333;
    vertical-align: middle
}

.table-bordered>thead>tr>th {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fdbf02
}

.table-hover>tbody>tr:hover {
    background-color: #fdbf02
}

@media screen and (max-width:767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #333
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>thead>tr>th {
        white-space: nowrap
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>td {
        border-bottom: 0
    }
}

.table-head {
    text-align: center;
    background: linear-gradient(to top, #de6f00, #fff401);
    color: black;
}

.list {
    margin-bottom: 1rem
}

.text-center {
    text-align: center
}

p#breadcrumbs {
    color: #fff;
    text-align: center
}

.konten ul li {
    list-style-type: square
}

.konten li {
    margin: 5px 30px 10px;
    text-align: justify;
    color: #fff
}

table.Toto Togel td,
table.Toto Togel th {
    border: 3px solid #fff;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

table.Toto Togel tbody td {
    font-size: 15px;
    color: #ffffff;
    padding: 5px;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

table.Toto Togel thead {
    background: #fdbf02;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

table.Toto Togel thead th {
    font-size: 17px;
    color: #fff;
    text-align: center;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.wcover {
    background: #FFFFFF !important
}

.linkalte {
    color: black;
    text-decoration: none;
}

.linkalte:visited {
    color: #FFFFFF;
}

.linkalte:hover {
    color: rgb(113, 113, 113);
}

.linkalte {
    text-decoration: none;
    color: #FFFFFF;
    font-family: arial;
    font-weight: bold;
}

#fl_menu {
    position: fixed;
    top: 57px;
    right: 0px;
    z-index: 9999;
    width: 180px;
    height: 42px;
    display: block;
    overflow: visible;
    -webkit-transition: height 0.5s;
}

#fl_menu:hover {
    height: 190px;
}

.menuaa {
    width: 185px;
    background: rgb(0 0 0 / 0%);
}

.menu_item {
    display: block;
    background: #003686;
    color: #ab9e04;
    border-top: 0px border-color: #d9aa0c;
    padding: 8px 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-decoration: none;
    width: 179px;
    border-bottom: 1px #f03434 solid;
    padding: 10px;
}

.menu_item:hover {
    background: #009dffd1;
    text-decoration: none;
    color: #ffffff;
}

@media only screen and (max-width: 1024px) {
    #fl_menu {
        display: none;
    }
}

.menuaa table,
.menuaa table tbody tr td {
    border: 0px;
}

.social {
    left: 0;
    width: 0;
    position: fixed;
    top: 110px;
    z-index: 9999999999;
}

.social ul {
    padding: 0px;
    -webkit-transform: translate(-130px, 0);
    -moz-transform: translate(-130px, 0);
    -ms-transform: translate(-130px, 0);
    -o-transform: translate(-130px, 0);
    transform: translate(-130px, 0);
}

.social ul li {
    display: block;
    margin: 6px;
    margin-left: 0px;
    background: rgba(0, 0, 0, 0.86);
    width: 181px;
    text-align: right;
    padding: 4px;
    -webkit-border-radius: 0 20px 20px 0;
    -moz-border-radius: 0 20px 20px 0;
    border-radius: 0 20px 20px 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    height: 53px;
    border: groove 2px #f6ff00;
}

.social ul li:hover {
    -webkit-transform: translate(110px, 0);
    -moz-transform: translate(110px, 0);
    -ms-transform: translate(110px, 0);
    -o-transform: translate(110px, 0);
    transform: translate(110px, 0);
    background: rgba(95, 95, 95, 0.7);
}

.social ul li:hover a {
    color: #fff;
}

.social ul li:hover i {
    color: #fff;
    background: rgba(0, 0, 0, 0.86);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.social ul li i {
    margin-left: 10px;
    color: #000;
    background: #fff;
    padding: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 20px;
    background: #ffffff;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.situs_toto td,
table.situs_toto th {
    border: 1px solid #003574;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

table.situs_toto tbody td {
    font-size: 15px;
    color: #ffffff;
    padding: 5px;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

table.situs_toto thead {
    background: #000000;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

table.situs_toto thead th {
    font-size: 17px;
    color: #fff;
    text-align: center;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

@media only screen and (max-width: 600px) {
    .konten {
        padding: 0px 11px;
    }

    table.situs_toto thead th {
        font-size: 11px;
        color: #fff;
        text-align: center;
        font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    }

    table.situs_toto tbody td {
        font-size: 8px;
        color: #ffffff;
        padding: 5px;
        font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    }

    .table>tbody>tr>td,
    .table>thead>tr>th {
        padding: 18px 0;
        line-height: 0.428571;
        font-size: 10px;
        vertical-align: top;
        border-top: 1px solid #ddd;
    }

    .btn-provider {
        padding: 10px;
        display: flex;
        flex-direction: row;
        align-items: stretch;
        text-decoration: none;
        color: #072755;
        width: 100%;
        padding: 5px;
        padding: 5px;
        box-shadow: 0px 0px 6px #a57b04;
        border: 1px solid #a5a004;
        justify-content: center;
        align-content: center;
        width: 100%;
        height: 80px;
        flex-wrap: wrap;
    }

}