@font-face {
  font-family: 'myriad';
  src: url('../fonts/myriad/myriadpro.eot');
  src: url('../fonts/myriad/myriadpro.eot?#iefix') format('embedded-opentype'),
    url('../fonts/myriad/myriadpro.woff') format('woff'),
    url('../fonts/myriad/myriadpro.ttf') format('truetype'),
    url('../fonts/myriad/myriadpro.svg#myriadpro') format('svg');
  font-weight: normal;
  font-style: normal;
}

html {
  /* height: 100%*/
}

body {
  background-repeat: repeat;
  background-image: url('../images/bgsisik.jpg');

  background-position: top;
  /*background-size: 100% 100%;*/
  color: #eee;
  font-family: myriad;
  font-size: 14px;
  line-height: 1.5em;
  margin: 0;
  padding: 0;
}

#listbank {
    font-size: 10px;
}

#listbank img {
    height: 23px;
    margin-right: 10px;
}


#kontenprediksi p,
#kontenprediksi div,
#kontenprediksi ul {
  background: none !important;
  color: #999 !important;
  padding-right: 20px;
}

a,
a:hover {
  color: #a29133;
  text-decoration: none;
}

a {
  color: #cfbc4f;
}

.btn-link {
  color: #f7e37d;
}

.btn-link:hover {
  color: #bf9030;
}

.container { width: @container-desktop !important; }

.container,
header {
  max-width: 1000px;
  width: 1000px important;
}

.bodydetail {
  width: 750px !important;
}

#historytransaksi th,
#historytransaksi td {
  padding: 3px;
}

#historytransaksi td {
  border-bottom: 1px dotted #ccc;
}


header {
  margin: 0 auto;
  width: 1000px;
}

.bgrunningtext {
  background-repeat: no-repeat;
  background-image: url(../images/bgrunningtext.png);
  height: 30px;
  background-position: top center;
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  .container {
    width: 1000px !important;
  }
}

.bgcontainer .col-xs-9 {
  border-left: 1px dotted #666;
  min-height: 500px;
  padding-bottom:20px;
}

#tabeldata tr:nth-child(even) {
  background-color: #ccc;
  color: black;
}

.tabelview tbody td,
.tabelhasil tbody td {
  background: none !important;
}

.bgcontainer {
  width: 1000px !important;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 0px 0px 12px 3px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 12px 3px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 12px 3px rgba(0, 0, 0, 0.75);
}

#frmtransfer .form-control,
#frmtransfer .btn {
  width: 320px;

}

#wallet div {
  text-align: center;
}

#wallet .gridwallet {
  background-color: #f9f5b6;
  border: 1px solid #b3ad5c;
  color: black;
  font-weight: bold;
}

#walletutama {
  text-align: center !important;
  font-weight: bold;
}

#wallet .gridlight {
  background-color: #f2f2f2;
  border: 1px solid #b3ad5c;
  margin: 0px;
  text-align: right;
  height: 31px;
}

#wallet .gridlight p {
  padding: 0px;
}

#wallet h4 {
  background-color: #5b560c;
  color: #fefbcc;
  margin: 0px;
  padding: 7px;

}

#wallet p {
  color: black;
  margin: 0px;
}

.font14 {
  font-size: 14px;
}

.bgsoft {
  background-color: #ebffc7 !important;
  color: #377902 !important;
  font-size: 19px;
  padding: 7px;
}

.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.row.no-gutters>[class^="col-"],
.row.no-gutters>[class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}

.btn-primary {
  background: #fff39d;
  border: 1px solid #ffe662;
  color: #000;
}

.btn-primary:hover {
  background: #b20400;
  border: 1px solid #7d1102;
  color: #fff;
}

#header {
  padding: 0px 10px 0px 10px;
  height: 110px;
}

.bgheader {
  background: url(../images/headertop.jpg) repeat-x center top;
  background-repeat: repeat-x;
}

.txt-1 {
  color: #ffc004;
}


.smaller {
  font-size: smaller;
}

.logo {
  position: absolute;
}

#navbar-wrapper {
  margin-top: -10px;
}

#navbar-wrapper .container {
  position: relative;
}

#navbar-wrapper .logo2 {
  position: absolute;
  top: -1px;
  left: 27px;
}

#navbar-wrapper .navbar {
  margin-bottom: 0;
}

.navbar {
  background-image: url('../images/bgtopnav.jpg');
  background-position: top center;
  background-repeat: no-repeat;
  /*border-top:2px solid #e99603;
border-bottom:2px solid #e99603;*/
  margin-top: 10px;
  min-height: 41px;
}

.navbar li {
  padding: 0;
  border-left: none;
  border-right: none;
  padding-left: 2px;
  padding-right: 2px;
  background-image: url(../images/topnavline.png);
  background-repeat: no-repeat;
  background-position: top right;
}

.navbar li:first-child {
  border-left: none;
}

.navbar li:last-child {
  border-right: none;
}

.navbar li:first-child {
  border-left: none;
}

.navbar li a {
  color: #fdea96;
  text-shadow: 1px 1px 0 #000;
  font-size: 14px;
  /*text-shadow:1px 1px 1px #300404;*/
  font-weight: normal;
  text-transform: uppercase;
  padding-bottom: 10px;
}

