body,
html {
overflow-x: hidden;
}
body {
background-color: #0A0033;
font-family: 'Laila';
font-style: normal;
}
/* Media Query */
@media (min-width: 1200px) {
.header-desktop {
display: block !important;
}
.header-mobile {
display: none;
}
.py-4 {
padding-top: 1.5rem !important;
padding-bottom: 1rem !important;
}
/* .px-5 {
padding-left: 6.5rem !important;
padding-right: 6.5rem !important;
} */
}
@media (min-width: 992px) {
.header-desktop {
display: block !important;
}
.header-mobile {
display: none;
}
.py-4 {
padding-top: 1.5rem !important;
padding-bottom: 1rem !important;
}
}
@media (max-width: 991.98px) {
.header-desktop {
display: none;
}
.header-mobile {
display: block !important;
}
}
@media (min-width: 768px) {
.px-md-5 {
padding-right: 4rem !important;
padding-left: 4rem !important;
}
}
.width-80-precent {
width: 80%;
}
.post-title {
font-size: calc(9px + (14 - 10) * ((100vw - 600px) / (1300 - 200))) !important;
}
.margin-unset {
margin: unset !important;
}
.header-desktop {
background-color: #070022;
color: white;
border-bottom: 2px solid #FFD754;
}
.header-desktop .brand {
align-items: center !important;
display: flex;
}
.header-desktop h2 a {
color: #FFD754;
font-weight: normal;
text-decoration: none;
}
.header-mobile {
background-color: #070022;
color: white;
border-bottom: 2px solid #FFD754;
}
.header-mobile .brand {
align-items: center !important;
display: flex;
}
.header-mobile h2 a {
color: #FFD754;
font-weight: normal;
margin-bottom: 0;
font-size: calc(1.05rem + 0.66vw);
text-decoration: none;
}
.form-login {
float: right;
}
.form-login .button-register {
padding: 5px 35px;
font-family: 'Laila';
font-style: normal;
font-weight: 600;
font-size: 14.5px;
line-height: 22px;
text-transform: capitalize;
background: linear-gradient(94.82deg, #D4AF37 6.22%, #FFD754 57.82%, #A3831C 108.36%);
color: #000000;
font-style: normal;
font-weight: 900;
}
.form-login .form-control {
width: 85%;
border: 2px solid #D4AF37;
padding: 0.175rem 0.5rem;
}
.form-login .form-control::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: #D4AF37;
opacity: 1;
/* Firefox */
}
/* .form-login .button-login {
padding: 5px 35px;
font-family: 'Laila';
font-style: normal;
font-weight: 600;
font-size: 14.5px;
line-height: 22px;
text-transform: capitalize;
background: #000000;
color: #FFFFFF;
font-style: normal;
font-weight: 900;
border: 1px solid #FFD754;
} */
.menu-desktop {
float: right;
}
.menu-desktop .menu {
/* font-size: 18px; */
color: #FFD754;
padding-left: 14px;
padding-right: 14px;
font-weight: 600;
font-size: 15px;
line-height: 23px;
}
.menu-desktop .menu.active {
color: #FFFFFF;
}
.menu-desktop .dropdown-toggle {
border: 0;
}
.menu-desktop .dropdown-toggle::after {
color: #FFD754;
margin-left: 10px;
}
/* .menu-mobile .dropdown-toggle {
border: 0px;
}
.menu-mobile .dropdown-toggle::after {
color: #FFD754;
margin-left: 10px;
} */
.dropdown-toggle {
border: 0;
}
.dropdown-toggle::after {
color: #FFD754;
margin-left: 10px;
}
.dropdown-menu[data-bs-popper] {
top: 80%;
right: 0;
left: 1 !important;
margin-top: var(--bs-dropdown-spacer);
margin-right: 100px;
}
.navbar-toggler {
background: linear-gradient(180deg, #A3831C 0%, #FFD754 54.78%, #A3831C 100%);
border-radius: 5px;
color: #0D013C;
padding: 0 5px;
}
.navbar-toggler-icon {
background-size: 80%;
}
.nav-item-mobile {
padding: 7px;
border-radius: 6px;
}
.nav-item-mobile.active {
background-color: rgba(255, 255, 255, 0.2);
padding: 7px;
border-radius: 6px;
}
.nav-item-mobile a {
padding: 7px;
border-radius: 6px;
color: #FFD754;
}
.footer-header-mobile {
text-transform: uppercase;
font-size: 11px;
}
.footer-header-mobile a {
text-decoration: none;
color: #FFD754;
}
.offcanvas {
background-color: #0A0033;
}
.offcanvas .offcanvas-body {
padding: 25px;
background-color: #0A0033;
}
.offcanvas .offcanvas-body .nav-item-mobile a {
font-size: 14px;
}
.offcanvas .offcanvas-header {
background-color: #070022;
border-bottom: 2px solid #FFD754;
padding: 10.5px 25px;
}
.offcanvas .offcanvas-title {
color: #FFD754;
}
.offcanvas .navbar-toggler {
background: linear-gradient(180deg, #A3831C 0%, #FFD754 54.78%, #A3831C 100%);
border-radius: 5px;
color: #0D013C;
padding: 5px 12px;
font-size: 15px;
}
/* jackpot */
/* min */
@media (min-width: 768px) {
.content-banner {
padding-right: 2rem !important;
padding-left: 2rem !important;
}
.banner {
padding-left: 10px;
padding-right: 10px;
padding-top: 20px;
}
.image-banner-idul {
height: 46px;
}
.section-jackpot {
padding-left: 18rem !important;
padding-right: 18rem !important;
}
/* jackpot */
.bg-images {
background-image: url("../img/jackpot.webp");
background-repeat: no-repeat;
background-size: cover;
padding-top: 6rem !important;
padding-bottom: 2rem !important;
}
.-home {
padding-right: 2rem !important;
padding-left: 2rem !important;
}
}
@media (min-width: 992px) {
.content-banner {
padding-right: 4rem !important;
padding-left: 4rem !important;
}
.banner {
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
}
.image-banner-idul {
height: 56px;
}
.section-jackpot {
padding-left: 24rem !important;
padding-right: 24rem !important;
}
/* jackpot */
.bg-images {
background-image: url("../img/jackpot.webp");
background-repeat: no-repeat;
background-size: cover;
padding-top: 6rem !important;
padding-bottom: 2rem !important;
}
}
@media (min-width: 1200px) {
.content-banner {
padding-right: 4rem !important;
padding-left: 4rem !important;
}
.banner {
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
}
.image-banner-idul {
height: 66px;
}
.section-jackpot {
padding-left: 20rem !important;
padding-right: 20rem !important;
}
/* jackpot */
.bg-images {
background-image: url("../img/jackpot.webp");
background-repeat: no-repeat;
background-size: cover;
padding-top: 6rem !important;
padding-bottom: 2rem !important;
}
.bg-images h1 {
font-size: 24px;
font-weight: 600;
}
.-home {
padding-right: 4rem !important;
padding-left: 4rem !important;
}
}
@media (min-width: 1400px) {
.content-banner {
padding-right: 4rem !important;
padding-left: 4rem !important;
}
.banner {
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
}
.image-banner-idul {
height: 76px;
}
.section-jackpot {
padding-left: 25rem !important;
padding-right: 25rem !important;
}
/* jackpot */
.bg-images {
background-image: url("../img/jackpot.webp");
background-repeat: no-repeat;
background-size: cover;
padding-top: 6rem !important;
padding-bottom: 2rem !important;
}
.-home {
padding-right: 4rem !important;
padding-left: 4rem !important;
}
}
/* max */
@media (max-width: 1399.98px) {
.content-banner {
padding-right: 4rem !important;
padding-left: 4rem !important;
}
.banner {
padding-left: 10px;
padding-right: 10px;
padding-top: 20px;
}
.image-banner-idul {
height: 76px;
}
.section-jackpot {
padding-left: 24rem !important;
padding-right: 24rem !important;
}
/* jackpot */
.bg-images {
background-image: url("../img/jackpot.webp");
background-repeat: no-repeat;
background-size: cover;
padding-top: 6rem !important;
padding-bottom: 2rem !important;
}
.-home {
padding-right: 4rem !important;
padding-left: 4rem !important;
}
}
@media (max-width: 1199.98px) {
.content-banner {
padding-right: 4rem !important;
padding-left: 4rem !important;
}
.banner {
padding-left: 10px;
padding-right: 10px;
padding-top: 20px;
}
.image-banner-idul {
height: 66px;
}
.section-jackpot {
padding-left: 20rem !important;
padding-right: 20rem !important;
}
/* jackpot */
.bg-images {
background-image: url("../img/jackpot.webp");
background-repeat: no-repeat;
background-size: cover;
padding-top: 4rem !important;
padding-bottom: 2rem !important;
}
.bg-images h1 {
font-size: 22px;
font-weight: 600;
}
.-home {
padding-right: 4rem !important;
padding-left: 4rem !important;
}
}
@media (max-width: 991.98px) {
.content-banner {
padding-right: 4rem !important;
padding-left: 4rem !important;
}
.banner {
padding-left: 10px;
padding-right: 10px;
padding-top: 20px;
}
.image-banner-idul {
height: 56px;
}
.section-jackpot {
padding-left: 16rem !important;
padding-right: 16rem !important;
}
/* jackpot */
.bg-images {
background-image: url("../img/jackpot.webp");
background-repeat: no-repeat;
background-size: cover;
padding-top: 4.5rem !important;
padding-bottom: 2rem !important;
}
.bg-images .h1 {
padding-right: 4rem !important;
}
.-home {
padding-right: 2rem !important;
padding-left: 2rem !important;
}
}
@media (max-width: 879.98px) {
.section-jackpot {
padding-left: 12rem !important;
padding-right: 12rem !important;
}
/* jackpot */
.bg-images {
background-image: url("../img/jackpot.webp");
background-repeat: no-repeat;
background-size: cover;
padding-top: 4.5rem !important;
padding-bottom: 2rem !important;
}
.bg-images .h1 {
padding-right: 4rem !important;
}
}
@media (max-width: 767.98px) {
.content-banner {
padding-right: 2rem !important;
padding-left: 2rem !important;
}
.banner {
padding-left: 10px;
padding-right: 10px;
padding-top: 20px;
}
.image-banner-idul {
height: 46px;
}
.section-jackpot {
padding-left: 10rem !important;
padding-right: 10rem !important;
}
/* jackpot */
.bg-images {
background-image: url("../img/jackpot.webp");
background-repeat: no-repeat;
background-size: cover;
padding-top: 4.5rem !important;
padding-bottom: 2rem !important;
}
.bg-images .h1 {
padding-right: 4rem !important;
}
.-home {
padding-right: 2rem !important;
padding-left: 2rem !important;
}
}
@media (max-width: 575.98px) {
.content-banner {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.banner {
padding-left: 10px;
padding-right: 10px;
padding-top: 20px;
}
.image-banner-idul {
height: 56px;
margin-top: 10px;
}
.section-jackpot {
padding-left: 6rem !important;
padding-right: 4rem !important;
}
.bg-images {
background-image: url("../img/jackpot.webp");
background-repeat: no-repeat;
background-size: cover;
padding-top: 4rem !important;
padding-bottom: 2rem !important;
}
.-home {
padding-right: 2rem !important;
padding-left: 2rem !important;
}
.tittle-game-text {
font-size: 1.1rem !important;
}
}
@media (max-width: 459.98px) {
.section-jackpot {
padding-left: 2rem !important;
padding-right: 1rem !important;
}
/* jackpot */
.bg-images {
background-image: url("../img/jackpot.webp");
background-repeat: no-repeat;
background-size: cover;
padding-top: 4rem !important;
padding-bottom: 2rem !important;
}
.bg-images .h1 {
padding-right: 2rem !important;
}
.tittle-game-text {
font-size: 1.2rem !important;
}
}
/* .perhatian {
background: linear-gradient(90deg, #B89830 0.95%, #D4AF37 34.27%, #FFD754 60.42%, #C5A02B 99.39%);
padding: 5px;
} */
.perhatian {
background: #000000;
border-radius: 15px;
border: 2px solid #e5be42;
color: #e5be42;
padding: 5px;
}
/* slider game */
#news-slider {
margin-top: 0;
}
#new-game {
margin-top: 0;
}
#slot-game {
margin-top: 0;
}
.list-game {
background: rgba(255, 255, 255, 0.2);
border: 1px solid #000000;
border-radius: 15px;
/* padding: 2rem !important; */
}
/* min */
@media (min-width: 576px) {
.list-game-home {
padding-right: 6rem !important;
padding-left: 6rem !important;
}
.list-game-home .header-list-game {
color: #FFD754;
margin-left: 20px;
font-size: 26px;
font-weight: 900;
}
.list-game-home .button-semua-permainan {
background: linear-gradient(94.82deg, #D4AF37 6.22%, #FFD754 57.82%, #A3831C 108.36%);
color: black;
float: right;
font-weight: 900;
}
.post-slide {
background: #F9E08E;
margin: 20px 15px;
border-radius: 15px;
}
.post-slide .post-title {
font-size: 14.5px;
font-weight: 900;
color: #333;
display: inline-block;
transition: all 0.3s ease 0s;
font-style: normal;
}
.post-slide .post-img {
position: relative;
overflow: hidden;
border-radius: 10px;
padding: 13px 13px 5px;
}
.post-slide .post-img img {
width: 100%;
height: auto;
transform: scale(1, 1);
transition: transform 0.2s linear;
}
.post-slide .over-layer {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
background: linear-gradient(-45deg, rgba(6, 190, 244, 0.75) 0%, rgba(45, 112, 253, 0.6) 100%);
transition: all 0.50s linear;
}
.post-slide:hover .over-layer {
opacity: 1;
text-decoration: none;
}
.post-slide .over-layer i {
position: relative;
top: 45%;
text-align: center;
display: block;
color: #F9E08E;
font-size: 25px;
}
.post-slide .post-content {
background: #F9E08E;
padding: 0 20px 10px;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
}
.tittle-game-text {
font-size: 1.3rem !important;
}
.btn-main {
/*
padding: 3px 10px;
font-size: 12px;
font-style: normal;
font-weight: 900;
margin-top: 5px;
width: 60%;
*/
background: linear-gradient(94.82deg, #D4AF37 6.22%, #FFD754 57.82%, #A3831C 108.36%);
color: #333;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-ms-border-radius: 7px;
-o-border-radius: 7px;
font-weight: bold !important;
}
.btn-main:hover {
background: linear-gradient(94.82deg, #D4AF37 6.22%, #FFD754 57.82%, #A3831C 108.36%);
text-decoration: none;
color: #333;
font-weight: bold !important;
}
.owl-controls .owl-buttons {
text-align: center;
margin-top: 20px;
}
.owl-controls .owl-buttons .owl-prev {
background: #fff;
position: absolute;
top: -13%;
left: 15px;
padding: 0 18px 0 15px;
border-radius: 50px;
box-shadow: 3px 14px 25px -10px #92b4d0;
transition: background 0.5s ease 0s;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
}
.owl-controls .owl-buttons .owl-next {
background: #fff;
position: absolute;
top: -13%;
right: 15px;
padding: 0 15px 0 18px;
border-radius: 50px;
box-shadow: -3px 14px 25px -10px #92b4d0;
transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-next:after,
.owl-controls .owl-buttons .owl-prev:after {
content: "\f104";
font-family: FontAwesome;
color: #333;
font-size: 30px;
}
.owl-controls .owl-buttons .owl-next:after {
content: "\f105";
}
}
@media (min-width: 768px) {
.list-game-home {
padding-right: 6rem !important;
padding-left: 6rem !important;
}
.list-game-home .header-list-game {
color: #FFD754;
margin-left: 20px;
font-size: 26px;
font-weight: 900;
}
.list-game-home .button-semua-permainan {
background: linear-gradient(94.82deg, #D4AF37 6.22%, #FFD754 57.82%, #A3831C 108.36%);
color: black;
float: right;
font-weight: 900;
}
.post-slide {
background: #F9E08E;
margin: 20px 15px;
border-radius: 15px;
}
.post-slide .post-title {
font-size: 14.5px;
font-weight: 900;
color: #333;
display: inline-block;
transition: all 0.3s ease 0s;
font-style: normal;
}
.post-slide .post-img {
position: relative;
overflow: hidden;
border-radius: 10px;
padding: 13px 13px 5px;
}
.post-slide .post-img img {
width: 100%;
height: auto;
transform: scale(1, 1);
transition: transform 0.2s linear;
}
.post-slide .over-layer {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
background: linear-gradient(-45deg, rgba(6, 190, 244, 0.75) 0%, rgba(45, 112, 253, 0.6) 100%);
transition: all 0.50s linear;
}
.post-slide:hover .over-layer {
opacity: 1;
text-decoration: none;
}
.post-slide .over-layer i {
position: relative;
top: 45%;
text-align: center;
display: block;
color: #F9E08E;
font-size: 25px;
}
.post-slide .post-content {
background: #F9E08E;
padding: 0 20px 10px;
border-radius: 15px;
}
.tittle-game-text {
font-size: 1.2rem !important;
}
.btn-main {
/*
padding: 3px 10px;
font-size: 12px;
font-style: normal;
font-weight: 900;
margin-top: 5px;
width: 60%;
*/
background: linear-gradient(94.82deg, #D4AF37 6.22%, #FFD754 57.82%, #A3831C 108.36%);
color: #333;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-ms-border-radius: 7px;
-o-border-radius: 7px;
font-weight: bold !important;
}
.btn-main:hover {
background: linear-gradient(94.82deg, #D4AF37 6.22%, #FFD754 57.82%, #A3831C 108.36%);
text-decoration: none;
color: #333;
font-weight: bold !important;
}
.owl-controls .owl-buttons {
text-align: center;
margin-top: 20px;
}
.owl-controls .owl-buttons .owl-prev {
background: #fff;
position: absolute;
top: -13%;
left: 15px;
padding: 0 18px 0 15px;
border-radius: 50px;
box-shadow: 3px 14px 25px -10px #92b4d0;
transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-next {
background: #fff;
position: absolute;
top: -13%;
right: 15px;
padding: 0 15px 0 18px;
border-radius: 50px;
box-shadow: -3px 14px 25px -10px #92b4d0;
transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-next:after,
.owl-controls .owl-buttons .owl-prev:after {
content: "\f104";
font-family: FontAwesome;
color: #333;
font-size: 30px;
}
.owl-controls .owl-buttons .owl-next:after {
content: "\f105";
}
}
@media (min-width: 992px) {
.list-game-home {
padding-right: 6rem !important;
padding-left: 6rem !important;
}
.list-game-home .header-list-game {
color: #FFD754;
margin-left: 20px;
font-size: 26px;
font-weight: 900;
}
.list-game-home .button-semua-permainan {
background: linear-gradient(94.82deg, #D4AF37 6.22%, #FFD754 57.82%, #A3831C 108.36%);
color: black;
float: right;
font-weight: 900;
}
.post-slide {
background: #F9E08E;
margin: 20px 15px;
border-radius: 15px;
}
.post-slide .post-title {
font-size: 14.5px;
font-weight: 900;
color: #333;
display: inline-block;
transition: all 0.3s ease 0s;
font-style: normal;
}
.post-slide .post-img {
position: relative;
overflow: hidden;
border-radius: 10px;
padding: 13px 13px 5px;
}
.post-slide .post-img img {
width: 100%;
height: auto;
transform: scale(1, 1);
transition: transform 0.2s linear;
}
.post-slide .over-layer {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
background: linear-gradient(-45deg, rgba(6, 190, 244, 0.75) 0%, rgba(45, 112, 253, 0.6) 100%);
transition: all 0.50s linear;
}
.post-slide:hover .over-layer {
opacity: 1;
text-decoration: none;
}
.post-slide .over-layer i {
position: relative;
top: 45%;
text-align: center;
display: block;
color: #F9E08E;
font-size: 25px;
}
.post-slide .post-content {
background: #F9E08E;
padding: 0 20px 10px;
border-radius: 15px;
}
.tittle-game-text {
font-size: 1.2rem !important;
}
.btn-main {
/*
padding: 3px 10px;
font-size: 12px;
font-style: normal;
font-weight: 900;
margin-top: 5px;
width: 60%;
*/
background: linear-gradient(94.82deg, #D4AF37 6.22%, #FFD754 57.82%, #A3831C 108.36%);
color: #333;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-ms-border-radius: 7px;
-o-border-radius: 7px;
font-weight: bold !important;
}
.btn-main:hover {
background: linear-gradient(94.82deg, #D4AF37 6.22%, #FFD754 57.82%, #A3831C 108.36%);
text-decoration: none;
color: #333;
font-weight: bold !important;
}
.owl-controls .owl-buttons {
text-align: center;
margin-top: 20px;
}
.owl-controls .owl-buttons .owl-prev {
background: #fff;
position: absolute;
top: -13%;
left: 15px;
padding: 0 18px 0 15px;
border-radius: 50px;
box-shadow: 3px 14px 25px -10px #92b4d0;
transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-next {
background: #fff;
position: absolute;
top: -13%;
right: 15px;
padding: 0 15px 0 18px;
border-radius: 50px;
box-shadow: -3px 14px 25px -10px #92b4d0;
transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-next:after,
.owl-controls .owl-buttons .owl-prev:after {
content: "\f104";
font-family: FontAwesome;
color: #333;
font-size: 30px;
}
.owl-controls .owl-buttons .owl-next:after {
content: "\f105";
}
}
@media (min-width: 1200px) {
.list-game-home {
padding-right: 6rem !important;
padding-left: 6rem !important;
}
.list-game-home .header-list-game {
color: #FFD754;
margin-left: 20px;
font-size: 26px;
font-weight: 900;
}
.list-game-home .button-semua-permainan {
background: linear-gradient(94.82deg, #D4AF37 6.22%, #FFD754 57.82%, #A3831C 108.36%);
color: black;
float: right;
font-weight: 900;
}
.post-slide {
background: #F9E08E;
margin: 20px 15px;
border-radius: 15px;
}
.post-slide .post-title {
font-size: 14.5px;
font-weight: 900;
color: #333;
display: inline-block;
transition: all 0.3s ease 0s;
font-style: normal;
}
.post-slide .post-img {
position: relative;
overflow: hidden;
border-radius: 10px;
padding: 13px 13px 5px;
}
.post-slide .post-img img {
width: 100%;
height: auto;
transform: scale(1, 1);
transition: transform 0.2s linear;
}
.post-slide .over-layer {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
background: linear-gradient(-45deg, rgba(6, 190, 244, 0.75) 0%, rgba(45, 112, 253, 0.6) 100%);
transition: all 0.50s linear;
}
.post-slide:hover .over-layer {
opacity: 1;
text-decoration: none;
}
.post-slide .over-layer i {
position: relative;
top: 45%;
text-align: center;
display: block;
color: #F9E08E;
font-size: 25px;
}
.post-slide .post-content {
background: #F9E08E;
padding: 0 20px 10px;
border-radius: 15px;
}
.tittle-game-text {
font-size: 1.5rem !important;
}
.btn-main {
/*
padding: 3px 10px;
font-size: 12px;
font-style: normal;
font-weight: 900;
margin-top: 5px;
width: 60%;
*/
background: linear-gradient(94.82deg, #D4AF37 6.22%, #FFD754 57.82%, #A3831C 108.36%);
color: #333;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-ms-border-radius: 7px;
-o-border-radius: 7px;
font-weight: bold !important;
}
.btn-main:hover {
background: linear-gradient(94.82deg, #D4AF37 6.22%, #FFD754 57.82%, #A3831C 108.36%);
text-decoration: none;
color: #333;
font-weight: bold !important;
}
.owl-controls .owl-buttons {
text-align: center;
margin-top: 20px;
}
.owl-controls .owl-buttons .owl-prev {
background: #fff;
position: absolute;
top: -13%;
left: 15px;
padding: 0 18px 0 15px;
border-radius: 50px;
box-shadow: 3px 14px 25px -10px #92b4d0;
transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-next {
background: #fff;
position: absolute;
top: -13%;
right: 15px;
padding: 0 15px 0 18px;
border-radius: 50px;
box-shadow: -3px 14px 25px -10px #92b4d0;
transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-next:after,
.owl-controls .owl-buttons .owl-prev:after {
content: "\f104";
font-family: FontAwesome;
color: #333;
font-size: 30px;
}
.owl-controls .owl-buttons .owl-next:after {
content: "\f105";
}
}
@media (min-width: 1400px) {
.list-game-home {
padding-right: 6rem !important;
padding-left: 6rem !important;
}
.list-game-home .header-list-game {
color: #FFD754;
margin-left: 20px;
font-size: 26px;
font-weight: 900;
}
.list-game-home .button-semua-permainan {
background: linear-gradient(94.82deg, #D4AF37 6.22%, #FFD754 57.82%, #A3831C 108.36%);
color: black;
float: right;
font-weight: 900;
}
.post-slide {
background: #F9E08E;
margin: 20px 15px;
border-radius: 15px;
}
.post-slide .post-title {
font-size: 14.5px;
font-weight: 900;
color: #333;
display: inline-block;
transition: all 0.3s ease 0s;
font-style: normal;
}
.post-slide .post-img {
position: relative;
overflow: hidden;
border-radius: 10px;
padding: 13px 13px 5px;
}
.post-slide .post-img img {
width: 100%;
height: auto;
transform: scale(1, 1);
transition: transform 0.2s linear;
}
.post-slide .over-layer {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
background: linear-gradient(-45deg, rgba(6, 190, 244, 0.75) 0%, rgba(45, 112, 253, 0.6) 100%);
transition: all 0.50s linear;
}
.post-slide:hover .over-layer {
opacity: 1;
text-decoration: none;
}
.post-slide .over-layer i {
position: relative;
top: 45%;
text-align: center;
display: block;
color: #F9E08E;
font-size: 25px;
}
.post-slide .post-content {
background: #F9E08E;
padding: 0 20px 10px;
border-radius: 15px;
}
.tittle-game-text {
font-size: 1.7rem !important;
}
.btn-main {
/*
padding: 3px 10px;
font-size: 12px;
font-style: normal;
font-weight: 900;
margin-top: 5px;
width: 60%;
*/
background: linear-gradient(94.82deg, #D4AF37 6.22%, #FFD754 57.82%, #A3831C 108.36%);
color: #333;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-ms-border-radius: 7px;
-o-border-radius: 7px;
font-weight: bold !important;
}
.btn-main:hover {
background: linear-gradient(94.82deg, #D4AF37 6.22%, #FFD754 57.82%, #A3831C 108.36%);
text-decoration: none;
color: #333;
font-weight: bold !important;
}
.owl-controls .owl-buttons {
text-align: center;
margin-top: 20px;
}
.owl-controls .owl-buttons .owl-prev {
background: #fff;
position: absolute;
top: -13%;
left: 15px;
padding: 0 18px 0 15px;
border-radius: 50px;
box-shadow: 3px 14px 25px -10px #92b4d0;
transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-next {
background: #fff;
position: absolute;
top: -13%;
right: 15px;
padding: 0 15px 0 18px;
border-radius: 50px;
box-shadow: -3px 14px 25px -10px #92b4d0;
transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-next:after,
.owl-controls .owl-buttons .owl-prev:after {
content: "\f104";
font-family: FontAwesome;
color: #333;
font-size: 30px;
}
.owl-controls .owl-buttons .owl-next:after {
content: "\f105";
}
}
/* max */
@media (max-width: 1399.98px) {
.list-game-home {
padding-right: 6rem !important;
padding-left: 6rem !important;
}
.list-game-home .header-list-game {
color: #FFD754;
margin-left: 20px;
font-size: 26px;
font-weight: 900;
}
.list-game-home .button-semua-permainan {
background: linear-gradient(94.82deg, #D4AF37 6.22%, #FFD754 57.82%, #A3831C 108.36%);
color: black;
float: right;
font-weight: 900;
}
.post-slide {
background: #F9E08E;
margin: 20px 10px;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
}
.post-slide .post-title {
font-size: 13.5px;
font-weight: 900;
color: #333;
display: inline-block;
transition: all 0.3s ease 0s;
font-style: normal;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
}
.post-slide .post-img {
position: relative;
overflow: hidden;
border-radius: 10px;
padding: 13px 13px 5px;
}
.post-slide .post-img img {
width: 100%;
height: auto;
transform: scale(1, 1);
transition: transform 0.2s linear;
}
.post-slide .over-layer {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
background: linear-gradient(-45deg, rgba(6, 190, 244, 0.75) 0%, rgba(45, 112, 253, 0.6) 100%);
transition: all 0.50s linear;
}
.post-slide:hover .over-layer {
opacity: 1;
text-decoration: none;
}
.post-slide .over-layer i {
position: relative;
top: 45%;
text-align: center;
display: block;
color: #F9E08E;
font-size: 25px;
}
.post-slide .post-content {
background: #F9E08E;
padding: 0 20px 10px;
border-radius: 15px;
}
.tittle-game-text {
font-size: 1.5rem !important;
}
.btn-main {
/*
padding: 3px 10px;
font-size: 12px;
font-style: normal;
font-weight: 900;
margin-top: 5px;
width: 60%;
*/
background: linear-gradient(94.82deg, #D4AF37 6.22%, #FFD754 57.82%, #A3831C 108.36%);
color: #333;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-ms-border-radius: 7px;
-o-border-radius: 7px;
font-weight: bold !important;
}
.btn-main:hover {
background: linear-gradient(94.82deg, #D4AF37 6.22%, #FFD754 57.82%, #A3831C 108.36%);
text-decoration: none;
color: #333;
font-weight: bold !important;
}
.owl-controls .owl-buttons {
text-align: center;
margin-top: 20px;
}
.owl-controls .owl-buttons .owl-prev {
background: #fff;
position: absolute;
top: -13%;
left: 15px;
padding: 0 18px 0 15px;
border-radius: 50px;
box-shadow: 3px 14px 25px -10px #92b4d0;
transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-next {
background: #fff;
position: absolute;
top: -13%;
right: 15px;
padding: 0 15px 0 18px;
border-radius: 50px;
box-shadow: -3px 14px 25px -10px #92b4d0;
transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-next:after,
.owl-controls .owl-buttons .owl-prev:after {
content: "\f104";
font-family: FontAwesome;
color: #333;
font-size: 30px;
}
.owl-controls .owl-buttons .owl-next:after {
content: "\f105";
}
}
@media (max-width: 1199.98px) {
.list-game-home {
padding-right: 6rem !important;
padding-left: 6rem !important;
}
.list-game-home .header-list-game {
color: #FFD754;
margin-left: 20px;
font-size: 24px;
font-weight: 900;
}
.list-game-home .button-semua-permainan {
background: linear-gradient(94.82deg, #D4AF37 6.22%, #FFD754 57.82%, #A3831C 108.36%);
color: black;
float: right;
font-weight: 900;
}
.post-slide {
background: #F9E08E;
margin: 20px 10px;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
}
.post-slide .post-title {
font-size: 13px;
font-weight: 900;
color: #333;
display: inline-block;
transition: all 0.3s ease 0s;
font-style: normal;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
}
.post-slide .post-img {
position: relative;
overflow: hidden;
border-radius: 10px;
padding: 13px 13px 5px;
}
.post-slide .post-img img {
width: 100%;
height: auto;
transform: scale(1, 1);
transition: transform 0.2s linear;
-webkit-transition: transform 0.2s linear;
-moz-transition: transform 0.2s linear;
-ms-transition: transform 0.2s linear;
-o-transition: transform 0.2s linear;
}
.post-slide .over-layer {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
background: linear-gradient(-45deg, rgba(6, 190, 244, 0.75) 0%, rgba(45, 112, 253, 0.6) 100%);
transition: all 0.50s linear;
-webkit-transition: all 0.50s linear;
-moz-transition: all 0.50s linear;
-ms-transition: all 0.50s linear;
-o-transition: all 0.50s linear;
}
.post-slide:hover .over-layer {
opacity: 1;
text-decoration: none;
}
.post-slide .over-layer i {
position: relative;
top: 45%;
text-align: center;
display: block;
color: #F9E08E;
font-size: 25px;
}
.post-slide .post-content {
background: #F9E08E;
padding: 0 10px 10px;
border-radius: 15px;
}
.tittle-game-text {
font-size: 1.2rem !important;
}
.btn-main {
/*
padding: 3px 10px;
font-size: 12px;
font-style: normal;
font-weight: 900;
margin-top: 5px;
width: 60%;
*/
background: linear-gradient(94.82deg, #D4AF37 6.22%, #FFD754 57.82%, #A3831C 108.36%);
color: #333;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-ms-border-radius: 7px;
-o-border-radius: 7px;
font-weight: bold !important;
}
.btn-main:hover {
background: linear-gradient(94.82deg, #D4AF37 6.22%, #FFD754 57.82%, #A3831C 108.36%);
text-decoration: none;
color: #333;
font-weight: bold !important;
}
.owl-controls .owl-buttons {
text-align: center;
margin-top: 20px;
}
.owl-controls .owl-buttons .owl-prev {
background: #fff;
position: absolute;
top: -13%;
left: 15px;
padding: 0 18px 0 15px;
border-radius: 50px;
box-shadow: 3px 14px 25px -10px #92b4d0;
transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-next {
background: #fff;
position: absolute;
top: -13%;
right: 15px;
padding: 0 15px 0 18px;
border-radius: 50px;
box-shadow: -3px 14px 25px -10px #92b4d0;
transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-next:after,
.owl-controls .owl-buttons .owl-prev:after {
content: "\f104";
font-family: FontAwesome;
color: #333;
font-size: 30px;
}
.owl-controls .owl-buttons .owl-next:after {
content: "\f105";
}
}
@media (max-width: 991.98px) {
.list-game-home {
padding-right: 4rem !important;
padding-left: 4rem !important;
}
.list-game-home .header-list-game {
color: #FFD754;
margin-left: 20px;
font-size: 24px;
font-weight: 900;
}
.list-game-home .button-semua-permainan {
background: linear-gradient(94.82deg, #D4AF37 6.22%, #FFD754 57.82%, #A3831C 108.36%);
color: black;
float: right;
font-weight: 900;
}
.post-slide {
background: #F9E08E;
margin: 20px 10px;
border-radius: 15px;
}
.post-slide .post-title {
font-size: 12.5px;
font-weight: 900;
color: #333;
display: inline-block;
transition: all 0.3s ease 0s;
font-style: normal;
}
.post-slide .post-img {
position: relative;
overflow: hidden;
border-radius: 10px;
padding: 13px 13px 5px;
}
.post-slide .post-img img {
width: 100%;
height: auto;
transform: scale(1, 1);
transition: transform 0.2s linear;
}
.post-slide .over-layer {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
background: linear-gradient(-45deg, rgba(6, 190, 244, 0.75) 0%, rgba(45, 112, 253, 0.6) 100%);
transition: all 0.50s linear;
}
.post-slide:hover .over-layer {
opacity: 1;
text-decoration: none;
}
.post-slide .over-layer i {
position: relative;
top: 45%;
text-align: center;
display: block;
color: #F9E08E;
font-size: 25px;
}
.post-slide .post-content {
background: #F9E08E;
padding: 0 10px 10px;
border-radius: 15px;
}
.tittle-game-text {
font-size: 1.2rem !important;
}
.btn-main {
/*
padding: 3px 10px;
font-size: 12px;
font-style: normal;
font-weight: 900;
margin-top: 5px;
width: 60%;
*/
background: linear-gradient(94.82deg, #D4AF37 6.22%, #FFD754 57.82%, #A3831C 108.36%);
color: #333;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-ms-border-radius: 7px;
-o-border-radius: 7px;
font-weight: bold !important;
}
.btn-main:hover {
background: linear-gradient(94.82deg, #D4AF37 6.22%, #FFD754 57.82%, #A3831C 108.36%);
text-decoration: none;
color: #333;
font-weight: bold !important;
}
.owl-controls .owl-buttons {
text-align: center;
margin-top: 20px;
}
.owl-controls .owl-buttons .owl-prev {
background: #fff;
position: absolute;
top: -13%;
left: 15px;
padding: 0 18px 0 15px;
border-radius: 50px;
box-shadow: 3px 14px 25px -10px #92b4d0;
transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-next {
background: #fff;
position: absolute;
top: -13%;
right: 15px;
padding: 0 15px 0 18px;
border-radius: 50px;
box-shadow: -3px 14px 25px -10px #92b4d0;
transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-next:after,
.owl-controls .owl-buttons .owl-prev:after {
content: "\f104";
font-family: FontAwesome;
color: #333;
font-size: 30px;
}
.owl-controls .owl-buttons .owl-next:after {
content: "\f105";
}
}
@media (max-width: 767px) {
.list-game-home {
padding-right: 4rem !important;
padding-left: 4rem !important;
}
.list-game-home .header-list-game {
color: #FFD754;
margin-left: 20px;
font-size: 22px;
font-weight: 900;
}
.list-game-home .button-semua-permainan {
background: linear-gradient(94.82deg, #D4AF37 6.22%, #FFD754 57.82%, #A3831C 108.36%);
color: black;
float: right;
font-weight: 900;
}
.post-slide {
background: #F9E08E;
margin: 15px 10px;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
}
.post-slide .post-title {
font-size: 12.5px;
font-weight: 900;
color: #333;
display: inline-block;
transition: all 0.3s ease 0s;
font-style: normal;
}
.post-slide .post-img {
position: relative;
overflow: hidden;
border-radius: 10px;
padding: 13px 13px 5px;
}
.post-slide .post-img img {
width: 100%;
height: auto;
transform: scale(1, 1);
transition: transform 0.2s linear;
}
.post-slide .over-layer {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
background: linear-gradient(-45deg, rgba(6, 190, 244, 0.75) 0%, rgba(45, 112, 253, 0.6) 100%);
transition: all 0.50s linear;
}
.post-slide:hover .over-layer {
opacity: 1;
text-decoration: none;
}
.post-slide .over-layer i {
position: relative;
top: 45%;
text-align: center;
display: block;
color: #F9E08E;
font-size: 25px;
}
.post-slide .post-content {
background: #F9E08E;
padding: 0 10px 10px;
border-radius: 15px;
}
.container-sm,
.container {
max-width: 680px !important;
}
.tittle-game-text {
font-size: 1.7rem !important;
}
.btn-main {
/*
padding: 3px 10px;
font-size: 12px;
font-style: normal;
font-weight: 900;
margin-top: 5px;
width: 60%;
*/
background: linear-gradient(94.82deg, #D4AF37 6.22%, #FFD754 57.82%, #A3831C 108.36%);
color: #333;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-ms-border-radius: 7px;
-o-border-radius: 7px;
font-weight: bold !important;
}
.btn-main:hover {
background: linear-gradient(94.82deg, #D4AF37 6.22%, #FFD754 57.82%, #A3831C 108.36%);
text-decoration: none;
color: #333;
font-weight: bold !important;
}
.owl-controls .owl-buttons {
text-align: center;
margin-top: 20px;
}
.owl-controls .owl-buttons .owl-prev {
background: #fff;
position: absolute;
top: -13%;
left: 15px;
padding: 0 18px 0 15px;
border-radius: 50px;
box-shadow: 3px 14px 25px -10px #92b4d0;
transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-next {
background: #fff;
position: absolute;
top: -13%;
right: 15px;
padding: 0 15px 0 18px;
border-radius: 50px;
box-shadow: -3px 14px 25px -10px #92b4d0;
transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-next:after,
.owl-controls .owl-buttons .owl-prev:after {
content: "\f104";
font-family: FontAwesome;
color: #333;
font-size: 30px;
}
.owl-controls .owl-buttons .owl-next:after {
content: "\f105";
}
}
@media (max-width: 575px) {
.list-game-home {
padding-right: 0 !important;
padding-left: 0 !important;
}
.list-game {
background: rgba(255, 255, 255, 0.2);
border: 1px solid #000000;
border-radius: 0;
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
}
.nav-game {
padding-right: 2rem !important;
padding-left: 2rem !important;
}
.list-game-home .header-list-game {
color: #FFD754;
margin-left: 20px;
font-size: 16px;
font-weight: 900;
}
.list-game-home .button-semua-permainan {
background: linear-gradient(94.82deg, #D4AF37 6.22%, #FFD754 57.82%, #A3831C 108.36%);
color: black;
float: right;
font-weight: 900;
}
.post-slide {
background: #F9E08E;
margin: 20px 15px;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
}
.post-slide .post-title {
font-size: 10.5px;
font-weight: 900;
color: #333;
display: inline-block;
transition: all 0.3s ease 0s;
font-style: normal;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
}
.post-slide .post-img {
position: relative;
overflow: hidden;
border-radius: 10px;
padding: 13px 13px 5px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
}
.post-slide .post-img img {
width: 100%;
height: auto;
transform: scale(1, 1);
transition: transform 0.2s linear;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
}
.post-slide .over-layer {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
background: linear-gradient(-45deg, rgba(6, 190, 244, 0.75) 0%, rgba(45, 112, 253, 0.6) 100%);
transition: all 0.50s linear;
}
.post-slide:hover .over-layer {
opacity: 1;
text-decoration: none;
}
.post-slide .over-layer i {
position: relative;
top: 45%;
text-align: center;
display: block;
color: #F9E08E;
font-size: 25px;
}
.post-slide .post-content {
background: #F9E08E;
padding: 0 20px 10px;
border-radius: 15px;
}
.tittle-game-text {
font-size: 1.4rem !important;
}
.btn-main {
/*
padding: 3px 10px;
font-size: 12px;
font-style: normal;
font-weight: 900;
margin-top: 5px;
width: 60%;
*/
background: linear-gradient(94.82deg, #D4AF37 6.22%, #FFD754 57.82%, #A3831C 108.36%);
color: #333;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-ms-border-radius: 7px;
-o-border-radius: 7px;
font-weight: bold !important;
}
.btn-main:hover {
background: linear-gradient(94.82deg, #D4AF37 6.22%, #FFD754 57.82%, #A3831C 108.36%);
text-decoration: none;
color: #333;
font-weight: bold !important;
}
.owl-controls .owl-buttons {
text-align: center;
margin-top: 20px;
}
.owl-controls .owl-buttons .owl-prev {
background: #fff;
position: absolute;
top: -13%;
left: 15px;
padding: 0 18px 0 15px;
border-radius: 50px;
box-shadow: 3px 14px 25px -10px #92b4d0;
transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-next {
background: #fff;
position: absolute;
top: -13%;
right: 15px;
padding: 0 15px 0 18px;
border-radius: 50px;
box-shadow: -3px 14px 25px -10px #92b4d0;
transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-next:after,
.owl-controls .owl-buttons .owl-prev:after {
content: "\f104";
font-family: FontAwesome;
color: #333;
font-size: 30px;
}
.owl-controls .owl-buttons .owl-next:after {
content: "\f105";
}
}
.card-sponsor {
background: rgba(0, 0, 0, 0.35);
border: 2px solid #FFD754;
border-radius: 12px;
}
.card-sponsor .border-bottom {
border-bottom: solid 1px #FFD754 !important;
}
.card-pembayaran {
background: rgba(0, 0, 0, 0.35);
border: 2px solid #FFD754;
border-radius: 12px;
}
.card-pembayaran .border-bottom {
border-bottom: solid 1px #FFD754 !important;
}
/* image sprite sponsor */
/* Generated by http://responsive-css.spritegen.com Responsive CSS Sprite Generator */
/* .sponsor_cq9, .sponsor_pgs, .sponsor_slot-88, .sponsor_image-26, .sponsor_jdb
{ max-width: 100%; background-size: 100%; background-image: url(../img/sponsor.webp); display: block;} */
.sprite {
background-image: url("../img/sponsor.webp");
max-width: 100%;
background-size: 100%;
display: block;
background-repeat: no-repeat;
}
.sponsor_cq9 {
background-position: 0 0;
background-size: 100%;
}
.sponsor_pgs {
background-position: 0 25.270758%;
background-size: 100%;
}
.sponsor_slot-88 {
background-position: 0 53.401361%;
background-size: 100%;
}
.sponsor_image-26 {
background-position: 0 76.430976%;
background-size: 108.333333%;
}
.sponsor_jdb {
background-position: 0 100%;
background-size: 125%;
}
.logo-sponsor {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
align-items: center !important;
display: flex;
}
/* pembayaran */
.sprite-pembayaran {
max-width: 100%;
background-size: 100%;
background-image: url("../img/pembayaran.webp");
}
.pembayaran_bca {
background-position: 0 0;
background-size: 100%;
}
.pembayaran_bni {
background-position: 0 36.173393%;
background-size: 400%;
}
.pembayaran_bri {
background-position: 0 44.329897%;
background-size: 400%;
}
.pembayaran_dana {
background-position: 0 53.030303%;
background-size: 400%;
}
.pembayaran_linkaja {
background-position: 0 65.109034%;
background-size: 400%;
}
.pembayaran_mandiri {
background-position: 0 74.446086%;
background-size: 400%;
}
.pembayaran_ovo {
background-position: 0 85.384615%;
background-size: 400%;
}
.pembayaran_paypal {
background-position: 0 100%;
background-size: 400%;
}
.logo-pembayaran {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
align-items: center !important;
display: flex;
}
/* min */
@media (min-width: 576px) {
.list-sponsor {
padding-right: 2rem !important;
padding-left: 2rem !important;
}
.tentang {
width: 70%;
background-color: #3B3459;
padding: 20px;
}
}
@media (min-width: 768px) {
.list-sponsor {
padding-right: 2rem !important;
padding-left: 2rem !important;
}
.tentang {
width: 70%;
background-color: #3B3459;
padding: 20px;
}
}
@media (min-width: 992px) {
.list-sponsor {
padding-right: 4rem !important;
padding-left: 4rem !important;
}
.tentang {
width: 70%;
background-color: #3B3459;
padding: 20px;
}
}
@media (min-width: 1200px) {
.list-sponsor {
padding-right: 6rem !important;
padding-left: 6rem !important;
}
.tentang {
width: 70%;
background-color: #3B3459;
padding: 20px;
}
}
@media (min-width: 1400px) {
.list-sponsor {
padding-right: 6rem !important;
padding-left: 6rem !important;
}
.tentang {
width: 70%;
background-color: #3B3459;
padding: 20px;
}
.footer-desktop {
display: block !important;
}
.footer-mobile {
display: none;
}
}
/* max */
@media (max-width: 1399.98px) {
.list-sponsor {
padding-right: 6rem !important;
padding-left: 6rem !important;
}
.tentang {
width: 70%;
background-color: #3B3459;
padding: 20px;
}
}
@media (max-width: 1199.98px) {
.list-sponsor {
padding-right: 6rem !important;
padding-left: 6rem !important;
}
.tentang {
width: 70%;
background-color: #3B3459;
padding: 20px;
}
}
@media (max-width: 991.98px) {
.list-sponsor {
padding-right: 4rem !important;
padding-left: 4rem !important;
}
.tentang {
width: 70%;
background-color: #3B3459;
padding: 20px;
}
}
@media (max-width: 767.98px) {
.list-sponsor {
padding-right: 2rem !important;
padding-left: 2rem !important;
}
.tentang {
width: 85%;
background-color: #3B3459;
padding: 20px;
}
}
@media (max-width: 575.98px) {
.list-sponsor {
padding-right: 2rem !important;
padding-left: 2rem !important;
}
.tentang {
width: 85%;
background-color: #3B3459;
padding: 20px;
}
.pembayaran_bca {
background-position: 0 0;
background-size: 100%;
width: 150px;
height: 48px;
}
.pembayaran_bni {
background-position: 0 36.173393%;
background-size: 400%;
width: 150px;
height: 49px;
}
.pembayaran_bri {
background-position: 0 44.329897%;
background-size: 400%;
width: 150px;
height: 49px;
}
.pembayaran_dana {
background-position: 0 53.030303%;
background-size: 400%;
width: 150px;
height: 49px;
}
.pembayaran_linkaja {
background-position: 0 65.109034%;
background-size: 400%;
width: 150px;
height: 49px;
}
.pembayaran_mandiri {
background-position: 0 74.446086%;
background-size: 400%;
width: 150px;
height: 49px;
}
.pembayaran_ovo {
background-position: 0 85.384615%;
background-size: 400%;
width: 150px;
height: 49px;
}
.pembayaran_paypal {
background-position: 0 100%;
background-size: 400%;
width: 150px;
height: 49px;
}
/* /sponsor */
.sponsor_cq9 {
background-position: 0 0;
background-size: 100%;
width: 130px;
height: 67px;
}
.sponsor_pgs {
background-position: 0 25.270758%;
background-size: 100%;
width: 130px;
height: 47px;
}
.sponsor_slot-88 {
background-position: 0 53.401361%;
background-size: 100%;
width: 130px;
height: 47px;
}
.sponsor_image-26 {
background-position: 0 76.430976%;
background-size: 108.333333%;
width: 130px;
height: 47px;
}
.sponsor_jdb {
background-position: 0 100%;
background-size: 125%;
width: 130px;
height: 47px;
}
}
@media (max-width: 420px) {
.list-sponsor {
padding-right: 2rem !important;
padding-left: 2rem !important;
}
.tentang {
width: 85%;
background-color: #3B3459;
padding: 20px;
}
.pembayaran_bca {
background-position: 0 0;
background-size: 100%;
width: 61px;
height: 19px;
}
.pembayaran_bni {
background-position: 0 36.173393%;
background-size: 400%;
width: 61px;
height: 19px;
}
.pembayaran_bri {
background-position: 0 44.329897%;
background-size: 400%;
width: 61px;
height: 19px;
}
.pembayaran_dana {
background-position: 0 53.030303%;
background-size: 400%;
width: 61px;
height: 19px;
}
.pembayaran_linkaja {
background-position: 0 65.109034%;
background-size: 400%;
width: 61px;
height: 19px;
}
.pembayaran_mandiri {
background-position: 0 74.446086%;
background-size: 400%;
width: 61px;
height: 19px;
}
.pembayaran_ovo {
background-position: 0 85.384615%;
background-size: 400%;
width: 61px;
height: 29px;
}
.pembayaran_paypal {
background-position: 0 100%;
background-size: 400%;
width: 61px;
height: 29px;
}
/* /sponsor */
.sponsor_cq9 {
background-position: 0 0;
background-size: 100%;
width: 84px;
height: 47px;
}
.sponsor_pgs {
background-position: 0 25.270758%;
background-size: 100%;
width: 84px;
height: 47px;
}
.sponsor_slot-88 {
background-position: 0 53.401361%;
background-size: 100%;
width: 84px;
height: 47px;
}
.sponsor_image-26 {
background-position: 0 76.430976%;
background-size: 108.333333%;
width: 84px;
height: 47px;
}
.sponsor_jdb {
background-position: 0 100%;
background-size: 125%;
width: 84px;
height: 47px;
}
}
@media (max-width: 320px) {
.list-sponsor {
padding-right: 2rem !important;
padding-left: 2rem !important;
}
.tentang {
width: 85%;
background-color: #3B3459;
padding: 20px;
}
.pembayaran_bca {
background-position: 0 0;
background-size: 100%;
width: 61px;
height: 19px;
}
.pembayaran_bni {
background-position: 0 36.173393%;
background-size: 400%;
width: 61px;
height: 19px;
}
.pembayaran_bri {
background-position: 0 44.329897%;
background-size: 400%;
width: 61px;
height: 19px;
}
.pembayaran_dana {
background-position: 0 53.030303%;
background-size: 400%;
width: 61px;
height: 19px;
}
.pembayaran_linkaja {
background-position: 0 65.109034%;
background-size: 400%;
width: 61px;
height: 19px;
}
.pembayaran_mandiri {
background-position: 0 74.446086%;
background-size: 400%;
width: 61px;
height: 19px;
}
.pembayaran_ovo {
background-position: 0 85.384615%;
background-size: 400%;
width: 61px;
height: 29px;
}
.pembayaran_paypal {
background-position: 0 100%;
background-size: 400%;
width: 61px;
height: 29px;
}
/* /sponsor */
.sponsor_cq9 {
background-position: 0 0;
background-size: 100%;
width: 84px;
height: 27px;
}
.sponsor_pgs {
background-position: 0 25.270758%;
background-size: 100%;
width: 84px;
height: 37px;
}
.sponsor_slot-88 {
background-position: 0 53.401361%;
background-size: 100%;
width: 84px;
height: 37px;
}
.sponsor_image-26 {
background-position: 0 76.430976%;
background-size: 108.333333%;
width: 84px;
height: 37px;
}
.sponsor_jdb {
background-position: 0 100%;
background-size: 125%;
width: 84px;
height: 37px;
}
}
/* footer */
@media (min-width: 576px) {
.footer-desktop {
display: block !important;
}
.footer-mobile {
display: none;
}
}
@media (max-width: 575.98px) {
.footer-desktop {
display: none;
}
.footer-mobile {
display: block !important;
}
}
#view-ad-image {
width: 100%;
/* height: 250px; */
overflow: hidden;
background: red;
position: relative;
}
/* .owl-carousel {
height: 100% !important;
overflow: hidden;
} */
.owl-carousel .owl-item img {
/* display: block; */
/* height: 100%; */
width: 100%;
}
.owl-carousel .owl-stage-outer {
height: 100% !important;
}
.owl-stage-outer * {
height: 100%;
}
/* jackpot */
/* min */
@media (min-width: 576px) {
.img-jackpot {
width: 100%;
}
.jackpot-body {
font-size: 2.8rem !important;
margin-left: 0rem !important;
margin-bottom: 1rem !important;
}
}
@media (min-width: 768px) {
.img-jackpot {
width: 60%;
}
.jackpot-body {
font-size: 2.8rem !important;
margin-left: 5rem !important;
margin-bottom: 1rem !important;
}
}
@media (min-width: 992px) {
.img-jackpot {
width: 50%;
}
.jackpot-body {
font-size: 3rem !important;
margin-left: 5rem !important;
margin-bottom: 1rem !important;
}
}
@media (min-width: 1200px) {
.img-jackpot {
width: 50%;
}
.jackpot-body {
font-size: 4rem !important;
margin-left: 5rem !important;
margin-bottom: 2rem !important;
}
}
@media (min-width: 1400px) {
.img-jackpot {
width: 50%;
}
.jackpot-body {
font-size: 4rem !important;
margin-left: 5rem !important;
margin-bottom: 1.5rem !important;
}
}
/* max */
@media (max-width: 1399.98px) {
.img-jackpot {
width: 50%;
}
.jackpot-body {
font-size: 4rem !important;
margin-left: 5rem !important;
margin-bottom: 1.5rem !important;
}
}
@media (max-width: 1199.98px) {
.img-jackpot {
width: 50%;
}
.jackpot-body {
font-size: 3rem !important;
margin-left: 5rem !important;
margin-bottom: 1rem !important;
}
}
@media (max-width: 991.98px) {
.img-jackpot {
width: 50%;
}
.jackpot-body {
font-size: 3rem !important;
margin-left: 5rem !important;
margin-bottom: 1rem !important;
}
}
@media (max-width: 912px) {
.img-jackpot {
width: 50%;
}
.jackpot-body {
font-size: 2.4rem !important;
margin-left: 5rem !important;
margin-bottom: 0.4rem !important;
}
}
@media (max-width: 820px) {
.img-jackpot {
width: 50%;
}
.jackpot-body {
font-size: 2rem !important;
margin-left: 4rem !important;
margin-bottom: 0.4rem !important;
}
}
@media (max-width: 768px) {
.img-jackpot {
width: 60%;
}
.jackpot-body {
font-size: 2rem !important;
margin-left: 3.2rem !important;
margin-bottom: 1rem !important;
}
}
@media (max-width: 767.98px) {
.img-jackpot {
width: 60%;
}
.jackpot-body {
font-size: 3rem !important;
margin-left: 0rem !important;
margin-bottom: 1rem !important;
}
}
@media (max-width: 640px) {
.img-jackpot {
/* width: 80%; */
width: 510px;
height: 195px;
}
.jackpot-body {
font-size: 2rem !important;
margin-left: 2.5rem !important;
margin-bottom: 1rem !important;
}
}
@media (max-width: 600px) {
.img-jackpot {
/* width: 60%; */
width: 510px;
height: 195px;
}
.jackpot-body {
font-size: 2rem !important;
margin-left: 2.5rem !important;
margin-bottom: 0.6rem !important;
}
}
@media (max-width: 575.98px) {
.img-jackpot {
/* width: 100%; */
width: 568px;
height: 195px;
}
.jackpot-body {
font-size: 1.6rem !important;
margin-left: 0rem !important;
margin-bottom: 0.5rem !important;
}
}
@media (max-width: 500px) {
.img-jackpot {
/* width: 100%; */
width: 500px;
height: 195px;
}
.jackpot-body {
font-size: 1.6rem !important;
margin-left: 0rem !important;
margin-bottom: 0.5rem !important;
}
}
@media (max-width: 479px) {
.img-jackpot {
/* width: 100%; */
width: 400px;
height: 155px;
}
.jackpot-body {
font-size: 1.6rem !important;
margin-left: 0rem !important;
margin-bottom: 0.5rem !important;
}
.tittle-game-text {
font-size: 1.1rem !important;
}
.btn-main {
font-size: 0.5rem;
font-weight: bold !important;
font-weight: bold !important;
}
}
@media (max-width: 360px) {
.img-jackpot {
/* width: 100%; */
width: 330px;
height: 115px;
}
#time {
font-size: 0.6rem;
margin-bottom: 2.5px;
}
.list-game-home .button-semua-permainan {
font-size: 0.8rem;
}
.tittle-game-text {
font-size: 0.8rem !important;
}
.btn-main {
font-size: 0.5rem;
font-weight: bold !important;
}
.jackpot-body {
font-size: 1.3rem !important;
margin-left: 0rem !important;
margin-bottom: 0.5rem !important;
}
}
@media (max-width: 320px) {
.img-jackpot {
/* width: 100%; */
width: 300px;
height: 125px;
}
#time {
font-size: 0.6rem;
margin-bottom: 2.5px;
}
.list-game-home .button-semua-permainan {
font-size: 0.6rem;
}
.list-game-home .header-list-game {
font-size: 1rem !important;
margin-left: 13px !important;
}
.tittle-game-text {
font-size: 0.65rem !important;
}
.btn-main {
font-size: 0.5rem;
font-weight: bold !important;
}
.jackpot-body {
font-size: 1.3rem !important;
margin-left: 0rem !important;
margin-bottom: 0.5rem !important;
}
}
@media (max-width: 280px) {
.img-jackpot {
/* width: 100%; */
width: 200px;
height: 155px;
}
.jackpot-body {
font-size: 1rem !important;
margin-left: 0rem !important;
margin-bottom: 0.5rem !important;
}
.tittle-game-text {
font-size: 0.5rem !important;
}
.btn-main {
font-size: 0.4rem;
font-weight: bold !important;
}
}
.container-jackpot {
position: relative;
text-align: center;
color: white;
}
.centered {
position: absolute;
top: 56%;
left: 45%;
transform: translate(-50%, -50%);
}
.dropdown-menu.dropdown-profile {
margin: 30px 0 20px -60px;
background-color: #0A0033;
border: 2px solid #FFD754;
color: #FFFFFF;
width: 12rem !important;
}
.dropdown-menu.dropdown-profile a {
color: #FFFFFF;
}
.dropdown-divider.profile {
border-color: #FFFFFF;
}
.dropdown-item.profile:hover {
background-color: rgba(255, 255, 255, 0.2);
}
.button-koin {
padding: 0 15px;
font-family: 'Laila';
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 22px;
text-transform: capitalize;
background: #FFD754;
color: #000;
font-style: normal;
font-weight: 900;
border: 1px solid #FFD754;
border-radius: 20px;
}
.custom-float-button {
display: block;
position: fixed;
width: 120px;
height: 40px;
bottom: 40px;
right: 40px;
/* background-color: #0C9; */
background-image: linear-gradient(#D4AF37, #FFD754);
color: #FFF;
border-radius: 50px;
text-align: center;
box-shadow: 2px 2px 3px #999;
font-size: 17px;
color: black;
font-weight: 600;
z-index: 9;
}
.my-float {
margin-top: 22px;
}
/* ############## members ############### */
.card.sidebar {
background-color: #3B3459;
}
.btn-deposit,
.btn-deposit:hover,
.btn-penarikan,
.btn-penarikan:hover,
.btn-riwayat-claim-bonus,
.btn-riwayat-claim-bonus:hover {
background: linear-gradient(94.82deg, #D4AF37 6.22%, #FFD754 57.82%, #A3831C 108.36%);
border-radius: 7px;
font-weight: 600;
}
.btn-add-akun,
.btn-add-akun:hover {
border: solid 2px #FFD754;
color: #FFD754;
font-weight: 600;
}
.btn-pengguna,
.btn-pengguna:hover,
.btn-saldo,
.btn-saldo:hover {
background-color: #8b85a5;
color: #FFD754;
width: 65%;
font-weight: 600;
}
@media (max-width: 575.98px) {
.container {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
.card.sidebar h4 {
font-size: 1.125rem !important;
}
.card.sidebar h5 {
font-size: 1rem !important;
}
.btn-add-akun,
.btn-add-akun:hover,
.btn-deposit,
.btn-deposit:hover,
.btn-penarikan,
.btn-penarikan:hover,
.btn-saldo {
font-weight: 500;
font-size: 1rem;
}
.btn-pengguna,
.btn-pengguna:hover,
.btn-saldo,
.btn-saldo:hover {
width: 90%;
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
width: 100%;
}
}
.custom-select {
background-color: #8b85a5 !important;
color: white !important;
border: 0;
font-size: 16px;
}
.custom-input {
background: #625C7D;
border: none;
color: #FFF;
}
.custom-select ::after {
color: #FFD754;
}
.form-control::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: white;
opacity: 1;
/* Firefox */
}
.form-control:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: white;
}
.form-control::-ms-input-placeholder {
/* Microsoft Edge */
color: white;
}
.nav-item.active {
background-color: rgba(255, 255, 255, 0.2);
padding-left: 10px;
padding-right: 10px;
border-radius: 6px;
}
.bdr {
border-radius: 10px;
overflow: hidden;
border: 1px solid #FFD754;
}
.table {
margin-bottom: 0;
}
/* ################### Games ############## */
@media (min-width: 576px) {
.body-game {
display: block;
}
.btn-lottery {
padding: 3px 10px;
font-size: 16px;
background: linear-gradient(94.82deg, #D4AF37 6.22%, #FFD754 57.82%, #A3831C 108.36%);
color: #333;
border-radius: 7px;
font-style: normal;
font-weight: 900;
margin-top: 5px;
width: 60%;
}
.banner-promosi-desktop {
display: block;
}
.banner-promosi-mobile {
display: none;
}
}
@media (max-width: 575.98px) {
.body-game {
display: none;
}
.btn-lottery {
padding: 3px 10px;
font-size: 12px;
background: linear-gradient(94.82deg, #D4AF37 6.22%, #FFD754 57.82%, #A3831C 108.36%);
color: #333;
border-radius: 7px;
font-style: normal;
font-weight: 900;
margin-top: 5px;
width: 60%;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-ms-border-radius: 7px;
-o-border-radius: 7px;
}
.banner-promosi-desktop {
display: none;
}
.banner-promosi-mobile {
display: block;
}
}
@media (min-width: 491px) {
.tittle-game-text {
font-size: 1.3rem !important;
}
.btn-main {
font-size: 0.6rem !important;
font-weight: bold !important;
}
.container {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
}
@media (max-width: 415px) {
.tittle-game-text {
font-size: 1rem !important;
}
.btn-main {
font-size: 0.5rem !important;
font-weight: bold !important;
}
.container {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
}
@media (max-width: 405px) {
.tittle-game-text {
font-size: 1rem !important;
}
.btn-main {
font-size: 0.6rem !important;
font-weight: bold !important;
}
.container {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
}
@media (max-width: 393px) {
.tittle-game-text {
font-size: 1rem !important;
}
.btn-main {
font-size: 0.45rem !important;
font-weight: bold !important;
}
.container {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
}
@media (max-width: 329px) {
.tittle-game-text {
font-size: 0.75rem !important;
}
.btn-main {
font-size: 0.3rem !important;
font-weight: bold !important;
}
.container {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
}
@media (max-width: 327px) {
.tittle-game-text {
font-size: 0.75rem !important;
}
.btn-main {
font-size: 0.3rem !important;
font-weight: bold !important;
}
.container {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
}
@media (max-width: 324px) {
.tittle-game-text {
font-size: 0.7rem !important;
}
.btn-main {
font-size: 0.3rem !important;
font-weight: bold !important;
}
.container {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
}
@media (max-width: 289px) {
.tittle-game-text {
font-size: 0.55rem !important;
}
.btn-main {
font-size: 0.3rem !important;
font-weight: bold !important;
}
.container {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
}
@media (max-width: 295px) {
.tittle-game-text {
font-size: 0.65rem !important;
}
.btn-main {
font-size: 0.3rem !important;
font-weight: bold !important;
}
.container {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
}
@media (max-width: 293px) {
.tittle-game-text {
font-size: 0.6rem !important;
}
.btn-main {
font-size: 0.3rem !important;
font-weight: bold !important;
}
.container {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
}
@media (max-width: 245px) {
.tittle-game-text {
font-size: 0.5rem !important;
}
.btn-main {
font-size: 0.3rem !important;
font-weight: bold !important;
}
.container {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
}
@media (max-width: 243px) {
.tittle-game-text {
font-size: 0.45rem !important;
}
.btn-main {
font-size: 0.3rem !important;
font-weight: bold !important;
}
.container {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
}
.wrapScroll {
white-space: nowrap;
overflow-x: auto;
/* border: 1px solid orange; */
}
.btn-slot-games {
border: solid 2px #FFD754;
color: #FFD754;
}
.btn-slot-games:hover {
border: solid 2px #FFD754;
background: linear-gradient(94.82deg, #D4AF37 6.22%, #FFD754 57.82%, #A3831C 108.36%);
color: black;
font-weight: 600;
}
.btn-slot-games.active {
border: solid 2px #FFD754;
background: linear-gradient(94.82deg, #D4AF37 6.22%, #FFD754 57.82%, #A3831C 108.36%);
color: black;
font-weight: 600;
}
.fs-7 {
font-size: 0.8rem !important;
}
.button-main-submit {
padding: 5px 35px;
font-family: 'Laila';
font-style: normal;
font-weight: 600;
font-size: 14.5px;
line-height: 22px;
text-transform: capitalize;
background: #000000;
color: #FFFFFF;
font-style: normal;
font-weight: 900;
border: 1px solid #FFD754;
}
.button-main-back {
padding: 5px 35px;
font-family: 'Laila';
font-style: normal;
font-weight: 600;
font-size: 14.5px;
line-height: 22px;
text-transform: capitalize;
background: linear-gradient(94.82deg, #D4AF37 6.22%, #FFD754 57.82%, #A3831C 108.36%);
color: #000000;
font-style: normal;
font-weight: 900;
}
.send-message {
background-color: #ffeba8;
padding-bottom: 10px;
padding-top: 10px;
padding-right: 15px;
}
.receive-message {
background-color: #e4cd81;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 15px;
}
.promosi-card {
background-color: #3B3459;
color: #FFFFFF;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
}
.button-promosi {
padding: 5px 35px;
font-family: 'Laila';
font-style: normal;
font-weight: 600;
font-size: 14.5px;
line-height: 22px;
text-transform: capitalize;
background: linear-gradient(94.82deg, #D4AF37 6.22%, #FFD754 57.82%, #A3831C 108.36%);
color: #000000;
font-style: normal;
font-weight: 900;
width: 100%;
border-top-left-radius: unset !important;
border-top-right-radius: unset !important;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
/* aexsa */
.button-login {
position: relative;
padding: 5px 35px;
font-family: 'Laila';
font-size: 14.5px;
line-height: 22px;
text-transform: capitalize;
background: #000000;
color: #FFFFFF;
font-style: normal;
font-weight: 900;
border: 1px solid #FFD754;
}
.btn-claim-bonus {
position: relative;
padding: 5px 35px;
font-family: 'Laila';
font-size: 14.5px;
line-height: 22px;
text-transform: capitalize;
background: linear-gradient(94.82deg, #D4AF37 6.22%, #FFD754 57.82%, #A3831C 108.36%);
/* color: #FFFFFF; */
font-style: normal;
font-weight: 900;
border: 1px solid #FFD754;
}
.button-refresh-saldo {
position: relative;
padding: 5px 15px;
font-family: 'Laila';
font-style: normal;
font-weight: 600;
font-size: 24.5px;
line-height: 22px;
text-transform: capitalize;
background: transparent;
background-color: transparent;
color: #FFD754;
font-style: normal;
font-weight: 900;
margin-right: 10px;
}
.button-refresh-saldo:hover {
position: relative;
padding: 5px 15px;
font-family: 'Laila';
font-style: normal;
font-weight: 600;
font-size: 24.5px;
line-height: 22px;
text-transform: capitalize;
background: transparent;
background-color: transparent;
color: #FFD754;
font-style: normal;
font-weight: 900;
margin-right: 10px;
}
@media (max-width: 459.98px) {
.button-refresh-saldo-mobile {
position: relative;
padding: 5px 5px;
font-family: 'Laila';
font-style: normal;
font-weight: 600;
font-size: 14.5px;
line-height: 22px;
text-transform: capitalize;
background: transparent;
background-color: transparent;
color: #FFD754;
font-style: normal;
font-weight: 900;
margin-right: 10px;
}
.button-refresh-saldo-mobile:hover {
position: relative;
padding: 5px 5px;
font-family: 'Laila';
font-style: normal;
font-weight: 600;
font-size: 14.5px;
line-height: 22px;
text-transform: capitalize;
background: transparent;
background-color: transparent;
color: #FFD754;
font-style: normal;
font-weight: 900;
margin-right: 10px;
}
}
.button--loading::after {
content: "";
position: absolute;
width: 16px;
height: 16px;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border: 4px solid transparent;
border-top-color: #ffffff;
border-radius: 50%;
animation: button-loading-spinner 1s ease infinite;
}
@keyframes button-loading-spinner {
from {
transform: rotate(0turn);
}
to {
transform: rotate(1turn);
}
}
.button-penarikan {
position: relative;
padding: 5px 35px;
font-family: 'Laila';
font-size: 14.5px;
line-height: 22px;
text-transform: capitalize;
background: #000000;
color: #FFFFFF;
font-style: normal;
font-weight: 900;
border: 1px solid #FFD754;
}
.button-penarikan-white {
position: relative;
padding: 5px 35px;
font-family: 'Laila';
font-size: 14.5px;
line-height: 22px;
text-transform: capitalize;
background: #fff;
color: red;
font-style: normal;
font-weight: 900;
border: 1px solid red;
}
.button-deposit {
padding: 5px 35px;
font-family: 'Laila';
font-style: normal;
font-weight: 600;
font-size: 14.5px;
line-height: 22px;
text-transform: capitalize;
background: linear-gradient(94.82deg, #D4AF37 6.22%, #FFD754 57.82%, #A3831C 108.36%);
color: #000000;
font-style: normal;
font-weight: 900;
}
.button-deposit:hover {
padding: 5px 35px;
font-family: 'Laila';
font-style: normal;
font-weight: 600;
font-size: 14.5px;
line-height: 22px;
text-transform: capitalize;
background: linear-gradient(94.82deg, #D4AF37 6.22%, #FFD754 57.82%, #A3831C 108.36%);
color: #000000;
font-style: normal;
font-weight: 900;
}
.button-deposit-red {
padding: 5px 35px;
font-family: 'Laila';
font-style: normal;
font-weight: 600;
font-size: 14.5px;
line-height: 22px;
text-transform: capitalize;
background: linear-gradient(94.82deg, #d43737 6.22%, #ff5454 57.82%, #a31c1c 108.36%);
color: #fff;
font-style: normal;
font-weight: 900;
}
.button-deposit-red:hover {
padding: 5px 35px;
font-family: 'Laila';
font-style: normal;
font-weight: 600;
font-size: 14.5px;
line-height: 22px;
text-transform: capitalize;
background: linear-gradient(94.82deg, #d43737 6.22%, #ff5454 57.82%, #a31c1c 108.36%);
color: #fff;
font-style: normal;
font-weight: 900;
}
table.rounded-corners {
border-spacing: 0;
border-collapse: separate;
border-radius: 10px;
border: 1px solid #FFD754;
background: rgba(255, 255, 255, 0.2);
}
/* Apply a border to the right of all but the last column */
table.rounded-corners th:not(:last-child),
table.rounded-corners td:not(:last-child) {
border-right: 1px solid #FFF;
}
/* Apply a border to the bottom of all but the last row */
table.rounded-corners>thead>tr:not(:last-child)>th,
table.rounded-corners>thead>tr:not(:last-child)>td,
table.rounded-corners>tbody>tr:not(:last-child)>th,
table.rounded-corners>tbody>tr:not(:last-child)>td,
table.rounded-corners>tfoot>tr:not(:last-child)>th,
table.rounded-corners>tfoot>tr:not(:last-child)>td,
table.rounded-corners>tr:not(:last-child)>td,
table.rounded-corners>tr:not(:last-child)>th,
table.rounded-corners>thead:not(:last-child),
table.rounded-corners>tbody:not(:last-child),
table.rounded-corners>tfoot:not(:last-child) {
border-bottom: 1px solid #FFF;
}
.dropbtn {
background-color: transparent;
color: #FFD754;
border: none;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: rgba(0, 0, 0, .50);
min-width: 230px;
border: 2.5px solid gold;
color: gold;
/* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */
z-index: 3;
}
.dropdown-content .font-bonus {
color: gold;
padding: 4px 20px;
text-decoration: none;
display: block;
font-size: 13px;
}
.dropdown-content a:hover {
background-color: gold;
}
.dropdown:hover .dropdown-content {
display: block;
}
.dropdown:hover .dropbtn {
background-color: transparent;
}
.btn.button-refresh-saldo:hover {
color: #ffffff;
background-color: var(--bs-btn-hover-bg);
border-color: transparent;
}
.btn.button-refresh-saldo-mobile:hover {
color: #ffffff;
background-color: var(--bs-btn-hover-bg);
border-color: transparent;
}
button:focus {
border: none;
outline: none;
}
/* width */
::-webkit-scrollbar {
width: 5px;
}
/* Track */
::-webkit-scrollbar-track {
background: transparent;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: rgb(226, 176, 12);
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: rgb(255, 205, 42);
}
/* reponsive image */
.responsive-game-images img {
aspect-ratio: 2/2;
object-fit: cover;
}
tab-custom {
color: gold !important;
}
.nav-tabs tab-costom.active {
background-color: gold !important;
color: black !important;
}
.bg-provider-slot {
background-color: #000000;
border-radius: 7px;
border: 1px solid #fb9700;
}
.unset-reponsive-img {
aspect-ratio: unset !important;
}
#hover-sport {
display: none;
z-index: 10;
color: #fff;
}
#hover-casino {
display: none;
z-index: 10;
color: #fff;
}
#hover-slot {
display: none;
z-index: 10;
color: #fff;
}
#hover-4d {
display: none;
z-index: 10;
color: #fff;
}
#hover-fishing {
display: none;
z-index: 10;
color: #fff;
}
#hover-arcade {
display: none;
z-index: 10;
color: #fff;
}
#hover-poker {
display: none;
z-index: 10;
color: #fff;
}
#hover-cockfighting {
display: none;
z-index: 10;
color: #fff;
}
#hover-lottery {
display: none;
z-index: 10;
color: #fff;
}
.rotate {
animation-name: rotate;
animation-duration: 2s;
animation-play-state: running;
animation-timing-function: linear;
animation-iteration-count: infinite;
opacity: 1;
}
.search-input::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: black;
opacity: 1;
/* Firefox */
}
.search-input:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: black;
}
.search-input::-ms-input-placeholder {
/* Microsoft Edge */
color: black;
}
.forget-password {
background-color: unset;
color: gold;
border: unset !important;
}
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
color: #000000 !important;
background-color: #f3f3f1 !important;
}
.nav-link.active>.margin-bottom-unset {
color: #000000 !important;
}
.text-white {
color: #ffffff;
}
.border-gamelit-home {
border: 1px solid #ffee00;
border-bottom-right-radius: 20px;
border-top-right-radius: 20px;
height: 745px;
}
.border-providerlist-home {
border: 1px solid #ffee00 !important;
border-bottom-left-radius: 20px !important;
border-bottom-right-radius: unset !important;
border-top-left-radius: 20px !important;
border-top-right-radius: unset !important;
}
.margin-bottom-unset {
margin-bottom: unset !important;
}
.panel-game-home {
height: 720px;
overflow-y: auto;
overflow-x: hidden;
}
.fixed-panel-android {
background-color: #ddd;
position: fixed;
padding: 0.3em;
left: 0%;
top: 25vh;
z-index: 10;
width: 40px;
height: 40px;
border: unset !important;
}
.fixed-panel-whatsapp {
background-color: #ddd;
position: fixed;
padding: 0.3em;
left: 0%;
top: 30vh;
z-index: 10;
width: 40px;
height: 40px;
border: unset !important;
}
.fixed-panel-whatsapp-desktop {
background-color: transparent;
position: fixed;
padding: 0.3em;
left: 0%;
bottom: 140px;
z-index: 10;
width: 90px;
height: 90px;
border: unset !important;
}
.fixed-panel-rtp-desktop {
background-color: transparent;
position: fixed;
padding: 0.3em;
left: 0%;
bottom: 185px;
z-index: 10;
width: 90px;
height: 90px;
border: unset !important;
}
.no-bg-color {
background-color: unset !important;
border: unset !important;
}
.active-menu-slot {
background-color: #836608;
}
.no-border {
border: unset !important;
}
.bg-black {
background-color: #000;
}
.w-menu-slot {
width: 15%;
}
.w-content-slot {
width: 85%;
}
.border-radius-10px {
border-radius: 10px;
}
.menu-cockfighting-img {
width: fit-content;
}
.menu-cockfighting-text {
width: max-content;
}
.tab-menu-home {
width: 80px;
}
.collapsible {
background-color: unset !important;
cursor: pointer;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
}
.collapsible-content {
padding: 0 18px;
display: none;
overflow: hidden;
}
.padding-unset {
padding: unset !important;
}
.div-wa {
margin-bottom: 30px;
}
.bg-wa {
background-color: #25D366 !important;
color: #ffffff !important;
}
.bt-testi {
background-image: linear-gradient(to bottom, #d4af37, #ffd754, #d4af37);
border: 2px solid gold;
padding: 0px 60px !important;
font-size: 30px !important;
}
.gameName-desktop {
padding-top: 0.2rem;
font-size: 0.7vw;
color: gold;
text-align: center;
}
.gameName-mobile {
padding-top: 0.2rem;
font-size: 2vw;
color: gold;
text-align: center;
}
.padding-left-05rem {
padding-left: 0.4rem !important;
}
.padding-right-05rem {
padding-right: 0.4rem !important;
}
.bg-bet-toto {
padding: 5px 35px;
font-family: 'Laila';
font-style: normal;
font-weight: 600;
font-size: 14.5px;
line-height: 22px;
text-transform: capitalize;
background: linear-gradient(94.82deg, #D4AF37 6.22%, #FFD754 57.82%, #A3831C 108.36%);
color: #000000;
font-style: normal;
font-weight: 900;
}
.text-gold {
color: gold;
font-size: 1.7rem;
margin-bottom: 9px;
text-shadow: 2px 1px #ff8100";
}
.nav-bg-mobile {
background: linear-gradient(180deg, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
linear-gradient(180deg, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
}
.active-menu-mobile-slot {
background: linear-gradient(180deg, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
linear-gradient(180deg, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
}
.border-gradient-slot {
border: 1px solid #524501;
border-image-slice: 1;
border-width: 5px;
border-radius: 50px;
padding-left: 17px;
padding-right: 17px;
}
.border-menu-item-slot {
border-left: 1px solid #464242;
border-right: 1px solid #464242;
}
.border-menu-item-slot-right {
border-right: 1px solid #464242;
}
.border-menu-item-slot-left {
border-left: 1px solid #464242;
}