#preloader{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10005;
  /*background: url("../images/bg-overlay.png") repeat;*/
  background: rgba(19, 13, 9, 0.9);
  display: none;
}

a,
button
{
  -webkit-transition: color 0.3s,background-color 0.4s;
  -o-transition: color 0.3s,background-color 0.4s;
  transition: color 0.3s,background-color 0.4s;
}

a:not(.btn):hover, #header a:not(.btn):focus {
  color: #7B8AA4;
}
a:not(.btn) {
  color: #fff;
}

.wrapper.min-width-1260 {
  min-width: 1007px;
}

.preloader-gif{
  width: 64px;
  height: 64px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -64px 0 0 -32px;
  background: url("../images/preloader-main.gif") center no-repeat #ffffff;
  border-radius: 8px;
  box-shadow: 0 0 5px #bebebe;
}

.sports-content iframe {
  background: url("/common/images/preloader-main.gif") center center no-repeat;
}
.sports-content {
  text-align: center;
  margin: 0 100px;
}

body{
  background-color: #000000;
  /*font-family: 'Noto Sans KR', Tahoma, Malgun Gothic, Dotum, sans-serif;*/
  color: #ffffff;
}

*:focus {
  outline: none !important;
  box-shadow: none !important;
}


.content-container{
  margin: 0 auto;
  width: 960px;
}

/*header*/

.header{
  height: 80px;
  padding: 10px 0;
}

.header-container{
  position: absolute;
  display: flex;
}

.header .header-container [class*='col-']{
  padding: 0;
}

.header .logo{
  width: 253px;
  display: block;
  position: relative;
  top: 10px;
}
.header .logo img{
  width: 190px;
}

/*login*/

.header .login-container{
  width: 440px;
  background: #1c2933;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  height: 60px;
  margin-left: 133px;
  padding: 10px;
  display: flex;
  align-items: center;
}

.header .guest{
  /* padding: 10px; */
  /* position: absolute; */
  /* display: inline; */
  display: flex;
  /* justify-content: space-between; */
  align-items: center;
}