.navbar li a:hover,
.dropdown-toggle:focus,
.navbar li.active a {

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#591200+0,be0700+35,be0700+66,1c0000+100 */
  color: #fff !important;
  text-shadow: 1px 1px 1px #000;

  background-color: #107ac7;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}

.dropdown-menu {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffe662+0,ebc25a+1,fff39d+30,f7e37d+51,b48525+78,d29d3d+99,ffe662+100 */
  background: rgb(4, 37, 103);
  /* Old browsers */
}

.dropdown-menu li {
  background-image: none;
}

.navbar li.home a {
  border-radius: 100%;
  border: 1px solid #f7e37d;
  padding: 0;
  margin-top: 4px;
  margin-right: 10px;
  border-right: none;
  padding: 5px 7px;
  text-shadow: none;
  color: #fff79c;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
  background: #45484d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #45484d 0%, #000000 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #45484d 0%, #000000 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#000000', GradientType=0);
  /* IE6-9 */
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover,
.nav .open>a:active {
  background-color: #107ac7;
}

.dropdown-menu li a {
  text-shadow: 1px 1px 1px #000;
  font-weight: bold;
  color: #fff0a7;
}

.navbar-toggle {
  border: 1px solid #000;
  color: #000;
}

.navbar-toggle .icon-bar {
  color: #000;
  background-color: #000;
}

#navbar {
  padding-left: 0;
  padding-right: 0;
}

.navbar-nav>li {
  margin-bottom: 0;
  margin-bottom: -10px !Important;
}

.navbar-nav>li>a {
  padding-bottom: 9px;
  padding-top: 9px;
  padding-left: 8px;
  padding-right: 8px;
}

.fontyellow {
  color: #fdea96;
  text-decoration: none;
}

#runningtext {
  margin: 0;
  padding: 0px 20px;
  line-height: 28px;
  margin-bottom: 10px;
  background-position: top center !important;
  color: #fff;
  font-size: 14px;
}

.news-item {
  font-size: 14px;
  font-weight: 800;
  font-style: italic;
}

.container-runningtext {}

#langkahmain_wrapper {
  margin-bottom: 10px;
  margin-top: 10px;
}

#game-slider {
  background: rgba(0, 0, 0, 0) url("../img/bg_carousel.jpg") repeat-x scroll center 0;
  height: 131px;
  margin-top: 30px;
  margin-bottom: 0px;
  padding-top: 12px;
}

.imgproduk {
  margin-bottom: 30px;
}

.page-header {
  margin: 0;
  padding: 0;
  border: none;
}

.font16 {
  font-size: 16px;
}

.fontwhite {
  color: white;
}

.fontgrey {
  color: #ccc;
}

.fontdarkgrey {
  color: #999;
}

.iframegames {
  width: 100%;
  border: 0px;
  height: 900px;
}

.page-header h2 {
  margin-bottom: 0;

  -moz-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;

}

.pagination>li>a,
.pagination>li>span {
  color: #b10400;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
  background: #b10400;
  color: #fff;
  border-color: #c70200;
}


#content-wrapper {
  /*background: #111111 url("../images/bg_posthome.png") repeat-x scroll center top;*/
  /*background-image:url("../images/bg_posthome.png");*/
  /*background-position:center;*/
  background-repeat: repeat-x;

  padding: 5px 20px;
  min-height: 100px;
  margin-top: 0px;
  margin-bottom: 10px;
  box-shadow: 5px 5px 5px #000;
}


#content-wrapper .page-header h1 {
  color: #fff69c;
  font-size: 40px;
  line-height: normal;
  text-decoration: blink;
  text-transform: uppercase;
}

#homenews-wrapper h4 {
  color: #ffc004;
}


#banner-wrapper {
  margin-top: 10px;
  margin-bottom: 10px;
  min-height: 320px;
  background-color: #000;
}

.breadcrumb {
  background-color: #222;
}


#fixed_togel {
  background: rgba(0, 0, 0, 0) url("../images/bg_togel.png") no-repeat scroll 0 0;
  display: block;
  height: 112px;
  margin-left: 10px;
  width: 230px;
}

.step {
  margin-top: 10px;
}


#news-wrapper h3 {
  color: #fceb88;

}

#homenews-wrapper h3 {
  font-size: 1.5em;
}

#homenews-wrapper .thumbnail {
  background: none;
  border: 0;
  margin-top: 20px;
}

#homenews-wrapper .caption {
  color: #fff;
  margin: 0;
  padding: 0;
}

#homenews-wrapper .caption p {
  max-height: 41px;
  overflow: hidden;
}

#homenews-wrapper .caption a {
  color: #ffd800;
}

#footer {
  padding: 10px;
  color: #fff;
  margin-top: 50px;
}

.boxmarket {
  background-color: black;
}

.boxmarket h4 {
  font-size: 16px;
  color: white;
  margin-top: 18px;
}

.boxmarket .boxname {
  color: #eac705;
  margin-top: 10px;
  margin-bottom: 0px;
  font-weight: bold;
}

.boxmarket .boxdate {
  margin-top: 0px;
  color: #666 font-size:14px;
}

.boxmarket .boxresult {
  font-size: 30px;
  color: #6be300;
  margin-bottom:
}


.gridgames {
  margin-bottom: 50px;
}

.boxmarket div {
  border: 1px solid #7d6a00;
  border-right: 0px !important;
}

.boxmarket div:last-child {
  border-right: 1px solid #7d6a00 !important;
}

.boxmarket .blankmarket {
  height: 239px;
}

.blankmarket {
  background-repeat: no-repeat;
  background-position: top center;
  background-image: url('../images/comingsoon.jpg?v=3');
}


#footertext {
  background-color: #222;
  border-radius: 10px;
  padding: 20px 10px;
  margin-bottom: 10px;
}

#socmed-wrapper {
  margin-top: 0px;
}

.boxresult img {
  margin-right: 2px;
}

.boxresult {
  padding-bottom: 15px;
}

#socmed-wrapper .btn-facebook {
  background-color: #3b5998;
  border-color: rgba(0, 0, 0, 0.2);
  color: #fff;
}

#socmed-wrapper .btn-twitter {
  background-color: #55acee;
  border-color: rgba(0, 0, 0, 0.2);
  color: #fff;
}

#socmed-wrapper .btn-youtube {
  background-color: #e22c29;
  border-color: rgba(0, 0, 0, 0.2);
  color: #fff;
}

#socmed-wrapper .btn-pinterest {
  background-color: #BD2126;
  border-color: rgba(0, 0, 0, 0.2);
  color: #fff;
}

