/*
Theme Name: Premium77
Version: 1.0
Author: Premium77
Author URI: 
License: Premium77
License URI: 
Description: E-commerce Template and Blogger. 
*/
 html {
    height:100%;
    font-size:1em;
    font-size:100%;
    line-height:1.4;
    margin:0;
    padding:0;
    border:0;
    vertical-align:baseline
  }
  body {
    margin:0;
    font-size:14px;
    line-height:1.5;
    letter-spacing:.1px;
    color:#d4d4d4;
    background:#000;
    font-family:digital_sans_ef_medium;
  }
  h1,h2,h3,h4,h5,h6 {
    color:#fed300;
    line-height:1.2;
    margin:15px 0px;
    font-weight:500
  }
  h1 {
    font-size:30px
  }
  * {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
  }
  a {
    color:#fedb37;
    text-decoration:none
  }
  a:hover {
    color:#fff
  }
  div,
  input,
  label {
    display:block;
    overflow:hidden;
    position:relative
  }
  strong {
    color:#fedb37
  }
  img,
  amp-anim {
    width:100%;
    height:100%;
    pointer-events:none
  }
  a img,
  a amp-anim {
    pointer-events:visible
  }
  .mobile {
    display:none
  }
  @font-face {
    font-family:digital_sans_ef_medium;
    src:url(webfonts/digital_sans_ef_medium.woff2) format(woff2),
    url(webfonts/digital_sans_ef_medium.woff) format(woff);
    font-weight:normal;
    font-style:normal
  }
  @font-face {
    font-family:advanced_dot_digital7;
    src:url(webfonts/advanced_dot_digital7.eot);
    src:url(webfonts/advanced_dot_digital7.eot) format(embedded-opentype),
    url(webfonts/advanced_dot_digital7.woff2) format(woff2),
    url(webfonts/advanced_dot_digital7.woff) format(woff),
    url(webfonts/advanced_dot_digital7.svg#advanced_dot_digital7) format(svg)
    url(webfonts/advanced_dot_digital7.ttf) format(truetype),
  }
  @font-face {
    font-family:Font Awesome 5 Brands;
    font-style:normal;
    font-weight:normal;
    font-display:auto;
    src:url(webfonts/fa-brands-400.eot);
    src:url(webfonts/fa-brands-400.eot#iefix) format(embedded-opentype),
    url(webfonts/fa-brands-400.woff2) format(woff2),
    url(webfonts/fa-brands-400.woff) format(woff),
    url(webfonts/fa-brands-400.ttf) format(truetype),
    url(webfonts/fa-brands-400.svg#fontawesome) format(svg)
  }
  @font-face {
    font-family:Font Awesome 5 Free;
    font-style:normal;
    font-weight:400;
    font-display:auto;
    src:url(webfonts/fa-regular-400.eot);
    src:url(webfonts/fa-regular-400.eot#iefix) format(embedded-opentype),
    url(webfonts/fa-regular-400.woff2) format(woff2),
    url(webfonts/fa-regular-400.woff) format(woff),
    url(webfonts/fa-regular-400.ttf) format(truetype),
    url(webfonts/fa-regular-400.svg#fontawesome) format(svg)
  }
  @font-face {
    font-family:Font Awesome 5 Free;
    font-style:normal;
    font-weight:900;
    font-display:auto;
    src:url(webfonts/fa-solid-900.eot);
    src:url(webfonts/fa-solid-900.eot#iefix) format(embedded-opentype)
    url(webfonts/fa-solid-900.woff2) format(woff2),
    url(webfonts/fa-solid-900.woff) format(woff),
    url(webfonts/fa-solid-900.ttf) format(truetype),
    url(webfonts/fa-solid-900.svg#fontawesome) format(svg)
  }
  @font-face {
    font-family:LatoWeb;
    src:url(webfonts/Lato-Regular.woff2) format(woff2),
    url(webfonts/Lato-Regular.woff) format(woff);
    font-weight:normal;
    font-style:normal
  }
  .svg-menu {
    height:20px;
    width:20px;
    display:inline-block;
    background-size:18px;
    background-repeat:no-repeat
  }
  .svg-beranda {
    background-image:url(images/icon/icon-beranda.svg)
  }
  .svg-content {
    display:inline-block;
    width:25px;
    height:20px;
    background-size:21px;
    background-repeat:no-repeat
  }
  .svg-sport {
    background-image:url(images/icon/icon-sports.svg)
  }
  .svg-casino {
    background-image:url(images/icon/icon-casino.svg)
  }
  .svg-slots {
    background-image:url(images/icon/icon-slots.svg)
  }
  .svg-togel {
    background-image:url(images/icon/icon-togel.svg)
  }
  .svg-fishing {
    background-image:url(images/icon/icon-fishing.svg)
  }
  .svg-poker {
    background-image:url(images/icon/poker.svg)
  }
  .svg-gift {
    background-image:url(images/icon/icon-gift.svg)
  }
  .svg-new {
    background-image:url(images/icon/icon-new.svg)
  }
  .svg-populer {
    background-image:url(images/icon/icon-populer.svg)
  }
  .svg-gacor {
    background-image:url(images/icon/icon-gacor.svg)
  }
  .svg-whatsapp {
    background-image:url(images/icon/icon-whatsapp.svg)
  }
  .svg-telegram {
    background-image:url(images/icon/icon-telegram.svg)
  }
  .svg-livechat {
    background-image:url(images/icon/icon-livechat.svg)
  }
  .svg-livechat-gray {
    background-image:url(images/icon/icon-livechat-gray.svg)
  }
  .svg-hot {
    background-image:url(images/icon/hot-games.svg)
  }
  .header {
    width:100%;
    z-index:999999;
    position:fixed;
    background:#191919;
  }
  .top-left {
    float:left;
    width:27%;
    display:flex;
    justify-content:flex-start
  }
  .top-right {
    line-height:1.2;
    font-size:11px;
    float:right;
    width:70%
  }
  .site-logo {
    float:left;
    top:12px;
    left:0px;
    width:24%
  }
  .site-logo img,
  .site-logo amp-anim {
    width:200px
  }
  .nav-bar {
    background-color: #141414;
    border-top: 1px solid #2b2b2b;
  }
  .sticky {
    height:127px
  }
  .main {
    background:#191919;
  }
  .slide {
    margin-bottom:17px
  }
  .jackpot img,
  .jackpot amp-anim {
    margin-left:auto;
    margin-right:auto;
    display:block;
    border-radius:9px
  }
  .container {
    max-width:1170px;
    width:100%;
    margin:auto;
    overflow:hidden
  }
  .row {
    width:100%;
    height:100%;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
  }
  .col-sm-2 {
    flex:0 0 15.9%;
    max-width:15.9%;
    margin:5px 4px;
    justify-content:center;
    align-content:center
  }
  .col-sm-12 {
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%
  }
  .col-title {
    padding:9px 0px;
    position:absolute;
    top:-14px;
    left:21px;
    z-index:2;
    background:#181e26;
  }
  .col-border {
    border:1px solid #333;
    border-radius:7px;
    margin:5px auto;
    padding:18px
  }
  .payment .col-sm-12 {
    margin:10px auto
  }
  .main-menu i {
    display:block;
    margin:auto;
    width:30px;
    height:30px;
    background-size:26px
  }
  ul.menu,
  ul.contact-us,
  ul.main-menu {
    padding:0;
    margin:0;
    text-transform:uppercase
  }
  .main-menu {
    float:right
  }
  .main-menu li [aria-current],
  .main-menu li a:hover {
    color:#fed300
  }
  .main-menu li {
    position:relative;
    display:block;
    float:left;
    margin:0;
    padding:0
  }
  .main-menu li a {
    font-size:14px;
    position:relative;
    display:inline-block;
    line-height:18px;
    padding:20px 24px;
    flex:1;
    color:#a3a3a3;
  }
  ul.contact-us {
    padding:15px 0;
    text-transform:capitalize
  }
  .contact-us {
    float:right;
    height:36px
  }
  .contact-us li {
    border-right:dotted 1px #fff;
    padding-left:10px;
    padding-right:10px;
    display:inline-block;
    float:left
  }
  .site-footer {
    display:block;
    margin:auto;
    max-width:200px;
    margin-bottom:20px
  }
  .contact-us li:first-child {
    padding-right:10px;
    border-left:0
  }
  .contact-us li:last-child {
    padding-right:10px;
    border-right:0
  }
  .contact-us li a {
    color:#9a9a9a;
    font-size:11px
  }
  .contact-us li a:hover {
    color:#fedb37
  }
  .contact-us .svg-menu {
    height:20px;
    width:20px;
    display:inline-block;
    background-size:17px;
    background-repeat:no-repeat
  }
  .contact-us li i {
    vertical-align:middle
  }
  .quick-footer {
    position:fixed;
    width:170px;
    height:40px;
    bottom:0px;
    right:10px;
    background:#e8911a;
    border-radius:5px 5px 0px 0px;
    z-index:100;
    padding:2px
  }
  .quick-footer i {
    font-size:22px;
    position:relative;
    right:-42px;
    top:-2px
  }
  .quick-footer li {
    margin:1px auto;
    padding:4px 12px
  }
  .quick-footer li a {
    color:#fff;
    display:flex;
    align-items:end;
    text-align:center;
    font-size:19px;
    text-transform:uppercase
  }
  .quick-footer li i {
    vertical-align:middle
  }
  .quick-footer .svg-menu {
    height:30px;
    width:30px;
    display:inline-block;
    background-size:30px;
    background-repeat:no-repeat
  }
  .menu {
    float:right;
    position:relative;
    padding:0px;
    margin:0px auto
  }
  .menu li {
    float:left;
    position:relative;
    font-size:14px;
    text-transform:uppercase;
    min-width:68px;
    margin:0px 0px 0px 4px;
    text-align:center;
    padding:5px 5px;
    vertical-align:inherit;
    border-radius:27px
  }
  .menu ul {
    padding-top:15px;
    border-radius:0px 0px 4px 4px;
    -webkit-border-radius:0px 0px 4px 4px;
    -moz-border-radius:0px 0px 4px 4px;
    -ms-border-radius:0px 0px 4px 4px;
    -o-border-radius:0px 0px 4px 4px
  }
  .menu li a {
    padding:4px 21px;
    display:block;
    color:#fff;
    text-shadow:0px 0px 3px #000
  }
  .daftar,
  .quick-footer {
    background: radial-gradient(ellipse farthest-corner at right bottom,#fedb37 0%,#fdb931 8%,#9f7928 30%,#8a6e2f 40%,transparent 80%),radial-gradient(ellipse farthest-corner at left top,#fff 0%,#ffffac 8%,#d1b464 25%,#5d4a1f 62.5%,#5d4a1f 100%);
    border-top: 1px solid #fedb37;
  }
  .daftar:hover {
    background:#d1b464;
    background-image:-webkit-linear-gradient(top,#fedb37 0%,#fdb931 100%)
  }
  .login {
    background:#505050;
    background-image:linear-gradient(to bottom,#373737,#8b8b8b);
    border-top:1px solid #7e7e7e
  }
  .login:hover {
    background:#00490c;
    background-image:-webkit-linear-gradient(top,#9e9e9e 0%,#666 100%)
  }
  .login-panel {
    margin:6px 0
  }
  ul {
    list-style:none;
    margin:0;
    padding:5px 0px
  }
  ul.article {
    list-style:circle;
    padding:5px 30px
  }
  .article li {
    list-style:disc;
    margin:0px 35px
  }
  .ct-rounded,
  .ct-rounded img,
  .ct-rounded amp-anim,
  .ct-rounded .col-sm-2,
  .bg-rounded .container {
    border-radius:12px
  }
  .bg-rounded .container {
    padding: 25px;
    background: #020206;
    margin-bottom: 30px;
  }
  .ct-rounded {
    padding: 15px;
    background: #160002;
    border: 3px solid #fedb37;
    margin: 10px auto;
  }
  .ct-rounded .col-sm-2 {
    background: radial-gradient(ellipse farthest-corner at right bottom,#fedb37 0%,#fdb931 8%,#9f7928 30%,#8a6e2f 40%,transparent 80%),radial-gradient(ellipse farthest-corner at left top,#fff 0%,#ffffac 8%,#d1b464 25%,#5d4a1f 62.5%,#5d4a1f 100%);
    padding: 2px;
    height: 100%;
  }
  .game-wrapper {
    height:200px;
    z-index:0
  }
  .game-img {
    position:absolute;
    width:100%;
    top:0;
    z-index:0
  }
  .image-wrapper {
    z-index:0
  }
  .games-wrapper {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    right:0;
    bottom:0
  }
  .title-row {
    margin:21px auto;
    border-bottom:3px solid #fedb37;
    font-size:19px;
    display:flex;
    align-items:center
  }
  .title-games {
    font-size:14px;
    padding:5px 10px;
    color:#fff;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-align:center
  }
  .footer {
   width: 100%;
    background: #101013;
    padding: 0px 0px 20px 0px;
  }
  .disclaimer {
    border-top:1px dotted #101013;
  }
  .disclaimer h1{text-align:center;}
  .footer img,
  .footer amp-anim {
    height:auto
  }
  .footer-title {
    font-size:15px;
    color:#d5d5d5;
    margin:20px auto
  }
  .footer .row {
    justify-content:left
  }
  .footer .col-sm-2 {
    justify-content:left
  }
  .provider .col-sm-2,
  .payment .col-sm-2 {
    max-width:111px;
    margin:7px
  }
  .copyright {
    font-size:11px;
    padding:15px 0px;
    text-align:center
  }
  .copyright a {
    color:#aaa;
    display:inline-block
  }
  .article {
    text-align:left
  }
  @media only screen and (max-width: 768px) {
    .main-slide img,
    .main-slide amp-anim {
      height:100%
    }
    .main-menu,
    .top-header {
      display:none
    }
    .mobile {
      display:block
    }
    .desktop {
      display:none
    }
    .header {
      z-index:999999;
      height:65px;
      position:fixed;
      background:#181e26;
    }
    .nav-bar {
      border:0
    }
    .sticky {
      height:65px;
    }
    .site-logo {
      top:9px;
      left:0px;
      right:0;
      width:149px;
      float:none;
      margin:auto;
      position:absolute
    }
    .site-logo img,
    .site-logo amp-anim {
      width:150px;
      margin-left:auto;
      margin-right:auto
    }
    .top-header {
      top:0px;
      left:0px;
      margin:auto;
      width:100%
    }
    .menu-mobile,
    .menu-login-menu-container,
    .slide {
      width:100%;
      margin:auto
    }
    .menu-mobile .menu li {
      background-image:-webkit-linear-gradient(top,#ababab 0%,#585858 100%)
    }
    .menu {
      float:none
    }
    .main-homepage {
      background:#131313
    }
    .main-homepage li {
      width:23.4%;
      border-radius:7px;
      margin-bottom:5px;
      display:inline-block
    }
    .main-homepage li a {
      padding:7px;
      font-size:14px;
      display:flex;
      align-items:center;
      flex-wrap:nowrap;
      flex-direction:column;
      color:#8b8b8b
    }
    .main-homepage li .svg-menu {
      height:30px;
      width:25px;
      background-size:25px
    }
    .login-mobile {
      padding:0
    }
    .login-mobile li {
      display:inline-block;
      border-radius:2px;
      width:49.5%;
      text-align:center
    }
    .login-mobile li a {
      color:#fff;
      font-size:18px;
      padding:9px 20px;
      display:block;
      text-shadow:0px 0px 3px #000
    }
    ul.nav-item {
      padding:0
    }
    .nav-item li a i {
      vertical-align:middle
    }
    .nav-item li {
      background: #1a1a1a;
      position: relative;
      line-height: 20px;
      display: inline-block;
      width: 100%;
    }
    .nav-item li a {
      text-transform:capitalize;
      display:block;
      color:#ddd;
      text-decoration:none;
      padding:10px 15px
    }
    .nav-item li:hover {
      background-color:#393939
    }
    .nav-item li [aria-current] {
      background-color:#393939;
      display:block;
      width:100%
    }
    .nav-item li:before {
      content:"";
      position:absolute;
      top:0;
      left:0;
      z-index:-1;
      height:100%;
      width:3px;
      background-color:#393939;
    }
    .contact-floating {
      position:fixed;
      bottom:0;
      background:#1e1e1e;
      width:100%;
      padding:3px;
      z-index:3
    }
    .contact-floating li a {
      font-size:13px;
      color:#fff
    }
    .contact-floating li {
      display:inline-block;
      width:32%;
      text-align:center;
      padding:5px 0px
    }
    .contact-floating li i {
      display:block;
      margin:auto;
      background-size:25px;
      width:25px;
      height:25px
    }
    .main {
      background:#020206;
    }
    .slide {
      border:0
    }
    .main-slide {
      width:100%
    }
    .bg-rounded .container {
      padding:5px;
      background:#020206;
      margin-bottom:0
    }
    .ct-rounded {
      padding:0;
      background:none;
      border:0
    }
    .games .col-sm-2 {
      max-width:31%;
      flex:0 0 31%;
      margin:4px
    }
    .game-wrapper {
      height:150px
    }
    .title-row {
      margin:10px 10px;
      text-align:center
    }
    .footer img,
    .footer amp-anim {
      width:100%;
      height:auto;
    }
    .footer .col-sm-2 {
      max-width:21%;
      flex:0 0 21%;
      margin:4px
    }
    .footer-title {
      width:max-content
    }
    .footer .container {
      padding:0px 10px
    }
    .disclaimer .container{padding:0px 20px}
    .copyright {
      text-align:center
    }
    .quick-footer {
      width:44%
    }
    .quick-footer li {
      padding:0px 7px
    }
    #side-opener {
      display:none
    }
    input .tg {
      display:block;
      overflow:hidden;
      position:relative
    }
    .tg:checked+.page-content {
      right:272px
    }
    .page-sidebar {
      background-color: #1a1a1a;
      width: 272px;
      display: block;
      z-index: 2;
      top: 0px;
      right: 0px;
      bottom: 0px;
      overflow: hidden;
      position: fixed;
      border-right: 1px solid #353535;
    }
    .page-sidebar-scroll {
      z-index: 2;
      overflow: scroll;
      overflow-x: scroll;
      overflow-x: hidden;
      height: 100%;
      padding: 0px 0px 0px 3px;
      width: 100%;
      top: -1px;
    }
    .page-content {
      z-index:10;
      right:0;
      display:block;
      min-height:580px;
      transition:all .25s ease-out;
      -webkit-transition:all .25s ease-out;
      background-color:#0a0a0a;
    }
    .deploy-sidebar {
      background-image:url(images/deploy-nav.png);
      background-repeat:no-repeat;
      background-position:9px 21px;
      background-size:28px 19px;
      height:60px;
      max-width:44px;
      z-index:50;
      width:20%;
      float:right;
      top:1px;
      right:10px
    }
    .sidebar-shortcuts {
      width: 100%;
      height: 1px;
      background-color: #333;
    }
  }
  @media only screen and (max-width: 328px) {
    .site-logo {
      width:38%
    }
    .site-logo img,
    .site-logo amp-anim {
      max-width:100%;
      height:auto
    }
    .login-mobile li a {
      padding:5px 9px;
      font-size:11px
    }
    .main-homepage li {
      width:23.4%
    }
    .main-homepage li {
      margin-bottom:17px
    }
    .main-homepage li a {
      top:76px
    }
    .slide {
      height:102px
    }
    .quick-footer i {
      right:-13px
    }
    .page-sidebar {
      width:200px
    }
    .tg:checked+.page-content {
      left:202px
    }
  }