.login-container .guest form {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.login-container .guest button{
  padding: 4px 12px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 115px;
}

.guest__login-fields input {
  width: 150px;
  height: 30px;
  color: #ffffff;
  border: solid 1px #333f48;
  background: #02111c;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  font-size: 12px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-right: 2px;
}

.forgot-pass{
  color: #49545c;
  font-size: 12px;
}

.forgot-pass span:hover{
  color: #ffffff;}

/*right container*/

.right-container {
  font-size: 10px;
  color: #ffffff;
  /*text-transform: uppercase;*/
}

.right-container button{
  height: 40px;
  font-size: 12px;
  border-radius: 4px;
  border: 0;
  margin-top: 1px;
  text-transform: uppercase;
}

.right-container .menu{
  margin-left: 10px;
  margin-top: 12px;
}

.right-container .menu .dropdown-menu{
  position: absolute;
  left: 57px;
  background: #00397a;
  color: #ffffff;
  padding: 1px;
}

.right-container .menu .language-list.dropdown-menu{
  left: 2px;
  min-width: 100px;
}

.right-container .menu .dropdown-menu li{
  margin: 1px;
  background: #003470;
}

.right-container .menu .dropdown-menu li a {
  color: #ffffff;
  padding: 7px 19px;
  border-radius: 4px;
}

.right-container .menu .language-list.dropdown-menu li a {
  padding: 5px 19px;
}

.right-container .menu .dropdown-menu li a img{
  margin-right: 10px;
}

.right-container .menu .dropdown-menu li a:hover{
  background: #002857;
  color: #7b8aa4;
}

.right-container .language-translate li i:first-child {
  font-size: 26px;
  margin-right: 2px;
}
.right-container .language-translate li:hover {
  color: #0054ff;
}
.right-container .language-translate li.js-language:hover {
  color: #636363;
}

.right-container .question{
  width: 23px;
  height: 23px;
  background: url("/common/images/icons/options/question.png") no-repeat;
  background-size: 100%;
}
.right-container .language-translate li:hover .question,
.right-container .question:hover{
  background: url("/common/images/icons/options/question-hover.png") no-repeat;
}

.content-container .icon-play {
  display: inline-block;
  vertical-align: middle;
  margin-top: -3px;
}

.list-inline{ margin-left: 0; margin-bottom: 0; }
.list-inline > li{ padding: 0; vertical-align: middle;  }
.top-header .list-inline a{
  font-size: 12px;
  color: #9ba1ac;
  margin-right: 3px;
}


.main-wallet{
  display: inline-block;
}
.dropdown--container {
  position: relative;
}
.main-wallet__button{
  color: #ffffff;
  border: 1px solid #2557dc;
  background-color: #2557dc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  height: 30px;
  line-height: 19px;
  margin-left: 10px;
  min-width: 220px;
  padding: 5px;
  text-transform: uppercase;
  vertical-align: middle;
  position: relative;
}

.main-wallet__button:hover,
.main-wallet__button:focus{
  background-color: #2557dce6;
}

.main-wallet__button .caret{
  position: absolute;
  top: 12px;
  right: 5px;
}

.caret{
  color: #9ba1ac;
}

.main-wallet__button strong.pull-right{
  padding-right: 15px;
}

.main-wallet ul.list-unstyled{
  margin-bottom: 0;
}

.main-wallet .pointer{
  border: solid 10px transparent;
  border-bottom-color: #00397a;
  position: absolute;
  margin: -85px 0 0 -20px;
  top: 64px;
  left: 110px;
}

.main-wallet .dropdown-container{
  display: none;
  z-index: 9999;
  position: absolute;
  width: 910px;
  top: 49px;
  right: -390px;
  background: #00397a;
  border-radius: 4px;
}

.main-wallet .dropdown-container-menu{
  border: 2px solid #00397a;
  border-radius: 4px;
  border-bottom: 0;
}

.main-wallet .dropdown-container [class*='col-']{
  padding: 0;
}

.main-wallet .dropdown-menu-content.center{
  border-right: 3px solid #00397a;
  border-left: 3px solid #00397a;
}

.main-wallet .dropdown-menu-content li a{
  padding: 0px 10px;
  float: left;
  width: 100%;
  border-bottom: 1px solid #00397a;
  color: #ffffff;
  line-height: 30px;
  background: #003470;
  border-radius: 4px;
}

.main-wallet .dropdown-menu-content li a img{
  width: 30px;
  height: 30px;
  float: left;
  margin-right: 10px;
}

.main-wallet .dropdown-menu-content li a *{
  /*flex-grow: 1;*/
}

.main-wallet .dropdown-container .bottom-content{
  padding: 10px;
  background: #f2f2f2;
  border-radius: 0 0 4px 4px;
}

.main-wallet .transaction-container{
  background: #002857;
  text-align: left;
  padding: 15px !important;
}

.main-wallet  .transaction-container button{
  width: 100%;
  text-transform: uppercase;
}

.member{
  color: #00a2ff;
  font-size: 13px;
  text-transform: uppercase;
}

.login-container .btn-wallet{
  padding: 5px 10px;
}

.login-container .icon-wallet{
  position: absolute;
  left: 3px;
  top: -9px;
  width: 44px;
}

.col-xs-8.loginCol,
.col-xs-5.anounceCol{
  padding-right: 0;
}


.btn-primary,
.btn-primary-bordered {
  color: #ffffff;
  background-color: #2557dc;
  border: solid 1px #2557dc;
}
.btn-primary-bordered:hover,
.btn-primary-bordered:focus {
  color: #ffffff;
  background-color: #2557dce6;
}
.btn-primary-outline {
  border: solid 1px #442239;
  color: #442239;
  background-color: transparent;
}
.btn-primary-outline:hover,
.btn-primary-outline:focus  {
  background-color: #3d5172;
  color: #ffffff;
  height: 35px;
}
.bordered-0{
  border-color: transparent;
  border-radius: 0 !important;
}
.btn-padded {
  width: 120px;
}
.text-gold {
  color: #fdd001 !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
  -webkit-box-shadow: 0 0 0 30px #faf5f8 inset !important;
}
/*.guest{ margin-top: 19px; }*/

.user{ font-size: 12px; color: #ffffff; padding: 15px 0px 0;}
.user span{ vertical-align: middle; }
.user span:hover[role="button"]{ color: #98116d; }
.user button{ text-transform: uppercase}

.user-wallet{ margin-top: 3px; }
.user-wallet .btn{ padding: 0 10px; margin-bottom: 5px; }
.user-wallet .btn-purple{ width: 97px; }

.navigation{
  background: #013b7a;
  height: 46px;
  position: relative;
  border-top: 1px solid #013b7a;
}

.navigation .list-inline li:hover, .navigation .list-inline li:focus, .navigation .list-inline li.active {
  /*  background: rgba(0,0,0,0.2);
      color: #fdd001;*/
  color: #fdd001;
}

.navigation .list-inline li{
  position: relative;
  float: left;
  /*padding: 0px 10px 0px 20px;*/
  font-size:13px
}

.navigation .list-inline li:first-child,
.navigation .list-inline li:nth-child(2) {
  /*width: 81px;*/
  /*padding: 0;*/
}
.navigation .list-inline li:first-child a,
.navigation .list-inline li:nth-child(2) a {
  padding: 0;
}

.navigation .second .list-inline a{
  padding: 0 10px !important;
}

.navigation .list-inline a{
  display: table-cell;
  height: 45px;
  text-align: center;
  color: #ffffff;
  vertical-align: middle;
  padding: 0px 10px;
  font-size: 0;
  cursor: pointer;
}

.navigation .list-inline a span {
  vertical-align: middle;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
}

.navigation .list-inline a:hover,
.navigation .list-inline a:focus,
.navigation .list-inline a.active{
  /*background: rgba(0,0,0,0.2);*/
  color: #0287fb;
}

/*.navigation .list-inline a::after, .navigation .list-inline li:first-child a::before {
  content: "";
  height: 50%;
  width: 1px;
  background: rgba(255,255,255,0.2);
  position: absolute;
  top: 13px;
  right: 0;
}*/

.navigation .list-inline li:first-child a::before {
  left: 0;
}

.navigation .badge{
  background-color: #ff0000;
  border-radius: 0;
  font-size: 10px !important;
  padding: 0 5px;
  height: 16px;
  line-height: 1.45;
}

.navigation .popover-wrapper .content-container{
  padding-bottom: 0;
}
.navigation .popover-wrapper{
  width: 100%;
  position: absolute;
  z-index: 999;
  padding-bottom: 20px;
  display: none;
}

.navigation  .popover-subcontainer{
  background: #061b35;
  /*height: 100%;*/
  height: 205px;
  overflow: hidden;
  position: relative;
}

.navigation .popover-casino .popover-subcontainer{
  height: 160px;
}
.navigation .popover-arcade .popover-subcontainer{
  height: 160px;
}

.navigation .popover-slots  .popover-subcontainer{
  background: #061b35;
  height: 160px;
}

.navigation .popover-footer-container{
  background: #5b729e;
  padding: 2px;
}

.navigation .nav-home-sub,
.navigation .nav-phone-sub,
.navigation .nav-sports-sub{
  display: inline-flex;
  margin: 0 auto;
  width: 100%;
  text-align: center;
}
.nav-phone .icon,
.nav-home .icon{
  width: 30px;
  height: 28px;
}
.icon.icon-phone{
  background: url("/common/images/nav/phone.png");
}
.icon.icon-phone:hover,
.nav-phone.active .icon.icon-phone{
  background: url("/common/images/nav/phone-hover.png");
}
.icon.icon-home{
  background: url("/common/images/nav/home.png");
}
.icon.icon-home:hover,
.nav-home.active .icon.icon-home{
  background: url("/common/images/nav/home-hover.png");
}

.popover__nav {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  text-align: center;
  justify-content: center;
  align-items: center;
}

.popover__nav__link {
  width: calc(100% / 4);
  display: inline-block;
  vertical-align: middle;
  height: 205px;
  padding: 10px 0 0 0;
  position: relative;
  color: #ffffff;
}

.popover-arcade .popover__nav__link{
  width: calc(100% / 5);
}

.popover__nav__link.second{
  width: calc(100% / 7);
}

.popover-muaythai .popover__nav__link{ margin: 0 auto;}

.popover__nav__link.show-on-hover.active {
  padding: 20px 16px 0;
}
.popover-sports .popover__nav__link,
.popover-lottery .popover__nav__link{
  width: 33.33%;
  padding: 10px 17px 0;
}

.popover-others .popover__nav__link{
  width: calc(100% / 5);
}

.popover__nav__link.show-on-hover.active {
  height: 100%;
  opacity: 1;
  transition: all .25s;
}
.popover__nav__link.show-on-hover {
  height: 0;
  opacity: 0;
  padding: 0;
  transition: all .25s;
}

/*.popover-sports .popover__nav__link,
.popover-lottery .popover__nav__link{
  padding: 20px 0;
}*/
.popover-graph-game .popover__nav__link, .popover-poker .popover__nav__link {
  margin: 0 auto;
  width: 375px;
}

.popover__nav__link:hover {
  background: #0c2756;
  color: #ffffff;
}
/*.popover__nav__link:after { !* for line below the img *!
 content: "";
  width: 200vw;
  height: 25px;
  background: #2e405e;
  bottom: 0;
  display: block;
  position: absolute;
  left: -100vw; !* minus container width *!
}*/

.line{
  content: "";
  width: 100%;
  height: 36px;
  background: #0287fb;
  bottom: 0px;
  display: block;
  position: absolute;
}

.popover__nav__img {
  width: 125px;
}

.popover__nav__footer {
  position: relative;
  text-align: center;
  z-index: 1;
  white-space: nowrap;
  justify-content: center;
  display: flex;
  align-items: center;
  padding: 15px 0 0 0;
}

.popover-others .popover__nav__footer{
  margin-top: 14px;
}

.popover__nav__footer p {
  margin: 0 12px 0 0;
  color: #ffffff;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  font-size: 12px;
}
/*.popover__nav__footer p:last-child {
  margin-right: 0;
}*/
.popover__nav__footer .icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

button:hover .icon.icon-play { background-image: url('/common/images/nav/play-button-hover.png'); }
.icon.icon-play { background-image: url('/common/images/nav/play-button.png'); }
button:hover .icon.icon-pop-up { background-image: url('/common/images/nav/pop-up-button-hover.png'); }
.icon.icon-pop-up { background-image: url('/common/images/nav/pop-up-button.png'); }

.navigation .popover-wrapper span{
  text-align: center;
  color: #fff;
  margin: auto;
}

.navigation .nav-home-bg,
.navigation .nav-sports-bg,
.navigation .nav-slots-bg{
  width: 175px;
  margin: auto;
  padding-top: 30px;
  height: 195px;
  padding-left: 0;
  padding-right: 0;
}
.nav-footer-text{
  width: 175px;
  margin: auto;
}

.navigation .nav-lottery-bg{
  width: 175px;
  margin: 0 5px 0 5px;
  padding-top: 30px;
  height: 195px;
  padding-left: 0;
  padding-right: 0;
}

.navigation .nav-slots-bg{
  padding-top: 20px;
}

.navigation .nav-phone-bg{
  width: auto;
  margin: auto;
  height: 195px;
}

.navigation .nav-home-bg img,
.navigation .nav-sports-bg img,
.navigation .nav-slots-bg img,
.navigation .nav-lottery-bg img{
  width: 100%;
}

.navigation .nav-home-bg:hover,
.navigation .nav-phone-bg:hover,
.navigation .nav-sports-bg:hover,
.navigation .nav-slots-bg:hover,
.navigation .nav-lottery-bg:hover{
  background: rgba(139,23,104,0.2);
}

.navigation .content-container.lottery-container{
  width: 526px;
}

.side-chat-container{
  cursor:pointer;
  position: fixed;
  left:-153px;
  top:157px;
  z-index: 999;
  height: 219px;
}

.side-download-container{
  cursor:pointer;
  position: fixed;
  left:-240px;
  top:385px;
  z-index: 9999;
  height: 219px;
}

.side-chat__content{ position: relative; }
.side-chat__content ul{
  position: absolute;
  top: 175px;
  left: 39px;
}

.marquee{
  display: inline-flex;
  color: #ffffff;
}

.marquee .marquee-text {
  cursor: pointer;
  padding-top: 2px;
  width: 910px;
  -webkit-animation: marquee 5s linear infinite;
  -o-animation: marquee 5s linear infinite;
  animation: marquee 5s linear infinite;
  -webkit-overflow-scrolling: touch;
}

.marquee__date {
  opacity: .5;
  font-size: 12px;
  font-weight: 700;
  margin-right: 3px;
}

/*RIGHT PANEL BY KIM*/

.right-side-quick-container{
  cursor:pointer;
  position: fixed;
  right:0;
  top:157px;
  z-index: 999;
  height: 219px;
}

.right-side-deposit-container{
  cursor:pointer;
  position: fixed;
  right:0;
  top:385px;
  z-index: 9999;
  height: 219px;
}

.right-side-quick-popover{
  background: #020611;
  position: fixed;
  right:-285px;
  top:157px;
  z-index: 99999;
  min-height: 300px;
  max-height: 650px;
  width: 274px;
  padding: 0 17px;
  box-shadow: -3px 0px 20px rgba(0, 0, 0, 0.3);
}

.right-side-quick-popover h1{
  color: #ffffff;
  font-size: 22px;
  font-weight: normal;
  text-align: right;
  margin: 14px 0;
}
.right-side-quick-popover hr{
  border-top: 1px solid rgba(64, 64, 64, 0.05);
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  margin: 16px 0;
}

.right-side-quick-popover .form-control,
.right-side-quick-popover .btn-purple{
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.19);
  padding: 6px 8px;
  border: 0;
  height: 40px;
  margin-bottom: 10px;
  border-radius: 0;
  width: 100%;
  position: relative;
  font-size: 14px;
  color: #8f99a5;
  background: #1e314a;
}

.right-side-quick-popover .wallet{
  background: #020611;
  margin: 0 -17px;
  height: 355px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.right-side-quick-popover .wallet .balance{
  background: #041326;
  padding: 18px 17px;
  /*font-family: Tahoma, Malgun Gothic, Dotum, sans-serif;*/
}
.right-side-quick-popover .wallet .balance p{
  text-align: right;
  font-size: 14px;
  margin: 0;
  color: #ffffff;
  font-weight: bold;
}
.right-side-quick-popover .wallet .balance h1{
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  margin: 0 0px;
}

.right-side-quick-popover .wallet .table{
  font-size: 12px;
}
.right-side-quick-popover .wallet .table td{
  border-top:none;
  padding: 5px;
}

.right-side-quick-popover .wallet .table td.w-balance{
  text-align: right;
}

.right-side-quick-popover .close-popover{
  background: url('/common/images/close-icon.png');
  background-position: center center;
  background-size: contain;
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
  top: 16px;
}

/*END RIGHT PANEL BY KIM*/



/*END EDITED BY KIM*/
.banner{
  background-color: #020611;
  text-align: center;
}
.main-banner-container {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.main-banner-container .content-container {
  text-align: left;
  position: relative;
  height: 500px;
  cursor: pointer;
}

.main-banner-container .content-container.small-slider{
  height: auto;
}

.main-banner-container .content-container .banner-desc{
  position: absolute;
  bottom: 15px;
}
.main-banner-container .banner-desc h1{
  text-transform: uppercase;
  font-size: 50px;
}
.main-banner-container .banner-desc h3{
  margin-top: 0;
  font-size: 34px;
  color: #ccc;
}

.main-banner-container .slick-initialized .slick-slide{ text-align: center; position: relative; left: 0; top: 0; z-index: 999; opacity: 1;}
.main-banner-container .slick-slide img{ display: inline-block;  max-width: 100%; }
.main-banner-container .slick-dots{ bottom: 10px; }
.main-banner-container .slick-dots li button:before{
  font-size: 16px;
  opacity: 1;
  color: #500c3c;
}

.main-banner-container .main-banner-live{ background: url("/common/images/banner/main-banner-live.jpg");}


.main-banner-container .main-banner-7 {background:  url("/common/images/banner/main-banner-live.jpg") center no-repeat;}

.main-banner-container .main-banner-1-en_US {background:  url("/common/images/banner/main-banner-1.png") center no-repeat;}
.main-banner-container .main-banner-2-en_US {background:  url("/common/images/banner/main-banner-2.png") center no-repeat;}
.main-banner-container .main-banner-3-en_US {background:  url("/common/images/banner/main-banner-cashMarket.png") center no-repeat;}

.main-banner-container .main-banner-1-ja_JP,
.main-banner-container .main-banner-1-undefined{
  background:  url("/common/images/banner/main-banner-1.png") center no-repeat;
}
.main-banner-container .main-banner-2-ja_JP,
.main-banner-container .main-banner-2-undefined{
  background:  url("/common/images/banner/main-banner-2.png") center no-repeat;
}
.main-banner-container .main-banner-3-ja_JP,
.main-banner-container .main-banner-3-undefined{
  background:  url("/common/images/banner/main-banner-cashMarket.png") center no-repeat;
}


.main-banner-container .main-banner{
  height: 470px;
  width: 1600px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #03111c;
}

.text-container {
  position: absolute;
  top: 145px;
  left: 50%;
  color: #ffffff;
  z-index: 1;
  width: 960px;
}
.text-slider {
  position: relative;
  left: -50%;
  width: 500px;
}

.text-slider__img, .main-banner-container .slick-dots {
  text-align: left;
  bottom: -40px;
}

.slider__banner {
  cursor: pointer;
}
.main-banner-container .slick-dots {
  left: 25px;
}

.main-banner-container .slick-dots li.slick-active button:before { opacity: 1; color: #ffffff; }
.main-banner-container .slick-dotted.slick-slider{ margin-bottom: 0; }

.slick-highlights .slick-slide {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.announcement{
  background: #013b7a;
  padding: 5px 0;
  position: relative;
  height: 35px;
}

.icon-container {
  padding: 5px 17px;
  background-color: #020611;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.icon-container i {
  color: #ffffff;
  font-size: 16px;
}

.icon {
  height: 15px;
  width: 15px;
  background-repeat: no-repeat;
  -webkit-background-size: 100%;
  background-size: 100%;
  display: inherit;
}

.icon-notice {
  background-image: url("/common/images/icons/notice-icon-white.png");
}

.main-page{
  background-color: #02111c;
  padding-bottom: 47px;
}

.main-page__content{
  background: #02111c;
  padding: 20px;
  box-shadow: 0 0 40px rgba(0,0,0,0.1);
}

.jackpot{
  position: relative;
}

.jackpot-main{
  position: absolute;
  right: 73px;
  top: 30px;
}

.jackpot-odometer{
  height: 48px;
  overflow: hidden;
  position: relative;
  width: 570px;
}

.won{
  position: absolute;
  top: 37px;
  left: 245px;
}
.main-product{
  display: flex;
  align-content: space-between;
  justify-content: space-between;
}

.main-product .main-gamebuttons {
  height: 400px;
  width: 295px;
  position: relative;
}

.main-product .main-gamebuttons .details{
  position: absolute;
  bottom: 25px;
  margin: 0 auto;
  left: 0px;
  right: 0px;
  text-align: center;
}

.main-product .main-gamebuttons .details .title{
  margin-bottom: 10px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 30px;
}

.main-product .main-gamebuttons .details button{
  background: #0287fb;
  border-radius: 25px;
  padding: 8px 20px;
  text-transform: uppercase;
  font-weight: bold;
}

.main-product .main-gamebuttons .details button:hover {
  color: #ffffff;
  background: #013b7a;
  border: 1px solid #2b7cce;
}

.main-product .main-gamebuttons.gamebutton-1{
  background: url("/common/images/main/main-gamebutton-1.png") no-repeat;
}
.main-product .main-gamebuttons.gamebutton-2{
  background: url("/common/images/main/main-gamebutton-2.png") no-repeat;
}
.main-product .main-gamebuttons.gamebutton-3{
  background: url("/common/images/main/main-gamebutton-3.png") no-repeat;
}

.main-product .main-gamebuttons.gamebutton-1:hover {
  background: url("/common/images/main/main-gamebutton-1-hover.png") no-repeat;
}
.main-product .main-gamebuttons.gamebutton-2:hover {
  background: url("/common/images/main/main-gamebutton-2-hover.png") no-repeat;
}
.main-product .main-gamebuttons.gamebutton-3:hover {
  background: url("/common/images/main/main-gamebutton-3-hover.png") no-repeat;
}

.main-product .col-sm-4, .main-product .col-xs-4{ padding: 0; }
.main-product .product{
  height: 280px;
  min-height: 280px;
  text-align: center;
}

.product .title{
  color: #ffffff;
  font-size: 18px;
  margin: 14px 0 25px 20px;
  font-weight: 700;
  text-align: left;
  position: relative;
}

.product .title:after {
  content: "";
  background: #354149;
  position: absolute;
  bottom: -13px;
  left: 0;
  height: 3px;
  width: 30px;
}

.main-product .product:nth-child(-n+2) { background: url("../images/divider-line-1.png") no-repeat center right; }
.main-product .product:nth-child(n+4):nth-child(-n+6) { background: url("../images/divider-line-1.png") no-repeat center right; }

.product .table{
  border-collapse: separate;
  border-spacing: 0 5px;
}

.product .promo-slider{
  padding: 0 20px;
}

.product .realtime-transaction{
  height: 230px;
  padding: 30px 20px;
}

.product.game-info .main-slider div{
  position: relative;
}
.product.game-info .main-slider a:hover span{
  color: #7B8AA4;
  -webkit-transition: ease 1s;
  -moz-transition: ease 1s;
  -ms-transition: ease 1s;
  -o-transition: ease 1s;
  transition: ease 1s;
}

.product.game-info .centered{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 30px;
  color: #ffffff;
  text-overflow: ellipsis;
  text-transform: uppercase;
  font-weight: bold;
  width: 100%;
  text-align: center;
}

.transaction-table {
  width: 100%;
  padding: 0 2px;
}
.transaction-table tr {
  border-top: solid 1px #dcdcdc;
}
.transaction-table td {
  padding: 6px 5px;
  font-size: 12px;
}
.transaction__amount {
  text-align: right;
  font-weight: 700;
  color: #2e405e;
}
.transaction__id {
  text-align: left;
}
.transaction__badge .badge {
  padding: 5px;
  border-radius: 3px;
  color: #ffffff;
  font-size: 10px;
}

.badge-success { background-color: #30a73b; }
.badge-danger { background-color: #d9534f; }

.product .realtime-transaction .deposit,
.product .realtime-transaction .deposit-amount { color: #2A8FBD; }
.product .realtime-transaction .withdraw,
.product .realtime-transaction .withdraw-amount{ color: #D6001E; }

.product .promo-slider.main-slider{
  padding-top: 0;
}
.product .main-slider,
.product .contact.main-slider{ width: 100%; padding-top: 22px; }


.main-slider .slick-dots li{ margin: 0; }
.product .main-slider .slick-dots{ bottom: -40px; }
/*.product .realtime-transaction.main-slider .slick-dots{ bottom: -38px; }*/
/*.contact.main-slider .slick-dots{ bottom: -25px; }*/

.contact-container {
  display: block;
}
.contact .contact-container, .product .product-container {
  text-align: left;
  padding: 0 20px 0 35px;
  margin-bottom: 10px;
}
.product .product-container {
  padding-left: 20px;
  margin-bottom: 12px;
}
.contact__img, .contact__info-wrapper,
.product__img, .product__info-wrapper {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
.product__info-wrapper {
  width: 211px;
}
.contact__img, .product__img {
  height: 40px;
  width: 40px;
  margin-right: 7px;
  text-align: left;
}
.contact__img img, .product__img img {
  width: 100%;
}
.contact__subtitle {
  font-size: 12px;
  color: #999999;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
.product__subtitle {
  font-size: 16px;
  color: #222f45;
  font-weight: 700;
  margin: 0;
  margin-bottom: 3px;
}
.product__info {
  color: #545454;
  font-size: 11px;
  line-height: 1.5;
  margin: 0;
  word-break: break-all;
  word-break-cjk: break-all;
}
.contact__info {
  color: #0189ff;
  font-weight: 700;
  font-size: 14px;
  margin: 0;
  padding: 0;
  word-break: break-word;
}

.main-slider .slick-dots li button:before{
  font-size: 13px;
  opacity: 1;
  color: #1c2933;
}

.main-slider .slick-dots li.slick-active button:before { opacity: 1; color: #0189ff; }
.main-slider .slick-dotted.slick-slider{ margin-bottom: 0; }

.information{ padding: 10px 20px 0; }
.information a{ color: #ffffff; font-size: 16px; font-size: 14px; margin-bottom: 20px; font-weight: 700;}
.information a:hover, .information a:focus, .information a:hover i { color: #808ea8; }
.information i{
  font-size: 24px;
  color: #fff;
  vertical-align: sub;
  margin-left: 10px;
}
.information div{
  margin: 10px 0;
  position: relative;
  background-color: rgba(255, 255, 255, .10);
  padding: 10px 20px;
  border-radius: 0 30px 30px;
}

/*deposit withdrawal estimation*/
.service-advantages{
  color: #FFFFFF;
}

.service-advantages h3 {
  margin: 0 0 3px 0px;
  text-transform: uppercase;
  /* font-weight: bold; */
  color: #35c1ff;
  display: inline-block;
}

.service-advantages-conatiner{
  /*  margin-left: 28px;
    width: 360px;*/
}

.service-advantages-item {
  margin: 18px 0 15px 0;
}

.left-text{
  float: left;
  display: inline-grid;
}

.left-text span{
  color: #ffffff;
  font-size: 14px;
}

.ave-time {
  float: right;
  text-align: right;
  margin-right: 10px;
  font-size: 18px;
  color: #FFFFFF;
}

.ave-time strong {
  font-weight: initial;
  text-transform: uppercase;
  letter-spacing: -1px;
  display: inline;
  color: #0181f0;
}

.progressBars {
  display: block;
  clear: both;
  position: relative;
  /* border: 4px solid #f3f3f3; */
  background: rgba(255, 255, 255, .1);
}

.progressBars div {
  font-size: 16px;
  color: #ffffff;
  text-align: right;
  text-shadow: 0px 0px 2px #000;
  text-indent: 9999px;
  overflow: hidden;
  background: #0189ff;
  background: -moz-linear-gradient(left,  #0189ff 0%, #01c0ff 100%);
  background: -webkit-linear-gradient(left,  #0189ff 0%,#01c0ff 100%);
  background: linear-gradient(to right,  #0189ff 0%,#01c0ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0189ff', endColorstr='#01c0ff',GradientType=1 );

}


/* mobile.php */
.mobile-banner{ background: url("../images/mobile/bg-mobile-page.jpg") no-repeat top center; }
.mobile-page h1{
  font-size: 45px;
  color: #38a2f1;
  margin-top: 0;
}

.mobile-page__content{
  padding: 20px 30px 15px;
  /*background-color: #CCCCCC;*/
  margin-bottom: 30px;
  font-size: 18px;
}

/* sports.php */
.bg-sports-play{ overflow: hidden}
/*.bg-sports { background: url("../images/sports/background/bg-sports.jpg") no-repeat center 120px }*/

.gamebutton{
  float: left;
  margin: 0 5px 5px 0;
  position: relative;
}

.gamebutton__content{
  font-size: 12px;
  padding: 10px;
}

.gamebutton__button-container .icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 2px;
}

.gamebutton__button-container {
  position: absolute;
  bottom: 20px;
  padding: 0 20px;
  width: 100%;
}

.gamebutton__button-container button {
  color: #ffffff;
  line-height: 1;
  padding: 9px 16px;
  width: calc(257px / 2);
}

.gamebutton__button-container.slot button {
  width: 100%;
}

.gamebutton__button-container button:hover {
  background-color: #fdd001;
  color: #000000;
}

.gamebutton__title {
  font-size: 18px;
  font-weight: 700;
  color: #c4c4c4;
}

.gamebutton__title, .gamebutton__img--html, .gamebutton__header__link {
  display: inline-block;
}
.gamebutton__img--html {
  position: relative;
  bottom: 10px;
  margin-left: 5px;
}
.gamebutton__header__link {
  float: right;
  color: #cc1391;
  font-weight: 700;
  font-size: 8px;
  margin-top: 4px;
}

.gamebutton__header__link:hover {
  color: #fdd001;
}


/* games.php */
.games-page .item{ position: relative; }
.games-page .item .col-sm-6{ padding: 0 0; }
.games-page .item__content{
  font-size: 13px;
  -ms-word-break: keep-all;
  word-break: keep-all;
}
.games-bg{
  min-height: 499px;
  padding: 100px 0;
}

.games-bg-1{ background: url("../images/games/games-bg-1.jpg") no-repeat top center }
.games-bg-2{ background: url("../images/games/games-bg-2.jpg") no-repeat top center }
.games-bg-3{ background: url("../images/games/games-bg-3.jpg") no-repeat top center }
.games-bg-4{ background: url("../images/games/games-bg-4.jpg") no-repeat top center }
.games-bg-5{ background: url("../images/games/games-bg-5.jpg") no-repeat top center }
.games-bg-6{ background: url("../images/games/games-bg-6.jpg") no-repeat top center }
.games-bg-7{ background: url("../images/games/games-bg-7.jpg") no-repeat top center }
.games-bg-8{ background: url("../images/games/games-bg-8.jpg") no-repeat top center }
.games-bg-9{ background: url("../images/games/games-bg-9.jpg") no-repeat top center }
.games-bg-10{ background: url("../images/games/games-bg-10.jpg") no-repeat top center }
.games-bg-11{ background: url("../images/games/games-bg-11.jpg") no-repeat top center }
.games-bg-12{ background: url("../images/games/games-bg-12.jpg") no-repeat top center }

/* slots.php */
/*.bg-slots { background: url("../images/slots/bg-slot-default.jpg") no-repeat center 0; }*/
.bg-playngo { background: url("../images/slots/slot-bg/bg-slot-1.jpg") no-repeat center 125px }
.bg-habanero { background: url("../images/slots/slot-bg/bg-slot-3.jpg") no-repeat center 125px }
.bg-micro { background: url("../images/slots/slot-bg/bg-slot-4.jpg") no-repeat center 125px }
.bg-playtech { background: url("../images/slots/slot-bg/bg-slot-6.jpg") no-repeat center 125px }
.bg-gameplay { background: url("../images/slots/slot-bg/bg-slot-10.jpg") no-repeat center 125px }

.slots-banner {
  width: 645px;
  padding: 50px 0;
}

.slots-page .gamebutton{
  border: 2px solid #bfbfbf;
  width: 305px;
  background-color: #000000;
  height: 430px;
}

.slots-page .gamebutton:hover{
  border-color: #fdd001;
  cursor: pointer;
}

.slots-page .gamebutton__content h4{ font-size: 16px; }

.gamebutton__header {
  display: block;
  position: relative;
  margin-top: 157px;
  padding: 0 20px;
}
.sports-page .gamebutton__title {
  margin-top: 0;
}
.gamebutton__thumbnail {
  position: absolute;
  top: 0;
  width: 100%;
}
.gamebutton.coming-soon .gamebutton__thumbnail {
  position: relative;
}
.gamebutton.coming-soon .gamebutton__content h3{
  margin: 0;
  text-align: center;
}

.slots-page .top-game .col-sm-6{
  background: rgba(211, 211, 211, 0.48);
  margin-bottom: 10px;
}

.slots-page .top-game__head,
.slots-page .top-game__content { padding: 20px 0; }
.slots-page .top-game__head span{
  font-size: 27px;
  color: #3e0d30;
  font-weight: bold;
  padding-left: 10px;
}

/* gamebuttons*/
/*.bg-lottery { background: url("../images/lottery/bg-lottery.png") no-repeat center 125px }*/

.game-page .sub-nav{
  height: 135px;
  padding: 20px 0;
  text-align: center;
}

.sub-nav .thumbnail-sub-nav{
  width: 16.66%;
  display: inline-block;
}

.casino-page .sub-nav .thumbnail-sub-nav{
  width: calc(100% / 8);
  display: inline-block;
}

.casino-page.game-page .sub-nav{
  height: 230px;
}

.slot-page .sub-nav .thumbnail-sub-nav{
  width: calc(100% / 8);
  display: inline-block;
}
.minigames-page .sub-nav .thumbnail-sub-nav{
  width: calc(100% / 7);
  display: inline-block;
}
.sub-nav span{
  display: block;
  font-weight: 400;
  font-size: 12px;
  color: inherit;
  margin-top: 6px;
}

.game-page .banner{
  width: 100%;
  height: 500px;
  position: relative;
}
.casino-banner-en_US{ background: url("/common/images/casino/live-banner.jpg") no-repeat center #020611;}
.minigames-banner-en_US{ background: url("../images/games/arcade-banner.jpg") no-repeat center #020611;}
.slot-banner-en_US{ background: url("../images/slots/banners/slot-banner.jpg") no-repeat center #020611;}

.casino-banner-ja_JP{ background: url("../images/casino/live-banner.jpg") no-repeat center #020611;}
.slot-banner-ja_JP{ background: url("../images/slots/banners/slot-banner.jpg") no-repeat center #020611;}
.minigames-banner-ja_JP{ background: url("../images/games/arcade-banner.jpg") no-repeat center #020611;}

.casino-banner-undefined{ background: url("../images/casino/live-banner.jpg") no-repeat center #020611;}
.slot-banner-undefined{ background: url("../images/slots/banners/slot-banner.jpg") no-repeat center #020611;}
.minigames-banner-undefined{ background: url("../images/games/arcade-banner.jpg") no-repeat center #020611;}

.game-page .gamebuttons-container{
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}

.game-page .content-title{
  position: absolute;
  bottom: 0;
  color: #cccccc;
  padding-left: 40px;
  margin-bottom: 20px;
}

.game-page .item_header{
  padding: 30px 35px 0;
  color: #fff;
}

.casino-page .item_header{
  padding: 30px 20px 0 55px;
}

.game-page .gamebutton .item__title{
  color: #ffffff;
  font-size: 37px;
  display: inline;
}

.game-page .gamebutton .item__content{
  font-size: 1.1rem;
  color: #999999;
}

.game-page .content-title .item__title{
  margin: 0;
  color: #ffffff;
  text-transform: uppercase;
}

.game-page .gamebutton .btn {
  padding: 6px 25px;
}
.game-page .gamebutton .btn i{
  margin-left: 10px;}

.game-page .gamebutton-header{
  position: relative;
}

.gamebutton{
  width: 960px;
  height: 245px;
  margin-top: 15px;
}

.slot-page .gamebutton{
  width: 313px;
  height: 168px;
  margin: 0 5px 10px;
  opacity: 1;
}

.slot-page .gamebutton:hover{
  -webkit-transition: opacity .3s ease-in;
  -moz-transition: opacity .3s ease-in;
  -ms-transition: opacity .3s ease-in;
  -o-transition: opacity .3s ease-in;
}
.slot-page .gamebutton:hover img:first-of-type{
  opacity: .3;
  transition: opacity .3s ease-in;
}

.slot-page .gamebutton .playbutton{
  display: none;
}

.slot-page .gamebutton:hover img.playbutton {
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.slot-page .gamebutton:nth-child(3n+4),
.slot-page .gamebutton:first-child{
  margin-left: 0;
}
.slot-page .gamebutton:nth-child(3n+0) {
  margin-right: 0;
}

.gamebutton .gamebutton-img{
  left: 0;
}

.gamebutton img{
  position: absolute;
}

/* promotion.php */
.bg-promotion{ overflow-x: hidden; }
#sakura{perspective: 600px;}

.dot{
  width: 25px;
  height: 25px;
  position: absolute;
  background: url('../images/sakura-leaf.png');
  background-size: 100% 100%;
}

.promo-nav{
  background-color: #222326;
  margin: 0 15px 15px;
}

.promo-nav li {
  text-transform: uppercase;
  color: #ffffff;
  line-height: 46px;
  text-align: center;
  width: calc(100% / 6);
  cursor: pointer;
  white-space: nowrap;
  letter-spacing: -0.4px;
  font-size: 12px;
}
.promo-nav li.active, .promo-nav li:hover {
  color: #ffffff;
  background: #2557dc;
}

.promo{
  background: #222326;
  min-height: 280px;
  position: relative;
  margin-bottom: 20px;
}

.promo__text{ padding: 10px; }
.promo__text h4{ color: #38a2f1; }
.promo__button{
  position: absolute;
  bottom: 10px;
  width: 100%;
}
.promo__button button{ width: 235px;}

.promo-footer{
  /*background: #f8f8f8;*/
  padding: 15px;
  margin: 20px 15px;
  color: #ffffff;
}

.promo-footer h4{ color: #38a2f1; }

/* promotion dialog */
.ngdialog-promotion.ngdialog.ngdialog-theme-default .ngdialog-content {
  width: 550px;
}

/*3.promotion-ngdialog .ngdialog-header{ border: 10px solid #020611; }*/
.promotion-ngdialog .ngdialog-body{
  padding: 10px;
  background: #222326;
}

.promotion-ngdialog strong{
  color: #00a2ff;
}
.promotion-ngdialog h5,
.promotion-ngdialog li{
  color: #ffffff;
}

/* mypage.php */

.signup-page{
  background: #02111c;
}

.signup-page, .mypage-page{
  padding: 20px 0;
}

.mypage-page .content-container{
  width: 960px;
  background: #013b7a;
}
.mypage-page [class^="col-"], [class*=" col-"] {
  padding: 0;
}
.mypage-page .mypage-content {
  background-color: #222326;
  padding: 10px;
  min-height: 761px;
}
.customer__form .form-control,
.mypage-page .form-control{
  background: #222326;
  border: #222326;
  color: #ffffff;
}

.mypage-nav a, .mypage-nav__title{
  display: block;
  color: #ffffff;
  line-height: 46px;
  border-bottom: 1px solid #1a4474;
  padding: 0 20px;
  opacity: .70;
  transition: all .5s ease-in;
}

.mypage-nav__title {
  background: #0287fb;
  opacity: 1;
  color: #ffffff;
  font-size: 14px;
}

.mypage-nav .fa{ margin-right: 20px; width: 12px;}

.mypage-nav a:hover,
.mypage-nav a.active{
  background: #76bb20;
  color: #ffffff;
  position: relative;
  opacity: 1;
  transition: all .5s ease-in;
}

.mypage-nav a.active:after{
  color: #222326;
  content: "\e251";
  font-family: 'Glyphicons Halflings';
  position: absolute;
  right: 0;
  top: 50%;
  font-size: 26px;
  transform: translate(9px, -50%);
}

.mypage__content .title{
  color: #ffffff;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  font-size: 24px;
}
.mypage__content__header .title {
  margin: 0;
  font-size: 24px;
}
.mypage__content__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
}

.mypage__content .balance-container {
  vertical-align: middle;
  display: inline-block;
  min-width: 238px;
}

.mypage__content .total-balance{
  border: 1px solid #505050;
  padding: 10px;
  background-color: #38393d;
  min-width: 150px;
}

.mypage__content .total-balance h2{
  margin-top: 7px;
  margin-bottom: 0;
  font-weight: bold;
}

.mypage-wallet__nav{
  margin: 10px 0;
  background: #f3f3f3;
}

.mypage-wallet__nav a{
  display: block;
  padding: 10px 20px;
  color: #3d5172;
  font-size: 16px;
}

.mypage-wallet__nav a.active{
  color: #ffffff;
  background: #3d5172;
}
.mypage-wallet__nav a.active i{ color: #FFFFFF; }

.mypage-wallet__content .balance.pull-left,
.mypage-wallet__content .transfer.pull-right{
  border: 1px solid #505050;
  padding: 10px;
  margin-bottom: 10px;
  background-color: #38393d;
  height: 650px;
}

.mypage__content .wallet-button-container{
  margin: 10px 20px 0 0;
}

.content-center{
  display: flex;
  align-items: center;
}
.change-password__form .content-center{
  justify-content: center;
}

.rollover-history span.label{ color: #2557dc;}
.rollover-history span.label.label-default{ color: #ffffff;}

.mypage-wallet__content fieldset .content-center label{ margin-bottom: 0}
.mypage-wallet__content fieldset .content-center select,
.mypage-wallet__content fieldset .content-center input { margin-right: 3px;}
.mypage-wallet__content fieldset:last-child .content-center { align-items: baseline;}

/*deposit*/
.deposit-menu{
  background: #222326;
  padding: 6px 10px;
  margin: 2px;
  border-radius: 4px;
  border:2px solid #222326;
  height: 96%;
}

.deposit-menu:hover{
  cursor:pointer;
  border:2px solid #76bb20;
}

.deposit-menu.active{
  border:2px solid #76bb20;
}

.type-deposit-container{
  /*padding:5px;*/
  width: 93%;
}

.bank-icons{
  width: 20px;
  height: 20px;
  display: inline-block;
  float: left;
  vertical-align: middle;
  margin-right: 10px;
}
.icon-bangkok{ background: url("/common/images/banks/icon-bangkok.png") 0 0 no-repeat; }
.icon-kasikorn{ background: url("/common/images/banks/icon-kasikorn.png") 0 0 no-repeat; }
.icon-siam{ background: url("/common/images/banks/icon-siam.png") 0 0 no-repeat; }
.icon-krungsri{ background: url("/common/images/banks/icon-krungsri.png") 0 0 no-repeat; }
.icon-krungthai{ background: url("/common/images/banks/icon-krungthai.png") 0 0 no-repeat; }
.icon-tmb{ background: url("/common/images/banks/icon-tmb.png") 0 0 no-repeat; }

.bank-name{
  display: inline-block;
  color: #ffffff;
  /*margin-bottom: 4px*/
  padding: 5px 0;
}
.bank-holder{
  padding-right: 10px;
  border-right: 1px solid #bebebe;
  /*margin: 0 9px 0 29px;*/
}

/*.type-deposit-container{*/
/*  height: 94px;*/
/*}*/

.type-deposit-container span{
  display: inline-block;
  color: #89888c;
}

.type-deposit-container .clear-container{
  display: inline-block;
  /*margin-left: 29px;*/
}

.type-deposit-container .radio{
  position:absolute;
  left:-9999px
}

.type-deposit-container .bank_desc{
  font-size: 12px;
  padding: 5px;
}

.item__title,
.item__content{
  font-size: 45px;
  color: #3d5172;
  font-weight: bold;
}

.item__content{
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 20px;
  margin-top: 10px;
}

.footer{
  background-color: #041b2d;
  font-size: 12px;
}

.footer-line{
  background: url("../images/footer-line.gif") repeat-x;
  height: 5px;
  padding: 5px 0;
}

.footer .level-1{ padding: 15px;}
.footer .level-1 a:hover,
.footer .level-1 a:focus{ color: #38a2f1; }

.footer .level-2{ color: rgba(255, 255, 255, .20); font-size: 12px;}
.footer .level-2 .col-sm-3{ padding: 0 30px 0 0; }

.footer .level-3{ padding-bottom: 30px; color: #bdbdbd; }

.footer__links li {
  padding: 0 7px;
  border-right: solid 1px #364957;
  font-size: 12px;
}
.footer__links li a { color: #364957; text-transform: uppercase; font-weight: 700;}
.footer__links li:nth-child(1) { padding-left: 0;}
.footer__links li:last-child { border-right: none; }

.footer .menu-title {
  text-transform: uppercase;
  color: #0189ff;
  font-weight: 700;
}

.footer h6 {
  color: rgba(255, 255, 255, .30);
  text-transform: uppercase;
  font-family: SFPro-Semibold;
}

.level-2__header {
  font-size: 12px;
  color: #212e44;
  font-weight: 700;
  padding: 15px 0;
}
.level-2__subheader {
  color: #545454;
}
.level-3__social {
  margin-right: 10px;
}
.level-3__social:hover {
  opacity: 1;
}

/* Global Button Override */
.btn {
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

a, a:hover, a:focus{ text-decoration: none; }

.btn-purple{
  background-color: #3d5172;
  color: #ffffff;
}

.btn-purple:hover,
.btn-purple:focus{
  background-color: #fdd001;
  color: #000000;
}

.btn-purple2{
  background-color: #4c1e75;
  color: #ffffff;
}

.btn-purple2:hover,
.btn-purple2:focus{
  background-color: #4c1e75;
  color: #ffffff;
}

.btn-purple-hollow{
  border: 4px solid #801c4f;
  background-color: transparent;
  color: #3e0d30;
}

.btn-purple-hollow:hover,
.btn-purple-hollow:focus{
  background: #3e0d30;
  color: #fff;
  border: 4px #3e0d30 solid;
}

.btn-red{
  background-color: #ff0000;
  color: #ffffff;
}

.btn-red:hover,
.btn-red:focus{
  background-color: #ff0000;
  color: #ffffff;
}

.btn-main{
  background-color: #76bb20;
  color: #ffffff;
}

.btn-main:hover,
.btn-main:focus{
  background-color: #4b851b;
  color: #ffffff;
}

.btn-secondary{
  background-color: #222326;
  color: #ffffff;
}

.btn-secondary:hover,
.btn-secondary:focus{
  background-color: #292a2d;
  color: #ffffff;
}

.btn-secondary.bordered{
  border: 1px solid #ffffff;
}

.btn-secondary:hover,
.btn-secondary:focus{
  background-color: #fff;
  color: #464A4C;
}

.btn-blue{
  background-color: #0287fb;
  color: #ffffff;
}


.btn-blue:hover,
.btn-blue:focus{
  background-color: #0287fbe6;
  color: #ffffff;
}

/*Ghost button*/
.btn-ghost{
  border: 1px solid #0287fb;
  background: #0287fb;
}
.btn-ghost:focus,
.btn-ghost:hover{
  background-color: #013b7a;
  color: #ffffff;
}

/* slot games */
.sub-slot-button{
  background-color: #003470;
  color: #ffffff;
  margin-right: 10px;
  border: 1px solid #1b497d;
  position: relative;
}

.sub-slot-button .list-inline > li {
  padding: 10px 20px;
  text-transform: uppercase;
  border-right: 1px solid #1b497d;
  text-align: center;
  font-size: 11px;
  white-space: nowrap;
  display: inline-block;
}

.sub-slot-button .list-inline > li.active,
.sub-slot-button .list-inline > li:hover{
  background-color: #ed1b24;
  color: #ffffff;
  cursor: pointer;
}

/* enable absolute positioning */
.inner-addon {
  position: relative;
}

/* style icon */
.inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

/* align icon */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

.sub-slot-button .search-container{
  width: 200px;
  position: absolute;
  top: 0;
  right: 0;
}

.search-container input{
  background: #002856;
  border: #002856;
  color: #555555;
  border-radius: 0;
}

.slot-box{
  float: left;
  margin: 0 9px 10px 0;
  position: relative;
}

/*.slot-box.slot-box-1093{
  background-image: url("/common/images/banner.jpg");
}*/

.slot-box:nth-child(6n+1) {
  margin-right: 10px;
}

.slot-box:nth-child(6n) {
  margin-right: 0;
}

.slots-info--wrapper {
  overflow: hidden;
}

.slot-box--hover {
  background-color: rgba(0, 0, 0, 0.7);
  height: 100%;
  opacity: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 9;
}

.slot-box--hover .btn {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.slot-box:hover .slot-box--hover {
  cursor: pointer;
  opacity: 10;
  transition: opacity 0.2s ease-in-out;
}

.slot-box__item{
  border: 1px solid #333333;
  height: 253px;
  width: 150px;
}

.slot-box-1061 .slot-box__item,
.slot-box-1086 .slot-box__item,
.slot-box-1008 .slot-box__item,
.slot-box-1015 .slot-box__item,
.slot-box-1066 .slot-box__item,
.slot-box-1067 .slot-box__item,
.slot-box-1053 .slot-box__item
{ height: 253px;}

.slot-box-1140 .slot-box__item {
  height: 180px;
}

.bg-recommended .slot-box-1140 .slot-box__item,
.slot-box-1140.Top_Slot_Cms .slot-box__item {
  height: 253px;
}

.slot-box__name{
  background-color: #000;
  bottom: 0;
  color: #fff;
  margin: 0;
  overflow: hidden;
  padding: 5px;
  position: absolute;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  opacity: .8;
  border: 1px solid #333333;
  border-top: 0;
}

.slot-bg {
  position: relative;
  z-index: -1 ;
  height: 500px;
}
.slot-bg img {
  position: absolute;
  right: -85%;
}

/* slot - icon */
/*.slot-icon-slot {  background: url("../images/slot-icons/icon-slot.png") no-repeat 10px 8px;  }
.slot-icon-slot:hover, .slot-icon-slot.active {  background: url("../images/slot-icons/icon-slot-hover.png") no-repeat 10px 8px;  }

.slot-icon-table {  background: url("../images/slot-icons/icon-table.png") no-repeat 10px 8px;  }
.slot-icon-table:hover, .slot-icon-table.active {  background: url("../images/slot-icons/icon-table-hover.png") no-repeat 10px 8px;  }

.slot-icon-video-poker {  background: url("../images/slot-icons/icon-video-poker.png") no-repeat 10px 8px;  }
.slot-icon-video-poker:hover, .slot-icon-video-poker.active {  background: url("../images/slot-icons/icon-video-poker-hover.png") no-repeat 10px 8px;  }

.slot-icon-advance {  background: url("../images/slot-icons/icon-advance-slot.png") no-repeat 10px 8px;  }
.slot-icon-advance:hover, .slot-icon-advance.active {  background: url("../images/slot-icons/icon-advance-slot-hover.png") no-repeat 10px 8px;  }

.slot-icon-bonus {  background: url("../images/slot-icons/icon-bonus.png") no-repeat 10px 8px;  }
.slot-icon-bonus:hover, .slot-icon-bonus.active {  background: url("../images/slot-icons/icon-bonus-hover.png") no-repeat 10px 8px;  }

.slot-icon-feature {  background: url("../images/slot-icons/icon-feature-slot.png") no-repeat 10px 8px;  }
.slot-icon-feature:hover, .slot-icon-feature.active {  background: url("../images/slot-icons/icon-feature-slot-hover.png") no-repeat 10px 8px;  }

.slot-icon-video-slot {  background: url("../images/slot-icons/icon-video-slot.png") no-repeat 10px 8px;  }
.slot-icon-video-slot:hover, .slot-icon-video-slot.active {  background: url("../images/slot-icons/icon-video-slot-hover.png") no-repeat 10px 8px;  }

.slot-icon-casual {  background: url("../images/slot-icons/icon-casual.png") no-repeat 10px 8px;  }
.slot-icon-casual:hover, .slot-icon-video-casual.active {  background: url("../images/slot-icons/icon-casual-hover.png") no-repeat 10px 8px;  }

.slot-icon-scratch {  background: url("../images/slot-icons/icon-scratch-card.png") no-repeat 10px 8px;  }
.slot-icon-scratch:hover, .slot-icon-scratch.active {  background: url("../images/slot-icons/icon-scratch-card-hover.png") no-repeat 10px 8px;  }

.slot-icon-video-poker {  background: url("../images/slot-icons/icon-video-poker.png") no-repeat 10px 8px;  }
.slot-icon-video-poker:hover, .slot-icon-video-poker.active {  background: url("../images/slot-icons/icon-video-poker-hover.png") no-repeat 10px 8px;  }

.slot-icon-progressive {  background: url("../images/slot-icons/icon-progressive.png") no-repeat 10px 8px;  }
.slot-icon-progressive:hover, .slot-icon-progressive.active {  background: url("../images/slot-icons/icon-progressive-hover.png") no-repeat 10px 8px;  }

.slot-icon-pyramid {  background: url("../images/slot-icons/icon-pyramid.png") no-repeat 10px 8px;  }
.slot-icon-pyramid:hover, .slot-icon-pyramid.active {  background: url("../images/slot-icons/icon-pyramid-hover.png") no-repeat 10px 8px;  }

.slot-icon-arcade {  background: url("../images/slot-icons/icon-arcade.png") no-repeat 10px 8px;  }
.slot-icon-arcade:hover, .slot-icon-arcade.active {  background: url("../images/slot-icons/icon-arcade-hover.png") no-repeat 10px 8px;  }

.slot-icon-r {  background: url("../images/slot-icons/icon-r-slot.png") no-repeat 10px 8px;  }
.slot-icon-r:hover, .slot-icon-r.active {  background: url("../images/slot-icons/icon-r-slot-hover.png") no-repeat 10px 8px;  }

.slot-icon-multihand {  background: url("../images/slot-icons/icon-multihand.png") no-repeat 10px 8px;  }
.slot-icon-multihand:hover, .slot-icon-r.active {  background: url("../images/slot-icons/icon-r-slot-hover.png") no-repeat 10px 8px;  }

.slot-icon-classic {  background: url("../images/slot-icons/icon-classic.png") no-repeat 10px 8px;  }
.slot-icon-classic:hover, .slot-icon-classic.active {  background: url("../images/slot-icons/icon-classic-hover.png") no-repeat 10px 8px;  }

.slot-icon-jackpot {  background: url("../images/slot-icons/icon-jackpot.png") no-repeat 10px 8px;  }
.slot-icon-jackpot:hover, .slot-icon-r.active {  background: url("../images/slot-icons/icon-jackpot-hover.png") no-repeat 10px 8px;  }

.slot-icon-keno {  background: url("../images/slot-icons/icon-keno.png") no-repeat 10px 8px;  }
.slot-icon-keno:hover, .slot-icon-r.active {  background: url("../images/slot-icons/icon-keno-hover.png") no-repeat 10px 8px;  }

.slot-icon-land-based {  background: url("../images/slot-icons/icon-land-based.png") no-repeat 10px 8px;  }
.slot-icon-land-based:hover, .slot-icon-land-based.active {  background: url("../images/slot-icons/icon-land-based-hover.png") no-repeat 10px 8px;  }*/

/* wallet */
.balance__content {
  /*border-bottom: 1px dotted #ffffff;*/
  padding: 5px 10px;
}

.balance__content:nth-child(even) {
  background-color: #222326;
}

.balance__content.total{
  background: #013b7a;
  padding: 5px 10px;
  font-size: 21px;
}

.transfer {
  padding-left: 10px;
}

.transfer__form {
  /*background-color: #041a35;*/
  padding: 10px;
}

.transfer__form fieldset,
.deposit__form fieldset,
.withdraw__form fieldset,
.change-password__form fieldset,
.customer__form fieldset{
  padding: 10px 0;
}

.amount-clear{
  position: relative;
  display: flex;
}
.amount-clear button{
  /*position: absolute;*/
  top: 0;
  right: 0px;
  padding: 7px 10px;
  width: 66px;
}

.change-password__form fieldset {
  text-align: center;
}

.transfer__form fieldset:last-of-type,
.deposit__form fieldset:last-of-type,
.withdraw__form fieldset:last-of-type,
.change-password__form fieldset:last-of-type,
.customer__form fieldset:last-of-type{
  border: 0;
}

.transfer__btn-group {
  margin-top: 5px;
  text-align: right;
}

.transfer__btn-group .wallet-button {
  display: flex;
  flex: 1;
  width: 300px;
  flex-flow: wrap;
}

.transfer__btn-group .wallet-button button{
  margin: 1px;
  flex: 1;
  font-size: 11px;
}

.transfer__btn-group .wallet-button button:first-child{
  margin-left: 0;
}

.transfer__btn-group .wallet-button button:last-child{
  margin-right: 0px;
}

.wallet-button button{
  padding: 5px 4px;
}

.deposit__form .form-control,
.withdraw__form .form-control {
  display: inline-block;
  width: 38%;
  padding: 6px 10px;
}

.deposit__form .amount-container,
.withdraw__form .amount-container{
  width: 36%;
}

.deposit__form textarea.form-control,
.withdraw__form textarea.form-control {
  width: 71%;
  resize: none;
}

.deposit__form label,
.withdraw__form label,
.change-password__form label {
  margin-right: 12px;
  text-align: right;
  width: 21%;
  font-size: 11px;
}

.change-password__form label,
.change-password__form .form-control {
  width: 100%;
}

.deposit__form label span + span,
.withdraw__form label span + span,
.change-password__form label span + span,
.signup__form label span + span{
  color: #991528;
}

.form__container{
  border: 1px solid #505050;
  background-color: #38393d;
  padding: 10px;
  margin-bottom: 10px;
}

.deposit__form small{
  margin-top: 10px;
  color: #898989;
}

.bonus__form {
  background-color: #38393d;
  padding: 10px;
}

.bonus__form .form-control {
  display: inline-block;
  width: 41%;
}

.alert.alert-danger {
  margin-bottom: 10px;
}

.alert-danger {
  background-color: #222326;
  border-color: #464646;
  color: #76bb20;
}

.mypage-page .btn-group-history .btn:hover, .ngdialog-wallet-page
.btn-group-history .btn:focus,
.mypage-page .btn-group-history .btn.active {
  color: #ffffff;
  background: #2557dc;
  border-color: #2557dc;
}

.mypage-page .btn-group {
  display: flex;
}

.mypage-page .btn-group .btn:last-child{
  margin-top: 0;
}

.mypage__content .btn-clear{
  /*  border-radius: 0;
    margin-left: -68px;
    padding: 7px 14px;
    width: 66px;*/
}
.mypage__content .change-password__form hr{
  width: 80%;
  margin: 0 auto;
  border-top: 1px solid #222326;
}

/* history lists */
.history-table-lists > tbody > tr > th,
.history-table-lists > tbody > tr > td {
  padding: 5px;
  text-align: center;
}

.history-table-lists > tbody > tr > th {
  background-color: #2557dc;
  color: #ffffff;
  border-top: #505050;
  font-size: 12px;
}

.history-table-lists > tbody > tr > td {
  background-color: #38393d;
  vertical-align: middle;
  height: 45px;
  border-top: 1px solid #505050;
}

.history-table-lists > tbody > tr > td a {
  color: inherit;
}

.history-table-lists > tbody > tr > td a span + span {
  color: #9b001b;
  font-weight: bold;
}

.history-table-lists td .form-control {
  display: inline-block;
  width: 76%;
}

.comment-panel{
  margin-bottom: 10px;
  border-color: #2557dc;
  background: #38393d;
}

.comment-panel .panel-heading{
  padding: 10px;
  background-color: #2557dc;
  color: #ffffff;
  border-color: #2557dc;
}

.comment-panel--read{
  margin-left: 50px;
}

/* signup */
.signup-page .col-sm-8,
.signup__form .col-sm-3,
.signup__form .col-sm-4{ padding: 0; }

.signup-notice{
  background-color: #02111c;
  width: 291px;
  border: 2px solid #0287fb;
  padding: 10px;
}

.signup-notice .title{ color: #cc1391 }
.signup__form .form-control{
  border-radius: 0;
  background: rgba(255, 255, 255, .1);
  border: #1e314a;
  color: #fff;
}

.signup__form fieldset{ margin: 20px 0; }
.signup__form label{ margin-bottom: 0; }
.signup__form .col-sm-3{
  position: relative;
  top: 8px;
}

.signup-inquiry,
.signup-error{
  display: inline-block;
  background-color: #2557dc;
  padding: 5px;
  font-size: 12px;
  position: relative;
}

.signup-inquiry:after,
.signup-error:after{
  left: -12px;
  top: 0;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(238, 238, 238, 0);
  border-right-color: #2557dc;
  border-width: 6px;
  margin-top: 7px;
}

.signup-error{
  background-color: #9b001b;
  color: #ffffff;
  position: absolute;
  z-index: 2;
}

.signup-error:after{
  border-right-color: #9b001b;
}

.has-success .signup-error{ display: none; }
.has-error .signup-inquiry { display: none; }

.has-error .form-control{
  background: url("../images/icon-error.png") #1e314a right 10px center no-repeat;
  border-color: #9b001b;
}

.has-success .form-control{
  background: url("../images/icon-valid.png") rgba(255, 255, 255, .1) right 10px center no-repeat;
  border-color: #3c763d;
}

.has-not-used .form-control,
.has-not-used .form-control:hover,
.has-not-used .form-control:focus{
  border-color: #cccccc;
  box-shadow: none;
}

/* login.php */
.ngdialog-login.ngdialog.ngdialog-theme-default .ngdialog-content {
  width: 600px;
  font-size: 16px;
}

.ngdialog-login .ngdialog-title{ padding: 20px 115px;
  background: #020611;}
.ngdialog-login .col-sm-4{ padding: 0; }

.ngdialog-login .ngdialog__content{
  background: #041a35;
  padding: 10px 120px;
}

.ngdialog-login a{ color: #ffffff}
.ngdialog-login a:hover{ color: #8f99a5}

.login__form fieldset{ margin: 10px 0}
.login__form .form-control{
  background: #1a4474;
  border: #1a4474;
  color: #fff;
}
.login__form label{
  margin: 0;
  position: relative;
  top: 8px;
}

.ngdialog-login .ngdialog-footer{ padding: 10px 30px; }
.ngdialog-login .ngdialog-footer hr{ border-color: #2557dc; }

/* download.php */
.ngdialog-download.ngdialog.ngdialog-theme-default .ngdialog-content {
  width: 600px;
}

.ngdialog-customer-page,
.ngdialog-customer-page .ngdialog-title,
.ngdialog-download-page,
.ngdialog-download-page .ngdialog-title{
  background-color: #003470;
  color: #ffffff;
}
.ngdialog-customer-page .ngdialog-title {
  padding: 23px 0 12px 0;
}
.ngdialog-customer-page .ngdialog-title h1 {
  color: #ffffff;
  margin: 0;
  font-size: 36px;
}

.ngdialog__container {
  background-color: #002857;
}
.ngdialog-customer-page .contact-container {
  padding: 5px 0;
  color: #ffffff;
}
.ngdialog-customer-page .contact-wrapper {
  padding: 20px;
}
.ngdialog-customer-page .contact__subtitle {
  color: #999999;
}
.ngdialog-customer-page .contact__info {
  color: #ffffff;
}
.ngdialog-customer-page .info__btn {
  border-radius: 40px;
  width: 140px;
  margin-top: 20px;
}

.ngdialog-customer-page .btn-main:focus{
  background: #76bb20;
}

.ngdialog__container--divider:first-child::after {
  content: "";
  height: 85%;
  width: 2px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -2px;
  background-color: #0054ff;
}
.ngdialog__container--divider {
  width: calc(100% / 2 - 4px);
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.ngdialog-customer-page .info__container {
  text-align: center;
}

.ngdialog-download-page .ngdialog-title{ padding-top: 5px; }

.ngdialog-download-page .ngdialog__content,
.ngdialog-customer-page .ngdialog__content {
  background: #003470;
}

.ngdialog-download-page .dload_content{
  background: #64174d;
  padding: 30px;
}

.ngdialog-download-page .dload_content img{
  box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.45);
}

.dload_content img[title~="download-mobile-1"]{
  margin-right: 30px;
}

.download-nav > li{
  float: left;
}

.download-nav a{
  display: block;
  padding: 10px 30px;
  color: #ffffff;
  background-color: #490c37;
}

.download-nav a.active{
  color: #ffccbc;
  background: #64174d;
}

/* about popups.php */
.ngdialog-about.ngdialog.ngdialog-theme-default .ngdialog-content {
  width: 600px;
}

.ngdialog-about-page .ngdialog-title{ border-bottom: 1px solid #cacaca; padding-left: 10px; }
.ngdialog-about-page .ngdialog-footer{ border-ctop: 1px solid #cacaca}

.ngdialog-about-page .ngdialog-footer{
  padding-top: 10px;
  padding-bottom: 10px;
}

.ngdialog-about-page .ngdialog-title img {
  max-width: 130px;
  max-height: 40px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.ngdialog-about-page .ngdialog-title {
  height: 50px;
}

.evolution-about { background: url("../images/about-us/evolution-bg.png") no-repeat center center; }
.extreme-about { background: url("../images/about-us/extreme-bg.png") no-repeat center center; }
.microgaming-about { background: url("../images/about-us/microgaming-bg.png") no-repeat center center; }
.allbet-about { background: url("../images/about-us/allbet-bg.png") no-repeat center center; }
.asiagaming-about { background: url("../images/about-us/asiagaming-bg.png") no-repeat center center; }
.playtech-about { background: url("../images/about-us/playtech-bg.png") no-repeat center center; }
.oriental-about { background: url("../images/about-us/oriental-gaming-bg.png") no-repeat center center; }
.gameplay-about { background: url("../images/about-us/gameplay-bg.png") no-repeat center center; }
.sbo-about { background: url("../images/about-us/sbobet-bg.png") no-repeat center center; }
.sa-gaming-about { background: url("../images/about-us/sa-gaming-bg.png") no-repeat center center; }
.sexy-baccarat-about { background: url("../images/about-us/sexy-baccarat-bg.png") no-repeat center center; }
.taishan-about { background: url("../images/about-us/taishan-bg.png") no-repeat center center; }
.vivo-about { background: url("../images/about-us/vivo-bg.png") no-repeat center center; }
.m88-about { background: url("../images/about-us/m88-bg.png") no-repeat center center; }
.lotus-about { background: url("../images/about-us/lotus-bg.png") no-repeat center center; }
.bbin-about { background: url("../images/about-us/bbin-bg.png") no-repeat center center; }
.ebet-about { background: url("../images/about-us/ebet-bg.png") no-repeat center center; }
.beteast-about { background: url("../images/about-us/beteast-bg.png") no-repeat center center; }

/* ngDialogs */
body.ngdialog-open {
  padding: 0 !important;
  overflow-y: scroll;
}

.ngdialog.ngdialog-theme-default .ngdialog-content {
  border-radius: 0;
  font-size: 14px;
  line-height: 1.5;
  max-width: none;
  padding: 0;
}

.ngdialog-custom.ngdialog.ngdialog-theme-default .ngdialog-content {
  width: 900px;
}
.ngdialog-custom.ngdialog.ngdialog-theme-default.custom-width-600 .ngdialog-content {
  width: 600px;
}

.ngdialog.ngdialog-theme-default .ngdialog-close:before {
  background: #2557dc;
  color: #ffffff;
  line-height: 50px;
  width: 50px;
  height: 50px;
  top: 0;
  right: 0;
  font-size: 50px;
  border-radius: 0;
}

.ngdialog-overlay {
  background: rgba(0, 0, 0, 0.7);
}

.ngdialog__heading {
  background-color: #000000;
}

.ngdialog__title {
  color: #ffffff;
  margin: 0;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
  background: #020611;
}

.ngdialog-nav {
  background-color: #f0f0f0;
  margin-bottom: 0;
  margin-left: 0;
  max-height: 60px;
}

.ngdialog-nav > .ngdialog-nav__items {
  border-right: 1px solid #cacaca;
  margin-right: -4px;
  padding: 15px 10px;
}

.ngdialog-nav__items:hover,
.ngdialog-nav__items:focus,
.ngdialog-nav__items.active {
  background-color: #ffffff;
  cursor: pointer;
}

.ngdialog-customer .ngdialog-nav > .ngdialog-nav__items {
  padding: 15px 20px;
}

.ngdialog-notice .ngdialog__content{
  height: 250px;
  overflow-y: auto;
}

.ngdialog.ngdialog-theme-default .btn-purple:focus{
  background-color: #3d5172;
  color: #FFFFFF;
}

.ngdialog__content {
  background-color: #041a35;
  padding: 10px;
}

/* SweetAlert */
.swal-overlay{ z-index: 20000; }
.swal-modal{ z-index: 20001; }
.swal-footer { text-align: center; }

.alert-coming-soon{
  background: #3d5172;
  border-radius: 5px;
  border: 3px solid #fff;
}

.alert-coming-soon .swal-icon--info,
.alert-coming-soon .swal-icon--info:after,
.alert-coming-soon .swal-icon--info:before,
.alert-coming-soon .swal-title,
.alert-coming-soon .swal-text { color: #ffffff; }
.alert-coming-soon .swal-button{
  background-color: #fdd001;
  color: #000000;
}

/* pagination */
.pagination-items {display: block;}
ul.pagination {background: none; border: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height: auto; margin: 10px 0 20px 0; padding: 0; text-align: center;}
ul.pagination li {border: none; display: inline; float: none; height: 29px; line-height: 28px; padding: 0;}
ul.pagination li:first-child, ul.pagination li:last-child {border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;}
ul.pagination li:hover {background: none;}
ul.pagination li > a {background-color: #222326;border: 1px solid #38393d;color: #ffffff;line-height: 29px;margin-left: 0px;padding: 6px 12px;}
ul.pagination li > a:hover {background: #222326; border: 1px solid #76bb20;}
ul.pagination > .active > a, ul.pagination > .active > a:hover {background-color: #222326; color: #fff; border: 1px solid #76bb20;}
ul.pagination li.disabled > a {background-color: #222326; border-color: #38393d; color: #ffffff; cursor: default;}
ul.pagination li:nth-child(1) > a {margin-right: -6px;}
ul.pagination li:nth-child(2) > a {margin-right: -5px;}
ul.pagination li:nth-last-child(2) > a {margin-left: -4px;}
ul.pagination li:last-child > a {margin-left: -6px;}

/* width's */
.width05 {width: 5%;}
.width08 {width: 8%;}
.width10 {width: 10%;}
.width12 {width: 12%;}
.width14 {width: 14%;}
.width15 {width: 15%;}
.width16 {width: 16%;}
.width18 {width: 18%;}
.width20 {width: 20%;}
.width24 {width: 24%;}
.width25 {width: 25%;}
.width28 {width: 28%;}
.width30 {width: 30%;}
.width32 {width: 32%;}
.width33 {width: 33%;}
.width34 {width: 34%;}
.width35 {width: 35%;}
.width39 {width: 39% !important;}
.width40 {width: 40%;}
.width44 {width: 44%;}
.width45 {width: 45%;}
.width46 {width: 46%;}
.width49 {width: 49%;}
.width50 {width: 50%;}
.width55 {width: 55%;}
.width60 {width: 60%;}
.width63 {width: 63%;}
.width64 {width: 64%;}
.width65 {width: 65%;}
.width67 {width: 67%;}
.width68 {width: 68%;}
.width69 {width: 69%;}
.width70 {width: 70%;}
.width75 {width: 75%;}
.width80 {width: 80%;}
.width85 {width: 85%;}
.width90 {width: 90%;}
.width95 {width: 95%;}
.width97 {width: 97%;}
.width98 {width: 98%;}
.width99 {width: 99%;}
.width100 {width: 100%;}

/* Helper Class */
.no-margin{ margin:0; }
.no-border{ border:0; }
.no-border-radius{ border-radius:0;}
.block{ display: block; }
.inline-block{ display: inline-block; }
.inline-block-no-margin{ display: inline-block; margin-right: -4px; }
.baseline{ vertical-align: baseline; }
.top{ vertical-align: top; }
.middle{ vertical-align: middle; }
.bottom { vertical-align: bottom; }

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; }

/* Widgets */

.widget-container {
  height: 155px;
  width: 80px;
  /*padding: 12px 11px;*/
  position: fixed;
  z-index: 10000;
  top: 157px;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
}

.widget__customer {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.widget-container.customer {
  background-image: url('/common/images/widgets/bg-widget-customer.png');
  left: 0;
  /*padding-bottom: 20px;*/
}
.widget-container.wallet {
  background-image: url('/common/images/widgets/bg-widget-wallet.png');
  right: 0;
}

.widget-container.display-none{
  display: none;
}

.widget__money,
.widget__download,
.widget__deposit {
  /*margin-top: 14px;*/
  padding: 5px 10px;
  cursor: pointer;
}

.widget__img {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
  width: 100%;
  height: 40px;
  margin-bottom: 3px;
  cursor:pointer;
}
.widget-container:hover .widget__img.customer { background-image: url('/common/images/widgets/customer-hover.png'); }

.widget__img.customer { background-image: url('/common/images/widgets/customer.png'); }
.widget__img.customer:hover { background-image: url('/common/images/widgets/customer-hover.png'); }
.widget__img.download { background-image: url('/common/images/widgets/download.png'); }
.widget__img.download:hover { background-image: url('/common/images/widgets/download-hover.png'); }
.widget__img.money { background-image: url('/common/images/widgets/money-move.png'); }
.widget__money:hover .widget__img.money { background-image: url('/common/images/widgets/money-move-hover.png'); }
.widget__img.deposit { background-image: url('/common/images/widgets/deposit.png'); }
.widget__deposit:hover .widget__img.deposit { background-image: url('/common/images/widgets/deposit-hover.png'); }

.widget__title {
  margin: 0;
  font-size: 11px;
  color: #ffffff;
  text-align: center;
}

.slick-next, .slick-prev { z-index: 9; height: 30px; width: 30px; }
.slick-next { right: 25px; }
.slick-prev { left: 25px; }
.slick-prev:before, .slick-next:before {
  font-size: 30px;
}

/* loader */
.loader{
  margin: 0 0 2em;
  height: 100px;
  width: 20%;
  text-align: center;
  padding: 1em;
  margin: 0 auto 1em;
  display: block;
}

/*
  Set the color of the icon
*/
svg path,
svg rect{
  fill: #3d5172;
}
/* loader */

@media only screen and (max-width: 1263px) {
  .widget-container {
    display: none;
  }
}

/* language */
.js-language{
  margin-right: 5px;
}
#language-flag span:nth-child(1){
  /*display: none;*/
  font-size: 11px;
  margin-right: 7px;
}

.language-translate {
  cursor: pointer;
  margin: 0;
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
}

.icon-lang {
  background: url("/common/images/flag.png") no-repeat;
  display: inline-block;
  height: 24px;
  vertical-align: middle;
  width: 24px;
  border-radius: 50%;
  margin-right: 2px;
}

.language-list {
  background: #dadada;
  color: #333333;
  display: none;
  position: absolute;
  z-index: 999;
}

/*old lang list design
.language-list li {
  border-bottom: 1px dotted #c0c0c0;
  padding: 3px;
  width: 100px;
}*/

.language-list li:hover,
.language-list li:focus {
  background-color: #dfa030;
}

.language-en {background-position: -0px -28px}
.language-id { background-position: 0px -1px}
.language-ja {
  background-position: 0px -124px;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; }

.text-left {
  text-align: left !important;
}

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

/*margin left*/

.ml-1{ margin-left: 1px;}
.ml-2{ margin-left: 2px;}
.ml-3{ margin-left: 3px;}
.ml-4{ margin-left: 4px;}
.ml-5{ margin-left: 5px;}
.ml-6{ margin-left: 6px;}
.ml-7{ margin-left: 7px;}
.ml-8{ margin-left: 8px;}
.ml-9{ margin-left: 9px;}
.ml-10{ margin-left: 10px;}

.ngdialog *, *{
  font-family: Prompt-Regular, sans-serif ;
}

.ngdialog-forgot-page{
  padding-top: 15px;
}

.ngdialog-forgot__content{
  padding: 10px;
}

.ngdialog-forgot-page h4{
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}

.ngdialog-forgot-page .forgot__label{
  padding: 5px 10px 12px 10px;
}

.ngdialog-forgot-page .form-inputs {
  text-align: left;
  padding: 0 16px;
}

.ngdialog-forgot-page .btn {
  padding: 5px 30px;
}

.ngdialog-forgot-page .form-control{
  border-radius: 0;
  background: #1e314a;
  border: #1e314a;
  color: #fff;
}

.ngdialog-forgot-page .btn.btn-blue{
  margin-top: 10px;
}

.deposit-bank__container{
  display: flex;
  align-content: space-between;
}

.deposit__form .deposit__account{
  line-height: 40px;
  width: 21%;
  margin-right: 10px;
}

.deposit__bank-list{
  width: 77%;
  padding: 0;
}

.deposit__form .deposit__account label{
  width: 100%;
}

.deposit__form .col-xs-10.padding-left{
  padding-left: 10px;
}

a.contact__info{
  color: #38a2f1;
  font-weight: 700;
  font-size: 14px;
  margin: 0;
  padding: 0;
  word-break: break-word;
}

a.contact__info:hover,
a.contact__info:focus{
  color: #38a2f1e6;
}

.no-padding{
  padding: 0;
}

.contact__container{
  margin-bottom: 10px;
  /*background: #37393d;*/
}

.contact__container .col-xs-4{
  /*border: 1px solid #505050;*/
  padding: 9px;
}

.title__desc{
  color: #999;
}

.form-control.contact__content{
  height: 150px;
}

.btn.contact__btn{
  width: 100px;
}

.form-control.search{
  color: #fff;
}

.transaction-table.deposit,
.transaction-table.withdraw{
  padding: 0 20px;
  margin-bottom: 0;
}

.transaction-slider.main-slider{
  padding-top: 0;
  margin-bottom: 0;
}

.product .transaction-slider.main-slider .slick-dots{
  bottom: -49px;
}

.product .table.transaction-table{
  border-collapse: unset;
  border-spacing: 0;
}

.product .table>tbody>tr>td{
  border-top: none;
}

.product .table>tbody>tr:nth-child(odd){
  background: rgba(255, 255, 255, .1);
}

.product .table>tbody>tr:nth-child(even){
  background: rgba(255, 255, 255, 0);
}

.transaction-table .transaction-amount{
  color: #0189ff;
  font-weight: 700;
}

.jackpot .img-responsive{
  margin: 0 auto;
}

.deposit-tab-nav,
.withdraw-tab-nav{
  margin-bottom: 10px;
}

.btn-gametype{
  background-color: #003470;
}

.btn-gametype:hover,
.btn-gametype:focus,
.btn-gametype.active{
  background-color: #76bb20;
  color: #ffffff;
}

.wallet-button.help2pay button{
  padding: 5px 10px;
}

/*.swal-title{
  font-size: 29px;
}

.swal-text{
  font-size: 18px;
}*/

.slot-page.game-page .sub-nav {
  height: 420px;
}

.popover-muaythai .popover__nav__img{
  width: 148px;
}

.popover-slots .popover__nav__link {
  width: calc(100% / 8);
}

.slot-wrapper{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}

.header .user .btn-user{
  width: 100px;
}

/*IE 11*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /*IE*/
  .footer__links li{
    padding: 0 6px;
  }
  .left-text.ja_JP span{
    font-size: 13px;
  }
  select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
  }
  select::-ms-expand {
    display: none;
  }

  select {
    background: url("/common/images/chevron-down.png") center right 15px no-repeat #222326 !important;
  }
}


@supports (-ms-ime-align:auto) {/*edge*/
  .footer__links li{
    padding: 0 6px;
  }
  .left-text.ja_JP span{
    font-size: 13px;
  }
  .edgeWidth{
    width: 220px !important;
  }

  select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
  }

  select{
    background: url("/common/images/chevron-down.png") center right 15px no-repeat #222326 !important;
  }
}
/*Mozilla*/
@-moz-document url-prefix() {
  .footer__links li{
    padding: 0 11px;
  }
}

@media not all and (min-resolution:.001dpcm) {
  @media {
    body.ngdialog-open .safariBROWSER.widget-container.wallet {
      right: 0 !important;
    }
    .contact__container .col-xs-4{
      padding: 9px 2px;
    }
    .ngdialog.ngdialog-theme-default .ngdialog-close:before{
      line-height: 42px;
    }
  }
}

.comment-panel.panel.panel-primary .panel-body{
  word-break: break-all;
}

.popover__nav__link p{
  text-transform: uppercase;
}

.popover__nav__link p:first-of-type{
  position: relative;
  top: 4px;
  font-size: 10px;
}

.popover__nav__footer p{
  top: 0 !important;
}



.promo-slider-main{
  position: absolute;
  text-align: center;
  width: 480px;
  height: 338px;
  top: 100px;
  z-index: 1;
}

.promo-slider-main .btn-promo{
  position: relative;
  top: -55px;
}

.viewMoreClass{
  font-size: 12px;
  color: #0189ff;
  cursor:pointer;
  padding: 5px 20px 0 0;
}

.viewMoreClass:hover{
  color: #ffffff;
}

.signup-page select option{
  background: #1c2933;
}

.walletCat {
  background: #2557dc;
  padding: 11px 5px;
  color: #ffffff;
}

.right-side-quick-popover .table{
  margin-bottom: 0;
}

.right-side-quick-popover .table .table-title{
  padding: 10px;
  font-weight: 600;
  font-size: 14px;
}

.right-side-quick-popover .walletCat{
  padding: 5px;
}
.secondCol.category-sports{
  display: none;
}
.navigation-container{
  display: flex;
  justify-content: space-around;
}

body.ngdialog-open .widget-container.wallet{
  right: 17px!important;
}

.textOverflow {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 50px;
}

.main-wallet .walletCat{
  padding: 7px 10px;
  line-height: 25px;
  text-align: left;
}

.w08{
  width: 80px;
}

.w15{
  width: 150px;
}

.w06{
  width: 60px;
}

.w14{
  width: 140px;
}

.w12{
  width: 120px;
}

.w11{
  width: 110px;
}

.w18{
  width: 180px;
}

.w07{
  width: 70px;
}

.w10{
  width: 100px;
}

.w09{
  width: 90px;
}

.w22{
  width: 220px;
}

.w13{
  width: 130px;
}

.w095{
  width: 95px;
}

table.history-table-lists { table-layout:fixed; }
table.history-table-lists td { overflow: hidden; }


optgroup[label]{
  background: #013b7a;
}

optgroup option{
  background: #0287fb;
}


.footer-btm{
  display: flex;
  justify-content: space-between;
}

.footer-btm__content{
  padding: 20px 110px 0;
}

.footer-btm__content:nth-of-type(1){
  padding-left: 0;
  padding-right: 34px;
}

.footer-btm__content:nth-of-type(2){
  padding-left: 0;
}

.footer-btm__content:nth-of-type(3){
  padding-right: 0;
}

.bank-offline__container{
  position: relative;
  width: 481px;
  left: 154px;
  margin: 0;
}

.bank-offline__container .bank-offline__title{
  margin-bottom: 12px;
}

.bank-offline__container .bank-offline__title label{
  width: auto;
  text-align: left;
  margin-right: 0;
  text-transform: uppercase;
}

.bank-offline__container .bank-offline__list{
  padding: 16px 13px 10px;
  background: #222326;
  border-radius: 4px;
  margin-bottom: 10px;
}

.bank-offline__container .bank-offline__content{
  display: flex;
}

.bank-offline__container .bank-offline__content .content-bank__img{
  width: 160px;
}

.bank-offline__container .bank-offline__content .content-bank__img img{
  width: 20px;
  margin-right: 4px;
}

.bank-offline__container .bank-offline__content .content-bank__img{
  position: relative;
  top: -5px;
}

.bank-offline__container .bank-offline__content .BCA{
  line-height: 80px;
}

.bank-offline__container .bank-offline__content .Mandiri{
  line-height: 40px;
}

.bank-offline__container .content-bank>p {
  margin: 0 0 8px;
  line-height: 12px;
}

.swal-title {
  font-size: 24px;
}

.bulletHider{
  width: 20px;
  height: 20px;
  background: #222326;
  position: absolute;
  top: 41px;
  left: 6px;
}

.deposit__form .bulletHider,
.withdraw__form .bulletHider{
  top: 16px;
  left: 160px;
}

.bonus__form .bulletHider{
  top: 0;
}

.change-password__note{
  margin-top: 3px;
  display: block;
  position: relative;
  left: 90px;
}

.swal-title,
.swal-text{
  text-align: center;
}




.change-password__error{
  width: 100%;
  left: 12px;
  /* background-color: #9b001b; */
  color: #ffffff;
  color: #fb2246;
  /* position: absolute; */
  z-index: 2;
  padding: 5px;
  font-size: 11px;
  display: inline-block;
  margin: 0 0 0 10px;
  padding: 0;
}

/*.change-password__error:after{
  left: -12px;
  top: 0;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(238, 238, 238, 0);
  border-right-color: #9b001b;
  border-width: 6px;
  margin-top: 7px;
}*/

.has-success .change-password__error{ display: none; }

.right-margin{
  margin-right: 10px;
}

.btn-submit__container{
  width: 40%;
  margin: 0 auto;
}

.change-password__form .has-success .form-control{
  background: #222326;
  border: 1px solid #3c763d;
}

.change-password__form .has-error .form-control{
  background: #222326;
  border: 1px solid #9b001b;
}


.has-success .change-password__error{ display: none; }

.right-margin{
  margin-right: 10px;
}

.btn-submit__container{
  width: 40%;
  margin: 0 auto;
}

.change-password__form .has-success .form-control{
  background: #222326;
  border: 1px solid #3c763d;
}

.change-password__form .has-error .form-control{
  background: #222326;
  border: 1px solid #9b001b;
}

.links.second{
  position: relative;
  left: 34%;
}
.csrf-swal .swal-title,
.csrf-swal .swal-text{
  font-size: 27px;
  font-weight: 600;
  color: rgba(0,0,0,.65);
}



.rs-category-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.rg-category-button {
  border: solid 1px #1b497d;
  background-color: #00336f;
  padding: 6px 9px;
  text-align: center;
}

.rg-category-button:hover,
.rg-category-button.active {
  background-color: #0287fb;
}

.rg-category-button p {
  margin: 0;
  font-size: 10px;
  text-transform: uppercase;
}

.rg-category-button:nth-child(1) { width: 105px; }
.rg-category-button:nth-child(2) { width: 83px; }
.rg-category-button:nth-child(3) { width: 91px; }
.rg-category-button:nth-child(4) { width: 104px; }
.rg-category-button:nth-child(5) { width: 86px; }
.rg-category-button:nth-child(6) { width: 83px; }
.rg-category-button:nth-child(7) { width: 105px; }
.rg-category-button:nth-child(8) { width: 93px; }
.rg-category-button:nth-child(9) { width: 88px; }
.rg-category-button:nth-child(10) { width: 98px; }
.rg-category-button:nth-child(11) { width: 93px; }
.rg-category-button:nth-child(12) { width: 103px; }
.rg-category-button:nth-child(13) { width: 81px; }
.rg-category-button:nth-child(14) { width: 126px; }
.rg-category-button:nth-child(15) { width: 76px; }
.rg-category-button:nth-child(16) { width: 85px; }
.rg-category-button:nth-child(17) { width: 87px; }
.rg-category-button:nth-child(18) { width: 92px; }
.rg-category-button:nth-child(19) { width: 86px; }
.rg-category-button:nth-child(20) { width: 107px; }
.rg-category-button:nth-child(21) { width: 143px; }
.rg-category-button:nth-child(22) { width: 95px; }
.rg-category-button:nth-child(23) { width: 90px; }
.rg-category-button:nth-child(24) { width: 125px; }
.rg-category-button:nth-child(25) { width: 125px; }
.rg-category-button:nth-child(26) { width: 89px; }
.rg-category-button:nth-child(27) { width: 89px; }
.rg-category-button:nth-child(28) { width: 90px; }
.rg-category-button:nth-child(29) { width: 90px; }

.slot-box.slot-box-1065.gcode-vs20starlightx,
.slot-box.slot-box-1065.gcode-vs20bchprty,
.slot-box.slot-box-1120.gcode-6306{
  display: none;
}