#socmed-wrapper .btn-instagram {
  background-color: #2A5B83;
  border-color: rgba(0, 0, 0, 0.2);
  color: #fff;
}

#socmed-wrapper .btn-googleplus {
  background-color: #DC483C;
  border-color: rgba(0, 0, 0, 0.2);
  color: #fff;
}

#socmed-wrapper .btn-rss {
  background-color: #FF6600;
  border-color: rgba(0, 0, 0, 0.2);
  color: #fff;
}

#socmed-wrapper .btn-social-icon {
  height: 45px;
  width: 45px;
  overflow: hidden;
  padding: 0px;
  padding-top: 3px;
  margin-right: 5px;
  margin-top: 0px;
  margin-bottom: 3px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  text-align: center;
  font-size: 36px;
  border-radius: 20px;
  border: 2px solid #fff;
  line-height: 0px;
}

#bank-wrapper {
  padding: 5px;
  margin: 5px;
}

#hasiltogel-wrapper {
  background: url(../img/bgtogel.png) no-repeat center;
  height: 89px;
  padding-top: 25px;
}

#hasiltogel-wrapper .togelheading {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}

#hasiltogel-wrapper .togelsub {
  font-size: 11px;
  color: #fed801;
}

#hasiltogel-wrapper .hasiltogel {
  font-size: 32px;
  font-weight: bold;
  color: #fed801;
  line-height: normal;
}

.table thead,
#theading2 th {
  background-color: #2c0001;
}

#hasiltogel-wrapper a {}

.border {
  background: none;
  border: none;
  border-bottom: 1px solid #171717;
  margin: 0;
  padding: 0;
  margin-top: 15px;
}

#homenews_wrapper {
  background-color: #282626;
  border-radius: 15px;
  box-shadow: 5px 5px 3px #131111;
}

#homenews_wrapper .item_berita {
  min-height: 20px;
  margin-bottom: 30px;
  margin-top: 20px;
  padding-right: 20px;
  padding-left: 20px;
}

#homenews_wrapper time {
  color: #ff0000;
  padding: 0;
  margin: 0;
}

#homenews_wrapper h4 {
  padding: 0;
  margin: 0;
}

#homenews-header {
  background: url(../img/centerheading2.png) no-repeat 15px center, url(../img/centerheading3.png) no-repeat right, url(../img/centerheading.png) repeat-x;
  height: 39px;
  border-bottom: 0;
}

#homenews-header2 {
  background: url(../img/centerheading.png) repeat-x;
  height: 39px;
  border-bottom: 0;
}

#homenews-header h3,
#homenews-header2 h3 {
  margin: 0;
  line-height: 39px;
  padding: 0 8%;
  text-shadow: 0 0 5px #ff1919;
}

#homenews-header2 h3 {
  padding: 0;
}

#homenews-header h3,
#homenews-header a {
  color: #fff;
}

#jadwalbank_wrapper {
  background-color: #131111;
  border-radius: 10px;
  box-shadow: 5px 5px 3px #181717;
}

#jadwalbank_wrapper #daftarbank {
  padding-left: 10px;
}

#jadwalbank_wrapper .jadwalbank {
  margin-bottom: 20px;

}

.floatside {
  position: fixed;
  z-index: 10;
  top: 20%;
  cursor: pointer;
}

.item_sidefloat {
  margin: 0px 0 0 0px;
  position: relative;
}

#sideleft input[type="text"],
#sideleft input[type="password"] {
  background: white;
  color: black;
  font-weight: bold;
}

.bgblack {

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,141414+100 */
  background: #000000;
  /* Old browsers */
  background: -moz-linear-gradient(top, #000000 0%, #141414 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #000000 0%, #141414 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #000000 0%, #141414 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#141414', GradientType=0);
  /* IE6-9 */


}

. {
  border: 1px solid green;
  border-image-source: -moz-linear-gradient(top, #f8a300 0%, #ffe168 25%, #ff9000 51%, #ffcc00 100%);
  /* FF3.6-15 */
  border-image-source: -webkit-linear-gradient(top, #f8a300 0%, #ffe168 25%, #ff9000 51%, #ffcc00 100%);
  /* Chrome10-25,Safari5.1-6 */
  border-image-source: linear-gradient(to bottom, #f8a300 0%, #ffe168 25%, #ff9000 51%, #ffcc00 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border-image-slice: 5;

}

#sideleft {
  left: 10px;
  z-index: 999;
  padding: 8px;

  -webkit-box-shadow: 0px 0px 12px 3px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 12px 3px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 12px 3px rgba(0, 0, 0, 0.75);


}

#sideright {
  right: 0px;
}

#sideright {
  margin: 0px 0px;
}

#sideright:hover {
  right: 0;
}

.wa {
  background: url(../img/wa.png) no-repeat center left;
}

.phone {
  background: url(../img/phone.png) no-repeat center left;
}

.line {
  background: url(../img/line.png) no-repeat center left;
}

.wechat {
  background: url(../img/wechat.png) no-repeat center left;
}

.bbm {
  background: url(../img/bbm.png) no-repeat center left;
}

.ym {
  background: url(../img/ym.png) no-repeat center left;
}

.skype {
  background: url(../img/skype.png) no-repeat center left;
}

.baris_kontak {
  margin: 10px 0;
  height: 47px;

}

.baris_kontak .value {
  cursor: text;
  margin-left: 10px;
  display: block;
  padding: 12px 10px;
  margin-left: 53px;
  background: url(../img/item_livechat.png);
  visibility: hidden;

  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.baris_kontak:hover .value {
  visibility: visible;
}

.full-width,
full_width {
  width: 100%;
}

#sidesosial {}

#sidesosial div {
  width: 200px;
  height: 48px;
  text-align: left;
  padding-top: 15px;
  right: -20px;
  cursor: pointer;
  position: relative;
  right: -160px;
  transition: right 0.5s;
  -webkit-transition: right 0.5s;

}

#sidesosial div:hover {
  right: 0;
}

