html {
scroll-behavior: smooth;
}
body {
padding-bottom: 3rem;
color: #fff;
background: url(../img/background.jpg) no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: center;
}
.italic {
font-style: italic;
}
.bold {
font-weight: 900;
}
.h2 {
font-size: 1rem;
font-family: Poppins;
}
.img-games {
opacity: 1;
}
.img-games:hover {
opacity: 0.7;
}
.align-center {
text-align: center;
}
.span-ratting {
font-weight: 700;
color: #f5ca21;
}
.jq-ry-container {
position: relative;
padding: 0 5px;
line-height: 0;
display: block;
cursor: pointer;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
direction: ltr;
margin: 0 auto;
}
.jq-ry-container[readonly="readonly"] {
cursor: default;
}
.jq-ry-container > .jq-ry-group-wrapper {
position: relative;
width: 100%;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group {
position: relative;
line-height: 0;
z-index: 10;
white-space: nowrap;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg {
display: inline-block;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-normal-group {
width: 100%;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-rated-group {
width: 0;
z-index: 11;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.anim-aktif {
width: 10px;
height: 10px;
border-radius: 50%;
background: #0f0;
display: inline-block;
margin-bottom: 1px;
animation: zoom infinite 2s;
margin-right: 5px;
}
.icon-transaksi {
margin-top: -1px;
margin-right: 10px;
}
@media screen and (min-width: 678px) {
.h2 {
font-size: 1.5rem;
font-family: Poppins;
}
}
.navbar {
padding: 0 0;
display: block;
}
.navbar-toggler {
border: 0 solid transparent;
}
.navbar-dark .navbar-toggler-icon {
/*background: url(../img/icon.png) no-repeat center;*/
}
.navbar-brand-mobile img {
width: 200px !important;
position: relative !important;
margin: 0 !important;
}
.navbar-dark .navbar-nav .nav-link {
color: #ffffff;
}
.navbar-nav .li-menu .link-menu .nav-link {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.link-menu img {
display: block;
vertical-align: bottom;
margin: 2px auto 0 auto;
animation: srink 1s ease-in-out;
}
.link-menu img:active {
animation: srink 1s ease-in-out;
}
.link-menu span {
vertical-align: top;
animation: srink 1s ease-in-out;
}
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show > .nav-link {
color: #0cfb0c;
font-weight: 700;
}
.dropdown-slide > .dropdown-menu {
display: none;
min-width: 25rem;
background: linear-gradient(to top, rgba(22, 0, 95, 0), rgb(19 19 19 / 0%), rgba(59, 46, 177, 0)), url(../img/bg-purple.jpg);
border-top: 2px solid #ffffff;
border-left: 2px solid #dfdfdf;
border-right: 2px solid #d9d9d9;
border-bottom: 2px solid #c1c1c1;
}
.show.dropdown-slide > .dropdown-menu {
display: block;
background: linear-gradient(to top, rgba(22, 0, 95, 0), rgb(19 19 19 / 0%), rgba(59, 46, 177, 0)), url(../img/bg-purple.jpg);
border-top: 2px solid #ffffff;
border-left: 2px solid #dfdfdf;
border-right: 2px solid #d9d9d9;
border-bottom: 2px solid #c1c1c1;
}
.dropdown {
display: block;
}
.dropdown-menu {
margin: 0 0 0;
}
.navbar-nav .li-menu i {
position: relative;
top: 4px;
font-size: 24px;
color: #fff;
left: 0.3rem;
width: 25px;
text-align: center;
z-index: 9999;
display: inline-block;
}
.navbar-nav .li-menu .link-menu {
display: inline-block;
}
.navbar-nav .li-menu .nav-panduan {
padding-right: 0;
display: inline-block;
}
.navbar-nav .li-menu:hover i {
color: #fff;
display: inline-block;
}
.navbar-nav .li-menu i.active {
color: #fff;
}
.dropdown-slide > .dropdown-menu {
min-width: 19rem;
width: 100%;
}
.dropdown-item {
padding: 0.1rem 1rem;
color: #fff;
text-transform: uppercase;
font-weight: 500;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.navbar-collapse {
/*max-height: 250px;*/
overflow-y: auto;
overflow-x: hidden;
}
.navbar-nav .freebet-box .link-menu .nav-link {
color: dodgerblue;
font-weight: 700;
}
@media screen and (min-width: 550px) {
.dropdown-slide > .dropdown-menu {
min-width: 25rem;
}
.dropdown-item {
padding: 0.25rem 1.5rem;
}
}
@media screen and (min-width: 992px) {
.navbar {
padding: 0;
}
.navbar-nav {
height: 65px;
}
.navbar-expand-lg .navbar-nav .nav-link {
/*padding-right: 0.25rem;
padding-left: 0.25rem;*/
}
.navbar-nav .li-menu {
margin-right: 0px;
min-width: 100px;
max-width: 160px;
}
.navbar-nav .li-menu .link-menu {
display: block;
}
.dropdown {
position: relative;
}
.dropdown-menu {
margin: 0.125rem 0;
}
.li-menu:hover,
.navbar-nav .li-menu.active {
}
.navbar-nav .li-menu .link-menu {
padding: 2px 2px 0;
text-align: center;
}
.navbar-nav .li-menu:hover .dropdown-menu {
display: block;
}
.li-menu:hover .link-menu,
.navbar-nav .li-menu .link-menu.active {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
text-align: center;
}
.navbar-nav .li-menu .link-menu .nav-link {
font-weight: 700;
text-transform: uppercase;
color: #ffffff;
font-size: 14px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
display: inline-block;
vertical-align: middle;
border-top: 1px solid #af90eb;
border-left: 1px solid #4b3b68;
border-bottom: 1px solid #3b2f52;
border-right: 1px solid #4b3b68;
border-radius: 5px;
box-shadow: 0 3px 1px #00000038, 0 3px 5px #7661b5 inset, 0 -3px 5px #413189bf inset;
}
}
.navbar-nav .li-menu i {
position: absolute;
top: 6px;
font-size: 24px;
color: #ffffff;
left: 5.5rem;
width: 25px;
text-align: center;
z-index: 9999;
}
.navbar-nav .li-menu .nav-panduan {
padding-right: 30px;
display: block;
}
.navbar-nav .li-menu i.active {
color: #fff;
}
.navbar-nav .li-menu:hover i {
color: #fff;
}
.li-menu:hover .link-menu .nav-link,
.navbar-nav .li-menu .link-menu .nav-link.active {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
color: #fff;
}
.li-menu:hover .bottom-link,
.navbar-nav .li-menu .bottom-link.active {
height: 10px;
margin-top: -5px;
padding: 0 2px;
}
.navbar-nav .li-menu .bottom-link.active span,
.navbar-nav .li-menu:hover .bottom-link span {
display: block;
height: 10px;
}
.nav-link {
padding: 0rem 1rem 0.1rem 1rem;
}
.navbar-collapse {
max-height: 100%;
overflow-y: initial;
overflow-x: initial;
}
.navbar-nav .freebet-box {
background:dodgerblue;
}
.navbar-nav .freebet-box:hover {
background: linear-gradient(to top, rgba(22, 0, 95, 0), rgb(19 19 19 / 0%), rgba(59, 46, 177, 0)), url(../img/bg-purple.jpg);
color:#fff;
}
.navbar-nav .freebet-box .link-menu .nav-link {
color: #ffffff;
}
.navbar-nav .bola-box {
background:-webkit-linear-gradient(-90deg, #d41ff5 0, #dc008e 100%);
}
.navbar-nav .bola-box:hover {
background: linear-gradient(to top, rgba(22, 0, 95, 0), rgb(19 19 19 / 0%), rgba(59, 46, 177, 0)), url(../img/bg-purple.jpg);
color:#fff;
}
.navbar-nav .bola-box .link-menu .nav-link {
color: #ffffff;
}
}
.bg-black {
background: #000;
}
.bg-black-nav {
background: #0000;
}
.bg-dark-nav {
background:black;
}
.bg-nav {
background: #000000d9;
display:none;
}
@media screen and (min-width: 992px) {
.bg-nav {
border-bottom: 1px solid #3e3b76;
border-top: 1px solid #8370c7;
background: linear-gradient(0deg, #514da1, #62519f);
background-image: -moz-linear-gradient(0deg, #514da1, #62519f 100%);
background-image: -ms-linear-gradient(0deg, #514da1, #62519f 100%);
}
.bg-black-nav {
background: #000;
}
}
.nav-absolute {
padding: 0 1rem;
}
.navbar-brand img {
position: relative;
margin-right: 20px;
bottom: 20px;
max-width: 168px;
-webkit-filter: drop-shadow(0px 0px 2px #07345e);
}
.box-banner {
padding-top:0.5rem;
}
.box-banner .link-banner:hover {
opacity: 0.8;
}
.img-banner {
width: 100%;
height: 100%;
text-align: right;
}
.wargaqq-banner {
background: url(../img/banner/wargaqq.html) no-repeat center top;
background-size: 100% 100%;
}
.depoqq-banner {
background: url(../img/banner/depoqq.html) no-repeat center top;
background-size: 100% 100%;
}
.glow-on-hover {
width: 72px;
height: 25px;
border: none;
outline: 0;
color: #fff;
background: #111;
cursor: pointer;
position: absolute;
z-index: 7;
border-radius: 0;
display: inline-block;
bottom: 12px;
right: 10px;
text-align: center;
line-height: 23px;
font-weight: 700;
font-size: 13px;
}
.glow-on-hover:hover {
text-decoration: none;
color: greenyellow;
}
.glow-on-hover:before {
content: "";
background: linear-gradient(45deg, #1bf900, #e4ff00, #86ff02, #195b16);
position: absolute;
top: -2px;
left: -2px;
background-size: 400%;
z-index: -1;
filter: blur(5px);
width: calc(100% + 4px);
height: calc(100% + 4px);
animation: glowing 20s linear infinite;
opacity: 1;
transition: opacity 0.3s ease-in-out;
border-radius: 0;
}
.glow-on-hover:active {
color: #000;
}
.glow-on-hover:active:after {
background: 0 0;
}
.glow-on-hover:hover:before {
opacity: 1;
}
.glow-on-hover:after {
z-index: -1;
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #000;
left: 0;
top: 0;
border-radius: 0;
}
@keyframes glowing {
0% {
background-position: 0 0;
}
50% {
background-position: 400% 0;
}
100% {
background-position: 0 0;
}
}
.limit-scrool {
width: 100px;
height: 75px;
position: absolute;
margin-top: -75px;
}
@media screen and (min-width: 410px) {
.glow-on-hover {
right: 15px;
bottom: 17px;
font-size: 11px;
}
}
@media screen and (min-width: 460px) {
.glow-on-hover {
right: 20px;
bottom: 20px;
font-size: 13px;
width: 90px;
height: 30px;
line-height: 29px;
}
}
@media screen and (min-width: 768px) {
.glow-on-hover {
right: 19px;
bottom: 18px;
font-size: 13px;
width: 65px;
height: 25px;
line-height: 22px;
}
}
@media screen and (min-width: 992px) {
.glow-on-hover {
right: 21px;
bottom: 24px;
font-size: 15px;
width: 91px;
height: 30px;
line-height: 28px;
}
.bg-dark-nav {
background: #000;
}
.limit-scrool {
width: 100px;
height: 75px;
position: absolute;
margin-top: -95px;
}
}
@media screen and (min-width: 1200px) {
.glow-on-hover {
right: 23px;
bottom: 25px;
font-size: 17px;
width: 110px;
height: 40px;
line-height: 36px;
}
.bg-dark-nav {
background: #000;
}
}
.box-content {
padding-top: 1rem;
}
.box-content h1 {
text-align: center;
font-size: 1.5rem;
font-weight: 700;
padding-bottom: 1rem;
}
.box-content h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Poppins, sans-serif;
font-weight: 700;
}
.box-content p {
text-align: justify;
font-family: sans-serif;
}
.box-content ol,
ul {
font-family: sans-serif;
}
.box-content img {
max-width: 100%;
}
.box-content p.img-align {
text-align: center;
}
.box-content .limit-box {
padding: 0.5rem 0;
}
.box-contact {
border: 3px solid #ccc;
}
.header-contact {
background-color: #ccc;
color: #fff;
padding-left: 16px;
padding-right: 16px;
padding-bottom: 8px;
padding-top: 8px;
}
.header-contact span {
font-size: 16px;
line-height: 20px;
color: #000;
font-weight: 700;
}
.box-contact-item {
padding: 16px;
}
#marquee-new {
font-size: large;
margin: 0 auto;
font-family: sans-serif, arial !important;
font-weight: 700;
color: #fbbf0c;
border-radius: 15px;
max-width: 1000px;
display: block;
}
#marquee-new p {
padding: 0;
margin: 0;
font-size: 12px;
font-family: sans-serif, arial !important;
font-weight: normal;
color: #fff;
}
.box-caption-content {
max-height: 145px;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
padding: 0 5px 0 0;
}
.caption-2 {
max-height: 145px;
}
.block-facts {
margin: 18px 0;
background: #4b5a7359;
padding: 5px;
}
.box-facts {
display: table;
width: 100%;
padding: 10px;
text-align: left;
font-size: 14px;
line-height: 26px;
border-bottom: 1px dashed #ffffff;
}
.box-facts span {
display: table-cell;
vertical-align: middle;
}
.box-facts .icons {
width: 55px;
}
.box-facts .icon {
width: 55px;
height: 35px;
display: inline-block;
background: 0 0;
}
.box-facts .icon1 {
background-position: 0 -513px;
}
.box-facts .icon2 {
background-position: -55px -513px;
}
.box-facts .icon3 {
background-position: -110px -513px;
}
.box-facts .icon4 {
background-position: -165px -513px;
}
.box-facts .icon5 {
background-position: -220px -513px;
}
.box-facts .icon6 {
background-position: -274px -513px;
}
.box-facts .icon7 {
background-position: -329px -513px;
}
.box-facts .icon8 {
background-position: -384px -513px;
}
.box-facts .review {
color: #fff;
font-weight: 700;
width: 33%;
line-height: 16px;
}
.box-facts .info {
color: #fff;
font-size: 16px;
}
.glow-review {
padding: 10px 60px 15px;
width: 100%;
border: none;
outline: 0;
color: #000;
background: #111;
cursor: pointer;
position: relative;
z-index: 7;
border-radius: 0;
display: inline-block;
text-align: center;
line-height: 30px;
font-weight: 700;
font-size: 18px;
border-radius: 15px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.glow-review:hover {
text-decoration: none;
background: #cacaca;
color:#000;
}
.glow-review:before {
content: "";
background: linear-gradient(45deg, red, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, red);
position: absolute;
top: -2px;
left: -2px;
background-size: 400%;
z-index: -1;
filter: blur(5px);
width: calc(100% + 4px);
height: calc(100% + 4px);
animation: glowing 20s linear infinite;
opacity: 1;
transition: opacity 0.3s ease-in-out;
border-radius: 0;
}
.glow-review:active {
color: #000;
}
.glow-review:active:after {
background: 0 0;
}
.glow-review:hover:before {
opacity: 1;
}
.glow-review:after {
z-index: -1;
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #fff;
left: 0;
top: 0;
border-radius: 5px;
}
.responsive-container {
position: relative;
overflow: hidden;
padding-top: 0;
}
.responsive-iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.youtube-player {
position: relative;
padding-bottom: 56.23%;
height: 0;
overflow: hidden;
max-width: 100%;
background: #000;
margin: 0 0 10px;
}
.youtube-player iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
background: 0 0;
}
.youtube-player img {
bottom: 0;
display: block;
left: 0;
margin: auto;
max-width: 100%;
width: 100%;
position: absolute;
right: 0;
top: 0;
border: none;
height: auto;
cursor: pointer;
-webkit-transition: 0.4s all;
-moz-transition: 0.4s all;
transition: 0.4s all;
}
.youtube-player img:hover {
-webkit-filter: brightness(75%);
}
.youtube-player .play {
height: 72px;
width: 72px;
left: 50%;
top: 50%;
margin-left: -36px;
margin-top: -36px;
position: absolute;
background: url(../img/play.png) no-repeat;
cursor: pointer;
}
@media screen and (min-width: 992px) {
.box-content {
padding-top: 2rem;
}
.box-content h1 {
text-align: center;
font-size: 2.5rem;
font-weight: 700;
padding-bottom: 2rem;
}
.box-content h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Poppins, sans-serif;
font-weight: 700;
}
.box-content p {
text-align: justify;
font-family: sans-serif;
}
.box-content ol,
ul {
font-family: sans-serif;
}
.box-content img {
max-width: 350px;
}
.box-content p.img-align {
text-align: center;
}
.box-content .limit-box {
padding: 1rem 9rem;
}
}
@media screen and (min-width: 992px) {
#shares {
position: fixed;
left: 50%;
top: 285px;
display: block;
margin-left: -575px;
}
.share-list {
font-size: 14px;
line-height: 1.714285714286em;
letter-spacing: 0.025em;
color: #fff;
list-style: none;
}
.share-list .share {
border-radius: 2px;
margin: 10px 0 0;
}
.share-list .facebook {
background: #6788ce;
}
.share-list .facebook:hover {
background: #4d69a6;
}
.share-list .whatsapp {
background: #79ce67;
}
.share-list .whatsapp:hover {
background: #63aa54;
}
.share-list .twiter {
background: #66dbff;
}
.share-list .twiter:hover {
background: #52aeca;
}
.share-list .line {
background: #69df50;
}
.share-list .line:hover {
background: #4bb335;
}
.share-list .share:first-child {
margin-top: 0;
}
.share-list .url {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 60px;
padding: 9px 2px;
color: inherit;
text-decoration: none;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.share-list .url {
width: 90px;
padding: 5px 5px;
}
.share-list .icon {
font-size: 20px;
line-height: 1em;
padding: 0 2px;
}
.box-contact {
border: 3px solid #ccc;
}
.header-contact {
background-color: #ccc;
color: #fff;
padding-left: 16px;
padding-right: 16px;
padding-bottom: 8px;
padding-top: 8px;
}
.header-contact span {
font-size: 16px;
line-height: 20px;
color: #000;
font-weight: 700;
}
.box-contact-item {
padding: 16px;
}
.box-caption-content {
max-height: 200px;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
padding: 0 5px 0 0;
}
.caption-2 {
max-height: 200px;
}
.block-facts {
margin: 18px 0;
background: #4b5a7359;
padding: 5px;
}
.box-facts {
display: table;
width: 100%;
padding: 10px;
text-align: left;
font-size: 14px;
line-height: 26px;
border-bottom: 1px dashed #ffffff;
}
.box-facts span {
display: table-cell;
vertical-align: middle;
}
.box-facts .icons {
width: 55px;
}
.box-facts .icon {
width: 55px;
height: 35px;
display: inline-block;
background: 0 0;
}
.box-facts .icon1 {
background-position: 0 -513px;
}
.box-facts .icon2 {
background-position: -55px -513px;
}
.box-facts .icon3 {
background-position: -110px -513px;
}
.box-facts .icon4 {
background-position: -165px -513px;
}
.box-facts .icon5 {
background-position: -220px -513px;
}
.box-facts .icon6 {
background-position: -274px -513px;
}
.box-facts .icon7 {
background-position: -329px -513px;
}
.box-facts .icon8 {
background-position: -384px -513px;
}
.box-facts .review {
color: #fff;
font-weight: 700;
width: 33%;
line-height: 16px;
}
.box-facts .info {
color: #fff;
font-size: 16px;
}
.glow-review {
padding: 10px 150px 15px;
width: auto;
border: none;
outline: 0;
color: #000;
background: #111;
cursor: pointer;
position: relative;
z-index: 7;
border-radius: 0;
display: inline-block;
text-align: center;
line-height: 30px;
font-weight: 700;
font-size: 18px;
border-radius: 15px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.glow-review:hover {
text-decoration: none;
background: #cccccc;
color:#000;
}
.glow-review:before {
content: "";
background: linear-gradient(45deg, red, #ff7300, #eeff00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, red);
position: absolute;
top: -2px;
left: -2px;
background-size: 400%;
z-index: -1;
filter: blur(5px);
width: calc(100% + 4px);
height: calc(100% + 4px);
animation: glowing 20s linear infinite;
opacity: 1;
transition: opacity 0.3s ease-in-out;
border-radius: 0;
}
.glow-review:active {
color: #000;
}
.glow-review:active:after {
background: 0 0;
}
.glow-review:hover:before {
opacity: 1;
}
.glow-review:after {
z-index: -1;
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #fff;
left: 0;
top: 0;
border-radius: 5px;
}
}
#style-7::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #f5f5f5;
}
#style-7::-webkit-scrollbar {
width: 10px;
background-color: #f5f5f5;
}
#style-7::-webkit-scrollbar-thumb {
background-color: #313131;
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}
#style-7::-moz-scrollbar-track {
-moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #f5f5f5;
}
#style-7::-moz-scrollbar {
width: 10px;
background-color: #f5f5f5;
}
#style-7::-moz-scrollbar-thumb {
background-color: #313131;
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}
#style-7::scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #f5f5f5;
}
#style-7::scrollbar {
width: 10px;
background-color: #f5f5f5;
}
#style-7::scrollbar-thumb {
background-color: #313131;
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}
.carousel {
background: transparent;
}
.carousel-caption {
bottom: 3rem;
z-index: 10;
}
.carousel-item {
height: auto;
}
.carousel-item > img {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
height: 32rem;
}
.carousel-caption {
position: relative;
right: 0;
left: 0;
bottom: 0;
top: 0;
padding: 10px 0 20px;
}
.box-title {
padding-top: 2rem;
}
.box-title h1 {
text-align: center;
font-size: 1.5rem;
font-weight: 700;
}
.box-menu-bar .menu-bar {
list-style: none;
padding: 0;
float: left;
}
.box-menu-bar .menu-bar li {
padding: 5px 5px;
float: left;
margin: 0 15px 0 0;
}
.box-menu-bar .menu-bar li:last-child {
margin: 0;
}
.box-menu-bar .menu-bar img {
margin-right: 15px;
}
.box-menu-bar .menu-bar li a {
padding: 0 5px;
color: #fff;
font-size: 16px;
font-weight: 700;
text-decoration: none;
display: flex;
align-items: center;
}
.box-menu-bar .menu-bar li a:hover {
color: #e6e6e6;
}
.btn {
display: inline-block;
font-weight: 900;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
padding: 3px 4px 3px;
font-size: 0.6rem;
line-height: 1.5;
border-radius: 0.25rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn-warning {
color: #212529;
background-color: #ffffff;
border-color: #22fe16;
}
.dekstop {
display: none !important;
}
.mobile {
display: block !important;
}
.glow-on-hover-table {
z-index: 7;
position: relative;
color: #0cfb20;
}
.glow-on-hover-table:hover {
color: #fff;
}
.glow-on-hover-table::after {
z-index: -1;
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #000;
left: 0;
top: 0;
border-radius: 5px;
}
.glow-on-hover-table::before {
content: "";
background: linear-gradient(45deg, #d5b67a, #ffe5a6, #fcf0d2, #5b4516);
background-size: auto;
position: absolute;
top: -4px;
left: -5px;
background-size: 400%;
z-index: -1;
filter: blur(6px);
width: calc(100% + 8px);
height: calc(100% + 8px);
animation: glowing 20s linear infinite;
opacity: 1;
transition: opacity 0.3s ease-in-out;
border-radius: 0;
}
.table-flex {
border: 2px solid #6bfb0c;
border-top: 0 solid #6bfb0c;
font-size: 18px;
}
.flex-container {
display: flex;
flex-wrap: nowrap;
background-color: #3d3d3d;
color: #fff;
border-bottom: 2px solid #6bfb0c;
}
.flex-container:nth-child(even) {
background-color: #000;
}
.flex-container:last-child {
border-bottom: 0 solid #fbbf0c;
}
.table-flex .th-flex {
background: #1ae600;
border-bottom: 0 solid #15fb0c;
}
.table-flex .col-th-flex {
border-right: 2px solid #000;
color: #000;
font-size: 11px;
font-weight: 700;
}
.table-flex .col-th-flex:last-child {
border-right: 0 solid #000;
}
.table-flex .td-flex {
font-weight: 700;
font-size: 11px;
}
.table-flex .flex-container .col-1-flex {
max-width: 2rem;
width: 100%;
}
.table-flex .flex-container .col-2-flex {
max-width: 17rem;
width: 100%;
}
.table-flex .flex-container .col-2-flex img {
width: 10px;
margin-bottom: 3px;
}
.table-flex .flex-container .col-3-flex {
max-width: 3.5rem;
width: 100%;
}
.table-flex .flex-container .col-3-flex img {
width: 20px;
}
.table-flex .flex-container .col-4-flex {
max-width: 4rem;
width: 100%;
}
.table-flex .flex-container .col-4-flex i {
width: 7px;
height: 7px;
border-radius: 50%;
background: #0f0;
display: inline-block;
margin-bottom: 1px;
animation: zoom infinite 2s;
}
.table-flex .flex-container .col-5-flex {
max-width: 5rem;
width: 100%;
}
.flex-container > div {
background-color: transparent;
width: 100%;
text-align: center;
padding: 8px 5px;
align-self: center;
}
.table-flex .anim {
background: linear-gradient(-45deg, #040404, #c69915, #fbbf0c, #471903);
background-size: 400% 400%;
-webkit-animation: Gradient 5s ease infinite;
-moz-animation: Gradient 5s ease infinite;
animation: Gradient 5s ease infinite;
}
@-webkit-keyframes Gradient {
0% {
background-position: 0 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0 50%;
}
}
@-moz-keyframes Gradient {
0% {
background-position: 0 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0 50%;
}
}
@keyframes Gradient {
0% {
background-position: 0 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0 50%;
}
}
.filterDiv {
display: none;
}
.show-row {
display: flex;
}
@media screen and (min-width: 515px) {
.table-flex .flex-container .col-3-flex {
max-width: 7rem;
width: 100%;
}
.table-flex .flex-container .col-4-flex {
max-width: 7rem;
width: 100%;
}
.table-flex .flex-container .col-5-flex {
max-width: 6rem;
width: 100%;
}
}
@media screen and (min-width: 768px) {
.table-flex .td-flex {
font-weight: 700;
font-size: 17px;
}
.table-flex .col-th-flex {
border-right: 2px solid #000;
color: #000;
font-size: 20px;
font-weight: 700;
}
.table-flex .flex-container .col-1-flex {
max-width: 4rem;
width: 100%;
}
.table-flex .flex-container .col-2-flex {
max-width: 17rem;
width: 100%;
}
.table-flex .flex-container .col-2-flex img {
width: 15px;
margin-bottom: 7px;
}
.table-flex .flex-container .col-3-flex {
max-width: 6rem;
width: 100%;
}
.table-flex .flex-container .col-3-flex img {
width: 40px;
}
.table-flex .flex-container .col-4-flex {
max-width: 8rem;
width: 100%;
}
.table-flex .flex-container .col-4-flex i {
width: 10px;
height: 10px;
border-radius: 50%;
background: #0f0;
display: inline-block;
margin-bottom: 1px;
animation: zoom infinite 1s;
}
.table-flex .flex-container .col-5-flex {
max-width: 17rem;
width: 100%;
}
.flex-container > div {
background-color: transparent;
width: 100%;
text-align: center;
padding: 10px;
align-self: center;
}
}
@media screen and (min-width: 992px) {
.table-flex .td-flex {
font-weight: 700;
font-size: 17px;
}
.table-flex .col-th-flex {
border-right: 2px solid #000;
color: #000;
font-size: 20px;
font-weight: 700;
}
.table-flex .flex-container .col-1-flex {
max-width: 4rem;
width: 100%;
}
.table-flex .flex-container .col-2-flex {
max-width: 17rem;
width: 100%;
}
.table-flex .flex-container .col-3-flex {
max-width: 17rem;
width: 100%;
}
.table-flex .flex-container .col-4-flex {
max-width: 17rem;
width: 100%;
}
.table-flex .flex-container .col-5-flex {
max-width: 17rem;
width: 100%;
}
.flex-container > div {
background-color: transparent;
width: 100%;
text-align: center;
padding: 10px;
align-self: center;
}
}
@keyframes zoom {
0% {
transform: scale(0.8);
}
50% {
transform: scale(1);
}
100% {
transform: scale(1.1);
}
}
#table-website {
border-collapse: collapse;
width: 100%;
border: 2px solid #6bfb0c;
font-size: 18px;
}
#table-website td,
#table-website th {
padding: 8px 8px 8px;
}
#table-website td {
font-weight: 700;
font-size: 11px;
}
#table-website tr {
border-bottom: 2px solid #6bfb0c;
background: #000;
}
#table-website tr.header {
background-color: #1ae600;
color: #000;
border-bottom: 0 solid #6bfb0c;
font-size: 11px;
}
#table-website tr.header th {
border-right: 2px solid #000;
vertical-align: middle;
}
#table-website tr.header th:last-child {
border-right: 0 solid #000;
}
#table-website tr.header:hover {
background-color: #1ae600;
}
#table-website tbody tr:nth-child(even) {
background: #3d3d3d;
}
#table-website tr th.col1 {
text-align: center;
}
#table-website tr td.col2 {
text-transform: uppercase;
}
#table-website tbody tr .col1,
.col2,
.col3,
.col4,
.col5 {
text-align: center;
}
#table-website tbody tr td.col3 img {
width: 20px;
}
#table-website tbody tr td.col4 i {
width: 7px;
height: 7px;
border-radius: 50%;
background: #0f0;
display: inline-block;
margin-bottom: 1px;
animation: zoom infinite 2s;
}
@media screen and (min-width: 576px) {
#table-website {
border-collapse: collapse;
width: 100%;
border: 2px solid #6bfb0c;
font-size: 18px;
}
#table-website td,
#table-website th {
padding: 8px 12px 12px;
}
#table-website td {
font-weight: 700;
font-size: 17px;
}
#table-website tr {
border-bottom: 2px solid #6bfb0c;
background: #000;
}
#table-website tr.header {
background-color: #1ae600;
color: #000;
border-bottom: 0 solid #15fb0c;
font-size: 20px;
}
#table-website tr.header th {
border-right: 2px solid #000;
vertical-align: middle;
}
#table-website tr.header th:last-child {
border-right: 0 solid #000;
}
#table-website tr.header:hover {
background-color: #1ae600;
}
#table-website tbody tr:nth-child(even) {
background: #3d3d3d;
}
#table-website tr th.col1 {
text-align: center;
}
#table-website tbody tr .col1,
.col2,
.col3,
.col4,
.col5 {
text-align: center;
}
#table-website tbody tr td.col3 img {
width: 40px;
}
#table-website tbody tr td.col4 i {
width: 10px;
height: 10px;
border-radius: 50%;
background: #0f0;
display: inline-block;
margin-bottom: 1px;
animation: zoom infinite 1s;
}
}
@media screen and (min-width: 768px) {
.btn {
display: inline-block;
font-weight: 900;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
padding: 5px 10px 7px;
font-size: 1rem;
line-height: 1.5;
border-radius: 0.25rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.box-title {
padding-top: 4rem;
}
.box-title h1 {
text-align: center;
font-size: 2.5rem;
font-weight: 700;
}
}
@media screen and (min-width: 992px) {
.dekstop {
display: block !important;
}
.mobile {
display: none !important;
}
}
.marketing .col-lg-4 {
margin-bottom: 1.5rem;
text-align: center;
}
.marketing h2 {
font-weight: 400;
}
.marketing .col-lg-4 p {
margin-right: 0.75rem;
margin-left: 0.75rem;
}
.featurette-divider {
margin: 5rem 0;
}
.featurette-heading {
font-weight: 300;
line-height: 1;
letter-spacing: -0.05rem;
}
.carousel-caption {
color: #000;
min-height: 225px;
height: 100%;
}
.carousel-caption h1,
h2,
h3,
h4 {
font-size: 1rem;
font-weight: 700;
}
.carousel-caption p {
margin-bottom: 0.5rem;
font-size: 0.8rem;
line-height: 1.2;
text-align: justify;
}
.carousel-indicators {
margin-bottom: 0;
}
.box-side-search {
padding-top: 0;
padding-bottom: 1rem;
}
.search-input {
width: 100%;
padding: 12px 24px;
background-color: transparent;
transition: transform 250ms ease-in-out;
font-size: 14px;
line-height: 18px;
color: #fff;
background-color: transparent;
background-image: url(../img/search.png);
background-repeat: no-repeat;
background-size: 18px 18px;
background-position: 95% center;
border-radius: 50px;
border: 2px solid #14fb0c;
transition: all 250ms ease-in-out;
backface-visibility: hidden;
transform-style: preserve-3d;
}
.search-input::placeholder {
color: #dddbdb;
text-transform: uppercase;
letter-spacing: 1.5px;
}
.search-input:hover {
text-indent: -40px;
}
.search-input:focus {
text-indent: 0;
}
.search-input:focus::placeholder {
color: transparent;
}
.search-input:focus,
.search-input:hover {
padding: 12px 0;
outline: 0;
border: 2px solid transparent;
border-bottom: 2px solid #14fb0c;
border-radius: 0;
background-position: 100% center;
}
.px-sm-1 {
padding: 0 0.25rem;
}
@media (min-width: 576px) {
.row-md-cols-3 > * {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
transition: 0.5s ease-in-out;
}
}
@media (min-width: 768px) {
.carousel-indicators {
margin-bottom: 0;
}
.carousel-caption h1,
h2,
h3 {
font-size: 1.5rem;
font-family: Poppins;
}
.carousel-caption h4 {
font-size: 1rem;
font-family: Poppins;
}
.carousel-caption p {
margin-bottom: 0.5rem;
font-size: 1rem;
line-height: 1.2;
text-align: justify;
font-family: sans-serif;
}
.featurette-heading {
font-size: 50px;
}
.row-md-cols-3 > * {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
transition: 0.5s ease-in-out;
}
.carousel-caption {
padding: 10px 0;
max-height: 280px;
min-height: 1px;
}
}
@media (min-width: 992px) {
.featurette-heading {
margin-top: 7rem;
}
.row-lg-cols-6 > * {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
transition: 0.5s ease-in-out;
}
}
.mobilenav-container-wrapper {
width: 100%;
height: 60px;
background: #382d4d;
box-shadow: 0px 0px 30px #0f001f69 inset;
position: fixed;
bottom: 0;
left: 0;
box-sizing: inherit;
z-index: 1000;
}
.mobilenav-btn {
width: 63px;
height: 63px;
display: block;
margin: auto;
padding: 1em;
position: absolute;
bottom: 20px;
right: 0;
left: 0;
border-radius: 5px;
background: center no-repeat url(../img/footer-logo.png);
z-index: 1000;
}
.mobilenav-link {
position: relative;
margin: 0 auto;
padding: 0;
}
.mobilenav-link li {
display: inline-block;
float: left;
width: 20%;
text-align: center;
height: 25px;
top: 2px;
position: relative;
box-sizing: border-box;
}
.mobilenav-link li.page-footer {
width: 33.3333%;
height: 100%;
padding: 0 10px;
}
.mobilenav-link li.share-li {
height: 100%;
top: 0;
position: relative;
}
.mobilenav-link li.facebook {
background: #6788ce;
}
.mobilenav-link li.whatsapp {
background: #79ce67;
}
.mobilenav-link li.twitter {
background: #66dbff;
}
.mobilenav-link li.line {
background: #69df50;
}
.mobilenav-link li.games {
top: 30px;
}
.mobilenav-link li.links {
top: 45px;
}
.mobilenav-link li a {
color: #000;
text-decoration: none;
font-size: 10px;
font-style: normal;
font-family: arial narrow, Arial, sans-serif;
line-height: 32px;
text-transform: capitalize;
display: block;
position: relative;
height: 100%;
-webkit-font-smoothing: auto;
}
.mobilenav-link li a {
line-height: 22px;
font-weight: 900;
}
.mobilenav-link li a.btn-footer {
background: #000;
color: #fff;
font-size: 18px;
padding: 7px 10px 8px;
border-radius: 5px;
margin: 7px 0;
}
.mobilenav-link li a.btn-footer:hover {
color: #fbbf0c;
}
.mobilenav-link li a.share-img {
padding: 11px;
}
.mobilenav-link p {
line-height: 15px;
}
.mobilenav-link .mobilenav-logo {
width: 35px;
/*background: #000;*/
padding: 2px;
border-radius: 7px;
margin-top: 3px;
filter: contrast(1.3);
-webkit-filter:contrast(1.3);
}
.foternav-container-wrapper {
width: 100%;
height: 55px;
background-size: cover;
background: #525252;
box-shadow: 0px 0px 30px #0f0f0f inset;
border-top: 3px solid #4a4a4a;
position: fixed;
bottom: 0;
left: 0;
box-sizing: inherit;
z-index: 1000;
}
.foternav-btn {
width: 63px;
height: 63px;
display: block;
margin: auto;
padding: 1em;
position: absolute;
bottom: 20px;
right: 0;
left: 0;
border-radius: 5px;
background: center no-repeat url(../../judi-bola/img/footer-logo-bola.png);
z-index: 1000;
}
.foternav-link {
position: relative;
margin: 0 auto;
padding: 0;
}
.foternav-link li {
display: inline-block;
float: left;
width: 20%;
text-align: center;
height: 25px;
top: 2px;
position: relative;
box-sizing: border-box;
}
.foternav-link li.page-footer {
width: 33.3333%;
height: 100%;
padding: 0 10px;
}
.foternav-link li.share-li {
height: 100%;
top: 0;
position: relative;
}
.foternav-link li.facebook {
background: #6788ce;
}
.foternav-link li.whatsapp {
background: #79ce67;
}
.foternav-link li.twitter {
background: #66dbff;
}
.foternav-link li.line {
background: #69df50;
}
.foternav-link li.games {
top: 30px;
}
.foternav-link li.links {
top: 45px;
}
.foternav-link li a {
color: #000;
text-decoration: none;
font-size: 10px;
font-style: normal;
font-family: arial narrow, Arial, sans-serif;
line-height: 32px;
text-transform: capitalize;
display: block;
position: relative;
height: 100%;
-webkit-font-smoothing: auto;
}
.foternav-link li a {
line-height: 22px;
font-weight: 900;
}
.foternav-link li a.btn-footer {
background: #000;
color: #fff;
font-size: 18px;
padding: 7px 10px 8px;
border-radius: 5px;
margin: 7px 0;
}
.foternav-link li a.btn-footer:hover {
color: #fbbf0c;
}
.foternav-link li a.share-img {
padding: 11px;
}
.foternav-link p {
line-height: 18px;
}
.foternav-link .foternav-logo {
width: 30px;
/*background: #000;*/
padding: 2px;
border-radius: 7px;
margin-top: 3px;
}
.box-game {
/*background: #242424;
box-shadow: 0 3px 10px 5px #222;*/
}
.box-game .header-game {
text-align: center;
background: #1a1818;
font-size: 20px;
font-family: sans-serif;
font-weight: 700;
color: #fff;
border-radius:none;
padding: 10px;
box-shadow: 0 4px 8px #000;
}
.box-provider {
width: 100%;
display: inline-block;
background: transparent;
text-align: center;
}
.box-licensed {
display: inline-block;
position: relative;
z-index: 1;
}
.licensed {
display: grid;
}
.associated {
margin: 0 0;
}
.associated-box {
height: 40px;
}
.licensed-box {
background: 0 0;
}
.associated:first-child {
margin: 0 5px 0 0;
}
.associated:last-child {
margin: 0 0 0 5px;
}
.box-licensed .item-licensed {
position: relative;
min-height: 1px;
float: left;
}
.box-copyright {
text-align: center;
padding: 20px 10px 10px;
background: #291f46;
box-shadow: none;
}
.footer-sprite-gameproviders {
/*background-image: url(../img/sprite-footer.png);
background-repeat: no-repeat;*/
display: inline-block;
width: 100px;
height: 99px;
margin: 5px 0 5px;
}
.sprite-aduq {
background: url('../img/games/aduq.png');
background-size: 100px;
filter: contrast(1.2);
-webkit-filter:contrast(1.2);
}
.sprite-bandarpoker {
background: url('../img/games/bandarpoker.png');
background-size: 100px;
filter: contrast(1.2);
-webkit-filter:contrast(1.2);
}
.sprite-bandarqiu {
background: url('../img/games/bandarq.png');
background-size: 100px;
filter: contrast(1.2);
-webkit-filter:contrast(1.2);
}
.sprite-capsasusun {
background: url('../img/games/capsasusun.png');
background-size: 100px;
filter: contrast(1.2);
-webkit-filter:contrast(1.2);
}
.sprite-domino99 {
background: url('../img/games/domino99.png');
background-size: 100px;
filter: contrast(1.2);
-webkit-filter:contrast(1.2);
}
.sprite-poker {
background: url('../img/games/poker.png');
background-size: 100px;
filter: contrast(1.2);
-webkit-filter:contrast(1.2);
}
.sprite-sakong {
background: url('../img/games/sakong.png');
background-size: 100px;
filter: contrast(1.2);
-webkit-filter:contrast(1.2);
}
.sprite-bandar66 {
background: url('../img/games/bandar66.png');
background-size: 100px;
filter: contrast(1.2);
-webkit-filter:contrast(1.2);
}
.sprite-perangbaccarat {
background: url('../img/games/perangbaccarat.png');
background-size: 100px;
filter: contrast(1.2);
-webkit-filter:contrast(1.2);
}
.sprite-perangdadu {
background: url('../img/games/perangdadu.png');
background-size: 100px;
filter: contrast(1.2);
-webkit-filter:contrast(1.2);
}
.sprite-bdqq {
background: url('../img/games/bdqq.png');
background-size: 100px;
filter: contrast(1.2);
-webkit-filter:contrast(1.2);
}
.sprite-adusakong {
background: url('../img/games/adusakong.png');
background-size: 100px;
filter: contrast(1.2);
-webkit-filter:contrast(1.2);
}
.sprite-bca {
background-position: 2px -40px;
border-radius: 5px;
background-size: 1000px 140px;
}
.sprite-mandiri {
background-position: -116px -40px;
border-radius: 5px;
background-size: 1000px 140px;
}
.sprite-bni {
background-position: -228px -40px;
border-radius: 5px;
background-size: 1000px 140px;
}
.sprite-bri {
background-position: -338px -40px;
border-radius: 5px;
background-size: 1000px 140px;
}
.sprite-dana {
background-position: -450px -40px;
border-radius: 5px;
background-size: 1000px 140px;
}
.sprite-ovo {
background-position: -563px -40px;
border-radius: 5px;
background-size: 1000px 140px;
}
.sprite-cimb {
background-position: -675px -40px;
border-radius: 5px;
background-size: 1000px 140px;
}
.sprite-danamon {
background-position: -784px -40px;
border-radius: 5px;
background-size: 1000px 140px;
}
.sprite-tcash {
background-position: -899px -40px;
border-radius: 5px;
background-size: 1000px 140px;
}
.sprite-linkaja {
background-position: -1px -91px;
border-radius: 5px;
background-size: 1000px 140px;
}
.sprite-telkomsel {
background-position: -114px -91px;
border-radius: 5px;
background-size: 1000px 140px;
}
.sprite-xl {
background-position: -224px -91px;
border-radius: 5px;
background-size: 1000px 140px;
}
.sprite-paypro {
background-position: -338px -88px;
border-radius: 5px;
background-size: 1000px 140px;
}
.sprite-jenius {
background-position: -450px -88px;
border-radius: 5px;
background-size: 1000px 140px;
}
.sprite-pokerstars {
background-position: -675px -92px;
border-radius: 5px;
background-size: 1000px 140px;
}
.sprite-wsop {
background-position: -785px -92px;
border-radius: 5px;
background-size: 1000px 140px;
}
.sprite-888poker {
background-position: -900px -91px;
border-radius: 5px;
background-size: 1000px 140px;
}
.footer-splite-gameproviders {
background-image: url(../../judi-bola/img/sprite-footer.png);
background-repeat: no-repeat;
display: inline-block;
width: 102px;
height: 41px;
margin: 0 0 0;
}
.splite-sportbook {
background-position: 1px 6px;
border-radius: 5px;
background-size: 1000px 140px;
}
.splite-slot {
background-position: -116px 6px;
border-radius: 5px;
background-size: 1000px 140px;
}
.splite-casino {
background-position: -228px 6px;
border-radius: 5px;
background-size: 1000px 140px;
}
.splite-poker {
background-position: -336px 6px;
border-radius: 5px;
background-size: 1000px 140px;
background-size: 1000px 140px;
}
.splite-domino {
background-position: -449px 6px;
border-radius: 5px;
background-size: 1000px 140px;
}
.splite-togel {
background-position: -562px 6px;
border-radius: 5px;
background-size: 1000px 140px;
}
.splite-tangkas {
background-position: -675px 6px;
border-radius: 5px;
background-size: 1000px 140px;
}
.splite-keno {
background-position: -783px 6px;
border-radius: 5px;
background-size: 1000px 140px;
}
@media screen and (min-width: 469px) {
.box-game {
/*background: #0505055e;
box-shadow: none;*/
}
.box-game .header-game {
text-align: center;
background: #271d2d;
font-size: 20px;
font-family: sans-serif;
font-weight: 700;
color: #fff;
border-radius: none;
padding: 10px;
box-shadow: 0 4px 8px #000;
}
.box-provider {
width: 100%;
display: inline-block;
background: transparent;
}
.box-licensed {
display: inline-block;
position: relative;
z-index: 1;
}
.licensed {
display: grid;
}
.associated {
margin: 0 5px;
}
.associated-box {
height: 50px;
}
.licensed-box {
background: 0 0;
}
.box-licensed .item-licensed {
position: relative;
min-height: 1px;
float: left;
}
.box-copyright {
text-align: center;
padding: 20px 10px 10px;
background: #291f46;
box-shadow: none;
}
.footer-sprite-gameproviders {
/*background-image: url(../img/sprite-footer.png);
background-repeat: no-repeat;*/
display: inline-block;
width: 100px;
height: 99px;
margin: 5px 0 5px;
}
.sprite-aduq {
background: url('../img/games/aduq.png');
background-size: 100px;
filter: contrast(1.2);
-webkit-filter:contrast(1.2);
}
.sprite-bandarpoker {
background: url('../img/games/bandarpoker.png');
background-size: 100px;
filter: contrast(1.2);
-webkit-filter:contrast(1.2);
}
.sprite-bandarqiu {
background: url('../img/games/bandarq.png');
background-size: 100px;
filter: contrast(1.2);
-webkit-filter:contrast(1.2);
}
.sprite-capsasusun {
background: url('../img/games/capsasusun.png');
background-size: 100px;
filter: contrast(1.2);
-webkit-filter:contrast(1.2);
}
.sprite-domino99 {
background: url('../img/games/domino99.png');
background-size: 100px;
filter: contrast(1.2);
-webkit-filter:contrast(1.2);
}
.sprite-poker {
background: url('../img/games/poker.png');
background-size: 100px;
filter: contrast(1.2);
-webkit-filter:contrast(1.2);
}
.sprite-sakong {
background: url('../img/games/sakong.png');
background-size: 100px;
filter: contrast(1.2);
-webkit-filter:contrast(1.2);
}
.sprite-bandar66 {
background: url('../img/games/bandar66.png');
background-size: 100px;
filter: contrast(1.2);
-webkit-filter:contrast(1.2);
}
.sprite-perangbaccarat {
background: url('../img/games/perangbaccarat.png');
background-size: 100px;
filter: contrast(1.2);
-webkit-filter:contrast(1.2);
}
.sprite-perangdadu {
background: url('../img/games/perangdadu.png');
background-size: 100px;
filter: contrast(1.2);
-webkit-filter:contrast(1.2);
}
.sprite-bdqq {
background: url('../img/games/bdqq.png');
background-size: 100px;
filter: contrast(1.2);
-webkit-filter:contrast(1.2);
}
.sprite-adusakong {
background: url('../img/games/adusakong.png');
background-size: 100px;
filter: contrast(1.2);
-webkit-filter:contrast(1.2);
}
.sprite-bca {
background-position: 0 -54px;
border-radius: 5px;
background-size: 1345px 170px;
}
.sprite-mandiri {
background-position: -159px -54px;
border-radius: 5px;
background-size: 1345px 170px;
}
.sprite-bni {
background-position: -310px -54px;
border-radius: 5px;
background-size: 1345px 170px;
}
.sprite-bri {
background-position: -458px -54px;
border-radius: 5px;
background-size: 1345px 170px;
}
.sprite-dana {
background-position: -607px -54px;
border-radius: 5px;
background-size: 1345px 170px;
}
.sprite-ovo {
background-position: -760px -54px;
border-radius: 5px;
background-size: 1345px 170px;
}
.sprite-cimb {
background-position: -910px -54px;
border-radius: 5px;
background-size: 1345px 170px;
}
.sprite-danamon {
background-position: -1058px -54px;
border-radius: 5px;
background-size: 1345px 170px;
}
.sprite-tcash {
background-position: -1212px -54px;
border-radius: 5px;
background-size: 1345px 170px;
}
.sprite-linkaja {
background-position: -4px -116px;
border-radius: 5px;
background-size: 1345px 170px;
}
.sprite-telkomsel {
background-position: -155px -116px;
border-radius: 5px;
background-size: 1345px 170px;
}
.sprite-xl {
background-position: -304px -116px;
border-radius: 5px;
background-size: 1345px 170px;
}
.sprite-paypro {
background-position: -458px -114px;
border-radius: 5px;
background-size: 1345px 170px;
}
.sprite-jenius {
background-position: -605px -113px;
border-radius: 5px;
background-size: 1345px 170px;
}
.sprite-pokerstars {
background-position: -660px -91px;
border-radius: 5px;
}
.sprite-wsop {
background-position: -770px -91px;
border-radius: 5px;
}
.sprite-888poker {
background-position: -883px -91px;
border-radius: 5px;
}
.footer-splite-gameproviders {
background-image: url(../../judi-bola/img/sprite-footer.png);
background-repeat: no-repeat;
display: inline-block;
width: 135px;
height: 41px;
margin: 5px 0 5px;
}
.splite-sportbook {
background-position: -2px 2px;
border-radius: 5px;
background-size: 1345px 170px;
}
.splite-slot {
background-position: -159px 2px;
border-radius: 5px;
background-size: 1345px 170px;
}
.splite-casino {
background-position: -309px 2px;
border-radius: 5px;
background-size: 1345px 170px;
}
.splite-poker {
background-position: -456px 2px;
border-radius: 5px;
background-size: 1345px 170px;
}
.splite-domino {
background-position: -607px 2px;
border-radius: 5px;
background-size: 1345px 170px;
}
.splite-togel {
background-position: -757px 2px;
border-radius: 5px;
background-size: 1345px 170px;
}
.splite-tangkas {
background-position: -910px 2px;
border-radius: 5px;
background-size: 1345px 170px;
}
.splite-keno {
background-position: -1055px 2px;
border-radius: 5px;
background-size: 1345px 170px;
}
}
.bv-pill-4 {
width: 16em;
height: 15.375em;
background-position: -7.75em -6.187em;
}
.bv-pill-5 {
width: 10.688em;
height: 10.188em;
background-position: -51.25em -15em;
}
.bv-glass-1 {
width: 12.9375em;
height: 17.6875em;
background-position: -27.437em -26.6875em;
}
.bv-glass-10 {
width: 10em;
height: 10.125em;
background-position: -51.625em -15.437em;
}
.bv-glass-13 {
width: 16.063em;
height: 20.875em;
background-position: -80.125em -2.812em;
}
.bv-glass-16 {
width: 9.813em;
height: 10em;
background-position: -52em -15.375em;
}
.bv-glass-2 {
width: 15.438em;
height: 14.375em;
background-position: -7.75em -5.437em;
}
.bv-glass-3 {
width: 15.25em;
height: 15.313em;
background-position: -8.2em -5.912em;
}
.bv-glass-4 {
width: 17.938em;
height: 21.688em;
background-position: -44.687em -49.312em;
}
.bv-glass-9 {
width: 15em;
height: 20.625em;
background-position: -68.312em -27.187em;
}
@-webkit-keyframes bv-pills-levitation-1 {
0% {
-webkit-transform: translate3d(0, -0.625em, 0);
transform: translate3d(0, -0.625em, 0);
}
50% {
-webkit-transform: translate3d(0, 0.625em, 0);
transform: translate3d(0, 0.625em, 0);
}
100% {
-webkit-transform: translate3d(0, -0.625em, 0);
transform: translate3d(0, -0.625em, 0);
}
}
@keyframes bv-pills-levitation-1 {
0% {
-webkit-transform: translate3d(0, -0.625em, 0);
transform: translate3d(0, -0.625em, 0);
}
50% {
-webkit-transform: translate3d(0, 0.625em, 0);
transform: translate3d(0, 0.625em, 0);
}
100% {
-webkit-transform: translate3d(0, -0.625em, 0);
transform: translate3d(0, -0.625em, 0);
}
}
@-webkit-keyframes bv-pills-levitation-2 {
0% {
-webkit-transform: translate3d(-0.625em, 0, 0);
transform: translate3d(-0.625em, 0, 0);
}
50% {
-webkit-transform: translate3d(0.625em, 0, 0);
transform: translate3d(0.625em, 0, 0);
}
100% {
-webkit-transform: translate3d(-0.625em, 0, 0);
transform: translate3d(-0.625em, 0, 0);
}
}
@keyframes bv-pills-levitation-2 {
0% {
-webkit-transform: translate3d(-0.625em, 0, 0);
transform: translate3d(-0.625em, 0, 0);
}
50% {
-webkit-transform: translate3d(0.625em, 0, 0);
transform: translate3d(0.625em, 0, 0);
}
100% {
-webkit-transform: translate3d(-0.625em, 0, 0);
transform: translate3d(-0.625em, 0, 0);
}
}
@-webkit-keyframes bv-pills-rotation {
0% {
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
}
50% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
100% {
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
}
}
@keyframes bv-pills-rotation {
0% {
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
}
50% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
100% {
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
}
}
.bv-tablet__pills-con {
margin: 0;
position: fixed;
top: 0;
left: 0;
z-index: -1;
display: inline-block;
width: 100%;
}
.bv-tablet__pills {
-webkit-animation-name: bv-pills-levitation-1;
animation-name: bv-pills-levitation-1;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: normal;
animation-direction: normal;
-webkit-animation-fill-mode: none;
animation-fill-mode: none;
-webkit-animation-play-state: running;
animation-play-state: running;
will-change: transform;
}
.bv-ms-styles .bv-tablet__pills {
-webkit-animation-name: none;
animation-name: none;
}
.bv-tablet__pills > div {
-webkit-animation-name: bv-pills-levitation-2;
animation-name: bv-pills-levitation-2;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: normal;
animation-direction: normal;
-webkit-animation-fill-mode: none;
animation-fill-mode: none;
-webkit-animation-play-state: running;
animation-play-state: running;
will-change: transform;
}
.bv-ms-styles .bv-tablet__pills > div {
-webkit-animation-name: none;
animation-name: none;
}
.bv-tablet__pills > div > div {
-webkit-animation-name: bv-pills-rotation;
animation-name: bv-pills-rotation;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: normal;
animation-direction: normal;
-webkit-animation-fill-mode: none;
animation-fill-mode: none;
-webkit-animation-play-state: running;
animation-play-state: running;
will-change: transform;
}
.bv-tablet__pills_item-4 {
position: absolute;
right: 13rem;
top: 28rem;
-webkit-animation-duration: 9s;
animation-duration: 9s;
-webkit-animation-delay: -8s;
animation-delay: -8s;
}
.bv-tablet__pills_item-4 > div {
-webkit-animation-duration: 8.5s;
animation-duration: 8.5s;
-webkit-animation-delay: -3s;
animation-delay: -3s;
}
.bv-tablet__pills_item-4 > div > div {
-webkit-animation-duration: 18s;
animation-duration: 18s;
-webkit-animation-delay: -11s;
animation-delay: -11s;
}
.bv-tablet__pills_item-5 {
position: absolute;
top: 51rem;
left: 15rem;
-webkit-animation-duration: 5.5s;
animation-duration: 5.5s;
-webkit-animation-delay: -15s;
animation-delay: -15s;
}
.bv-tablet__pills_item-5 > div {
-webkit-animation-duration: 8.5s;
animation-duration: 8.5s;
-webkit-animation-delay: -6.8s;
animation-delay: -6.8s;
}
.bv-tablet__pills_item-5 > div > div {
-webkit-animation-duration: 15s;
animation-duration: 15s;
-webkit-animation-delay: -6s;
animation-delay: -6s;
}
@-webkit-keyframes bv-glass-1 {
0% {
-webkit-transform: translate3d(27.86875em, 11.9em, 0) rotate(-50deg);
transform: translate3d(27.86875em, 11.9em, 0) rotate(-50deg);
}
100% {
-webkit-transform: translate3d(39.8125em, 17em, 0) rotate(0);
transform: translate3d(39.8125em, 17em, 0) rotate(0);
}
}
@keyframes bv-glass-1 {
0% {
-webkit-transform: translate3d(27.86875em, 11.9em, 0) rotate(-50deg);
transform: translate3d(27.86875em, 11.9em, 0) rotate(-50deg);
}
100% {
-webkit-transform: translate3d(39.8125em, 17em, 0) rotate(0);
transform: translate3d(39.8125em, 17em, 0) rotate(0);
}
}
@-webkit-keyframes bv-glass-2 {
0% {
-webkit-transform: translate3d(30.05625em, 14.2625em, 0) rotate(50deg);
transform: translate3d(30.05625em, 14.2625em, 0) rotate(50deg);
}
100% {
-webkit-transform: translate3d(42.9375em, 20.375em, 0) rotate(0);
transform: translate3d(42.9375em, 20.375em, 0) rotate(0);
}
}
@keyframes bv-glass-2 {
0% {
-webkit-transform: translate3d(30.05625em, 14.2625em, 0) rotate(50deg);
transform: translate3d(30.05625em, 14.2625em, 0) rotate(50deg);
}
100% {
-webkit-transform: translate3d(42.9375em, 20.375em, 0) rotate(0);
transform: translate3d(42.9375em, 20.375em, 0) rotate(0);
}
}
@-webkit-keyframes bv-glass-3 {
0% {
-webkit-transform: translate3d(-23.14375em, -2.66875em, 0) rotate(-50deg);
transform: translate3d(-23.14375em, -2.66875em, 0) rotate(-50deg);
}
100% {
-webkit-transform: translate3d(-33.0625em, -3.8125em, 0) rotate(0);
transform: translate3d(-33.0625em, -3.8125em, 0) rotate(0);
}
}
@keyframes bv-glass-3 {
0% {
-webkit-transform: translate3d(-23.14375em, -2.66875em, 0) rotate(-50deg);
transform: translate3d(-23.14375em, -2.66875em, 0) rotate(-50deg);
}
100% {
-webkit-transform: translate3d(-33.0625em, -3.8125em, 0) rotate(0);
transform: translate3d(-33.0625em, -3.8125em, 0) rotate(0);
}
}
@-webkit-keyframes bv-glass-4 {
0% {
-webkit-transform: translate3d(-38.15em, 10.7625em, 0) rotate(50deg);
transform: translate3d(-38.15em, 10.7625em, 0) rotate(50deg);
}
100% {
-webkit-transform: translate3d(-54.5em, 15.375em, 0) rotate(0);
transform: translate3d(-54.5em, 15.375em, 0) rotate(0);
}
}
@keyframes bv-glass-4 {
0% {
-webkit-transform: translate3d(-38.15em, 10.7625em, 0) rotate(50deg);
transform: translate3d(-38.15em, 10.7625em, 0) rotate(50deg);
}
100% {
-webkit-transform: translate3d(-54.5em, 15.375em, 0) rotate(0);
transform: translate3d(-54.5em, 15.375em, 0) rotate(0);
}
}
@-webkit-keyframes bv-glass-9 {
0% {
-webkit-transform: translate3d(-39.4625em, -14.39375em, 0) rotate(-50deg);
transform: translate3d(-39.4625em, -14.39375em, 0) rotate(-50deg);
}
100% {
-webkit-transform: translate3d(-56.375em, -20.5625em, 0) rotate(0);
transform: translate3d(-56.375em, -20.5625em, 0) rotate(0);
}
}
@keyframes bv-glass-9 {
0% {
-webkit-transform: translate3d(-39.4625em, -14.39375em, 0) rotate(-50deg);
transform: translate3d(-39.4625em, -14.39375em, 0) rotate(-50deg);
}
100% {
-webkit-transform: translate3d(-56.375em, -20.5625em, 0) rotate(0);
transform: translate3d(-56.375em, -20.5625em, 0) rotate(0);
}
}
@-webkit-keyframes bv-glass-10 {
0% {
-webkit-transform: translate3d(18.33125em, -12.425em, 0) rotate(50deg);
transform: translate3d(18.33125em, -12.425em, 0) rotate(50deg);
}
100% {
-webkit-transform: translate3d(26.1875em, -17.75em, 0) rotate(0);
transform: translate3d(26.1875em, -17.75em, 0) rotate(0);
}
}
@keyframes bv-glass-10 {
0% {
-webkit-transform: translate3d(18.33125em, -12.425em, 0) rotate(50deg);
transform: translate3d(18.33125em, -12.425em, 0) rotate(50deg);
}
100% {
-webkit-transform: translate3d(26.1875em, -17.75em, 0) rotate(0);
transform: translate3d(26.1875em, -17.75em, 0) rotate(0);
}
}
@-webkit-keyframes bv-glass-13 {
0% {
-webkit-transform: translate3d(28.74375em, -3.63125em, 0) rotate(-50deg);
transform: translate3d(28.74375em, -3.63125em, 0) rotate(-50deg);
}
100% {
-webkit-transform: translate3d(41.0625em, -5.1875em, 0) rotate(0);
transform: translate3d(41.0625em, -5.1875em, 0) rotate(0);
}
}
@keyframes bv-glass-13 {
0% {
-webkit-transform: translate3d(28.74375em, -3.63125em, 0) rotate(-50deg);
transform: translate3d(28.74375em, -3.63125em, 0) rotate(-50deg);
}
100% {
-webkit-transform: translate3d(41.0625em, -5.1875em, 0) rotate(0);
transform: translate3d(41.0625em, -5.1875em, 0) rotate(0);
}
}
@-webkit-keyframes bv-glass-16 {
0% {
-webkit-transform: translate3d(-20.125em, -10.63125em, 0) rotate(50deg);
transform: translate3d(-20.125em, -10.63125em, 0) rotate(50deg);
}
100% {
-webkit-transform: translate3d(-28.75em, -15.1875em, 0) rotate(0);
transform: translate3d(-28.75em, -15.1875em, 0) rotate(0);
}
}
@keyframes bv-glass-16 {
0% {
-webkit-transform: translate3d(-20.125em, -10.63125em, 0) rotate(50deg);
transform: translate3d(-20.125em, -10.63125em, 0) rotate(50deg);
}
100% {
-webkit-transform: translate3d(-28.75em, -15.1875em, 0) rotate(0);
transform: translate3d(-28.75em, -15.1875em, 0) rotate(0);
}
}
.bv-tablet__glass-con {
position: fixed;
z-index: -2;
top: 0;
display: inline-block;
width: 100%;
-webkit-perspective: 1200px;
perspective: 1200px;
-webkit-perspective-origin: 50% 50%;
perspective-origin: 50% 50%;
-webkit-transform-style: flat;
transform-style: flat;
}
.bv-tablet__glass {
-webkit-animation-duration: 30s;
animation-duration: 30s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: running;
animation-play-state: running;
will-change: transform;
}
.bv-tablet__glass_item-1 {
-webkit-animation-name: bv-glass-1;
animation-name: bv-glass-1;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
position: absolute;
right: 41rem;
top: 27rem;
}
.bv-tablet__glass_item-2 {
-webkit-animation-name: bv-glass-2;
animation-name: bv-glass-2;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
position: absolute;
right: 48rem;
top: 36rem;
}
.bv-tablet__glass_item-3 {
-webkit-animation-name: bv-glass-3;
animation-name: bv-glass-3;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
position: absolute;
top: 33rem;
left: 34rem;
}
.bv-tablet__glass_item-4 {
-webkit-animation-name: bv-glass-4;
animation-name: bv-glass-4;
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
position: absolute;
left: 56rem;
top: 32rem;
}
.bv-tablet__glass_item-9 {
-webkit-animation-name: bv-glass-9;
animation-name: bv-glass-9;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
position: absolute;
top: 24rem;
left: 59rem;
}
.bv-tablet__glass_item-10 {
-webkit-animation-name: bv-glass-10;
animation-name: bv-glass-10;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
position: absolute;
top: 22rem;
right: 36rem;
}
.bv-tablet__glass_item-13 {
-webkit-animation-name: bv-glass-13;
animation-name: bv-glass-13;
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
position: absolute;
top: 20rem;
right: 43rem;
}
.bv-tablet__glass_item-16 {
-webkit-animation-name: bv-glass-16;
animation-name: bv-glass-16;
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
position: absolute;
top: 28rem;
left: 41rem;
}
.bv-sprite {
background-repeat: no-repeat;
background-image: url(../img/sprite.gif);
background-size: 128em 74.1875em;
}
.bv-tablet {
position: absolute;
top: 31.875em;
left: 50%;
z-index: 0;
}
.bv-tablet * {
position: absolute;
top: 0;
left: 0;
}
#username {
background-image: url(../img/user.png);
background-size: 20px;
background-position: 1px 5px;
background-repeat: no-repeat;
display:block;
filter: contrast(1.3);
-webkit-filter:contrast(1.3);
}
#password {
background-image: url(../img/pass.png);
background-size: 20px;
background-position: 1px 5px;
background-repeat: no-repeat;
display:block;
filter: contrast(1.3);
-webkit-filter:contrast(1.3);
}
.under{
background: linear-gradient(0deg, #d70000 50%, #ff0000 50%);
border-top: 1px solid #fb8282;
border-right: 1px solid #b10000;
border-left: 1px solid #b10000;
border-bottom: 1px solid #bb0303;
box-shadow: 0 0 15px #660000 inset;
border-radius: 5px;
font-family: Arial;
padding: 3px 0;
font-size: 17px;
color: white;
min-width: 135px;
font-weight: bold;
text-transform: uppercase;
display: block;
margin: 0 auto 5px auto;
text-shadow: 0 1px #a40000, 1px 0 #ae0000, -1px 0 #ba0000, 1px 2px #830000, -1px 2px #920000, 2px 1px #9c0909, -2px 1px #9c0909;
}
.no-acc{
font-size: 13px;
color:#fff;
text-align: right;
}
.no-acc a{
padding:4px 17px;
background-color:#0c2;
color:#ffff;
-moz-box-shadow: 0px 2px 5px 0px #000000;
-webkit-box-shadow: 0px 2px 5px 0px #701d1d;
box-shadow: 0px 2px 5px 0px #068816; border: 1px solid #01ff2c}
.myButton {
background: linear-gradient( 0deg, #03d700 50%, #33ff00 50%);
border-top: 1px solid #9afb82;
border-right: 1px solid #00b105;
border-left: 1px solid #00b105;
border-bottom: 1px solid #17bb03;
box-shadow: 0 0 15px #00660e inset;
border-radius: 5px;
font-family: Arial;
padding: 3px 0;
font-size: 17px;
color: white;
min-width: 135px;
font-weight: bold;
text-transform: uppercase;
display: block;
margin: 0 auto 5px auto;
text-shadow: 0 1px #0aa400, 1px 0 #13ae00, -1px 0 #0aba00, 1px 2px #008304, -1px 2px #0d9200, 2px 1px #129c09, -2px 1px #179c09;
}
.myButton:hover {
transform: scale(1.05);
}
.under:hover {
transform: scale(1.05);
}
.myButton:active {
position:relative;
top:1px;
}
#responsive-form{
float:right;
/*width:100%;*/
margin-right:10px;
text-align: left;
padding: 10px 0;
position: relative;
}
#frm-login input[type="text"], #frm-login input[type="password"] {
border-bottom: 2px solid #62567a;
border-top: none;
border-left: none;
border-right: none;
padding: 2px 6px 2px 25px;
background-color: transparent;
box-sizing: border-box;
margin-bottom: 10px;
}
input[type=text],input[type=text]{
color:#ffffff;
outline:none;
}
input[type=password],input[type=password]{
color:#ffffff;
outline:none;
}
#username {
}
#username {
background-image: url(../img/user.png);
background-size: 20px;
background-position: 1px 5px;
background-repeat: no-repeat;
display:block;
}
.login {min-width:135px;}
@media only screen and (max-width: 350px){
.kontak ul li {
font-size:10px !important;
}
}
@media only screen and (max-width: 768px){
#responsive-form {
float: none;
text-align: center;
margin: 0 auto;
width: 100%;
height: 140px;
padding: 10px 10px 0 10px;
}
.slide {
flex: 0 0 100% !important;
max-width: 100% !important;
}
.inpo {
flex: 0 0 100% !important;
max-width: 100% !important;
}
.mk-section,.mk-code{
background: #6a3107;
border-radius: 10px !important;
box-shadow: 0 1px #1a1834, 0 2px #222046, 0 3px #2d2b5c, 0 4px #343268, 0 5px #393772, 0 6px #454289, 0 7px #4b4795, 0 8px #514da1;
margin-bottom:10px;
}
.kontak{
/*background: #6a3107;
border: 5px solid #995008;
border-radius: 5px;*/
height:auto !important;
/*box-shadow:
0 1px #6a3107,
0 2px #6a3107,
0 3px #6a3107,
0 4px #6a3107,
0 5px #6a3107,
0 6px #6a3107,
0 7px #6a3107,
0 8px #6a3107 !important;
margin-bottom:10px;*/
}
.depo-wd {
width:100% !important;
}
.bg-depo-wd {
border-radius: 25px !important;
}
.girl {
display:none !important;
}
.deposit {
padding:0 !important;
}
.jackpot {
padding:0 !important;
}
.withdraw {
padding:0 !important;
}
}
@media only screen and (min-width: 1001px){
#responsive-form{
text-align: right;
}
}
@media only screen and (max-width: 1000px) and (min-device-width: 800px){
#responsive-form {
text-align: right;}
}
@media only screen and (max-width: 991px){
.login {
width :100%;
margin-bottom: 5px;
}
.mobilelogo {
max-width:100%;
display:block !important;
margin: 10px auto;
}
.character {
display:none !important;
}
.slide {
flex: 0 0 100% !important;
}
.inpo {
flex: 0 0 100% !important;
}
.kontak .column {
flex:50%;
display:flex !important;
}
.kontak ul li {
margin:5px 5px !important;
}
.deposit {
padding: 0 !important;
}
.jackpot {
padding: 0 !important;
}
.withdraw {
padding: 0 !important;
}
.box-banner {
padding-top: 0 !important;
}
#username {
width:49%;
display: inline-block !important;
}
#password{
width:49%;
display: inline-block !important;
}
.under {
width:100%;
}
#responsive-form {
float:none;
text-align: center;
margin: 0 auto;
width: 100%;
height: 140px;
padding: 10px 10px 0 10px;
}
.no-acc { text-align: center; position:static; bottom: auto; right: auto; margin-top:0;}
.no-acc a {padding: 8px 0; display: block;
}
}
.bg-marquee {
border-bottom: 1px solid #542700;
border-top: 1px solid #df9553;
background: linear-gradient(0deg, #66370d, #b96925);
}
.column1 {
float: left;
height: auto;
margin: 0 5px;
}
.column2 {
float: right;
height: auto;
margin: 0 5px;
}
@media only screen and (max-width: 1198px){
.kontak ul li {
font-size:18px !important;
}
.kontak ul li img {
width: 40px !important;
}
}
@media only screen and (max-width: 991px) {
.column1 {
float: unset;
width: 100%;
height: auto;
margin:0 auto !important;
}
.column2 {
float: unset;
width: 100%;
height: auto;
margin:0 auto !important;
}
.fixed-nav {
position:fixed;
left:0;
right:0;
top:0;
z-index: 999;
}
.fixed-navbar {
position:fixed;
left:0;
right:0;
top:38px;
z-index: 999;
}
.mobile-form {
/*margin-top:40px;*/
}
.kontak ul li {
font-size:12px !important;
}
.kontak ul li img {
width: 30px !important;
}
#marquee-new {
/*margin-top: 40px !important;*/
}
.dekstop-menu{
display: none !important;
}
.bg-nav {
display:block !important;
}
.nav-item {
display: inline-block !important;
padding: 5px;
font-weight: bold;
font-size: 14px;
}
.jackpot h2 {
font-size: 20px !important;
}
.jackpot h3 {
font-size: 20px !important;
}
.box-content ul, .box-content ol {
padding-inline-start: 30px;
}
}
.slide {
flex: 0 0 60%;
max-width: 100%;
}
.inpo {
flex: 0 0 25%;
max-width: 100%;
}
.mySlides {
border-radius:7px;
}
.mk-content,.mk-auto{
margin-left:auto;
margin-right:auto
}
.mk-content{
max-width:100%
}
.mk-auto{
max-width:100%
}
.mk-section,.mk-code{
background: linear-gradient(0deg, #7672bf, #62519f);
border-top: 1px solid #8370c7;
border-bottom: 1px solid #8370c7;
padding: 5px;
border-radius: 10px;
box-shadow: 0 1px #1a1834, 0 2px #222046, 0 3px #2d2b5c, 0 4px #343268, 0 5px #393772, 0 6px #454289, 0 7px #4b4795, 0 8px #514da1;
}
.kontak {
width:100%;
background: linear-gradient(0deg, #514da17a, #62519fc7);
border-top: 1px solid #8370c7;
padding: 10px 15px;
border-radius: 10px;
/*box-shadow:
0 1px #6a3107,
1px 0 #9c5309,
1px 2px #6a3107,
2px 1px #9c5309,
2px 3px #6a3107,
3px 2px #9c5309,
3px 4px #6a3107,
4px 3px #9c5309,
4px 5px #6a3107,
5px 4px #9c5309,
5px 6px #6a3107,
6px 5px #9c5309,
6px 7px #6a3107,
7px 6px #9c5309,
7px 8px #6a3107,
8px 7px #9c5309;*/
}
.kontak h2 {
border-radius: 5px;
margin: 0 auto;
display: block;
text-align: center;
width: 200px;
max-width: 100%;
font-size: 24px;
text-transform: uppercase;
font-weight: bold;
background: -webkit-linear-gradient(#fff, #9dbee8);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.kontak-title {
/*background:linear-gradient(0deg, #b16120, #b96925);*/
padding: 0 0 10px 0;
}
.kontak-desc {
padding:5px;
}
.box-bg {
background:#5c2a06;
height:100%;
border-radius:7px;
}
.kontak ul {
list-style-type: none;
padding-inline-start: 0;
/*margin:5px 10px;*/
}
.kontak ul li {
width: 100%;
font-size: 18px;
font-weight: bold;
padding: 5px 10px;
margin: 0 auto 10px auto;
}
.kontak ul li a {
text-decoration:none;
}
.kontak ul li span {
vertical-align: middle;
}
.kontak ul li img {
width:40px;
padding-right:10px;
-webkit-filter:drop-shadow(1px 2px 0px #737b7e);
}
.whatsapp {
background: linear-gradient(0deg, #00ca19 50%, #33ff00 50%);
background-size: 100%;
border-radius: 10px;
border-top: 1px solid #80ff80;
border-left: 1px solid #00b000;
border-right: 1px solid #00b000;
border-bottom: 1px solid #009e00;
box-shadow:
0 1px #166e00,
0 2px #166e00,
0 3px #166e00,
0 4px #166e00,
0 0 25px #006200 inset;
}
.whatsapp span {
color:white;
text-shadow: 0 0 5px green;
}
.telegram {
background: linear-gradient(0deg, #00c8bf 50%, #00fff4 50%);
background-size: 100%;
border-radius: 10px;
border-top: 1px solid #6bf0ff;
border-left: 1px solid #00b9c0;
border-right: 1px solid #00b9c0;
border-bottom: 1px solid #018aa0;
box-shadow:
0 1px #00616e,
0 2px #00626e,
0 3px #00626e,
0 4px #00626e,
0 0 25px #004b62 inset;
}
.telegram span{
color:white;
text-shadow: 0 0 5px #005c80;
}
.livechat {
background: linear-gradient(0deg, #e20085 50%, #ff00a5 50%);
background-size: 100%;
border-radius: 10px;
border-top: 1px solid #ff74cc;
border-left: 1px solid #c60065;
border-right: 1px solid #c60065;
border-bottom: 1px solid #a00057;
box-shadow: 0 1px #6a0c42, 0 2px #740e45, 0 3px #740e45, 0 4px #740e45, 0 0 25px #62004d inset;
}
.livechat span {
color:white;
text-shadow: 0 0 5px #80004b;
}
.downloadapp {
background: linear-gradient(0deg, #dadee1 50%, #ffffff 50%);
background-size: 100%;
border-radius: 10px;
color: #575b60;
border-top: 1px solid #ffffff;
border-left: 1px solid #dedede;
border-right: 1px solid #dedede;
border-bottom: 1px solid #bbbfbb;
box-shadow: 0 1px #7a7a7a, 0 2px #787878, 0 3px #787878, 0 4px #787878, 0 0 25px #979797 inset;
}
.downloadapp span{
color:white;
text-shadow: 0 0 5px #b9b9b9;
}
.kontak .column {
width:100%;
display:block;
}
.depo-wd {
float: left;
width: 33.33%;
padding: 0.5rem;
}
.bg-depo-wd {
background: linear-gradient(0deg, #a09fc5, #ffffff);
border-top: 1px solid #ffffff;
padding: 10px 15px;
border-radius: 25px;
box-shadow: 0 0 15px #8774cf inset;
}
.depo-wd h2 {
color:white;
margin:0 auto;
padding: 5px;
display:block;
text-align: center;
width: 200px;
max-width: 100%;
font-size:20px;
text-transform:uppercase;
border-radius: 150px;
background: linear-gradient(0deg, #090909 50%, #474747 50%);
border-top: 2px solid #906daa;
border-right: 2px solid #9c84ae;
border-left: 2px solid #9c84ae;
border-bottom: 2px solid #ab96ba;
box-shadow: 0 0 25px #6e00ca inset, 0 0 3px 3px black inset;
}
.raw:after {
content: "";
display: table;
clear: both;
}
.depo-wd table {
border-collapse:collapse;
width: 100%;
border-spacing: 0px;
position: relative;
line-height: 30px;
font-size: 14px;
margin: 10px auto 0 auto;
border-spacing: 0 0.5em;
background: #291f46;
border-radius: 20px;
box-shadow: 0 0 10px #8d85a9,
0 1px #69688d,
1px 0 #545276,
-1px 0 #545276,
1px 2px #817fa5,
-1px 2px #817fa5,
2px 1px #545276,
-2px 1px #545276,
2px 3px #b2b0d5,
-2px 3px #b2b0d5,
3px 2px #545276,
-3px 2px #545276,
3px 4px #d2d1ef,
-3px 4px #c9c7ef,
4px 3px #e3e2ff,
-4px 3px #e3e2ff,
0 0 0 1px #ded8e969 inset,
0 0 75px #120c22 inset
}
.depo-wd table tr {
height: 35px;
text-align: center;
}
.depo-wd table td {
padding: 5px;
}
.depo-wd table td.name {
width:33.3%;
}
.depo-wd table td.date {
width:33.3%;
}
.depo-wd table td.amt {
width:33.3%;
}
.character {
flex: 0 0 15%;
padding: 0.5rem;
display:block;
}
.character img {
width:100%;
height:100%;
background: linear-gradient(0deg, transparent 14%, #ffd40096 14%, transparent);
filter: contrast(1.1);
-webkit-filter:contrast(1.1);
}
.mobilelogo {
max-width:100%;
display:block;
width: 168px;
filter: contrast(1.1);
-webkit-filter:contrast(1.1);
}
.deposit {
padding:0 2rem 0 0;
}
.jackpot {
padding:0 1rem;
}
.jackpot h2 {
color: white;
margin: -15px auto 0 auto;
padding: 0 5px;
display: block;
text-align: center;
width: 100%;
font-size: 23px;
text-transform: uppercase;
border-radius: 0px;
background: transparent;
border: none;
box-shadow: none;
text-shadow: 0 1px #a40060, 1px 0 #ae0070, -1px 0 #ba0064, 1px 2px #83004f, -1px 2px #92004d, 2px 1px #9c0954, -2px 1px #9c0957;
}
.jackpot h2::before {
content: '';
background: url(../img/jp-poker-before.png);
background-size: 50px;
width: 50px;
height: 60px;
top: 15px;
position: relative;
display: inline-block;
transform: rotate(10deg);
filter: contrast(1.3);
-webkit-filter:contrast(1.3);
}
.jackpot h2::after {
content: '';
background: url(../img/jp-poker-after.png);
background-size: 50px;
width: 50px;
height: 60px;
top: 15px;
position: relative;
display: inline-block;
transform: rotate(-10deg);
filter: contrast(1.3);
-webkit-filter:contrast(1.3);
}
.jackpot h3 {
color: white;
margin: -15px auto 0 auto;
padding: 0 5px;
display: block;
text-align: center;
width: 100%;
font-size: 23px;
text-transform: uppercase;
border-radius: 0px;
background: transparent;
border: none;
box-shadow: none;
text-shadow: 0 1px #00a429, 1px 0 #00ae0e, -1px 0 #00ba0f, 1px 2px #008311, -1px 2px #009207, 2px 1px #099c10, -2px 1px #099c10;
}
.jackpot h3::before {
content: '';
background: url(../img/jp-domino-before.png);
background-size: 50px;
width: 50px;
height: 60px;
top: 15px;
position: relative;
display: inline-block;
transform: rotate(10deg);
filter: contrast(1.3);
-webkit-filter:contrast(1.3);
}
.jackpot h3::after {
content: '';
background: url(../img/jp-domino-after.png);
background-size: 50px;
width: 50px;
height: 60px;
top: 15px;
position: relative;
display: inline-block;
transform: rotate(-10deg);
filter: contrast(1.3);
-webkit-filter:contrast(1.3);
}
.jackpot span {
color:white;
font-weight:400;
padding-bottom: 3px;
margin: 0 auto 1rem auto;
display: block;
text-align: center;
width: 100%;
font-size: 30px;
text-transform: uppercase;
border-radius: 150px;
background: linear-gradient(0deg, #090909 50%, #474747 50%);
border-top: 5px solid #fcfcfc;
border-right: 2px solid #e9ddf2;
border-left: 2px solid #e9ddf2;
border-bottom: 5px solid #d4b3ec;
box-shadow: 0 0 25px #6e00ca inset, 0 0 3px 3px black inset;
}
.withdraw {
padding: 0 0 0 2rem;
}
.dekstop-menu{
display: inline-block;
}
.dekstop-menu ul {
list-style-type: none;
padding-inline-start: 0;
margin-block-start: 0;
margin-block-end: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.dekstop-menu ul li {
display:inline-block;
min-width: 85px;
margin-top: 10px;
}
.dekstop-menu ul li:hover{
transform: scale(1.1);
}
.dekstop-menu img {
display:block;
margin:0 auto;
width: 40px;
filter: contrast(1.3);
-webkit-filter:contrast(1.3);
}
.dekstop-menu span{
display:block;
text-align:center;
font-weight: 800;
text-transform: uppercase;
font-size: 12px;
background: -webkit-linear-gradient(#fff, #9dbee8);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.dekstop-menu ul li a:hover {
text-decoration: none;
}
@keyframes srink {
from {
opacity: 0%;
}
to {
opacity: 100%;
}
}
.bottom-menu {
background: -webkit-linear-gradient(#fff, #b3cef1);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.last-deposit {
border-radius: 150px;
background: linear-gradient(0deg, #090909 50%, #474747 50%);
border-top: 2px solid #906daa;
border-right: 2px solid #9c84ae;
border-left: 2px solid #9c84ae;
border-bottom: 2px solid #ab96ba;
box-shadow: 0 0 25px #6e00ca inset, 0 0 5px 1px black inset;
}
.box-content {
width:100%;
background:#291f46bd;
padding: 25px;
}
.box-content a {
color:#d69dff;
}
.box-content a:hover {
color:#e4bfff;
text-decoration:none;
}
.content-images {
float:left;
padding-right:15px;
filter: contrast(1.3);
-webkit-filter:contrast(1.3);
}
.guide {
max-width:100%;
display:block;
margin:0 auto;
}
::placeholder {
color: #858387;
}
input:focus::placeholder {
color: transparent;
}