/* latin-ext */
@font-face {
  font-family: 'Lekton';
  font-style: normal;
  font-weight: 700;
  src: local('Lekton-Bold'), url(../webfonts/SZc73FDmLaWmWpBm4zj8nGLW0DI.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lekton';
  font-style: normal;
  font-weight: 700;
  src: local('Lekton-Bold'), url(../webfonts/SZc73FDmLaWmWpBm4zj8kmLW.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.tl {text-align: left!important;}
.tr {text-align: right!important;}
.tc {text-align: center!important;}

label.error {color: #ff0000!important; display: block!important; font-size: 12px; padding-top: 4px!important; text-align: left!important; width: 100%!important;}
input.error, select.error {border: 2px solid #ff0000}

.scroll-left .running-text {color: #ffffff; display: block;}

.footer-text .content h1, .footer-text .content h2, .footer-text .content h3, .footer-text .content h4, .footer-text .content h5, .footer-text .content h6, .footer-text strong, .footer-text {color: #ffffff!important}

.app-navbar-nav .app-navbar-menu .navbar-item {max-width: none;}

.table-area {padding-top: 25px;}

.bbox-img {display: flex; align-items: center; justify-content: center;}

.modal-content {border: 0px}

.button.btn-primary {background-color: #ecc022}
  .button.btn-primary:hover {background-color: #d6a907}

.app-navbar-nav .app-navbar-menu .navbar-item.is-active, .app-navbar-nav .app-navbar-menu .navbar-item:hover {color: #ecc022; border-color: #ecc022}
.field--divider {border-color: #ecc022}

.app--navbar-header {background-color: #111111}
body, html {background-color: #111111}
.scroll-left, .scroll-left .pane {background-color: #111111}

.app-navbar-nav {background-color: #000000}

.contact {background-color: #ecc022}
.contact .pannel .left-pane {border-color: #ecc022}
.contact .pannel .right-pane {background-color: #111111}
.contact .pannel .right-pane .icon {color: #ecc022}

.table-area .box-header {
  border-color:#ecc022;
  background-image:-webkit-gradient(linear,left top,left bottom,from(#ecc022),to(#937300));
  background-image:linear-gradient(#ecc022,#937300);
}
.table-area .box-body {border-color: #ecc022; background-color: #111111}
.table-area .table td.highlight {color: #ecc022}
.table-area .table tbody {background-color: #111111}

.app--footer {background-color: #000000}
.banklist {background-color: #111111}
.footer-text {background-color: #111111}
.banklist .bank-item .bbox-border {border-color: #444}
.app--footer .brand {color: #ecc022}

.header-mobile {background-color: #000000}
.sider-menu-top {background-color: #222222; border-color: #111111}
#box {background-color: #111111}
.sider-contact-us .icon {color: #ecc022}
.banklist--mobile {background-color: #111111}
.banklist--mobile .bank-item .bbox-border {border-color: #444}
.footer-mobile {background-color: #000000}
.footer-mobile span, .sider-copyright span {color: #ecc022}

.login-modal {background-color: #000000}
.login-modal .control.has-icons-left .icon {color: #3390bb}

label.cc {padding:0px;}
label.cc img {max-width: none; width: 58px}

.page .title {border-color: #ecc022}

.button.is-gradient {
  border-color: #d6a907;
  background-color:#ecc022;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#ecc022),to(#d6a907));
  background-image: linear-gradient(180deg,#ecc022,#d6a907);
}

.button.is-gradient:hover {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ffc700),to(#715700));
    background-image: linear-gradient(180deg,#ffc700,#715700);
}

.register-page .register--form label {text-align: right; width: 150px}

.page {min-height: 640px}

.table {margin-bottom: 0px; background-color: #111111; color: #ffffff}

#content {color: #ffffff}
  #content strong {color: #ffffff}

.game-button {cursor: pointer;}
  .game-button img {width: 100%;}

.btn-rm {}
  .btn-rm {
    padding: 5px 18px; font-size: 12px; font-weight: bold; border-radius: 10px; margin-top: 8px; display: inline-block; width: 100%; text-align: center; border: 1px solid #ecc022;
    background-color:#ecc022;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ecc022),to(#a27e00));
    background-image: linear-gradient(180deg,#ecc022,#a27e00);
    text-shadow: 0px 0px 8px #000;
    text-transform: uppercase;
  }

  .game-button:hover .btn-rm{
    color: #ffffff;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#333333),to(#111111));
    background-image: linear-gradient(180deg,#333333,#111111);
    text-shadow: none;
  }

.modal-gr .modal-content {background-color: #041d32; border-radius: 0px; max-height: calc(100vh - 40px); width: auto; text-align: left; color: #ffffff}
.modal-gr .modal-dialog {margin: 30px auto 0px}
.modal-gr .modal-footer {border-color: #ecc022}
.modal-gr .modal-close-s {position: absolute; right: 10px; top: 5px; z-index: 99; }
  .modal-gr .modal-close-s .close {color: #ffffff; opacity: 1; text-shadow: none;}

.btn-yellow { color: #fff; background-color:#ecc022; border-color:#ecc022; font-weight: bold; text-shadow: 0px 0px 8px #000; text-transform: uppercase; padding: 5px 20px} 
  .btn-yellow:hover {background-color: #000000}

.gr-title {padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ecc022; color: #ffffff; text-align: left;}
  .gr-title .l {display: inline-block; max-width: 80px; vertical-align: top;}
  .gr-title .r {display: inline-block; padding-left: 10px; text-align: left; vertical-align: top;}
    .gr-title h3 {font-size: 22px; color: #ecc022; font-weight: bold; padding-top: 16px;}
  .gr-title .p {position: absolute; right: 15px; top: 40px;}

.gr-c {color: #ffffff; text-align: left; line-height: normal; font-size: 0px;}
  .gr-c ol, .gr-c ul {padding-left: 25px;}
  .gr-c li {padding: 5px 0px}
  .gr-c .l {display: inline-block; width: 30%; vertical-align: top;}
  .gr-c .r { display: inline-block; font-size: 12px; padding-left: 15px; width: 70%; vertical-align: top;}
  .gr-c h4 {color: #ecc022; font-size: 16px; padding-bottom: 5px;}
  .gr-c .b {font-size: 12px; background-color: #000000; padding: 15px; margin-top: 20px;}
  .gr-c .note {color: #ecc022;}

  .gr-c .jpholder { display: grid; grid-row-gap: 35px; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 20px; font-size: 12px; font-weight: bold}
    .gr-c .jpholder .jpbx { text-align: center; }
    .gr-c .jpholder .jpbx img { padding-bottom: 10px;}

.dbox {text-align: center;}
  .dbox .t {line-height: normal; font-size: 20px; color: #ecc022;}
  .dbox .c {padding: 15px 0px}
    .dbox .c img {width: 100%}
  .dbox .b {padding-bottom: 30px;}

.currency-icon {background-color: #ecc022}
.j-credit, span.header-hili {color: #ecc022}

.accbox {position: absolute; left: 15px; top: 20px; text-align: left; font-size: 12px; font-weight: bold;}

.gh {position: fixed; top: 0px; left: 0px; z-index: 999999; width: 100%; height: 100%}
  .gh .go {position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 1}
  .gh .gc {position: absolute; width: 90%; height: 90%; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10}
    .gh .gc .t {width: 100%; height: calc(100% - 32px); background-color: #000000}
      .gh .gc .t iframe {width: 100%; height: 100%; border: 0px}
    .gh .gc .b {height: 32px;}
      .gh .gc .b a {display: block; background-color: #222222; text-align: center; color: #ffffff; line-height: 32px; font-size: 12px; font-weight: bold;}
      .gh .gc .b a:hover {background-color: #ecc022}

    .gh .gc .c {position: fixed; width: 100%; height: 100%; z-index: 9999; top: 0px; left: 0px;}
      .gh .gc .c .co {position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 1}
      .gh .gc .c .cc {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; border: 2px solid #ecc022; padding: 20px 40px; background-color: #000000; color: #ffffff; text-transform: uppercase;}
        .gh .gc .c .cc .cc-t {font-size: 12px;}
        .gh .gc .c .cc .cc-b {padding-top: 15px;}
          .gh .gc .c .cc .cc-b a {padding: 5px 15px; display: inline-block; margin: 0px 3px; font-size: 12px; font-weight: bold;}
          .gh .gc .c .cc .cc-b a:hover {opacity: 0.8}
            .gh .gc .c .cc .cc-b a.btn1 {background-color: #999999; color: #ffffff}
            .gh .gc .c .cc .cc-b a.btn2 {background-color: #ecc022; color: #000000}

.choose {position: absolute; top: 50%; left: 50%; transform:  translate(-50%, -50%); font-size: 0px; width: 100%; max-width: 400px} 
  .choose h4 {font-size: 12px; font-weight: bold; color: #ffffff; padding-bottom: 15px;}

  .choose .co-b {background-color: #c89e0a; color: #ffffff; display: inline-block; width: 46%; font-size: 12px; margin:2%; max-width: 120px; font-weight: bold; padding: 10px 0px; cursor: pointer;}
    .choose .co-b .co-b-i {}
      .choose .co-b .co-b-i i {font-size: 60px; margin-bottom: 8px;}
    .choose .co-b .co-b-c {}

  .choose .co-b.ls {}
    .choose .co-b.ls .co-b-i {transform: rotate(-90deg);}

#cm { display: block; width:80%; padding: 0; margin-left: 20%; border: 1px solid #d9b300;}
.contentblock { display: block; padding:15px 0;}
.contentblock.hidden { display: none; }
.contentblock img {width: 100%}
.contentblock a {padding: 8px 0px; display: block;}

#sidemenu { margin: 0; padding: 0; width: 20%; float: left; border-top: 1px solid #d9b300;}
#sidemenu li { display: block; text-align: center; border: 1px solid #d9b300; border-top:none;font-size: 17px; font-weight:600;}
#sidemenu li a { display: block; text-align:center; color: #fff; text-decoration: none; height:35px; padding-top:4px;}
#sidemenu li a:hover { color:#fff; background:#4d0707;}
#sidemenu li a strong { display: block; }
#sidemenu li a.open { background:#d9b300; width:101%; }

.panel ul { padding-left:20px;}
.panel-body {background-color: #333333}
.panel-default {border:1px solid #fac15e;}
.panel-default>.panel-heading { background:#000; border-bottom:1px solid #000}
.panel-collapse > .panel-body { border-top: 1px solid #ff0000;}
.panel-title {color:#FFF;}

select {color: #111111}

.mobLine {border-top: 1px solid #d9b300; padding-top: 20px; margin-top: 15px;}
  .mobLine td {padding: 3px 0px}

.tab-content > .tab-pane {
    padding: 1.6rem;
    overflow-y: auto;
    border: 2px solid #ffcc00;
  background:rgpa (0,0,0,0.6); 
}
.nav-tabs{
  float:left;
}
.nav-tabs li{
  float:none;
} 
.nav-tabs > li{
  margin-bottom: -2px;
  border-top: 2px solid #ffcc00;
  border-left: 2px solid #ffcc00;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color:#ffffff;
    cursor: default;
  border: 2px solid transparent;
    background:#ffcc00;
    border-bottom: 2px solid #ffcc00;
    z-index: 0;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover {margin-right:-2px; color: #000000}
.nav-tabs{
  border-bottom: 2px solid #ffcc00;
}
.nav > li > a{
  color:#cc9e00;
    /*background:rgba(0,0,0,0.3);*/
    border-radius: 0px
}
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    color:#ebc316;
    background-color: transparent;
}
.table2 {
    border-spacing: 0;
    border-collapse: collapse;
    border-bottom: 1px solid #ffcc00;
    border-left: 1px solid #ffcc00;
  border-right: 1px solid #ffcc00;
  background:rgba(0,0,0,0.5)
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 0px; text-align: center;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border: 2px solid #ffd200;
  font-weight: 400;
}
.tab-content .table tbody tr:last-child td, .tab-content .table tbody tr:last-child th {border-bottom: 2px solid #ffd200}
.tr1 {}
.thead1 {border-top: 2px solid #ffd200; background-color: #000000}
.nav-tabs > li > a {color: #aaaaaa}
.nav-tabs > li > a:hover {border: 1px solid transparent;}

/*.table tbody tr:nth-child(even) {background-color: #1d1d1d}
.table tbody tr:nth-child(odd) {background-color: #3c3c3c}*/

.btn-af-page {
  margin-bottom: 10px; width: 100%;
}
.btn-af-page button, .btn-af-page button:focus, .btn-af-page button:hover {
  border: 1px solid #4d4d4e;
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  width: 100%;
  background: #d9b300;
}
.btn-af-page .dropdown-menu {
  background: rgb(78,80,81); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(78,80,81,1) 0%, rgba(24,24,24,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(78,80,81,1) 0%, rgba(24,24,24,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(78,80,81,1) 0%, rgba(24,24,24,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e5051', endColorstr='#181818', GradientType=0 ); /* IE6-9 */
  text-align: center;
  border: 1px solid #4d4d4e;
  width: 100%;
  margin: 0px;
}
.btn-af-page .dropdown-backdrop {display: none;}
.btn-af-page button .caret {
  right: 4%;
  top: 45%;
  position: absolute;
}
.btn-af-page .dropdown-menu li a {
  color: #FFFFFF;
  font-size: 15px;
}
.btn-af-page .dropdown-menu li a:hover, .dropdown-menu li a:focus {
  background: #003471;
  color: #FFFFFF;
}

#tab2.nav > li > a {background-color: #3c3c3c; color: #ffffff; font-size: 12px; font-weight: bold; padding:8px 16px;}
#tab2.nav > li > a:hover {background-color: #cc9e00}
#tab2.nav-pills > li.active > a, #tab2.nav-pills > li.active > a:hover, #tab2.nav-pills > li.active > a:focus {background-color: #cc9e00}

.page .main-content-admin {
    padding: 25px;
    background-color: rgba(0,0,0,.3);
    text-align: left;
    width: 100%
}

.s-banner img {width: 100%}

.modal-backdrop {width: 100%; height: 100%; position: fixed; z-index: 30}

.errtext {color: #ff0000}

.page .title-container {margin-left: 0px;}

.columns.is-mobile > .column.is-3 .login-button {position: absolute; right: 15px; top: 15px;}
.columns.is-mobile > .column.is-3 .dropdown {position: absolute; right: 15px; top: 20px;}

.columns.is-mobile > .column.is-6 img {max-height: 55px;}

.footer-text {padding: 20px;}

.proj-header span {color: #ecc022}

.game-card {}
  .game-card img {max-height: 130px; padding-bottom: 25px;}
  .game-card span {top: auto; bottom: 20px; width: 100%; text-shadow: 0px 0px 5px #000000; font-size: 11px}
  .game-card .text {bottom: 0px; font-size: 16px;}

.game-box__container .game-boxes, .game-box__container .game-boxes-2 {width: 100%}

.mob-jp {padding: 24px 8px 0px}
  .mob-jp .tag-line {color: #ecc022}
  .mob-jp .tag-line span {font-size: 17px; font-weight: bold; color: #ffffff}

  .mob-jp .holder {display: flex; flex-wrap: wrap; justify-content: center;}
    .mob-jp .holder .game-card {margin: 8px;}

    .jackpot--global-area {background-color: #000000}

    .glowing{-webkit-animation:neon 1s ease-in-out infinite alternate;animation:neon 1s ease-in-out infinite alternate}@-webkit-keyframes neon{0%{-webkit-box-shadow:inset 0 0 10px #ecc022,inset 0 0 20px #ecc022,inset 0 0 30px #ecc022,0 0 50px #f9d247,0 0 80px #f9d247,0 0 100px #f9d247,0 0 130px #f9d247,0 0 180px #f9d247;box-shadow:inset 0 0 10px #ecc022,inset 0 0 20px #ecc022,inset 0 0 30px #ecc022,0 0 50px #f9d247,0 0 80px #f9d247,0 0 100px #f9d247,0 0 130px #f9d247,0 0 180px #f9d247}to{-webkit-box-shadow:inset 0 0 5px #ecc022,inset 0 0 10px #ecc022,inset 0 0 15px #ecc022,0 0 10px #f9d247,0 0 20px #f9d247,0 0 30px #f9d247,0 0 40px #f9d247,0 0 50px #f9d247;box-shadow:inset 0 0 5px #ecc022,inset 0 0 10px #ecc022,inset 0 0 15px #ecc022,0 0 10px #f9d247,0 0 20px #f9d247,0 0 30px #f9d247,0 0 40px #f9d247,0 0 50px #f9d247}}@keyframes neon{0%{-webkit-box-shadow:inset 0 0 10px #ecc022,inset 0 0 20px #ecc022,inset 0 0 30px #ecc022,0 0 50px #f9d247,0 0 80px #f9d247,0 0 100px #f9d247,0 0 130px #f9d247,0 0 180px #f9d247;box-shadow:inset 0 0 10px #ecc022,inset 0 0 20px #ecc022,inset 0 0 30px #ecc022,0 0 50px #f9d247,0 0 80px #f9d247,0 0 100px #f9d247,0 0 130px #f9d247,0 0 180px #f9d247}to{-webkit-box-shadow:inset 0 0 5px #ecc022,inset 0 0 10px #ecc022,inset 0 0 15px #ecc022,0 0 10px #f9d247,0 0 20px #f9d247,0 0 30px #f9d247,0 0 40px #f9d247,0 0 50px #f9d247;box-shadow:inset 0 0 5px #ecc022,inset 0 0 10px #ecc022,inset 0 0 15px #ecc022,0 0 10px #f9d247,0 0 20px #f9d247,0 0 30px #f9d247,0 0 40px #f9d247,0 0 50px #f9d247}}

    .jackpot--global-gj {color: #ecc022}
    .jackpot--global {background-color: #111111}
    .jackpot--global-number {text-shadow: 0px 0px 6px #ecc022}

    .jackpot--global-mobile { border-color:#ecc022; }
    .jackpot--global-number.is-mobile {line-height: 44px}

.columns.is-header {position: relative;}
  .header-right {position: absolute; right: 0px;}

.menu-items li a .fas {width: 25px; text-align: center;}

.tab{border-bottom:1px solid #525055}.tab.is--active,.tab:hover{border-bottom:1px solid #27dce1}.jackpot--card .table{height:150px}.jackpot--card .table thead td,.jackpot--card .table thead th{border-width:0 0 1px}.accordion .header{border-top:1px solid #0e898e;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;cursor:pointer}.accordion .header .icon{height:16px;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition-duration:.3s;transition-duration:.3s}.accordion .header .icon.rotate{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition-duration:.3s;transition-duration:.3s}.accordion .body{-webkit-transition:.15s ease-out;transition:.15s ease-out}.jackpot--card{background-color:rgba(0,0,0,.4);border-top-left-radius:16px;border-top-right-radius:16px;color:#fff;font-weight:700;font-size:14px;margin-bottom:16px}.jackpot--card .title{color:#fff;border-bottom:1px solid #3a1631;padding:12px 0;margin-bottom:0}.tab{border-bottom:2px solid #525055;cursor:pointer;margin:8px 0!important}.tab.is--active,.tab:hover{border-bottom:2px solid #27dce1}.jackpot--card .table{color:#fff;background-color:transparent;min-height:180px;font-size:12px}.jackpot--card .table th{color:#fff; padding: 5px 10px; line-height: normal;}.jackpot--card .table td{border:none}.jackpots,.jackpots-mobile{background:url(../img/BG-POLY.20f00e8c.jpg) no-repeat 50%;background-size:cover}.jackpots-mobile{min-height:calc(100vh - 120px)}.jackpots--container{width:100%;padding:48px 0}.jackpots--container-mobile{padding:24px}@media only screen and (max-width:320px){.jackpots--container-mobile{padding:16px 8px}}

.jpbox {margin-bottom: 30px;}
  .jpbox h3 {margin-bottom: 5px!important}
  .jpbox .jpbox-text {font-size: 44px; font-weight: bold; font-family: arialblack}

.aimg {cursor: pointer;}

.promotionInfo {line-height: normal;}
  .promotionInfo ul {list-style: disc; padding-left: 30px;}
  .promotionInfo ul li {padding: 3px 0px}

.ts1 {margin: 5px 0px}
  .ts1 td {padding: 5px; border:1px solid #ffffff; }

@media only screen and (max-width: 768px) {

  .register-page .register--form label {padding: 0px; text-align: left;}

  .game-button > span {position: relative; top: 0px; font-size: 8px; padding-top: 5px; display: block; width: 100%}

  .gr-title .p {position: relative; right: 0px; top: 0px; margin-top: 15px;}

  .gr-c .l {text-align: center; width: 100%;}
    .gr-c .l img {max-width: 50%; padding: 0px 2%}
    .gr-c .l hr {display: none;}

  .gr-c .r {padding: 20px 0px 0px; width: 100%}

  .gh .gc {width: 100%; height: 100%}
  .gh .gc .c .cc {width: 92%}

  .gr-c .jpholder {grid-template-columns: 1fr 1fr;}

  .jackpot--area {padding-top: 30px; text-align: center;}
    .jackpot--area h3 {margin: 0px}

}