#sidesosial .fa {
  margin-left: 15px;
  margin-right: 15px;
}

#sidesosial .instagram {
  background: #a25137;
}

#sidesosial .twitter {
  background: #1ca0f1;
}

#sidesosial .googleplus {
  background: #be0000;
}

#sidesosial .pinterest {
  background: #ff0000;
}

#sidesosial .facebook {
  background: #3B5998;
}

#contact_wrapper {
  background: #000;
  border: 1px solid red;
  color: #fff;
  padding: 10px 10px 5px 10px;
}

#contact_wrapper a,
#contact_wrapper a:hover {
  color: #fff;
  text-decoration: none;
}

#contact_wrapper .col-sm-3 {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
}

h4,
h5,
h6 {
  color: #fff;
}

/*-- start animasi --*/
/* Pulse Shrink */
@-webkit-keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

.hvr-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
}

.hvr-pulse-shrink:hover,
.hvr-pulse-shrink:focus,
.hvr-pulse-shrink:active {
  -webkit-animation-name: hvr-pulse-shrink;
  animation-name: hvr-pulse-shrink;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Grow Shadow */
.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}

.hvr-grow-shadow:hover,
.hvr-grow-shadow:focus,
.hvr-grow-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}

.hvr-float-shadow:hover,
.hvr-float-shadow:focus,
.hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}

.hvr-float-shadow:hover:before,
.hvr-float-shadow:focus:before,
.hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}


.fa-refresh {
  animation-duration: 1s;
}


#loader {
  display: inline-block;
}

#loader i {
  animation: 0.5s linear 0s normal none infinite running spin;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(359deg);
  }
}

#banner-wrapper .row .col-sm-8 {
  padding: 0;
}


/*-- end animasi --*/

@media (max-width: 992px) {
  .logo {
    margin-bottom: 0;
  }

  #navbar-wrapper .logo2 {
    display: none;
  }

  #hasiltogel-wrapper {
    padding: 0;
    padding: 10px 0;
    border: 1px solid #333;
    height: auto;

    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
    background: #45484d;
    /* Old browsers */
    background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #45484d 0%, #000000 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #45484d 0%, #000000 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#000000', GradientType=0);
    /* IE6-9 */
  }
}




.top_contact {
  padding: 0 0px;
  margin-left: 15px;
}

.top_line {
  background: url(../images/line.png) no-repeat left;
}

.top_bbm {
  background: url(../images/bbm.png) no-repeat left;
  padding-right: 0;
}

.top_whatsapp {
  background: url(../images/whatsapp.png) no-repeat left;
}

.top_ym {
  background: url(../images/ym.png) no-repeat left;
}

.top_line,
.top_ym,
.top_whatsapp,
.top_bbm {
  height: 28px;
  display: block;
  line-height: 28px;
  padding-left: 35px;
  cursor: pointer;
  color: #fff;
  font-size: 12px;
  padding-right: 15px;
}

.login input[type="text"],
.login input[type="password"] {
  border: 1px solid rgb(180, 180, 180);
  font-size: 14px;
  height: 28px;
  background: #fffcf4 !important;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  /*    color: #cda94c; */
  color: black !important;
  margin-bottom: 3px;
}

.imgcaptcha {
  border-radius: 13px;
}

input:not([type="image"i]),
textarea {
  box-sizing: border-box;
}

input,
textarea,
select,
button,
meter,
progress {
  -webkit-writing-mode: horizontal-tb;
}

input,
textarea,
select,
button {
  text-rendering: auto;
  color: initial;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  display: inline-block;
  text-align: start;
  margin: 0em;
  font-size: 12px;
}

input {
  background-color: white;
  -webkit-rtl-ordering: logical;
  cursor: auto;
  padding: 1px;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 1px;
  border-width: 2px;
  border-style: inset;
  border-color: initial;
  border-image: initial;
}

#sideleft h3 {
  background: url(../images/bgheading.png) repeat-x;
  margin-bottom: 0px;
  margin-top: 0px;
  font-weight: bold;
  border: 1px solid #efc533;
  font-size: 15px;
  padding: 10px;
  text-align: center;
  color: #fff4bf;
  text-shadow: 1px 1px 1px #000;
}


input[type="button"i],
input[type="submit"i],
input[type="reset"i] {
  -webkit-appearance: push-button;
  user-select: none;
  white-space: pre;
}

input:not([type="image"i]),
textarea {
  box-sizing: border-box;
}

.btn_black {
  border: 1px solid #2a2c2f;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  font-size: 12px;
  font-family: arial, helvetica, sans-serif;
  padding: 6px 15px 6px 15px !important;
  text-decoration: none;
  display: inline-block;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
  font-weight: bold;
  color: #FFFFFF !important;
  background-color: #45484d;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#45484d), to(#000000));
  background-image: -webkit-linear-gradient(top, #45484d, #000000);
  background-image: -moz-linear-gradient(top, #45484d, #000000);
  background-image: -ms-linear-gradient(top, #45484d, #000000);
  background-image: -o-linear-gradient(top, #45484d, #000000);
  background-image: linear-gradient(to bottom, #45484d, #000000);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#45484d, endColorstr=#000000);
}

.login {
  padding: 15px;

  padding-top: 11px;
}

#listbank div {
  border-bottom: 1px solid #322502;
}

#listbank div:last-child {
  border-bottom: 0px;
}

#lastdepo h3 {
  background-image: url(../images/lastdepo.jpg) !important;
  background-repeat: norepeat;
  background-position: top;
  center;
  height: 38px;
}


#lastwd h3 {
  background-image: url(../images/lastwd.jpg) !important;
  height: 38px;
  background-repeat: norepeat;
  background-position: top;
  center;
}


#lastdepo h3,
#lastwd h3 {
  background-color: black;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  margin: 0px;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  color: #fff4bf;
  text-shadow: 1px 1px 1px #000;
}


.bgshadow {
  -webkit-box-shadow: 0px 0px 12px 3px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 12px 3px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 12px 3px rgba(0, 0, 0, 0.75);
}


