<!DOCTYPE html>
<html amp="" lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0," name="viewport">
<meta content="Gacor199 adalah situs bandar judi slot online terpercaya mudah menang dengan permain yang lengkap dan promosi yang menarik bisa kamu miliki. Daftar kan diri andar di gacor199 4d slot gacor terbesar di asia." name="description">
<meta content="gacor199, daftar gacor199, situs gacor199, slot gacor199, link alternatif gacor199, slot ovo, slot dana, slot gopay" name="keywords">
<meta content="ID" property="og:locale">
<meta content="website" property="og:type">
<meta content="GACOR199 SITUS SLOT GACOR & BANDAR TOGEL TERBAIK 2024">
<meta content="Gacor199 adalah situs bandar judi slot online terpercaya mudah menang dengan permain yang lengkap dan promosi yang menarik bisa kamu miliki. Daftar kan diri andar di gacor199 4d slot gacor terbesar di asia." property="og:description">
<meta content="https://rivilladebarajas.com/" property="og:url">
<meta content="https://rivilladebarajas.com/" property="og:site_name">
<meta content="index, follow" name="robots">
<meta content="Jakarta" name="geo.placename">
<meta content="ID-JK" name="geo.region">
<meta content="ID" name="geo.country">
<meta content="ID" name="language">
<meta content="Indonesia" name="tgn.nation">
<meta content="general" name="rating">
<meta content="GACOR199" name="copyright">
<meta content="id_ID" property="og:locale">
<meta content="website" property="og:type">
<meta content="https://rivilladebarajas.com/></meta><meta property=" property="og:url">
<meta content="GACOR199 adalah bandar judi slot online terpercaya berlisesi resmi Slot 4d, Gacor199 hadir di indonesia dengan tampilan yang menarik dan memiliki permainan yang lengkap, daftar dan bergabung sekarang juga bersama Gacor199." property="og:description">
<meta content="https://ik.imagekit.io/blackclover/Bonus%20100.jpg" property="og:image">
<meta content="summary" name="twitter:card">
<meta content="GACOR199 SITUS SLOT GACOR & BANDAR TOGEL TERBAIK 2024" name="twitter:title">
<meta content="GACOR199 adalah bandar judi slot online terpercaya berlisesi resmi Slot 4d, Gacor199 hadir di indonesia dengan tampilan yang menarik dan memiliki permainan yang lengkap, daftar dan bergabung sekarang juga bersama Gacor199." name="twitter:description">
<title>
GACOR199 SITUS SLOT GACOR & BANDAR TOGEL TERBAIK 2024
</title>
<link href="https://rivilladebarajas.com/" itemprop="mainEntityOfPage" rel="canonical">
<link href="https://cdn.ampproject.org" rel="preconnect">
<link as="script" href="https://cdn.ampproject.org/v0.js" rel="preload">
<script async="" custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js">
</script>
<script async="" src="https://cdn.ampproject.org/v0.js">
</script>
<script async="" custom-template="amp-mustache" src="https://cdn.ampproject.org/v0/amp-mustache-0.2.js">
</script>
<script async="" custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.js">
</script>
<script async="" custom-element="amp-anim" src="https://cdn.ampproject.org/v0/amp-anim-0.1.js">
</script>
<link href="https://ik.imagekit.io/blackclover/icon%20gacor199.png" rel="icon" type="image/png">
<style amp-boilerplate="">
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>
<!--Schema-->
<style amp-custom="">
.btn {
height : 30px;
border-radius : 3px;
border : var(--bs-btn-border-width) solid var(--bs-btn-border-color);
}
.login-input-field {
font-size : 1rem;
}
@media only screen and (max-width: 1000px) {
.login-input-field {
font-size : 1.2rem;
}
}
a.footercss:link {
COLOR : #eaffd3 ;
TEXT-DECORATION : none
}
a.footercss:visited {
COLOR : #9fe0ff;
TEXT-DECORATION : none
}
a.footercss:hover {
COLOR : yellow;
TEXT-DECORATION : none
}
.my-navbar {
height : 52px;
padding : 0px;
width : 100%;
background : linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 100%), var(--primary-color);
position : fixed;
bottom : 0;
color : white;
z-index : 1100;
display : flex;
box-shadow : 0px -4px 3px rgba(0, 0, 0, 0.75);
}
.navbar-item {
height : 100%;
width : 100%;
display : flex;
flex-direction : column;
align-items : center;
justify-content : center;
}
.navbar-item {
height : 100%;
width : 100%;
display : flex;
flex-direction : column;
align-items : center;
justify-content : center;
}
.navbar-item-content {
display : flex;
flex-direction : column;
justify-content : center;
align-items : center;
position : absolute;
top : -16px
}
.navbar-item-content>img {
height : 36px;
width : 36px;
}
.navbar-item-content>label {
white-space : nowrap;
margin-top : 4px;
font-weight : bold;
font-size : var(--text-size-default);
color : white
}
.marquee {
height : 30px;
color : var(--marquee-color);
background : var(--marquee-background);
grid-area : marquee;
display : flex;
font-size : .8rem;
width : 100%;
border-top : 2px solid var(--line-color);
}
.marquee-content {
height : 100%;
display : flex;
}
.running {
padding : 0px;
height : 100%;
position : relative;
display : flex;
align-items : center;
width : 100%;
}
.running>.marquee-shadow {
position : absolute;
background : linear-gradient(90deg, var(--marquee-background) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0) 90%, var(--marquee-background) 100%);
width : 100%;
height : 100%;
z-index : 999;
}
@font-face {
font-display
:
block
;
font-family
:
"bootstrap-icons"
;
src
:
url("fonts/bootstrap-icons.woff2?24e3eb84d0bcaf83d77f904c78ac1f47")
format("woff2")
,
url("fonts/bootstrap-icons.woff?24e3eb84d0bcaf83d77f904c78ac1f47")
format("woff")
;
}
:root,[data-bs-theme=light] {
--bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size : 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color : #212529;
--bs-body-color-rgb : 33,37,41;
--bs-body-bg : #fff;
--bs-body-bg-rgb : 255,255,255;
}
*,
::after,::before {
box-sizing : border-box
}
@media (prefers-reduced-motion:no-preference) {
:root {
scroll-behavior : smooth
}
}
body {
margin : 0;
font-family : var(--bs-body-font-family);
font-size : var(--bs-body-font-size);
font-weight : var(--bs-body-font-weight);
line-height : var(--bs-body-line-height);
color : var(--bs-body-color);
text-align : var(--bs-body-text-align);
background-color : var(--bs-body-bg);
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent
}
hr {
margin : 1rem 0;
color : inherit;
border : 0;
border-top : var(--bs-border-width) solid;
opacity : .25
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
margin-top : 0;
margin-bottom : .5rem;
font-weight : 500;
line-height : 1.2;
color : var(--bs-heading-color,inherit)
}
.h1,h1 {
font-size : calc(1.375rem + 1.5vw)
}
@media (min-width:1200px) {
.h1,h1 {
font-size : 2.5rem
}
}
.h2,h2 {
font-size : calc(1.325rem + .9vw)
}
@media (min-width:1200px) {
.h2,h2 {
font-size : 2rem
}
}
.h3,h3 {
font-size : calc(1.3rem + .6vw)
}
@media (min-width:1200px) {
.h3,h3 {
font-size : 1.75rem
}
}
.h4,h4 {
font-size : calc(1.275rem + .3vw)
}
@media (min-width:1200px) {
.h4,h4 {
font-size : 1.5rem
}
}
.h5,h5 {
font-size : 1.25rem
}
.h6,h6 {
font-size : 1rem
}
p {
margin-top : 0;
margin-bottom : 1rem
}
abbr[title] {
-webkit-text-decoration: underline dotted;
text-decoration : underline dotted;
cursor : help;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none
}
address {
margin-bottom : 1rem;
font-style : normal;
line-height : inherit
}
ol,ul {
padding-left : 2rem
}
dl,ol,ul {
margin-top : 0;
margin-bottom : 1rem
}
ol ol,ol ul,ul ol,ul ul {
margin-bottom : 0
}
dt {
font-weight : 700
}
dd {
margin-bottom : .5rem;
margin-left : 0
}
blockquote {
margin : 0 0 1rem
}
b,strong {
font-weight : bolder
}
.small,small {
font-size : .875em
}
.mark,mark {
padding : .1875em;
background-color : var(--bs-highlight-bg)
}
sub,sup {
position : relative;
font-size : .75em;
line-height : 0;
vertical-align : baseline
}
sub {
bottom : -.25em
}
sup {
top : -.5em
}
a {
color : rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));
text-decoration : underline
}
a:hover {
--bs-link-color-rgb : var(--bs-link-hover-color-rgb)
}
a:not([href]):not([class]),a:not([href]):not([class]):hover {
color : inherit;
text-decoration : none
}
code,kbd,pre,samp {
font-family : var(--bs-font-monospace);
font-size : 1em
}
pre {
display : block;
margin-top : 0;
margin-bottom : 1rem;
overflow : auto;
font-size : .875em
}
pre code {
font-size : inherit;
color : inherit;
word-break : normal
}
code {
font-size : .875em;
color : var(--bs-code-color);
word-wrap : break-word
}
a>code {
color : inherit
}
kbd {
padding : .1875rem .375rem;
font-size : .875em;
color : var(--bs-body-bg);
background-color : var(--bs-body-color);
border-radius : .25rem
}
kbd kbd {
padding : 0;
font-size : 1em
}
figure {
margin : 0 0 1rem
}
img,svg {
vertical-align : middle
}
table {
caption-side : bottom;
border-collapse : collapse
}
caption {
padding-top : .5rem;
padding-bottom : .5rem;
color : var(--bs-secondary-color);
text-align : left
}
th {
text-align : inherit;
text-align : -webkit-match-parent
}
tbody,td,tfoot,th,thead,tr {
border-color : inherit;
border-style : solid;
border-width : 0
}
label {
display : inline-block
}
button {
border-radius : 0
}
button:focus:not(:focus-visible) {
outline : 0
}
button,input,optgroup,select,textarea {
margin : 0;
font-family : inherit;
font-size : inherit;
line-height : inherit
}
button,select {
text-transform : none
}
[role=button]
{cursor:pointer}
select {
word-wrap : normal
}
select:disabled {
opacity : 1
}
[list]
:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
display : none
}
[type=button]
,
[type=reset]
,
[type=submit]
,
button {
-webkit-appearance : button
}
[type=button]
:not(:disabled),
[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled) {
cursor : pointer
}
::-moz-focus-inner {
padding : 0;
border-style : none
}
textarea {
resize : vertical
}
fieldset {
min-width : 0;
padding : 0;
margin : 0;
border : 0
}
.carousel-indicators {
position : absolute;
right : 0;
bottom : 0;
left : 0;
z-index : 2;
display : flex;
justify-content : center;
padding : 0;
margin-right : 15%;
margin-bottom : 1rem;
margin-left : 15%
}
.carousel-indicators [data-bs-target] {
box-sizing : content-box;
flex : 0 1 auto;
width : 30px;
height : 3px;
padding : 0;
margin-right : 3px;
margin-left : 3px;
text-indent : -999px;
cursor : pointer;
background-color : #fff;
background-clip : padding-box;
border : 0;
border-top : 10px solid transparent;
border-bottom : 10px solid transparent;
opacity : .5;
transition : opacity .6s ease
}
.clearfix::after {
display : block;
clear : both;
content : ""
}
.align-items-start {
align-items : flex-start
}
.align-items-end {
align-items : flex-end
}
.align-items-center {
align-items : center
}
.align-items-baseline {
align-items : baseline
}
.align-items-stretch {
align-items : stretch
}
.align-content-start {
align-content : flex-start
}
.align-content-end {
align-content : flex-end
}
.align-content-center {
align-content : center
}
.align-content-between {
align-content : space-between
}
.align-content-around {
align-content : space-around
}
.align-content-stretch {
align-content : stretch
}
.align-self-auto {
align-self : auto
}
.align-self-start {
align-self : flex-start
}
.align-self-end {
align-self : flex-end
}
.align-self-center {
align-self : center
}
.align-self-baseline {
align-self : baseline
}
.align-self-stretch {
align-self : stretch
}
.order-first {
order : -1
}
.w-25 {
width : 25%
}
.w-50 {
width : 50%
}
.w-75 {
width : 75%
}
.w-100 {
width : 100%
}
.w-auto {
width : auto
}
.mw-100 {
max-width : 100%
}
.vw-100 {
width : 100vw
}
.min-vw-100 {
min-width : 100vw
}
.h-25 {
height : 25%
}
.h-50 {
height : 50%
}
.h-75 {
height : 75%
}
.h-100 {
height : 100%
}
.h-auto {
height : auto
}
.mh-100 {
max-height : 100%
}
.vh-100 {
height : 100vh
}
.min-vh-100 {
min-height : 100vh
}
.gap-0 {
gap : 0
}
.gap-1 {
gap : .25rem
}
.gap-2 {
gap : .5rem
}
.gap-3 {
gap : 1rem
}
.gap-4 {
gap : 1.5rem
}
.gap-5 {
gap : 3rem
}
.fw-bold {
font-weight : 700;
}
.px-2 {
padding-right : .5rem;
padding-left : .5rem;
}
:root {
--text-color : white;
--primary-text-color: #000000;
--reverse-text-color: #ffffff;
--primary-color : #cd0404;
--primary-background: black;
--line-color : #cd0404;
--marquee-color : #ffffff;
--marquee-background: #cd0404;
--result-background : #000000;
--result-keluaran-color: #ffffff;
--result-pasaran-color: #ffffff;
--result-tanggal-color: #FFFFFF;
--result-tanggal-background: linear-gradient(0deg, rgba(203,1,2,1) 0%, rgba(255,2,0,1) 100%);
--result-border : 3px solid #979797;
--secondary-background: black;
--hover-background : rgba(164, 0, 0, 0.9);
--content-box-background: rgba(221, 221, 221, .5);
--menu-item-color : var(--text-color);
}
:root {
--text-size-default : .875rem;
--button-masuk-color: linear-gradient(#cd0404, #cd0404 60%, #cd0404);
--button-daftar-color: linear-gradient(#74cae3, #5bc0de 60%, #4ab9db);
--menu-background : #0f212e;
--header-background : var(--primary-background);
--content-background: var(--primary-background);
--togel-background : var(--primary-background);
--provider-background: var(--secondary-background);
--transaksi-background: var(--secondary-background);
--bantuan-background: var(--secondary-background);
--guidelines-background: var(--secondary-background);
--footer-background : var(--secondary-background);
--button-promosi-color: linear-gradient(60deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
--content-body-background: linear-gradient(0deg, var(--togel-background) 0%, var(--marquee-background) 100%);
--mobile-padding-horizontal: 32px;
}
@font-face {
font-display
:
block
;
font-family
:
"bootstrap-icons"
;
src
:
url("./fonts/bootstrap-icons.woff2?24e3eb84d0bcaf83d77f904c78ac1f47")
format("woff2")
,
url("./fonts/bootstrap-icons.woff?24e3eb84d0bcaf83d77f904c78ac1f47")
format("woff")
;
}
.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
display : inline-block;
font-family : bootstrap-icons;
font-style : normal;
font-weight : normal;
font-variant : normal;
text-transform : none;
line-height : 1;
vertical-align : -.125em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.bi-person-lines-fill::before {
content : "";
}
.bi-caret-left-fill::before {
content : "";
}
.bi-caret-right-fill::before {
content : "";
}
.bi-volume-down::before {
content : "";
}
:root {
--secondary-background: black;
--primary-theme-color: black;
--reverse-theme-color: black;
--highlight-text-color: #996515;
--page-link-background: black;
--page-link-color : var(--primary-text-color);
--page-link-border : 1px solid #bdbdbd;
--page-item-active-color: var(--reverse-text-color);
--page-item-active-background: var(--primary-color);
--page-item-active-border: 1px solid var(--primary-color);
--devider-color : linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 25%, rgb(255 255 255) 25%, rgb(255 255 255) 100%);
--prepend-background: #eeeeee;
--prepend-color : white;
--prepend-border : 1px;
--content-box-background: #eaebef;
--informasi-menu-background: #eee;
--informasi-content-background: #fff;
}
* {
margin : 0px;
padding : 0px;
box-sizing : border-box;
}
html, body {
font-family : "Ubuntu", sans-serif;
color : var(--text-color);
font-size : var(--text-size-default);
background : var(--primary-background);
}
#mySidenav {
position : fixed;
top : 180px;
right : 100px;
z-index : 999;
}
#mySidenav div#nav {
position : absolute;
font-size : 20px;
border-radius : 0 5px 5px 0;
left : 36px;
transition : 0.3s;
display : flex;
}
#mySidenav div#nav:hover {
left : -138px;
}
#kontak-title {
width : 189px;
/*margin-top:-7px;*/
margin-bottom : 10px;
border-radius : 0px 4px 0px 0px;
padding-top : 22px;
text-align : center;
height : 50px;
height : 83px;
line-height : 18px;
background : #000;
}
#kontak-content {
width : 190px;
padding : 5px 10px 8px 10px;
font-size : 15px;
background-color : #FFF;
color : #000;
}
.abel {
font-family : "Abel", sans-serif;
}
.btn-black {
font-size : .8rem;
width : 100%;
cursor : pointer;
font-weight : bold;
padding : 10px 8px;
color : var(--text-color);
}
.btn-black:hover {
color : var(--reverse-text-color);
background : var(--primary-color);
}
.menuleft {
margin : 0px auto 0px;
display : flex;
flex-direction : column;
}
.menuleft > ul {
padding : 0px;
margin : 0px;
list-style : none;
}
#informasi-menu {
margin : 150px auto 0px;
width : 714px;
padding : 0px 0px 0px 0px;
box-shadow : rgba(0,0,0,.3) 0px 5px 10px 10px;
border : 1px solid white;
border-radius : 10px;
background : var(--informasi-menu-background);
}
#informasi-content {
border-radius : 0px 9px 9px 0px;
padding-left : 20px;
width : 563px;
background-color : var(--informasi-content-background);
}
#informasi-content-title {
width : 240px;
font-size : 1.2rem;
font-weight : bold;
padding-bottom : 12px;
margin-top : 20px;
border-bottom : 3px var(--primary-color) solid;
color : var(--text-primary-color);
}
#informasi-content-info {
margin-top : 12px;
font-weight : 300;
color : var(--text-primary-color);
}
.closebox {
position : absolute;
top : -10px;
right : 5px;
font-size : 35px;
cursor : pointer;
}
#informasi-logo {
padding : 24px 0;
width : 100%;
display : grid;
place-items : center;
}
.running-text {
animation : scroll 10s linear infinite;
}
@keyframes scroll {
0%
{
left: 100%;
}
100%
{
left: -800px;
}
}
table {
color : var(--text-primary-color);
}
tr:nth-child(odd) {
background : linear-gradient(0deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.05) 100%);
}
tbody, td, tfoot, th, thead, tr {
border : none;
}
.table-striped>tbody>tr:nth-of-type(odd)>* {
color : var(--text-primary-color);
}
.wrapper {
display : grid;
grid-template-columns: 1fr;
grid-template-areas : "header"
"devider"
"marquee"
"contentdata"
"togel-desktop"
"provider"
"transaksi"
"guidelines"
"bantuan"
"footer"
}
a {
color : inherit; /* blue colors for links too */
text-decoration : inherit; /* no underline */
}
ul {
padding : 0;
}
.wrapper>*>* {
margin : auto;
width : 1000px;
}
.center {
display : grid;
place-items : center;
}
.btn {
height : 30px;
border-radius : 3px;
}
.btn-masuk {
background : var(--button-masuk-color);
color : white;
}
.btn-daftar {
background : var(--button-daftar-color);
color : white;
}
.desktop-only {
display : block;
}
.mobile-only {
display : none;
}
.btn-promosi {
background : linear-gradient(60deg, #ff0000, #a50505, #ff0000);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size : 300% 300%;
animation : gradient 2s ease infinite;
}
.btn-informasi {
background : -webkit-linear-gradient(60deg, #ff0000, #a50505);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
@keyframes gradient {
0%
{
background-position: 0% 50%;
}
50%
{
background-position: 100% 50%;
}
100%
{
background-position: 0% 50%;
}
}
.header {
background : var(--header-background);
grid-area : header;
height : 102px;
}
.header-content {
height : 100%;
display : grid;
grid-template-columns: 1fr 1fr auto;
grid-template-areas : "logo login login"
"logo menu promosi"
}
.logo {
grid-area : logo;
display : flex;
align-items : center;
}
/* Desktop */
.logoimg {
height : 64px;
width : 230px;
object-fit : contain;
object-position : left;
}
.login {
grid-area : login;
display : flex;
justify-content : end;
align-items : end;
}
.login-form {
display : flex;
align-items : center;
justify-content : end;
gap : 4px;
}
.login-field {
width : 104px;
height : 30px;
border-radius : 3px;
}
.login-input-field {
margin : 0px;
padding : 0px 8px;
border-radius : 3px;
}
.promosi {
grid-area : promosi;
display : flex;
align-items : center;
}
.menu {
grid-area : menu;
display : flex;
align-items : center;
justify-content : flex-end;
gap : 12px;
font-size : 1.1rem;
}
.menu-item>label:hover, .bantuan-item:hover {
color : var(--primary-color);
cursor : pointer;
}
.menu-item>label {
white-space : nowrap;
color : var(--menu-item-color);
}
.devider {
grid-area : devider;
height : 3px;
width : 100%;
margin : 8px 0;
}
.marquee {
height : 30px;
color : var(--marquee-color);
background : var(--marquee-background);
grid-area : marquee;
display : flex;
font-size : .8rem;
width : 100%;
border-top : 2px solid var(--line-color);
}
.marquee-content {
height : 100%;
display : flex;
}
.running {
padding : 0px;
height : 100%;
position : relative;
display : flex;
align-items : center;
width : 100%;
}
.running>.marquee-shadow {
position : absolute;
background : linear-gradient(90deg, var(--marquee-background) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0) 90%, var(--marquee-background) 100%);
width : 100%;
height : 100%;
z-index : 999;
}
.contentdata {
grid-area : contentdata;
background : var(--primary-background);
}
.contentdata>* {
width : 100%;
}
.content-body {
overflow : hidden;
}
.banner {
aspect-ratio : 1920 / 380;
background : var(--banner-background);
}
.togel {
background : var(--togel-background);
grid-area : togel;
position : relative;
}
.show-more {
position : absolute;
z-index : 999;
bottom : 0px;
width : 100%;
/* background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 30%, rgba(0,0,0,0) 60%, rgba(0,0,0,0)); */
}
.provider {
background : var(--provider-background);
grid-area : provider
}
.provider-group {
display : flex;
flex-direction : column;
justify-content : center;
align-items : center;
padding : 24px 0;
/* "p-5 w-100 d-flex flex-column justify-content-center align-items-center" */
}
.transaksi {
background : var(--transaksi-background);
grid-area : transaksi;
padding-bottom : 16px;
display : flex;
justify-content : space-between;
}
.transaksi-title {
grid-area : transaksi-title;
place-items : center;
margin-bottom : 8px;
}
.transaksi-title-group {
display : flex;
align-items : end;
gap : 4px;
}
.transaksi-kontak {
display : flex;
}
.other {
grid-area : other;
display : flex;
flex-direction : column;
justify-content : end;
align-self : start;
}
.other-group {
display : flex;
flex-direction : column;
gap : 8px;
}
.other-group>div {
height : 32;
display : flex;
justify-content : end;
}
.guidelines {
grid-area : guidelines;
background : var(--guidelines-background);
}
.guidelines-content {
padding-top : 48px;
padding-bottom : 24px
}
.bantuan {
padding : 16px;
background : var(--bantuan-background);
grid-area : bantuan;
}
.bantuan-content {
display : flex;
list-style-type : none;
}
.bantuan-devider {
padding : 0 16px;
}
.footer {
font-size : .9rem;
background : var(--footer-background);
grid-area : footer;
padding : 16px 0;
border-top : 2px solid #bdbdbd;
}
.copyright {
display : flex;
gap : 4px;
}
.hover {
visibility : hidden;
opacity : 0;
transition : visibility 0.3s linear,opacity 0.3s linear;
display : flex;
flex-direction : column;
position : absolute;
overflow : hidden;
width : 100%;
background : var(--hover-background);
top : 105px;
z-index : 1000;
padding : 12px 0px;
justify-content : center;
align-items : center;
}
.hover:hover {
visibility : visible;
opacity : 1;
}
.hover-menu {
display : none;
flex-wrap : wrap;
gap : 16px 8px;
justify-content : center;
}
.hover-item {
width : 108px;
max-width : 108px;
display : grid;
grid-template-rows : 1fr auto;
}
.hover-item>figure {
height : 90px;
display : grid;
place-items : center;
margin : 0px;
}
.hover-item>figure>img {
height : 90px;
width : 90px;
}
.hover-item>figcaption {
color : white;
width : 100%;
padding : 2px 0px;
border : 2px solid white;
display : grid;
place-items : center;
border-radius : 5px;
font-size : .75rem
}
.form-daftar {
display : grid;
grid-template-columns: repeat(4, 1fr);
gap : 16px;
font-size : 1rem
}
.form-daftar-full {
grid-column : span 4;
}
.form-daftar-cell {
display : flex;
flex-direction : column;
gap : 4px;
}
.form-daftar-cell>label {
font-weight : bold;
}
.form-daftar-cell>input {
border-radius : 3px;
}
.footer-group {
display : flex;
align-items : center;
gap : 32px;
}
.prepend {
display : grid;
place-items : center;
background : var(--prepend-background);
width : 40px;
border : var(--prepend-border) solid var(--bs-border-color);
}
.prepend-icon {
font-size : 18px;
color : var(--prepend-color);
}
.content-area {
width : 1000px;
margin : auto;
padding : 8px 0;
}
.content-main {
width : 1000px;
margin : auto;
}
.content-box {
width : 100%;
padding : 12px;
background : var(--content-box-background);
border-radius : 8px
}
.slideDown {
animation-name : slideDown;
-webkit-animation-name: slideDown;
animation-duration : 0.8s;
-webkit-animation-duration: 0.8s;
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
visibility : visible;
}
.btn-footer {
padding : 0px 8px;
border : 1px solid var(--reverse-theme-color);
border-radius : 4px;
height : 32px;
padding : 0 16px;
display : grid;
place-items : center;
color : var(--reverse-theme-color);
}
.btn-footer:hover {
background : var(--reverse-theme-color);
color : var(--primary-theme-color);
}
@keyframes slideDown {
0%
{
transform: translateY(-100%);
}
100%
{
transform: translateY(0%);
}
}
@-webkit-keyframes slideDown {
0%
{
-webkit-transform: translateY(-100%);
}
100%
{
-webkit-transform: translateY(0%);
}
}
.page-link {
background : var(--page-link-background);
border : var(--page-link-border);
color : var(--page-link-color);
}
.page-item+.active>*, .page-link:hover {
border : var(--page-item-active-border);
background : var(--page-item-active-background);
color : var(--page-item-active-color);
}
.devider {
background : var(--devider-color);
}
.fitur-header {
font-size : 1.2rem;
font-weight : bold;
line-height : 1rem
}
.panel-body, .card-body {
font-size : 1.1rem;
}
.contentbox {
font-size : 1rem;
}
@media only screen and (max-width: 1000px) {
.desktop-only {
display : none;
}
.mobile-only {
display : block;
}
.wrapper {
display : grid;
grid-template-columns: 1fr;
grid-template-areas : "appbar"
"marquee"
"header"
"contentdata"
"togel-mobile"
"devider"
"provider"
"transaksi"
"bantuan"
"footer"
"guidelines"
}
.appbar {
grid-area : appbar;
height : 72px;
display : grid;
place-items : center;
/*box-shadow: rgba(0, 0, 0, 0.35) 0px -50px 36px -28px inset;*/
}
.wrapper>*>* {
margin : auto;
width : 100%;
padding : 0 var(--mobile-padding-horizontal);
}
.marquee {
border-top : 3px solid var(--line-color);
}
.marquee-content {
padding : 0px
}
.header {
height : auto;
padding : 0px;
}
.header-content {
padding : 0px;
height : 100%;
display : grid;
grid-template-columns: 1fr;
grid-template-areas : "marquee"
"mslider"
"menu-mobile"
"menu-content"
"login"
"promosi"
}
.menu-mobile {
grid-area : menu-mobile;
}
.menu-content {
grid-area : menu-content;
}
.marquee-content {
height : 100%;
}
.logo {
display : none
}
/* Mobile */
.logoimg {
height : 64px;
width : 230px;
margin : 0px;
object-position : center;
}
.mslider {
grid-area : mslider;
aspect-ratio : 600/280;
background : var(--primary-theme-color);
}
.menu {
display : none;
/*display: grid;*/
/*place-items: center;*/
/*grid-template-columns: repeat(7, 1fr);*/
/* background: linear-gradient(0deg, rgba(0,0,0,0.08) 0%, rgba(255,255,255,0) 100%), var(--primary-color); */
/*gap: 0px;*/
/*border-bottom: 3px solid red;*/
}
.menu-item {
height : 100%;
width : 100%;
font-size : var(--text-size-default);
/*display: grid;*/
/*place-items: center;*/
display : flex;
flex-direction : column;
align-items : center;
justify-content : center;
text-align : center;
gap : 4px;
padding-top : 4px;
background : linear-gradient(90deg, rgba(26,26,26,0.3) 0%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 100%), var(--primary-color);
/* border-left: 1px solid #555;
border-right: 1px solid var(--primary-background); */
}
.menu-item:hover {
color : var(--text-color);
}
.menu-item>label {
white-space : nowrap;
color : white;
font-weight : bold;
/*color: var(--marquee-color);*/
}
.menu-item>img {
height : 30px;
}
.login {
flex-direction : column;
}
.login-form {
padding : 32px 0;
margin : 0px 80px;
display : flex;
flex-direction : column;
}
.login-input-field {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
font-size : 1rem;
}
.login-field, .login-form>button, .btn-promosi {
height : 44px;
width : 100%;
border-radius : 8px;
overflow : hidden;
}
.btn-masuk {
font-size : 1.3rem;
text-shadow : 1px 1px #000000;
height : 44px;
border-radius : 8px;
}
.btn-daftar {
font-size : 1.3rem;
text-shadow : 1px 1px #000000;
height : 48px;
border-radius : 8px;
}
.promosi {
padding : 0 calc(var(--mobile-padding-horizontal) * 2);
gap : 4px;
}
.promosi>* {
width : 100%;
}
.btn-promosi {
background-size : 300% 300%;
background : var(--button-promosi-color);
-webkit-text-fill-color: black;
font-weight : bold;
animation : gradient 10s ease infinite;
border-radius : 3px;
display : grid;
place-items : center;
}
.contentdata {
background : var(--primary-background);
padding : 12px 0;
}
.banner {
aspect-ratio : 3;
}
.banner>* {
border-radius : 16px;
border-collapse : separate;
border : 2px solid gray;
}
.togel {
padding : 24px;
box-shadow : rgba(0,0,0,1) 0px 0px 10px 0px;
}
.togel-title {
padding : 0px;
padding-bottom : 20px;
font-size : 1.2rem;
font-weight : bold;
}
.content-main {
width : 100%;
padding : var(--mobile-padding-horizontal);
padding-bottom : 0px;
font-size : 1rem;
}
.provider-group {
padding : var(--mobile-padding-horizontal);
}
.transaksi-kontak {
display : flex;
flex-direction : column;
}
.transaksi-content {
display : flex;
flex-direction : column;
/*padding: 0 calc(var(--mobile-padding-horizontal) * 2)*/
}
.bantuan-content {
flex-direction : column;
list-style : disc;
gap : 8px;
}
.footer {
font-size : 1rem;
padding-bottom : 96px;
}
.footer-group {
/*justify-content : space-between;*/
flex-direction: column;
width : 100%;
}
.copyright {
flex-direction : column;
font-size : 1rem;
width : 100%;
}
.content-area {
width : 100%;
}
.content-box {
width : 100%;
padding : 0px;
background : transparent;
border-radius : 0px
}
.guidelines {
grid-area : guidelines;
}
.guidelines-content>img {
width : 100%;
}
.mobile-provider-group {
display : grid;
grid-template-columns: repeat(3, 1fr);
gap : 8px;
}
.provider-item {
display : grid;
place-items : center;
}
.provider-item>img {
width : 100%;
object-fit : contain;
}
.fitur-header {
font-size : 1.4rem;
}
.panel-body, .card-body {
font-size : 1.2rem;
}
#mobileregister {
margin : 0px;
}
#mySidenav {
display : none;
}
}
.transaksi-group {
display : grid;
grid-template-columns: 380px 1fr;
justify-content : space-between;
grid-template-areas : "transaksi-bank transaksi-other";
}
.transaksi-bank {
grid-area : transaksi-bank;
display : grid;
place-items : center
}
.transaksi-other {
grid-area : transaksi-other;
display : flex;
justify-content : space-evenly;
width : 100%;
}
.transaksi-list-bank {
height : fit-content;
display : grid;
grid-template-columns: repeat(4, 92px);
grid-template-rows : repeat(4, auto);
gap : 4px;
}
.transaksi-list-other {
height : fit-content;
display : grid;
grid-template-columns: repeat(3, 92px);
gap : 4px;
}
.transaksi-item {
display : flex;
flex-direction : column;
/* transform: perspective(10px) rotateX(3deg); */
}
.transaksi-header {
height : 30px;
border-radius : 5px;
display : grid;
place-items : center;
font-weight : bold;
border : 2px solid rgba(108,108,108,1);
background : rgba(54,54,54,1);
color : white;
}
.transaksi-status {
margin-left : 3px;
margin-right : 3px;
height : 3px;
border-radius : 0px 0px 4px 4px;
background : rgb(54,54,54);
background : linear-gradient(90deg, rgba(54,54,54,1) 0%, rgba(108,108,108,1) 50%, rgba(54,54,54,1) 100%);
}
.header-green {
background : rgba(44,121,6,1);
border-color : rgba(168,255,0,1);
}
.header-blue {
background : rgba(0,80,89,1);
border-color : rgba(0,255,204,1);
}
.status-green {
background : rgb(44,121,6);
background : linear-gradient(90deg, rgba(44,121,6,1) 0%, rgba(168,255,0,1) 50%, rgba(44,121,6,1) 100%);
}
.status-blue {
background : rgb(0,80,89);
background : linear-gradient(90deg, rgba(0,80,89,1) 0%, rgba(0,255,204,1) 50%, rgba(0,80,89,1) 100%);
}
.transaksi-name {
font-size : 1.1rem;
font-weight : bold;
line-height : 1.5rem
}
.transaksi-wrapper {
display : flex;
flex-direction : column;
gap : .5rem;
}
@media only screen and (max-width: 768px) {
.transaksi-group {
display : grid;
grid-template-columns: 1fr;
grid-template-areas : "transaksi-bank"
"transaksi-other";
gap : 16px;
}
.transaksi-header {
font-size : 1.1rem;
height : 36px;
}
.transaksi-list-bank {
grid-template-columns: repeat(4, 1fr);
}
.transaksi-list-other {
grid-template-columns: repeat(4, 1fr);
}
.transaksi-list {
display : grid;
grid-template-columns: repeat(3, 1fr);
}
.transaksi-item {
width : 100%;
}
.transaksi-title-group {
justify-content : center;
padding : 16px 0;
}
.transaksi-name {
font-size : 1.3rem;
text-align : center;
}
.transaksi-wrapper {
width : 100%;
max-width : 100%;
gap : 1rem;
}
}
.button-87 {
margin : 0px auto 10px auto;
padding : 10px 100px;
text-align : center;
text-transform : uppercase;
transition : 0.5s;
background-size : 200% auto;
color : white;
border-radius : 10px;
display : block;
border : 0px;
font-size : 20px;
font-weight : 700;
box-shadow : 0px 0px 14px -7px #f09819;
background : linear-gradient(45deg, #cd0404 0%, #8f0303 51%, #cd0404 100%);
cursor : pointer;
user-select : none;
-webkit-user-select : none;
touch-action : manipulation;
-webkit-animation : glowing 1500ms infinite;
-moz-animation : glowing 1500ms infinite;
-o-animation : glowing 1500ms infinite;
animation : glowing 1500ms infinite;
}
@-webkit-keyframes glowing {
0%
{ background: linear-gradient(45deg, #cd0404 0%, #8f0303 51%, #cd0404 100%); -webkit-box-shadow: 0 0 3px #8f0303; }
50%
{ background: linear-gradient(45deg, #8f0303 0%, #cd0404 51%, #8f0303 100%); -webkit-box-shadow: 0 0 40px #cd0404; }
80%
{ background: linear-gradient(45deg, #cd0404 0%, #8f0303 51%, #cd0404 100%); -webkit-box-shadow: 0 0 3px #8f0303; }
}
@-moz-keyframes glowing {
0%
{ background: linear-gradient(45deg, #cd0404 0%, #8f0303 51%, #cd0404 100%); -webkit-box-shadow: 0 0 3px #8f0303; }
50%
{ background: linear-gradient(45deg, #8f0303 0%, #cd0404 51%, #8f0303 100%); -webkit-box-shadow: 0 0 40px #cd0404; }
80%
{ background: linear-gradient(45deg, #cd0404 0%, #8f0303 51%, #cd0404 100%); -webkit-box-shadow: 0 0 3px #8f0303; }
}
@-o-keyframes glowing {
0%
{ background: linear-gradient(45deg, #cd0404 0%, #8f0303 51%, #cd0404 100%); -webkit-box-shadow: 0 0 3px #8f0303; }
50%
{ background: linear-gradient(45deg, #8f0303 0%, #cd0404 51%, #8f0303 100%); -webkit-box-shadow: 0 0 40px #cd0404; }
80%
{ background: linear-gradient(45deg, #cd0404 0%, #8f0303 51%, #cd0404 100%); -webkit-box-shadow: 0 0 3px #8f0303; }
}
@keyframes glowing {
0%
{ background: linear-gradient(45deg, #cd0404 0%, #8f0303 51%, #cd0404 100%); -webkit-box-shadow: 0 0 3px #8f0303; }
50%
{ background: linear-gradient(45deg, #8f0303 0%, #cd0404 51%, #8f0303 100%); -webkit-box-shadow: 0 0 40px #cd0404; }
80%
{ background: linear-gradient(45deg, #cd0404 0%, #8f0303 51%, #cd0404 100%); -webkit-box-shadow: 0 0 3px #8f0303; }
}
.button-87:hover {
background-position : right center;
color : #fff;
text-decoration : none;
}
.button-87:active {
transform : scale(0.95);
}
.marquee {
height : 26px;
overflow : hidden;
position : relative;
color : white;
}
.marquee p {
position : absolute;
width : 200%;
height : 100%;
margin : 0;
text-align : center;
-moz-transform : translateX(100%);
-webkit-transform : translateX(100%);
transform : translateX(100%);
-moz-animation : scroll-left 2s linear infinite;
-webkit-animation : scroll-left 2s linear infinite;
animation : scroll-left 10s linear infinite;
}
@-moz-keyframes scroll-left {
0%
{
-moz-transform: translateX(100%);
}
100%
{
-moz-transform: translateX(-100%);
}
}
@-webkit-keyframes scroll-left {
0%
{
-webkit-transform: translateX(100%);
}
100%
{
-webkit-transform: translateX(-100%);
}
}
@keyframes scroll-left {
0%
{
-moz-transform: translateX(100%);
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
100%
{
-moz-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
.mobile-only {
display : none;
}
@media only screen and (max-width: 1000px) {
.marquee {
border-top : 3px solid var(--line-color);
}
.mobile-only {
display : block;
}
}
</style>
</head>
<body id="desktop">
<div class="hover desktop-only" id="hover">
<div class="hover-menu" id="hover-togel">
<a class="hover-item" href="https://gacor199.bio.site/">
<figure>
<img alt="PAY4D" src="https://img.viva88athenae.com//icon-togel1.png">
</figure>
<figcaption>
PAY4D
</figcaption>
</a>
</div>
<div class="hover-menu" id="hover-slot">
<a class="hover-item" href="https://gacor199.bio.site/">
<figure>
<img alt="PRAGMATIC PLAY" src="https://img.viva88athenae.com//slot-prag.png">
</figure>
<figcaption>
PRAGMATIC PLAY
</figcaption>
</a>
<a class="hover-item" href="https://gacor199.bio.site/">
<figure>
<img alt="PG SOFT" src="https://img.viva88athenae.com//slot-pg.png">
</figure>
<figcaption>
PG SOFT
</figcaption>
</a>
<a class="hover-item" href="https://gacor199.bio.site/">
<figure>
<img alt="HABANERO" src="https://img.viva88athenae.com//slot-hab.png">
</figure>
<figcaption>
HABANERO
</figcaption>
</a>
<a class="hover-item" href="https://gacor199.bio.site/">
<figure>
<img alt="SPADEGAMING" src="https://img.viva88athenae.com//slot-spad.png">
</figure>
<figcaption>
SPADEGAMING
</figcaption>
</a>
<a class="hover-item" href="https://gacor199.bio.site/">
<figure>
<img alt="JOKER" src="https://img.viva88athenae.com//slot-jok.png">
</figure>
<figcaption>
JOKER
</figcaption>
</a>
<a class="hover-item" href="https://gacor199.bio.site/">
<figure>
<img alt="NOLIMIT CITY" src="https://img.viva88athenae.com//slot-nlc.png">
</figure>
<figcaption>
NOLIMIT CITY
</figcaption>
</a>
<a class="hover-item" href="https://gacor199.bio.site/">
<figure>
<img alt="JILI" src="https://img.viva88athenae.com//slot-jl.png">
</figure>
<figcaption>
JILI
</figcaption>
</a>
<a class="hover-item" href="https://gacor199.bio.site/">
<figure>
<img alt="MICROGAMING" src="https://img.viva88athenae.com//slot-mg.png">
</figure>
<figcaption>
MICROGAMING
</figcaption>
</a>
<a class="hover-item" href="https://gacor199.bio.site/">
<figure>
<img alt="PLAYSTAR" src="https://img.viva88athenae.com//slot-ps.png">
</figure>
<figcaption>
PLAYSTAR
</figcaption>
</a>
<a class="hover-item" href="https://gacor199.bio.site/">
<figure>
<img alt="FASTSPIN" src="https://img.viva88athenae.com//slot-fs.png">
</figure>
<figcaption>
FASTSPIN
</figcaption>
</a>
<a class="hover-item" href="https://gacor199.bio.site/">
<figure>
<img alt="NET ENT" src="https://img.viva88athenae.com//slot-nte.png">
</figure>
<figcaption>
NET ENT
</figcaption>
</a>
<a class="hover-item" href="https://gacor199.bio.site/">
<figure>
<img alt="LIVE22" src="https://img.viva88athenae.com//slot-l22.png">
</figure>
<figcaption>
LIVE22
</figcaption>
</a>
<a class="hover-item" href="https://gacor199.bio.site/">
<figure>
<img alt="CQ9" src="https://img.viva88athenae.com//slot-cq9.png">
</figure>
<figcaption>
CQ9
</figcaption>
</a>
<a class="hover-item" href="https://gacor199.bio.site/">
<figure>
<img alt="TOPTREND GAMING" src="https://img.viva88athenae.com//slot-ttg.png">
</figure>
<figcaption>
TOPTREND GAMING
</figcaption>
</a>
<a class="hover-item" href="https://gacor199.bio.site/">
<figure>
<img alt="SBO SLOT" src="https://img.viva88athenae.com//slot-sbo.png">
</figure>
<figcaption>
SBO SLOT
</figcaption>
</a>
</div>
<div class="hover-menu" id="hover-live">
<a class="hover-item" href="https://gacor199.bio.site/">
<figure>
<img alt="PRAGMATIC PLAY" src="https://img.viva88athenae.com//live-pp.png">
</figure>
<figcaption>
PRAGMATIC PLAY
</figcaption>
</a>
<a class="hover-item" href="https://gacor199.bio.site/">
<figure>
<img alt="ION CASINO" src="https://img.viva88athenae.com//live-ion.png">
</figure>
<figcaption>
ION CASINO
</figcaption>
</a>
<a class="hover-item" href="https://gacor199.bio.site/">
<figure>
<img alt="EVOLUTION" src="https://img.viva88athenae.com//live-evo.png">
</figure>
<figcaption>
EVOLUTION
</figcaption>
</a>
<a class="hover-item" href="https://gacor199.bio.site/">
<figure>
<img alt="SEXY GAMING" src="https://img.viva88athenae.com//live-sg.png">
</figure>
<figcaption>
SEXY GAMING
</figcaption>
</a>
<a class="hover-item" href="https://gacor199.bio.site/">
<figure>
<img alt="SA GAMING" src="https://img.viva88athenae.com//live-sagaming.png">
</figure>
<figcaption>
SA GAMING
</figcaption>
</a>
<a class="hover-item" href="https://gacor199.bio.site/">
<figure>
<img alt="ALLBET" src="https://img.viva88athenae.com//live-all.png">
</figure>
<figcaption>
ALLBET
</figcaption>
</a>
<a class="hover-item" href="https://gacor199.bio.site/">
<figure>
<img alt="MICRO GAMING" src="https://img.viva88athenae.com//live-mg.png">
</figure>
<figcaption>
MICRO GAMING
</figcaption>
</a>
<a class="hover-item" href="https://gacor199.bio.site/">
<figure>
<img alt="OPUS PLUS" src="https://img.viva88athenae.com//live-opus.png">
</figure>
<figcaption>
OPUS PLUS
</figcaption>
</a>
<a class="hover-item" href="https://gacor199.bio.site/">
<figure>
<img alt="SBOBET CASINO" src="https://img.viva88athenae.com//live-sbo.png">
</figure>
<figcaption>
SBOBET CASINO
</figcaption>
</a>
</div>
<div class="hover-menu" id="hover-sport">
<a class="hover-item" href="https://gacor199.bio.site/">
<figure>
<img alt="SABA" src="https://img.viva88athenae.com//sport-saba.png">
</figure>
<figcaption>
SABA
</figcaption>
</a>
<a class="hover-item" href="https://gacor199.bio.site/">
<figure>
<img alt="SBOBET" src="https://img.viva88athenae.com//sport-sbo.png">
</figure>
<figcaption>
SBOBET
</figcaption>
</a>
<a class="hover-item" href="https://gacor199.bio.site/">
<figure>
<img alt="CMD368" src="https://img.viva88athenae.com//sport-cmd.png">
</figure>
<figcaption>
CMD368
</figcaption>
</a>
<a class="hover-item" href="https://gacor199.bio.site/">
<figure>
<img alt="TFGAMING" src="https://img.viva88athenae.com//sport-tf.png">
</figure>
<figcaption>
TFGAMING
</figcaption>
</a>
</div>
<div class="hover-menu" id="hover-fishing">
<a class="hover-item" href="https://gacor199.bio.site/">
<figure>
<img alt="SPADE GAMING" src="https://img.viva88athenae.com//fish-sg.png">
</figure>
<figcaption>
SPADE GAMING
</figcaption>
</a>
<a class="hover-item" href="https://gacor199.bio.site/">
<figure>
<img alt="JILI" src="https://img.viva88athenae.com//fish-jl.png">
</figure>
<figcaption>
JILI
</figcaption>
</a>
<a class="hover-item" href="https://gacor199.bio.site/">
<figure>
<img alt="PLAYSTAR" src="https://img.viva88athenae.com//fish-ps.png">
</figure>
<figcaption>
PLAYSTAR
</figcaption>
</a>
<a class="hover-item" href="https://gacor199.bio.site/">
<figure>
<img alt="FASTSPIN" src="https://img.viva88athenae.com//fish-fs.png">
</figure>
<figcaption>
FASTSPIN
</figcaption>
</a>
<a class="hover-item" href="https://gacor199.bio.site/">
<figure>
<img alt="LIVE22" src="https://img.viva88athenae.com//fish-l22.png">
</figure>
<figcaption>
LIVE22
</figcaption>
</a>
</div>
<div class="hover-menu" id="hover-sabung">
<a class="hover-item" href="https://gacor199.bio.site/">
<figure>
<img alt="WS168" src="https://img.viva88athenae.com//sabung-ws.png">
</figure>
<figcaption>
WS168
</figcaption>
</a>
</div>
<div class="hover-menu" id="hover-sabung">
<a class="hover-item" href="https://gacor199.bio.site/">
<figure>
<img alt="GEMINI" src="https://img.viva88athenae.com//interactive-gmn.png">
</figure>
<figcaption>
GEMINI
</figcaption>
</a>
</div>
</div>
<div class="mobile-only">
<div class="my-navbar">
<a class="navbar-item" href="https://stgc.link/daftar-gcr" style="position: relative">
<div class="navbar-item-content">
<img src="https://img.viva88athenae.com//beranda.png">
<label>
BERANDA
</label>
</div>
</a>
<div style="height: 36px; width: 3px; background: black; margin: auto">
</div>
<a class="navbar-item" href="https://gacor199.bio/">
<div class="navbar-item-content">
<img src="https://img.viva88athenae.com//promosi.png">
<label>
PROMOSI
</label>
</div>
</a>
<div style="height: 36px; width: 3px; background: black; margin: auto">
</div>
<a class="navbar-item" href="https://gacor199.bio/">
<div class="navbar-item-content">
<img src="https://img.viva88athenae.com//events.png">
<label>
EVENT
</label>
</div>
</a>
<div style="height: 36px; width: 3px; background: black; margin: auto">
</div>
<a class="navbar-item" href="https://api.whatsapp.com/send?phone=+855968461804" target="_blank">
<div class="navbar-item-content">
<img src="https://img.viva88athenae.com//whatsapp.png">
<label>
WHATSAPP
</label>
</div>
</a>
<div style="height: 36px; width: 3px; background: black; margin: auto">
</div>
<a class="navbar-item" href="https://secure.livechatenterprise.com/customer/action/open_chat?license_id=14919156" target="_blank">
<div class="navbar-item-content">
<img src="https://img.viva88athenae.com//livechat.png">
<label>
LIVECHAT
</label>
</div>
</a>
</div>
</div>
<div class="wrapper" id="top">
<div class="mobile-only" style="position: relative; background: var(--primary-background);">
<div class="appbar">
<a href="https://gacor199.bio.site/" style="width: auto">
<img alt="" class="logoimg" src="https://i.postimg.cc/fR347R7b/logoweb.png">
</a>
<button aria-controls="offcanvasExample" class="mobile-only" data-bs-target="#offcanvasExample" data-bs-toggle="offcanvas" style="position: absolute; right: 16px; background: transparent; border: none; width: auto; padding: 0px; height: 100%; margin: auto" type="button">
<i class="bi bi-person-lines-fill" style="color: var(--menu-item-color); font-size: 26px">
</i>
</button>
</div>
</div>
<header class="header">
<div class="header-content">
<div class="logo">
<a href="https://gacor199.bio.site/">
<img alt="" class="logoimg" src="https://i.postimg.cc/fR347R7b/logoweb.png">
</a>
</div>
<div class="marquee mobile-only" id="marquee-mobile">
<div class="marquee-content">
<div class="d-flex align-items-center gap-2">
<i class="bi bi-volume-down" style="padding: 0 4px; font-size: 24px">
</i>
</div>
<div class="running">
<div class="marquee-shadow">
</div>
<div class="marquee">
<p>
Gacor199 - Link Alternatif Gacor199 Slot Gacor Terbesar Di Asia Slot Gacor199 4D Login Terbaru
</p>
</div>
</div>
<div class="d-flex align-items-center gap-2">
</div>
</div>
</div>
<div class="mslider mobile-only">
<div class="carousel slide pointer-event" data-bs-ride="carousel" id="mobile-slider" style="height: 100%">
<div class="carousel-inner" style="height: 100%">
<div class="carousel-item active" style="height: 100%">
<img alt="" class="d-block w-100 banner" src="https://i.postimg.cc/hGrX9s1g/GACOR199.jpg" style="height: 100%">
</div>
</div>
</div>
</div>
<div class="login">
<div class="desktop-only" id="desktoplogin">
<div class="login-form form">
<div id="msgbox" style="margin-right: 8px; color: #b29459; font-size: 1rem">
</div>
<div class="input-group login-field">
<span class="input-group-text prepend mobile-only">
<div class="h-100 center">
<i class="bi bi-person-circle prepend-icon">
</i>
</div>
</span>
</div>
<div class="marquee mobile-only" id="marquee">
<div class="marquee-content">
<div class="d-flex align-items-center gap-2">
<i class="bi bi-megaphone-fill desktop-only">
</i>
</div>
<div class="running">
<div class="marquee-shadow">
</div>
<div class="marquee">
<p>
Gacor199 - Link Alternatif Gacor199 Slot Gacor Terbesar Di Asia Slot Gacor199 4D Login Terbaru
</p>
</div>
</div>
</div>
</div>
<div class="input-group login-field">
<span class="input-group-text mobile-only prepend">
<div class="h-100 center">
<i class="bi bi-shield-lock-fill prepend-icon">
</i>
</div>
</span>
</div>
<button class="btn btn-masuk fw-bold p-0 px-2 submit" on="tap:AMP.navigateTo(url='https://stgc.link/Daftar-gcr')" type="submit" value="Masuk">
Masuk
</button>
<button class="btn btn-daftar btn-daftar-desktop fw-bold p-0 px-2 desktop-only" on="tap:AMP.navigateTo(url='https://stgc.link/Daftar-gcr')" type="button">
Daftar
</button>
</div>
</div>
<div class="mobile-only" id="mobilelogin" style="width: 100%">
<div class="login-form form" role="form" style="padding: 0px; padding-top: 32px; padding-bottom: 10px;">
<button class="btn btn-masuk fw-bold p-0 px-2 submit" on="tap:AMP.navigateTo(url='https://stgc.link/Daftar-gcr')" type="submit" value="Masuk">
Masuk
</button>
<button class="btn btn-daftar btn-info btn-daftar-mobile fw-bold p-0 px-2 mobile-only" on="tap:AMP.navigateTo(url='https://stgc.link/Daftar-gcr')" type="button">
Daftar Sekarang
</button>
</div>
<a href="https://stgc.link/Daftar-gcr" target="_blank">
<button class="button-87" role="button">
GACOR199
</button>
</a>
</div>
</div>
<div class="menu">
<div class="menu-item desktop-only">
<label>
<a href="https://gacor199.bio.site/">
<i class="bi bi-house-door-fill">
</i>
</a>
</label>
</div>
<span class="desktop-only" style="color: var(--menu-item-color)">
|
</span>
<a class="menu-item" href="https://gacor199.bio.site/">
<img alt="" class="mobile-only" src="img/icon-togel.png">
<label>
TOGEL
</label>
</a>
<span class="desktop-only" style="color: var(--menu-item-color)">
|
</span>
<a class="menu-item" href="https://gacor199.bio.site/">
<img alt="" class="mobile-only" src="img/icon-slot.png">
<label>
SLOT
</label>
</a>
<span class="desktop-only" style="color: var(--menu-item-color)">
|
</span>
<a class="menu-item" href="https://gacor199.bio.site/">
<img alt="" class="mobile-only" src="img/icon-live.png">
<label>
LIVE CASINO
</label>
</a>
<span class="desktop-only" style="color: var(--menu-item-color)">
|
</span>
<a class="menu-item" href="https://gacor199.bio.site/">
<img alt="" class="mobile-only" src="img/icon-sport.png">
<label>
SPORT
</label>
</a>
<span class="desktop-only" style="color: var(--menu-item-color)">
|
</span>
<a class="menu-item" href="https://gacor199.bio.site/">
<img alt="" class="mobile-only" src="img/icon-fishing.png">
<label>
ARCADE
</label>
</a>
<span class="desktop-only" style="color: var(--menu-item-color)">
|
</span>
<a class="menu-item" href="https://gacor199.bio.site/">
<img alt="" class="mobile-only" src="img/icon-sabung.png">
<label>
SABUNG
</label>
</a>
<span class="desktop-only" style="color: var(--menu-item-color)">
|
</span>
<a class="menu-item" href="https://gacor199.bio.site/">
<img alt="" class="mobile-only" src="img/icon-interactive.png">
<label>
INTERACTIVE
</label>
</a>
<span class="desktop-only" style="color: var(--menu-item-color)">
|
</span>
</div>
<div class="menu-mobile mobile-only" style="width: 100%; overflow-x: hidden; position: relative; border-top: 3px solid var(--primary-color); border-bottom: 3px solid var(--theme-color)">
<div style="position: absolute; height: 100%; background: var(--primary-color); display: grid; place-items: center; left: 0; padding: 0px 6px">
<i class="bi bi-caret-left-fill" style="font-size: 16px; color: var(--marquee-color)">
</i>
</div>
<div style="position: absolute; height: 100%; background: var(--primary-color); display: grid; place-items: center; right: 0; padding: 0px 6px;">
<i class="bi bi-caret-right-fill" style="font-size: 16px; color: var(--marquee-color)">
</i>
</div>
<div id="menu-mobile" style="height:68px; overflow-x: scroll; overflow-y: hidden; max-width: 100%; display: block; margin-left: 28px; margin-right: 28px; background: linear-gradient(90deg, rgba(26,26,26,0.3) 0%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 100%), var(--primary-color)">
<div style="white-space: nowrap; height: 100%; font-size: 0px">
<a href="https://gacor199.bio.site/
" style="height: 100%; width: 92px; display: inline-block;">
<div style="display: grid; place-items: center; height: 100%">
<div class="menu-item">
<img alt="" class="mobile-only" src="https://ik.imagekit.io/blackclover/icon-togel.webp">
<label>
TOGEL
</label>
</div>
</div>
</a>
<div style="height: 100%; width: 92px; display: inline-block;">
<div style="display: grid; place-items: center; height: 100%">
<div class="menu-item">
<img alt="" class="mobile-only" src="https://ik.imagekit.io/blackclover/icon-slot.webp">
<label>
SLOT
</label>
</div>
</div>
</div>
<div style="height: 100%; width: 92px; display: inline-block;">
<div style="display: grid; place-items: center; height: 100%">
<div class="menu-item">
<img alt="" class="mobile-only" src="https://ik.imagekit.io/blackclover/icon-live.webp">
<label>
LIVE CASINO
</label>
</div>
</div>
</div>
<div style="height: 100%; width: 92px; display: inline-block;">
<div style="display: grid; place-items: center; height: 100%">
<div class="menu-item">
<img alt="" class="mobile-only" src="https://ik.imagekit.io/blackclover/icon-sport.webp">
<label>
SPORT
</label>
</div>
</div>
</div>
<div style="height: 100%; width: 92px; display: inline-block;">
<div style="display: grid; place-items: center; height: 100%">
<div class="menu-item">
<img alt="" class="mobile-only" src="https://ik.imagekit.io/blackclover/icon-fishing.webp">
<label>
ARCADE
</label>
</div>
</div>
</div>
<div style="height: 100%; width: 92px; display: inline-block;">
<div style="display: grid; place-items: center; height: 100%">
<div class="menu-item">
<img alt="" class="mobile-only" src="https://ik.imagekit.io/blackclover/icon-sabung.webp">
<label>
SABUNG
</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="menu-content mobile-only">
<div id="main-content" style="background: var(--content-box-background)">
</div>
</div>
<div class="promosi">
<!-- Desktop -->
<button class="btn-promosi fw-bold desktop-only" on="tap:AMP.navigateTo(url='https://stgc.link/Daftar-gcr')" style="border: none; font-size: 1.1rem; padding: 0px 8px;">
PROMOSI
</button>
<div class="btn-informasi desktop-only">
<a class="pointer" data-placement="bottom" data-toggle="tooltip" href="https://stgc.link/Daftar-gcr" style="text-decoration: none;" title="Informasi">
<i class="bi bi-info-circle-fill" style="font-size: 16px">
</i>
</a>
</div>
</div>
</div>
</header>
<div class="marquee desktop-only" id="marquee">
<div class="marquee-content">
<div class="d-flex align-items-center gap-2">
<div class="desktop-only" id="timenow" style="white-space: nowrap;">
</div>
<i class="bi bi-megaphone-fill desktop-only">
</i>
</div>
<div class="running" style="padding-left: 8px; padding-right: 32px">
<div class="marquee">
<p>
Gacor199 - Link Alternatif Gacor199 Slot Gacor Terbesar Di Asia Slot Gacor199 4D Login Terbaru
</p>
</div>
</div>
<div class="d-flex align-items-center gap-2">
<a href="https://gacor199.bio.site/">
<img alt="EVENT" height="24px" src="https://ik.imagekit.io/blackclover/eventppw.webp">
</a>
</div>
</div>
</div>
<div class="contentdata">
<div class="p-0" id="content-primary">
<div class="desktop-only">
<div class="carousel slide" data-bs-ride="carousel" id="mobile-slider" style="height: 100%">
<div class="carousel-inner" style="height: 100%">
<div class="carousel-item active" style="height: 100%">
<img alt="Gacor199 : Link Login Alternatif Gacor199 4D Slot Terpercaya Mudah Menang Slot Asia" class="d-block w-100 banner" src="https://i.postimg.cc/hGrX9s1g/GACOR199.jpg" style="height: 100%">
</div>
</div>
</div>
</div>
<div class="mobile-only">
<!-- <div class="banner shadow" style="margin:20px 20px 20px 20px; border:solid 2px #FFF; border-radius: 20px; box-shadow:rgba(0,0,0,1) 0px 0px 10px 0px; position: relative;">
<img src="./spsl_files/sportcmd.jpg" width="100%" alt="" style="border-radius: 20px; top: 0; left: 0; width: 100%; height: 100%; position: absolute;">
</div> -->
</div>
</div>
</div>
<div class="provider">
<div class="provider-group">
<img alt="" class="desktop-only" src="https://ik.imagekit.io/blackclover/jenisgame.webp" style="padding-bottom: 16px">
<img alt="" class="desktop-only" src="https://ik.imagekit.io/blackclover/provideramp.webp">
<img alt="" class="mobile-only" src="https://ik.imagekit.io/blackclover/provideramp.webp" style="width: 100%;">
</div>
</div>
<div class="transaksi">
<div>
<div class="transaksi-kontak">
<div class="d-flex flex-column w-100">
<div class="transaksi-title">
<div class="transaksi-title-group">
<div class="fitur-header">
Transaksi
</div>
<div class="desktop-only" style="line-height: .8rem; color: var(--primary-text-color)">
Kami Menerima Pembayaran Dibawah Ini
</div>
</div>
<div class="devider desktop-only" style="width: 320px">
</div>
</div>
<div class="transaksi-content">
<!-- Bank -->
<div class="transaksi-group">
<div class="transaksi-bank">
<div class="transaksi-wrapper">
<div class="transaksi-name">
Bank Lokal
</div>
<div class="carousel slide" data-bs-ride="carousel" id="transaksi-bank-indicators">
<div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
</div>
<div class="carousel-inner">
<div class="carousel-item active" style="height: 144px">
<div class="transaksi-list-bank">
<div class="transaksi-item">
<div class="transaksi-header">
BCA
</div>
<div class="transaksi-status status-green">
</div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">
Mandiri
</div>
<div class="transaksi-status status-green">
</div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">
BNI
</div>
<div class="transaksi-status status-green">
</div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">
BRI
</div>
<div class="transaksi-status status-green">
</div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">
CIMB
</div>
<div class="transaksi-status status-green">
</div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">
Danamon
</div>
<div class="transaksi-status status-green">
</div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">
BSI
</div>
<div class="transaksi-status status-green">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="transaksi-other">
<div class="desktop-only" style="height: 100%; width: 2px; background: #888888">
</div>
<div class="transaksi-wrapper" style="max-width: 284px">
<div class="transaksi-name">
E Money & Pulsa
</div>
<div class="carousel slide" data-bs-ride="carousel" id="transaksi-other-indicators">
<div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<div class="transaksi-list-other">
<div class="transaksi-item">
<div class="transaksi-header">
Jenius
</div>
<div class="transaksi-status status-blue">
</div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">
DANA
</div>
<div class="transaksi-status status-blue">
</div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">
OVO
</div>
<div class="transaksi-status status-blue">
</div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">
GOPAY
</div>
<div class="transaksi-status status-blue">
</div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">
LinkAja
</div>
<div class="transaksi-status status-blue">
</div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">
QRIS
</div>
<div class="transaksi-status status-blue">
</div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">
Telkomsel
</div>
<div class="transaksi-status status-blue">
</div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">
Axiata
</div>
<div class="transaksi-status status-blue">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="desktop-only" style="height: 100%; width: 2px; background: #888888">
</div>
</div>
</div>
</div>
</div>
<div class="d-flex flex-column desktop-only" style="width: 180px">
<div class="transaksi-title">
<div class="transaksi-title-group">
<div class="fitur-header">
Kontak Kami
</div>
</div>
<div class="devider desktop-only">
</div>
</div>
<div class="carousel slide" data-bs-ride="carousel" id="kontak-kami-indicators" style="padding-top: 14px">
<div class="carousel-inner" style="height: 164px">
<div class="carousel-item active">
<div>
<div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
<img src="https://img.viva88athenae.com/kontak/wa.png" width="20">
<div class="d-flex flex-column">
<div style="color: #888888;">
WHATSAPP
</div>
<div style="line-height: .9rem; color: var(--primary-text-color)">
GACOR199
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="guidelines">
<div class="guidelines-content desktop-only">
<img src="https://ik.imagekit.io/blackclover/pelayanantercepat.png">
</div>
</div>
<footer class="footer">
<div>
</div>
<div class="footer-group">
<div class="copyright">
<div style="white-space: nowrap">
© 2015 - 2024 Copyright GACOR199.
</div>
<div>
All Rights Reserved.
</div>
</div>
<img alt="" class="mobile-only" src="https://ik.imagekit.io/blackclover/pelayanantercepat.png" style="width: 100%">
</div>
</footer>
<!-- SIDENAV -->
<div class="sidenav desktop-only" id="mySidenav">
<div id="nav">
<div style="display: flex; align-items: start;">
<div style="height: 246px; width: 64px; background: var(--primary-color); border-radius: 8px 0px 0px 8px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
<img src="https://ik.imagekit.io/blackclover/hubungikamidong.png">
</div>
</div>
<div class="ptsans" style="font-size: 1rem; background: white; border-radius: 0px 5px 5px 5px; overflow: hidden; width: 160px">
<div id="" style="padding: 4px">
<img src="https://ik.imagekit.io/blackclover/Untitled.png" style="width: 100%">
</div>
<div id="kontak-content" style="display: flex; flex-direction: column; width: 100%; font-size: .8rem">
<div style="display: grid; place-items: center; font-weight: bold; font-size: 1rem">
MEMBER SERVICE
</div>
<div style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
<img src="https://img.viva88athenae.com/kontak/wa.png" width="20">
<span>
+855968461804
</span>
</div>
<div style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
<img src="https://img.viva88athenae.com" width="20">
<span>
<span>
ID:
</span>
CS-GACOR199
</span>
</div>
<div style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
<img src="./spsl_files/wechat1.png" width="20">
<span>
<span>
ID:
</span>
CS-GACOR199
</span>
</div>
<div style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
<img src="./spsl_files/sms1.png" width="20">
<span>
+855968461804
</span>
</div>
<div style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
<img src="./spsl_files/skype.png" width="20">
<span>
CS GACOR199
</span>
</div>
</div>
<div style="margin: 8px">
<button on="tap:AMP.navigateTo(url='https://stgc.link/Daftar-gcr')" style="width: 100%; border-radius: 5px; font-size: .875rem; height: 40px; border: none; font-weight: bold; background: black; color: white">
DAFTAR SEKARANG
</button>
</div>
</div>
</div>
</div>
</div>
</body>
</html>