.bggold {}

.fontgold {
  color: #d9bb56;
}

.fontblack {
  color: black;
}

.fontgold-light {
  color: #f7cb00;
}

.fontgreen {
  color: #7aeb00;
}

.fontred {
  color: red;
}

.fontblue {
  color: #003754;
}

#footer {
  color: #fdd149;
}

#frmregister input[type="text"],
#frmregister input[type="password"] {
  width: 300px;
  color: black;
  font-size: 14px;
  border: none;
}

.borderbottomdotted {
  border-bottom: 1px dotted #666;
}

#frmregister td {
  height: 28px;
}

.inputnominal {
  padding: 8px;
  font-size: 16px;
  font-weight: bold;
  width: 220px !important
}

.borderdotted {
  background: none;
  border: none;
  border-bottom: 1px dotted #666;
  margin-bottom: 6px;
  margin-top: 6px;
}

.blinkme {
  animation: blinker 1s linear infinite;
}

.topwork {
  font-size: 11px;
}

.mtop20 {
  margin-top: 20px;
}

.mbottom20 {
  margin-bottom: 20px;
}

.nav-tabs>li>a:hover,
.nav-tabs>li>a.active:hover {
  background-color: #35ad00;
  color: white !important;
}

.downloadbar {
  width: 48px;
  position: fixed;
  top: 168px;
  left: 0;
  z-index: 107;
  border: 1px solid #320607;

}

.downloadbar:hover {
  left: 157px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.downloadbar p {
  width: 128px;
  text-align: center;
  color: #fff;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  /* Safari and Chrome */
  -moz-transform: rotate(-90deg);
  /* Firefox */
  -ms-transform: rotate(-90deg);
  /* IE 9 */
  -o-transform: rotate(-90deg);
  /* Opera */
  position: absolute;
  top: 100px;
  left: -40px;
  letter-spacing: 1px;
  padding: 5px;
  cursor: pointer;
  font-size: 1.3rem;
}

.downloadbar .downloadcontent {
  margin-left: -157px;
  background-image: url(../images/bg_icon_download.png);
  background-repeat: repeat-x;
  background-size: auto 100%;
  height: 250px;
  padding-right: 48px;
  background: url(../images/bg-icon-livehelp-dld.png?V=1) repeat-x;
}

.cn {
  background-color: black;
}

.downloadbar .downloadcontent a {
  height: calc(182px / 3);
  display: block;
  min-height: 60px;
  padding: 14px 0 0 58px;
  color: #fff;
  line-height: 16px;
  background: url(../images/icon_download.png) no-repeat;
  word-wrap: break-word;
  font-size: 0.875rem;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.downloadbar .downloadcontent a:hover {
  text-decoration: none;
  background-color: #137F97;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
}

.downloadbar .downloadcontent .android,
.downloadbar .downloadcontent .game_title .ios,
.game_title .downloadbar .downloadcontent .ios,
.downloadbar .downloadcontent .game_title .pc,
.game_title .downloadbar .downloadcontent .pc {
  background-position: 0 0px;
  border-bottom: 1px solid #fff;
}

.downloadbar .downloadcontent .android:hover,
.downloadbar .downloadcontent .game_title .ios:hover,
.game_title .downloadbar .downloadcontent .ios:hover,
.downloadbar .downloadcontent .game_title .pc:hover,
.game_title .downloadbar .downloadcontent .pc:hover {
  background-position: 0 -4px;
}

.downloadbar .downloadcontent .ios {
  background-position: 0 -60px;
  border-bottom: 1px solid #545454;
}

.downloadbar .downloadcontent .ios:hover {
  background-position: 0 -64px;
}

.downloadbar .downloadcontent .pc {
  background-position: 0 -120px;
}

.downloadbar .downloadcontent .pc:hover {
  background-position: 0 -124px;
}

.downloadbar .downloadcontent ol {
  display: none;
}

.downloadbar .downloadcontent ol,
.downloadbar .downloadcontent ul,
.downloadbar .downloadcontent li {
  list-style: none !important;
  list-style-type: none !important;
  margin: 0px !important;
  padding: 0px !important;
}

.downloadbar .downloadcontent ol a {
  height: auto;
  min-height: 56px;
  background-color: #002D41;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4) inset;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4) inset;
  letter-spacing: -0.5px;
  background-size: 40%;
}

.downloadbar .downloadcontent ol a:hover {
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.downloadbar .downloadcontent ol a:hover span {
  display: block;
  margin-top: -6px;
  height: 38px;
  text-indent: -99999px;
  background: url(../images/icon_download.png) no-repeat center -445px;
}

.downloadbar .downloadcontent ol .pt_icon {
  background-position: 3px -484px;
}

.downloadbar .downloadcontent ol .mg_icon {
  background-position: 3px -540px;
}

.downloadbar .downloadcontent ol .sd_icon {
  background-position: 3px -596px;
}

.downloadbar .downloadcontent .more_pcgame:hover ol {
  display: block;
}

#overlay {
  background-color: black;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.4;
  /* also -moz-opacity, etc. */
  z-index: 10;
}

#loader1 {
  margin: 0 auto;
  width: 50px;
  position: absolute;
  top: 45%;
}


#barisnomor1,
#barisnomor2,
#barisnomor3 {
  background-color: #fff;
  color: #000;
}

#barisnomor1 td input[type=text]{
	background-color:#fff7cf;
}


#head1 th,
#head2 th,
#theading1 th,
#theading2 th,
#theading3 th {
  background-color: #400200;
  padding: 3px;
}

#barisnomor1 td,
#barisnomor2 td,
#barisnomor3 td {
  padding: 5px;
  line-height: 28px;
}

#tabeltransfer td {
  padding: 5px;
}


@keyframes blinker {
  50% {
    opacity: 0;
  }
}

@media screen and (min-width: 768px) {
  .nopaddleft {
    padding-left: 0px;
  }
}

#squaresWaveG {
  position: relative;
  height: 18px;
  margin: auto;
}

.squaresWaveG {
  position: absolute;
  top: 0;
  background-color: rgb(153, 102, 0);
  width: 18px;
  height: 18px;
  animation-name: bounce_squaresWaveG;
  -o-animation-name: bounce_squaresWaveG;
  -ms-animation-name: bounce_squaresWaveG;
  -webkit-animation-name: bounce_squaresWaveG;
  -moz-animation-name: bounce_squaresWaveG;
  animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-direction: normal;
  -o-animation-direction: normal;
  -ms-animation-direction: normal;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
}

#squaresWaveG_1 {
  left: 0;
  animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
}

#squaresWaveG_2 {
  left: 19px;
  animation-delay: 0.75s;
  -o-animation-delay: 0.75s;
  -ms-animation-delay: 0.75s;
  -webkit-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
}

#squaresWaveG_3 {
  left: 37px;
  animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
}

#squaresWaveG_4 {
  left: 56px;
  animation-delay: 1.05s;
  -o-animation-delay: 1.05s;
  -ms-animation-delay: 1.05s;
  -webkit-animation-delay: 1.05s;
  -moz-animation-delay: 1.05s;
}

#squaresWaveG_5 {
  left: 75px;
  animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  -ms-animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
}

#squaresWaveG_6 {
  left: 94px;
  animation-delay: 1.35s;
  -o-animation-delay: 1.35s;
  -ms-animation-delay: 1.35s;
  -webkit-animation-delay: 1.35s;
  -moz-animation-delay: 1.35s;
}

#squaresWaveG_7 {
  left: 112px;
  animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  -ms-animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
}

#squaresWaveG_8 {
  left: 131px;
  animation-delay: 1.64s;
  -o-animation-delay: 1.64s;
  -ms-animation-delay: 1.64s;
  -webkit-animation-delay: 1.64s;
  -moz-animation-delay: 1.64s;
}


.lds-ring {
  display: inline-block;
  position: relative;
  width: 22px;
  height: 22px;
  top: 5px;
}


.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -100px;
}

.spinner {
  margin: 100px auto;
  width: 80px;
  height: 60px;
  text-align: center;
  font-size: 20px;
  line-height: 350px;
}

.spinner>div {
  background-color: #fff;
  height: 100%;
  width: 6px;
  display: inline-block;

  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {

  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4)
  }

  20% {
    -webkit-transform: scaleY(1.0)
  }
}

@keyframes sk-stretchdelay {

  0%,
  40%,
  100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }

  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 22px;
  height: 22px;
  /* margin: 6px; */
  border: 4px solid #922e2e;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #922e2e transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}



.content {
  margin: 50px 100px 0px 100px;
}

.exo-menu {
  width: 100%;
  float: left;
  list-style: none;
  position: relative;
  padding-left: 0px;

  background: rgba(102, 0, 0, 1);
  background: -moz-linear-gradient(top, rgba(102, 0, 0, 1) 0%, rgba(117, 32, 1, 1) 44%, rgba(61, 16, 2, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(102, 0, 0, 1)), color-stop(44%, rgba(117, 32, 1, 1)), color-stop(100%, rgba(61, 16, 2, 1)));
  background: -webkit-linear-gradient(top, rgba(102, 0, 0, 1) 0%, rgba(117, 32, 1, 1) 44%, rgba(61, 16, 2, 1) 100%);
  background: -o-linear-gradient(top, rgba(102, 0, 0, 1) 0%, rgba(117, 32, 1, 1) 44%, rgba(61, 16, 2, 1) 100%);
  background: -ms-linear-gradient(top, rgba(102, 0, 0, 1) 0%, rgba(117, 32, 1, 1) 44%, rgba(61, 16, 2, 1) 100%);
  background: linear-gradient(to bottom, rgba(102, 0, 0, 1) 0%, rgba(117, 32, 1, 1) 44%, rgba(61, 16, 2, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#660000', endColorstr='#3d1002', GradientType=0);

}

.exo-menu>li {
  display: inline-block;
  float: left;
}

.exo-menu>li>a {
  color: #fddf96;
  text-decoration: none;
  text-transform: uppercase;
  border-right: 1px #844732 dotted;
  -webkit-transition: color 0.8s linear, background 0.2s linear;
  -moz-transition: color 0.8s linear, background 0.2s linear;
  -o-transition: color 0.8s linear, background 0.2s linear;
  transition: color 0.8s linear, background 0.2s linear;
}

.exo-menu>li>a.active,
.exo-menu>li>a:hover,
li.drop-down ul>li>a:hover {
  background: #2c0202;
  color: #fddf96;
}

.exo-menu i {
  float: left;
  font-size: 18px;
  margin-right: 6px;
  line-height: 20px !important;
}

li.drop-down,
.flyout-right,
.flyout-left {
  position: relative;
}

li.drop-down:before {
  content: "\f103";
  color: #fff;
  font-family: FontAwesome;
  font-style: normal;
  display: inline;
  position: absolute;
  right: 6px;
  top: 20px;
  font-size: 14px;
}

li.drop-down>ul {
  left: 0px;
  min-width: 230px;

}

.drop-down-ul {
  display: none;
}

.flyout-right>ul,
.flyout-left>ul {
  top: 0;
  min-width: 230px;
  display: none;
  border-left: 1px solid #365670;
}

li.drop-down>ul>li>a,
.flyout-right ul>li>a,
.flyout-left ul>li>a {
  color: #fff;
  display: block;
  padding: 20px 22px;
  text-decoration: none;
  background-color: #365670;
  border-bottom: 1px dotted #547787;
  -webkit-transition: color 0.8s linear, background 0.8s linear;
  -moz-transition: color 0.8s linear, background 0.8s linear;
  -o-transition: color 0.8s linear, background 0.8s linear;
  transition: color 0.8s linear, background 0.8s linear;
}

.flyout-right ul>li>a,
.flyout-left ul>li>a {
  border-bottom: 1px dotted #B8C7BC;
}


/*Flyout Mega*/
.flyout-mega-wrap {
  top: 0;
  right: 0;
  left: 100%;
  width: 100%;
  display: none;
  height: 100%;
  padding: 15px;
  min-width: 742px;

}

h4.row.mega-title {
  color: #eee;
  margin-top: 0px;
  font-size: 14px;
  padding-left: 15px;
  padding-bottom: 13px;
  text-transform: uppercase;
  border-bottom: 1px solid #ccc;
}

.flyout-mega ul>li>a {
  font-size: 90%;
  line-height: 25px;
  color: #fff;
  font-family: inherit;
}

.flyout-mega ul>li>a:hover,
.flyout-mega ul>li>a:active,
.flyout-mega ul>li>a:focus {
  text-decoration: none;
  background-color: transparent !important;
  color: #ccc !important
}

/*mega menu*/

.mega-menu {
  left: 0;
  right: 0;
  padding: 15px;
  display: none;
  padding-top: 0;
  min-height: 100%;
  z-index: 9999999;

}

h4.row.mega-title {
  color: #eee;
  margin-top: 0px;
  font-size: 14px;
  padding-left: 15px;
  padding-bottom: 13px;
  text-transform: uppercase;
  border-bottom: 1px solid #547787;
  padding-top: 15px;
  background-color: #365670
}

.mega-menu ul li a {
  line-height: 25px;
  font-size: 90%;
  display: block;
}

ul.stander li a {
  padding: 3px 0px;
}

ul.description li {
  padding-bottom: 12px;
  line-height: 8px;
}

ul.description li span {
  color: #ccc;
  font-size: 85%;
}

a.view-more {
  border-radius: 1px;
  margin-top: 15px;
  background-color: #009FE1;
  padding: 2px 10px !important;
  line-height: 21px !important;
  display: inline-block !important;
}

a.view-more:hover {
  color: #fff;
  background: #0DADEF;
}

ul.icon-des li a i {
  color: #fff;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  text-align: center;
  background-color: #009FE1;
  line-height: 35px !important;
}

ul.icon-des li {
  width: 100%;
  display: table;
  margin-bottom: 11px;
}

/*Blog DropDown*/
.Blog {
  left: 0;
  display: none;
  color: #fefefe;
  padding-top: 15px;
  background: #547787;
  padding-bottom: 15px;
}

.Blog .blog-title {
  color: #fff;
  font-size: 15px;
  text-transform: uppercase;

}

.Blog .blog-des {
  color: #ccc;
  font-size: 90%;
  margin-top: 15px;
}

.Blog a.view-more {
  margin-top: 0px;
}

/*Images*/
.Images {
  left: 0;
  width: 100%;
  display: none;
  color: #fefefe;
  padding-top: 15px;
  background: #547787;
  padding-bottom: 15px;
}

.Images h4 {
  font-size: 15px;
  margin-top: 0px;
  text-transform: uppercase;
}

/*common mega menu background */
.flyout-right ul>li>a,
.flyout-left ul>li>a,
.flyout-mega-wrap,
.mega-menu {}

/*hover*/
.Blog:hover,
.Images:hover,
.mega-menu:hover,
.drop-down-ul:hover,
li.flyout-left>ul:hover,
li.flyout-right>ul:hover,
.flyout-mega-wrap:hover,
li.flyout-left a:hover+ul,
li.flyout-right a:hover+ul,
.blog-drop-down>a:hover+.Blog,
li.drop-down>a:hover+.drop-down-ul,
.images-drop-down>a:hover+.Images,
.mega-drop-down a:hover+.mega-menu,
li.flyout-mega>a:hover+.flyout-mega-wrap {
  display: block;
}

/*responsive*/
@media (min-width:767px) {
  .exo-menu>li>a {
    display: block;
    padding: 20px 22px;
  }

  .mega-menu,
  .flyout-mega-wrap,
  .Images,
  .Blog,
  .flyout-right>ul,
  .flyout-left>ul,
  li.drop-down>ul {
    z-index: 9999999;
    position: absolute;
  }

  .flyout-right>ul {
    left: 100%;
  }

  .flyout-left>ul {
    right: 100%;
  }
}

@media (max-width:767px) {

  .exo-menu {
    z-index: 9999999;
    min-height: 58px;
    background-color: #23364B;
    width: 100%;
  }

  .exo-menu>li>a {
    width: 100%;
    display: none;

  }

  .exo-menu>li {
    width: 100%;
  }

  .display.exo-menu>li>a {
    display: block;
  }

  .mega-menu,
  .Images,
  .Blog,
  .flyout-right>ul,
  .flyout-left>ul,
  li.drop-down>ul {
    z-index: 9999999;
    position: relative;
  }

}

a.toggle-menu {
  position: absolute;
  right: 0px;
  padding: 20px;
  font-size: 27px;
  background-color: #ccc;
  color: #23364B;
  top: 0px;
}

.navbar-nav li {
  z-index: 999;
}

.menuproduk {
  display: block;
  width: 180px;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 30px;
  padding-right: 30px;
  float: left;
}

.menuproduk:hover {
  cursor: pointer;
  background-color: #200000;
}

.bgoverlay {
  background-image: url('../images/bgoverlay.png');
}

.produkhover:hover {
  background-color: black;
}

.zoom {
  transition: transform .2s;
  /* Animation */
}

.zoom:hover {
  transform: scale(1.2);
  /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.comingsoon {
  width: 29px;
  height: 60px;
  display: block;
  position: absolute;
  top: 0px;
  margin-left: -28px;
  background-image: url('../images/badgecomingsoon.png?v=1');
}

.hotgames {
  width: 23px;
  height: 30px;
  display: block;
  position: absolute;
  top: 0px;
  margin-left: -28px;
  background-image: url('../images/hotgames.png?v=6');
}

.iconnew {
  width: 76px;
  height: 50px;
  display: block;
  position: absolute;
  top: 0px;
  margin-left: -28px;
  background-image: url('../images/iconnew.gif?v=1');
}

.bgresultbar {
  background-image: url(../images/bgresultbar1.png?v=1);
  height: 44px;
  background-position: bottom center;
  background-repeat:no-repeat;
}

.bgblok1 {
  background-repeat: no-repeat;
  background-position: bottom center;
  background-image: url(../images/bgcasino.png?v=2);
  width: 314px;
  height: 173px;
}

.bgblok3 {
  background-repeat: no-repeat;
  background-position: bottom center;
  background-image: url(../images/bgjadwal.png?v=2);
  width: 314px;
  height: 173px;
}

.bgblok2 {
  background-repeat: no-repeat;
  background-position: bottom center;
  background-image: url(../images/bgwhy.png?v=2);
  width: 314px;
  height: 173px;
}

#listbank {
  list-style: none;
  margin: 0px;
  padding: 0px;
  text-align: center;
  width: 265px;
  margin-top: 25px;
}

#listbank li{
  float:left
}

.dashboarduser a{
  background-color:#FFD600; color:black;
  font-weight:800;
  padding:5px; border-radius:2px;
}

.dashboarduser a:hover{
  background-color:#ffe871; color:black;
  font-weight:800;
  padding:5px; border-radius:2px;
}

.infoperiode h3, .infoperiode span, .infoperiode a{
  font-size:13px; text-align:left;
}

.listpasaran td{
  line-height:10px !important;
}

.blokpasaran{
  line-height:18px;
  background-color:#2B2B2B;
  border-radius:3px;
  padding:3px;
  margin:3px;
}


.blokpasaran:hover{
  background-color:rgb(65, 64, 64);
}

.blokpasaran.selected{
  background-color:rgb(107, 24, 24) !important;
  color:black important;
}



.blink a{
  color:rgb(0, 70, 31);
  font-weight:bold;
}

.blink {
  -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
}
@-webkit-keyframes glowing {
  0% { background-color: rgb(1, 148, 20); -webkit-box-shadow: 0 0 3px rgb(1, 148, 20); }
  50% { background-color: rgb(0, 255, 55); -webkit-box-shadow: 0 0 40px rgb(0, 255, 55); }
  100% { background-color: rgb(1, 148, 20); -webkit-box-shadow: 0 0 3px rgb(1, 148, 20); }
}

@-moz-keyframes glowing {
  0% { background-color: rgb(1, 148, 20); -moz-box-shadow: 0 0 3px rgb(1, 148, 20); }
  50% { background-color: rgb(0, 255, 55); -moz-box-shadow: 0 0 40px rgb(0, 255, 55); }
  100% { background-color: rgb(1, 148, 20); -moz-box-shadow: 0 0 3px rgb(1, 148, 20); }
}

@-o-keyframes glowing {
  0% { background-color: rgb(1, 148, 20); box-shadow: 0 0 3px rgb(1, 148, 20); }
  50% { background-color: rgb(0, 255, 55); box-shadow: 0 0 40px rgb(0, 255, 55); }
  100% { background-color: rgb(1, 148, 20); box-shadow: 0 0 3px rgb(1, 148, 20); }
}

@keyframes glowing {
  0% { background-color: rgb(1, 148, 20); box-shadow: 0 0 3px rgb(1, 148, 20); }
  50% { background-color: rgb(0, 255, 55); box-shadow: 0 0 40px rgb(0, 255, 55); }
  100% { background-color: rgb(1, 148, 20); box-shadow: 0 0 3px rgb(1, 148, 20); }
}


.blinkyellow a{
  color:rgb(0, 70, 31);
  font-weight:bold;
}

.blinkyellow {
  -webkit-animation: glowingy 1500ms infinite;
  -moz-animation: glowingy 1500ms infinite;
  -o-animation: glowingy 1500ms infinite;
  animation: glowingy 1500ms infinite;
}
@-webkit-keyframes glowingy {
0% {
    background-color: rgb(148, 137, 1);
    box-shadow: 0 0 3px rgb(148, 130, 1);
}
50% {
    background-color: rgb(255, 247, 0);
    box-shadow: 0 0 40px rgb(255, 247, 0);
}

100% {
    background-color: rgb(139, 148, 1);
    box-shadow: 0 0 3px rgb(148, 143, 1);
}

}

@-moz-keyframes glowingy {
0% {
    background-color: rgb(148, 137, 1);
    box-shadow: 0 0 3px rgb(148, 130, 1);
}
50% {
    background-color: rgb(255, 247, 0);
    box-shadow: 0 0 40px rgb(255, 247, 0);
}

100% {
    background-color: rgb(139, 148, 1);
    box-shadow: 0 0 3px rgb(148, 143, 1);
}

}

@-o-keyframes glowingy {
0% {
    background-color: rgb(148, 137, 1);
    box-shadow: 0 0 3px rgb(148, 130, 1);
}
50% {
    background-color: rgb(255, 247, 0);
    box-shadow: 0 0 40px rgb(255, 247, 0);
}

100% {
    background-color: rgb(139, 148, 1);
    box-shadow: 0 0 3px rgb(148, 143, 1);
}
}

@keyframes glowingy {
0% {
    background-color: rgb(148, 137, 1);
    box-shadow: 0 0 3px rgb(148, 130, 1);
}
50% {
    background-color: rgb(255, 247, 0);
    box-shadow: 0 0 40px rgb(255, 247, 0);
}

100% {
    background-color: rgb(139, 148, 1);
    box-shadow: 0 0 3px rgb(148, 143, 1);
}
}

.label-danger{
  background-color: #b10600; padding-top:3px; padding-bottom:3px;
  margin-right:3px;
  font-size:12px; font-weight:bold;
}

.label-warning{
  background-color: #975c02; padding-top:3px; padding-bottom:3px;
  margin-right:3px;
  font-size:12px; font-weight:bold;
}