.main-w {
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  font-family: Tahoma, Geneva, sans-serif;
  background: #000;
  display: block;
}
.head {
  width: 100%;
  height: auto;
  background: #051c54;
  display: block;
}
.logo {
  width: 100%;
  height: auto;
  text-align: left;
  display: block;
}
.logo ul {
  padding: 12px 0;
}
.logo_gif ul{
    display: flex !important;
}
.logo_gif ul .ima_gif{
    width: 75px !important;
    margin-top: -20px !important;
}
.logo ul li {
  display: inline-block;
  padding: 0 5px;
}
.forgetLogin {
  display: inline;
  position: relative;
  margin: 0 4px;
}
.forgetLogin:hover .forgetLogin-toolTips {
  display: block;
}
.forgetLogin-toolTips {
  display: none;
  position: absolute;
  right: -76px;
  bottom: -37px;
  z-index: 9;
  text-align: center;
  width: 195px;
  padding: 10px 0 0;
}
.forgetLogin-toolTips span {
  background: #c6c6c6 none repeat scroll 0 0;
  font-size: 10px;
  padding: 5px 10px;
  display: inline-block;
  color: #111;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#containerHead {
  height: 72px;
  width: 1349px;
  clear: both;
  background-color: #000;
  font-family: Arial, Helvetica, sans-serif;
}
.containerTopleft {
  display: block;
  float: left;
}
#containerTopright {
  text-align: right;
  float: right;
  margin-top: 0;
  margin-right: 2em;
}
.language {
  font-size: 12px;
  margin-right: 5px;
  float: left;
  color: #fff;
}
#box {
  height: 26px;
  text-align: left;
  padding: 2px 0 0 10px;
  background: #252525;
  cursor: pointer;
  border: 1px solid #666;
  border-radius: 4px;
}
.arrDown,
.arrUp {
  height: 5px;
  cursor: pointer;
  float: right;
  padding-right: 17px;
  margin-top: 8px;
}
.arrUp {
  background: url(../images/lang/arrUpDown.png) no-repeat top;
}
.arrDown {
  background: url(../images/lang/arrUpDown.png) no-repeat bottom;
}
#langList {
  display: none;
  background-position: 0 0;
  position: fixed;
  top: 31px;
  z-index: 102;
}
#langList li {
  text-align: left;
  margin-left: 10px;
  background: transparent url(../images/lang/spliter.png) no-repeat bottom;
  display: block;
}
#langList li a {
  font-size: 12px;
  display: inline-block;
  width: 75%;
  background-position: 0 5px;
}
#langList a:hover {
  color: red;
}
.langListTop {
  height: 6px;
  background: #252525;
  border-top: 1px solid #444;
  border-left: 1px solid #444;
  border-right: 1px solid #444;
}
.langListRp {
  padding-bottom: 3px;
  background: #252525;
  border-left: 1px solid #444;
  border-right: 1px solid #444;
}
.langListDiv {
  line-height: 22px;
  float: none;
  margin-right: 8px;
  text-align: left;
}
.langListBottom {
  height: 6px;
  background: #252525;
  border-bottom: 1px solid #444;
  border-left: 1px solid #444;
  border-right: 1px solid #444;
}
.memberact-Btn a[href="/Desktop/id/signup"],
.memberact-Btn a[href="/kh/signup"],
.memberact-Btn a[href="/th/signup"] {
  animation: blinkingText 0.2s infinite;
}
@keyframes blinkingText {
  0% {
    color: #fff;
  }
  49% {
    color: #fff;
  }
  60% {
    color: transparent;
  }
  99% {
    color: transparent;
  }
  100% {
    color: #fff;
  }
}
#langList a,
#selectedLang {
  color: #fff;
  background-position: 0 0;
}
#selectedLang {
  padding-right: 1em;
}
#TopMember {
  float: left;
  padding-top: 5px;
}
#Memberlogin {
  float: left;
}
#Memberlogin input {
  padding: 5px 4px !important;
  vertical-align: top;
  border: 0 !important;
  margin-right: 4px;
  border-radius: 4px;
}
#memberact {
  position: absolute;
  right: 2em;
  top: 32px;
  padding-top: 8px;
  text-align: right;
}
#memberact div,
#memberact div.Bright {
  font-size: 11px;
  list-style-type: none;
  background-position: left;
  display: inline;
  padding-left: 12px;
}
#MemberManage,
#Memberlogin .Memberlogin-Btn,
#memberact .memberact-Btn,
#memberact2 .memberact-Btn {
  background: 0;
  padding: 0;
  margin: 0 2px;
  display: inline-block;
}
#MemberManage a,
#Memberlogin .Memberlogin-Btn button,
#memberact .memberact-Btn a,
#memberact2 .memberact-Btn a,
a.Memberlogin-Btn,
button.Memberlogin-Btn {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  display: inline-block;
  padding: 5px 10px;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #0053ff;
  background: #0053ff;
}
#Memberlogin .Memberlogin-Btn button {
  font-size: 14px;
  font-weight: 700;
  padding: 4px 15px !important;
}
#MemberManage a:hover,
#Memberlogin .Memberlogin-Btn button:hover,
#memberact .memberact-Btn a:hover,
#memberact2 .memberact-Btn a:hover {
  color: #fff !important;
  background: #0053ff;
  background: -moz-linear-gradient(top, #0053ff 0, #051c54 100%);
  background: -webkit-linear-gradient(top, #0053ff 0, #051c54 100%);
  background: linear-gradient(to bottom, #0053ff 0, #051c54 100%);
}
#memberact div a {
  color: #fff;
  font-weight: 700;
}
#memberact div a:hover {
  color: #fed63a;
}
#memberact div.Bright a {
  color: #fed63a;
  font-weight: 700;
}
#memberact div.Bright a:hover {
  color: #a0a0a0;
  font-weight: 700;
}
#MemberManage img,
#memberact .memberact-Btn img,
#memberact2 .memberact-Btn img {
  vertical-align: middle;
  width: 20px;
  margin: -5px 5px -5px -5px;
}
.ablink {
  -webkit-transition: background 0.5s ease-in-out;
  -ms-transition: background 0.5s ease-in-out;
  transition: background 0.5s ease-in-out;
  background: #ba0101 !important;
}
.blink {
  background: #e74141 !important;
}
#containerNav {
  background: url(../images/nav/nav-bg.jpg);
  background-repeat: repeat-x;
  height: 39px;
}
.vipmember-whiteinfoText {
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  background-image: url(../images/EUR_arrowoe.gif?v=20091225);
  background-repeat: no-repeat;
  background-position: left;
  text-indent: 8px;
  margin-right: 0;
  line-height: 45px;
  text-align: left;
  margin-left: 5px;
  display: inline-block;
}
.vipmember-vip {
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  background-repeat: no-repeat;
  background-position: left;
  text-indent: 8px;
  margin-right: 0;
  line-height: 45px;
  text-align: left;
  margin-left: 5px;
  display: inline-block;
}
.vipmember-infoText {
  font-size: 12px;
  font-weight: 700;
  color: #f9b603;
  margin-right: 0;
  line-height: 45px;
  text-align: left;
  margin-left: 5px;
  display: inline-block;
}
.myBalance-wrap {
  float: left;
  font-size: 12px;
  position: relative;
  margin-left: 1em;
}
.myBalance-btn {
  display: inline-block;
  background-color: #252525;
  border-radius: 4px;
  padding: 6px 10px;
  margin-top: 3px;
  margin-right: 5px;
  color: #eee !important;
  border: 1px solid #323131;
}
.mybalance-amount {
  color: #f0b003;
}
.banking-btns {
  display: inline-flex;
}
.banking-btn {
  border-right: 1px solid #555;
  text-transform: uppercase;
}
.banking-btn:last-child {
  border-right: 0;
}
.banking-btn a {
  font-size: 12px !important;
  font-weight: 700;
  color: #ccc;
}
.deposit-icon {
  background-position: 0 0;
}
.banking-icons {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../images/banking-icons.png);
  background-repeat: no-repeat;
  vertical-align: -5px;
}
.deposit-icon {
  background-position: 0 0;
}
.withdraw-icon {
  background-position: 0 -60px;
}
.transfer-icon {
  background-position: 0 -30px;
}
.containerHead-rightWrap #memberact2 {
  position: static;
  width: 100%;
  padding-top: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 2em;
}
.banking-btn a:hover > .banking-icons {
  background-image: url(../images/banking-icons-hover.png);
}
.banking-btn a:hover {
  color: #f0b003;
}
#timelyinfo {
  height: 22px;
  background-color: #2e2e2e;
  font-family: Arial, Helvetica, sans-serif;
}
.containertime {
  font-size: 11px;
  color: #d6d6d6;
  float: left;
  margin-top: 5px;
  padding-left: 10px;
  width: 250px;
}
#timelyinfo .containerHotnews,
#timelyinfo .containerHotnews2 {
  float: left;
  display: block;
  height: 14px;
  margin-top: 5px;
  margin-left: 5px;
  position: relative;
}
.containerHotnews marquee,
.containerHotnews2 marquee {
  font-size: 11px;
  color: #c3c3c3;
  display: block;
  padding-top: 0;
}
.containerHotnews marquee {
  width: 702px;
}
.containerHotnews2 marquee {
  width: 777px;
}
.Person_msg_bg {
  position: absolute;
  right: 0;
  top: 116px;
  padding-right: 5px;
}
.Person_msg_bg a {
  color: #fff;
  font-size: 11px;
  height: 22px;
  padding: 4px;
}
#Language {
  float: left;
  margin-right: 5px;
  margin-top: 0;
  color: #fff;
  font-size: 11px;
}
.member-infoWrap {
  float: left;
}
.header-content {
  display: flex;
}
.imgAd {
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 72px;
  margin-right: auto;
}
.imgAd-vip {
  margin-right: 1em;
}
.containerHead-rightWrap {
  float: right;
}
.containerHead-rightWrap #memberact2 {
  position: static;
  width: 100%;
  padding-top: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 2em;
}
.containerHead-rightWrap .TopTool ul {
  margin-top: 0;
  height: auto !important;
}
.downloadnow-img {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 240px;
  height: 31px;
  position: relative;
  display: inline-block;
  margin: 0 2px;
  vertical-align: top;
  padding: 6px 100px 6px 8px;
  border-radius: 5px;
  border: 1px solid #7c0101;
}
.downloadnow-img:hover {
  -webkit-filter: brightness(1.3);
  filter: brightness(1.3);
}
.fen {
  background: url(../images/lang/fEnglish.png) no-repeat;
  padding-left: 30px;
  color: #333;
}
.fcn {
  background: url(../images/lang/fChinese.png) no-repeat;
  padding-left: 30px;
  color: #333;
}
.fma {
  background: url(../images/lang/fTChinese.png) no-repeat;
  padding-left: 30px;
  color: #333;
}
.fth, li.mm .fth{
  background: url(../images/lang/fThai.png) no-repeat;
  padding-left: 30px;
  color: #333;
}

.fid {
  background: url(../images/lang/fIndonesian.png) no-repeat;
  padding-left: 30px;
  color: #333;
}
.fkh {
  background: url(../images/lang/kh.png) no-repeat;
  padding-left: 30px;
  color: #333;
}
.fca {
  background: url(../images/lang/kh.png) no-repeat;
  padding-left: 30px;
  color: #333;
}
.fmm {
  background: url(../images/lang/mm.png) no-repeat;
  padding-left: 30px;
  color: #333;
}
.fpk {
  background: url(../images/lang/flag_pk.png) no-repeat;
  padding-left: 30px;
  color: #333;
}
html:lang(th)  .fenth{
  background: url(../images/lang/fThai.png) no-repeat;
  padding-left: 30px;
}
html:lang(en)  .fenth{
  background: url(../images/lang/flag_ensd.png) no-repeat;
  padding-left: 30px;
}
.en .fenth {
  background: url(../images/lang/flag_ensd.png) no-repeat!important;
  padding-left: 30px;
  color: #333;
  display: ruby!important;
}


.fph,
.fph-en {
  background: url(../images/lang/flag_ph.png) no-repeat;
  padding-left: 30px;
  color: #333;
}
.fhi,
.fhi-en {
  background: url(../images/lang/fIndia.png) no-repeat;
  padding-left: 30px;
  color: #333;
}
.main-container {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding-top: 56px;
  display: block;
}
#contentWrap {
  background-size: cover;
  padding: 0 0 10px;
  position: relative;
  z-index: 9;
}
#mainthumb {
  width: 100%;
  margin: 12px auto;
}
#mainthumb ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
}
#mainthumb ul li {
  display: inline-block;
  padding: 0;
  width: 15.5%;
}
#mainthumb ul li a {
  display: inline-block;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  margin-top: 0;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.75);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.75);
}
#mainthumb ul li a:hover {
  margin-top: -7px;
  -webkit-box-shadow: 0 10px 10px 1px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 10px 10px 1px rgba(0, 0, 0, 0.75);
  box-shadow: 0 10px 10px 1px rgba(0, 0, 0, 0.75);
}
#mainthumb ul li img {
  width: 100%;
}
#otherBanners {
  padding: 5px 0 0 15px;
  clear: both;
}
#o-Banner1,
#o-Banner2,
#o-Banner3 {
  float: left;
  margin-right: 8px;
}
#o-Banner3 {
  width: 243px;
  height: 192px;
}
#mainBanner {
  padding: 0;
  height: 470px;
  position: relative;
  overflow: hidden;
}
#bannerSlider {
  position: relative;
  z-index: 1;
}
.bxslider1 {
  margin: 0;
  padding: 0;
}
.bxslider1 li a img {
  border: 0;
}
#rightBanners {
  position: absolute;
  z-index: 10;
  top: 2px;
  right: 23px;
  width: 234px;
}
#rightBanners div {
  margin-bottom: 5px;
  position: relative;
  width: 234px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.95);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.95);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.95);
}
#jackpot-ticker span#emerald_jackpot {
  display: block;
  position: absolute;
  z-index: 1;
  bottom: 50px;
  right: 10px;
  overflow: hidden;
  width: 133px;
  height: 26px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#jackpot-ticker span object {
  margin-left: -18px;
}
#contentWrap {
  background-size: cover;
  padding: 0 0 10px;
  position: relative;
  z-index: 9;
}
#mainthumb {
  width: 100%;
  margin: 12px auto;
}
#mainthumb ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
}
#mainthumb ul li {
  display: inline-block;
  padding: 0;
  width: 15.5%;
}
#mainthumb ul li a {
  display: inline-block;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  margin-top: 0;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.75);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.75);
  transition: all 0.2s;
}
#mainthumb ul li a:hover {
  margin-top: -7px;
  -webkit-box-shadow: 0 10px 10px 1px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 10px 10px 1px rgba(0, 0, 0, 0.75);
  box-shadow: 0 10px 10px 1px rgba(0, 0, 0, 0.75);
  transition: all 0.5s;
}
#mainthumb ul li a:hover .home-games-button-play {
  margin-top: 153px;
  transition: all 0.2s;
}
#mainthumb ul li img {
  width: 100%;
}
#otherBanners {
  padding: 5px 0 0 15px;
  clear: both;
}
#o-Banner1,
#o-Banner2,
#o-Banner3 {
  float: left;
  margin-right: 8px;
}
#o-Banner3 {
  width: 243px;
  height: 192px;
}
#bankingIcons {
  position: absolute;
  right: 80px;
  bottom: 23px;
  z-index: 999;
  height: 27px;
  width: 322px;
}
#tabs {
  width: 100%;
  padding-top: 38px;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  margin: 12px auto;
}
.box {
  width: 32%;
  height: 280px;
  background: #b30101;
  border: 2px solid #0053ff;
}
.languageMenu:hover #langList {
  display: block !important;
}
.box-title {
  position: relative;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  width: 100%;
  padding: 8px 0;
  height: 34px;
  box-sizing: border-box;
  background: #0053ff;
}
.box-content {
  height: calc(100% - 34px);
  background-color: #2e2e2e;
  overflow: hidden;
}
.box-btn-group {
  overflow: hidden;
  margin: 15px;
  display: flex;
  justify-content: space-around;
}
.box-btn {
  font-family: Roboto;
  font-weight: 700;
  color: #fff;
  background: #0053ff;
  background: -moz-linear-gradient(top, #0053ff 0, #051c54 100%);
  background: -webkit-linear-gradient(top, #0053ff 0, #051c54 100%);
  background: linear-gradient(to bottom, #0053ff 0, #051c54 100%);
  box-shadow: inset 0 1px 0 #0053ff, 0 1px 2px #0053ff;
  text-shadow: -1px -1px 0 #0053ff;
  text-decoration: none;
  cursor: pointer;
  padding: 15px 0;
  border: 1px solid #0053ff;
  border-color: #0053ff;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 6px 12px;
  min-width: 130px;
  text-align: center;
}
.box-btn:hover {
  color: #fff;
  background: #0053ff;
}
.jackpot-content {
  background: url(../images/home/alljackpots-bg.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.jackpot-box {
  overflow: hidden;
  margin: 3em 5px 3.3em;
}
.jackpot-amount span {
  font-size: 33px;
  color: #ffb400;
}
.club {
  float: left;
  text-align: right;
}
.jackpot-amount {
  background-image: url(../images/home/ticker.gif);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 100px;
  text-align: center;
  font-size: 22px;
  color: #ffb400;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
.jackpot-amount span {
  padding: 16px 0;
}
.box-title span {
  color: #fff;
}
.monthly-sliderWrap {
  position: relative;
  background-image: url(../images/home/carousel-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 185px;
}
.monthly-sliderWrap .owl-prev {
  width: 40px;
  height: 40px;
  background-size: contain;
  position: absolute;
  top: 25%;
  background: url(../images/home/left-arrow.png) no-repeat !important;
  left: 20px;
  outline: 0;
}
.monthly-sliderWrap .owl-next {
  width: 40px;
  height: 40px;
  background-size: contain;
  position: absolute;
  top: 25%;
  background: url(../images/home/right-arrow.png) no-repeat !important;
  right: 20px;
  outline: 0;
}
.monthly-item {
  width: 100%;
  height: 184px;
  margin: auto;
  padding-top: 1em;
  text-align: center;
  position: relative;
}
.monthly-game {
  display: block;
  height: 100%;
  width: auto;
  position: relative;
}
.monthly-item img {
  height: 100%;
  width: auto !important;
  margin: auto;
}
.monthly-item .platform-logo {
  position: absolute;
  top: 5px;
  right: 17%;
  width: 40px;
}
.monthly-item .platform-logo img {
  width: 40px !important;
}
.monthly-item .club-logo {
  position: absolute;
  top: 5px;
  left: 19%;
  width: 80px;
  height: 40px;
}
.monthly-item .club-logo-ch.emerald,
.monthly-item .club-logo-cs.emerald,
.monthly-item .club-logo-en.emerald,
.monthly-item .club-logo-hi.emerald,
.monthly-item .club-logo-hien.emerald,
.monthly-item .club-logo-id.emerald,
.monthly-item .club-logo-jp.emerald,
.monthly-item .club-logo-th.emerald,
.monthly-item .club-logo-vn.emerald {
  background: url(../../casino/images/12emerald-logo-small.png) top left
    no-repeat;
}
.monthly-item .club-logo-ch.diamond,
.monthly-item .club-logo-cs.diamond,
.monthly-item .club-logo-en.diamond,
.monthly-item .club-logo-hi.diamond,
.monthly-item .club-logo-hien.diamond,
.monthly-item .club-logo-id.diamond,
.monthly-item .club-logo-jp.diamond,
.monthly-item .club-logo-th.diamond,
.monthly-item .club-logo-vn.diamond {
  background: url(../../casino/images/12diamond-logo-small.png) top left
    no-repeat;
}
.monthly-item .club-logo-ch.ruby,
.monthly-item .club-logo-cs.ruby,
.monthly-item .club-logo-en.ruby,
.monthly-item .club-logo-hi.ruby,
.monthly-item .club-logo-hien.ruby,
.monthly-item .club-logo-id.ruby,
.monthly-item .club-logo-jp.ruby,
.monthly-item .club-logo-th.ruby,
.monthly-item .club-logo-vn.ruby {
  background: url(../../casino/images/12ruby-logo-small.png) top left no-repeat;
}
.monthly-item .club-logo-ch.pearl,
.monthly-item .club-logo-cs.pearl,
.monthly-item .club-logo-en.pearl,
.monthly-item .club-logo-hi.pearl,
.monthly-item .club-logo-hien.pearl,
.monthly-item .club-logo-id.pearl,
.monthly-item .club-logo-jp.pearl,
.monthly-item .club-logo-th.pearl,
.monthly-item .club-logo-vn.pearl {
  background: url(../../casino/images/12pearl-logo-small.png) top left no-repeat;
}
.monthly-item .club-logo-ch.topaz,
.monthly-item .club-logo-cs.topaz,
.monthly-item .club-logo-en.topaz,
.monthly-item .club-logo-hi.topaz,
.monthly-item .club-logo-hien.topaz,
.monthly-item .club-logo-id.topaz,
.monthly-item .club-logo-jp.topaz,
.monthly-item .club-logo-th.topaz,
.monthly-item .club-logo-vn.topaz {
  background: url(../../casino/images/12topaz-logo-small.png) top left no-repeat;
}
.monthly-item .club-logo-ch.amethyst,
.monthly-item .club-logo-cs.amethyst,
.monthly-item .club-logo-en.amethyst,
.monthly-item .club-logo-hi.amethyst,
.monthly-item .club-logo-hien.amethyst,
.monthly-item .club-logo-id.amethyst,
.monthly-item .club-logo-jp.amethyst,
.monthly-item .club-logo-th.amethyst,
.monthly-item .club-logo-vn.amethyst {
  background: url(../../casino/images/12amethyst-logo-small.png) top left
    no-repeat;
}
.monthly-item .club-logo-ch.crystal,
.monthly-item .club-logo-cs.crystal,
.monthly-item .club-logo-en.crystal,
.monthly-item .club-logo-hi.crystal,
.monthly-item .club-logo-hien.crystal,
.monthly-item .club-logo-id.crystal,
.monthly-item .club-logo-jp.crystal,
.monthly-item .club-logo-th.crystal,
.monthly-item .club-logo-vn.crystal {
  background: url(../../casino/images/12crystal-logo-small.png) top left
    no-repeat;
}
.monthly-item .club-logo-ch.onyx,
.monthly-item .club-logo-cs.onyx,
.monthly-item .club-logo-en.onyx,
.monthly-item .club-logo-hi.onyx,
.monthly-item .club-logo-hien.onyx,
.monthly-item .club-logo-id.onyx,
.monthly-item .club-logo-jp.onyx,
.monthly-item .club-logo-th.onyx,
.monthly-item .club-logo-vn.onyx {
  background: url(../../casino/images/12onyx-logo-small.png) top left no-repeat;
}
.monthly-item .club-logo-ko.emerald {
  background: url(../../casino/images/pgame-logo-small.png) top left no-repeat;
}
.monthly-item .club-logo-ko.ruby {
  background: url(../../casino/images/igame-logo-small.png) top left no-repeat;
}
.monthly-item .club-logo-ko.pearl {
  background: url(../../casino/images/hgame-logo-small.png) top left no-repeat;
}
.monthly-item .club-logo-ko.topaz {
  background: url(../../casino/images/mgame-logo-small.png) top left no-repeat;
}
.monthly-item .club-logo-ko.crystal {
  background: url(../../casino/images/wgame-logo-small.png) top left no-repeat;
}
.monthly-item .club-logo-ko.amethyst {
  background: url(../../casino/images/agame-logo-small.png) top left no-repeat;
}
.monthly-item .club-logo-ko.onyx {
  background: url(../../casino/images/12onyx-logo-small.png) top left no-repeat;
}
.monthly-info {
  display: inline-block;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.8);
  color: #e0e0e0;
  font-size: 12px;
  top: 8px;
  bottom: -8px;
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: none;
  width: 70%;
  padding: 1em;
  box-sizing: border-box;
  text-align: left;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out;
}
.monthly-info h3 {
  font-size: 14px;
}
.monthly-info:hover,
.monthly-item .monthly-game:hover + .monthly-info {
  display: inline-block;
  visibility: visible;
  opacity: 1;
}
.ticker {
  width: 50%;
  float: left;
  text-align: center;
}
.ticker h1 {
  color: #fff;
  margin: 10px 5px 0 5px;
  padding: 5px 0 5px 0;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 14px;
  background: #313131;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.55);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.55);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.55);
}
.ticker-box {
  width: 153px;
  height: 98px;
  border: 1px solid #313131;
  background: url(../../images/winners-ticker-bg2.jpg) repeat-x;
  margin: 0 auto;
  overflow: hidden;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.55);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.55);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.55);
  background-position: bottom;
  background-color: #efefef;
}
.ticker-box ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.ticker-box ul li {
  display: block;
  border-bottom: 1px solid #fff;
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.35);
  -moz-box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.35);
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.35);
}
.ticker-box ul li:hover {
  background: #333;
}
.ticker-box ul li:hover span {
  color: #fff !important;
}
.ticker-box ul li span {
  line-height: 12px;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
}
.ticker-box ul li span.name {
  color: #000;
  font-size: 11px;
  font-weight: 700;
}
.ticker-box ul li span.amount {
  color: red;
  font-size: 12px;
  font-weight: 700;
}
.ticker-box ul li span.game {
  color: #000;
  font-size: 11px;
}
.news-ticker {
  margin: 10px auto;
  width: 90%;
  text-align: left;
}
.news-ticker ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.news-ticker ul li {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.news-title {
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  padding: 0;
  margin: 0;
}
.news-title:hover {
  color: #fe0000;
}
.news-blurb {
  display: block;
  font-size: 12px;
  color: #aeaeae;
  padding: 0;
  margin: 7px 0;
  font-weight: 100;
}
.news-time {
  font-size: 12px;
  color: #565656;
  font-weight: initial;
}
.feature-wrap {
  width: 100%;
  height: 300px;
  margin-top: 1em;
}
.feature-box {
  margin: 0 auto;
  background-color: #1f1f1f;
  border: 5px solid #d00101;
  border-radius: 5px;
}
.feature-title {
  background-color: #d00101;
  text-align: center;
  text-transform: uppercase;
  color: #e6ebe3;
  font-weight: 700;
  padding: 6px 0 11px;
  margin: 0;
  font-size: 14px;
}
.feature-content {
  padding: 12px;
  text-align: center;
  display: flex;
  flex-flow: wrap;
  justify-content: center;
}
.shutterstock-button {
  width: 100%;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 700;
  padding: 6px 0;
  margin: 0 0 12px;
  color: #494a49;
  background-image: -webkit-linear-gradient(
    to bottom,
    #fff 0,
    #b9b5b5 100%
  ) !important;
  background-image: -o-linear-gradient(
    to bottom,
    #fff 0,
    #b9b5b5 100%
  ) !important;
  background-image: linear-gradient(to bottom, #fff 0, #b9b5b5 100%) !important;
  background-repeat: repeat-x;
  box-shadow: inset 0 1px 0 rgba(242, 164, 162, 0.6),
    0 1px 2px rgba(0, 0, 0, 0.05) !important;
  cursor: pointer;
  border: 1px solid #ccc;
  border-color: #fff;
  border-radius: 4px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-around;
  align-items: center;
  text-transform: uppercase;
}
body:lang(vn) .shutterstock-button {
  font-size: 14px;
}
.shutterstock-button:hover {
  color: #494a49;
  background-image: -webkit-linear-gradient(
    to bottom,
    #fcfafa 0,
    #d6d3d3 100%
  ) !important;
  background-image: -o-linear-gradient(
    to bottom,
    #fcfafa 0,
    #d6d3d3 100%
  ) !important;
  background-image: linear-gradient(
    to bottom,
    #fcfafa 0,
    #d6d3d3 100%
  ) !important;
}
.feature-content .averagetime-img {
  height: 82px;
}
.feature-subTitle {
  color: #e6ebe3;
  font-weight: 700;
  text-align: center;
  margin: 0 0 6px;
  font-size: 15px;
}
.progress-box {
  display: flex;
  justify-content: space-around;
}
.progress-content {
  width: 50%;
}
.progress {
  position: relative;
  text-align: center;
}
.barOverflow {
  position: relative;
  overflow: hidden;
  width: 90px;
  height: 45px;
  margin: 0 auto -35px auto;
}
.bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  box-sizing: border-box;
  border: 5px solid #1d8a48;
  border-bottom-color: #393838;
  border-right-color: #393838;
  transform: rotate(20deg);
}
.bar2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  box-sizing: border-box;
  border: 5px solid #ff0e0e;
  border-bottom-color: #393838;
  border-right-color: #393838;
  transform: rotate(-30deg);
}
.time-amount {
  font-family: Montserrat;
  font-size: 35px;
  color: #e6ebe3;
  text-align: center;
}
.time-unit {
  font-size: 12px;
  color: #fff;
  font-weight: 700;
  line-height: 40%;
}
.time-status {
  font-family: Roboto;
  color: #e6ebe3;
  font-weight: 700;
  text-align: center;
  margin: 0;
}
@media (max-width: 1601px) {
  .feature-wrap {
    margin-top: 5px;
  }
  .feature-title {
    padding: 4px 0 9px;
  }
  .feature-content {
    padding: 8px;
  }
  .shutterstock-button img {
    display: none !important;
  }
  .shutterstock-button {
    font-size: 12px;
    width: 48%;
    padding: 3px 0;
    margin: 0 2px;
    text-align: center;
  }
  body:lang(vn) .shutterstock-button {
    font-size: 12px;
  }
  .feature-content img {
    height: auto;
  }
  .feature-subTitle {
    font-size: 12px;
    margin: 6px 0;
  }
  .time-amount {
    font-size: 22px;
  }
  .time-status {
    font-size: 12px;
  }
}
.newVip-Container .sponsorship-content {
  display: flex;
  justify-content: space-around;
  height: 88px;
  margin: 1em;
  border: 1px solid #fff;
  background: #d4d4d4;
  background: -moz-linear-gradient(top, #d4d4d4 0, #e6e6e6 50%, #d2d2d2 99%);
  background: -webkit-linear-gradient(top, #d4d4d4 0, #e6e6e6 50%, #d2d2d2 99%);
  background: linear-gradient(to bottom, #d4d4d4 0, #e6e6e6 50%, #d2d2d2 99%);
}
.newVip-Container .sponsorship-box {
  display: flex;
  align-items: center;
  width: 350px;
  justify-content: center;
}
.newVip-Container .sponsorship-text {
  margin: 0 8px;
  font-size: 14px;
}
.newVip-Container .sponsorwc-text {
  margin: 0 15px;
}
.newVip-Container .sponsorship-text span {
  font-weight: 700;
  display: block;
  font-size: 15px;
}
.newVip-Container .sponsorship-box a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 700;
  width: 95px;
  height: 36px;
  background: #7b7b7b;
  background: -moz-linear-gradient(
    top,
    #7b7b7b 0,
    #999 49%,
    #898989 51%,
    #646464 100%
  );
  background: -webkit-linear-gradient(
    top,
    #7b7b7b 0,
    #999 49%,
    #898989 51%,
    #646464 100%
  );
  background: linear-gradient(
    to bottom,
    #7b7b7b 0,
    #999 49%,
    #898989 51%,
    #646464 100%
  );
}
.newVip-Container .sponsorship-box a:hover {
  background: #da0000;
}
body:lang(vn) {
  font-family: Tahoma;
}
#bannerSlider #HomeMainSlider .owl-dots {
  top: 400px;
  bottom: initial !important;
}
.officialpartner-wrap {
  width: 100%;
  height: 135px;
  display: flex;
  align-items: flex-end;
  box-sizing: border-box;
}
.officialpartner-content {
  display: flex;
  justify-content: space-around;
  width: 100%;
  height: 107px;
  padding: 0 3em;
  background: url(../images/footer/footer-blue.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.officialpartner-box {
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.officialpartner-box .officialpartner-icon {
  display: block;
  background-repeat: no-repeat;
  background-size: 100%;
}
.officialpartner-icon.vip-icon {
  width: 109px;
  height: 71px;
  background: url(../images/footer/vip-icon.png) no-repeat;
}
.sspevents-box:hover .vip-icon {
  background: url(../images/footer/vip-icon-hover.png) no-repeat;
}
.officialpartner-icon.affiliate-icon {
  width: 112px;
  height: 71px;
  background: url(../images/footer/affiliate-icon.png) no-repeat;
}
.affpro-box:hover .affiliate-icon {
  background: url(../images/footer/affiliate-hover.png) no-repeat;
}
.officialpartner-icon.arsenal-member-icon {
  width: 186px;
  height: 139px;
  background-image: url(../images/footer/arsenal-member-icon.png);
  align-self: flex-end;
}
.officialpartner-icon.arsenal-icon {
  width: 94px;
  height: 94px;
  background-image: url(../images/footer/arsenal-icon.png);
}
.officpart-box:hover .arsenal-member-icon {
  background-image: url(../images/footer/arsenal-member-icon-hover.png);
}
.officpart-box:hover .arsenal-icon {
  background-image: url(../images/footer/arsenal-icon-hover.png);
}
.officialpartner-icon.albion-member-icon {
  width: 186px;
  height: 139px;
  background: url(../images/footer/albion-member-icon.png);
  align-self: flex-end;
  background-position: center bottom;
}
.officialpartner-icon.albion-icon {
  width: 94px;
  height: 94px;
  background: url(../images/footer/albion-icon.png);
}
.officpart-box:hover .albion-member-icon {
  background: url(../images/footer/albion-member-icon-hover.png);
}
.officpart-box:hover .albion-icon {
  background: url(../images/footer/albion-icon-hover.png);
}
.officialpartner-text {
  color: #fff;
  font-family: "Tw Cen MT";
  font-size: 14.5px;
  letter-spacing: 1px;
  text-align: center;
  margin: 0 0.9em;
}
body[lang="th"] .officialpartner-text {
  margin: 0 0.5em;
}
body[lang="vn"] .officialpartner-text {
  font-family: Tahoma;
}
.cut-line {
  width: 1px;
  height: 80px;
  background-color: #fff;
  align-self: center;
  margin-right: 10px;
}
.fc-club-group {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  width: 255px;
}
.fc-club-group li {
  position: relative;
  width: 20%;
}
.fc-club-group .year-text {
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  margin: auto;
  color: #fff;
  font-size: xx-small;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 3px;
  padding: 2px 4px;
  text-align: center;
  display: none;
}
.fc-club-group li:hover .year-text {
  display: block;
}
.fc-club-group i {
  display: block;
  background: url(../images/footer/sponsorship-fc-group.png);
  background-repeat: no-repeat;
  margin: auto;
}
.fc-icon-1 {
  width: 44px;
  height: 48px;
  background-size: 727% 500% !important;
  background-position: 7.608696% 3.125% !important;
}
.fc-icon-2 {
  width: 47px;
  height: 50px;
  background-size: 680% 480% !important;
  background-position: 27.838828% 3.157895% !important;
}
.fc-icon-3 {
  width: 50px;
  height: 52px;
  background-size: 640% 461% !important;
  background-position: 50% 3.191489% !important;
}
.fc-icon-4 {
  width: 49px;
  height: 50px;
  background-size: 653% 480% !important;
  background-position: 72.324723% 3.684211% !important;
}
.fc-icon-5 {
  width: 52px;
  height: 54px;
  background-size: 615% 444% !important;
  background-position: 95.895522% 3.225806% !important;
}
.fc-icon-6 {
  width: 52px;
  height: 50px;
  background-size: 615% 480% !important;
  background-position: 6.716418% 30.526316% !important;
}
.fc-icon-7 {
  width: 46px;
  height: 60px;
  background-size: 695% 400% !important;
  background-position: 28.467153% 30% !important;
}
.fc-icon-8 {
  width: 42px;
  height: 53px;
  background-size: 761% 452% !important;
  background-position: 50.359712% 32.631579% !important;
}
.fc-icon-9 {
  width: 44px;
  height: 51px;
  background-size: 727% 470% !important;
  background-position: 72.463768% 30.687831% !important;
}
.fc-icon-10 {
  width: 44px;
  height: 53px;
  background-size: 727% 452% !important;
  background-position: 94.565217% 30.481283% !important;
}
.fc-icon-1:hover {
  background-position: 7.608696% 61.979167% !important;
}
.fc-icon-2:hover {
  background-position: 27.838828% 62.631579% !important;
}
.fc-icon-3:hover {
  background-position: 50% 63.297872% !important;
}
.fc-icon-4:hover {
  background-position: 72.324723% 63.157895% !important;
}
.fc-icon-5:hover {
  background-position: 95.895522% 63.978495% !important;
}
.fc-icon-6:hover {
  background-position: 6.716418% 93.157895% !important;
}
.fc-icon-7:hover {
  background-position: 28.467153% 96.111111% !important;
}
.fc-icon-8:hover {
  background-position: 50.359712% 94.652406% !important;
}
.fc-icon-9:hover {
  background-position: 72.463768% 93.650794% !important;
}
.fc-icon-10:hover {
  background-position: 94.565217% 94.117647% !important;
}
a {
  text-decoration: none;
}
img {
  border: 0;
}
.footerContainer {
  width: 100%;
  color: #fff;
  background-color: #1c1c1c;
  font-family: Arial, Helvetica, sans-serif;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 1em;
}
.footer-box {
  width: 13%;
  font-family: "Tw Cen MT";
}
body[lang="vn"] .footer-box {
  font-family: Tahoma;
}
.footer-box .title {
  font-size: 17px;
  margin: 0.5em 0;
  color: #0053ff;
  text-align: left;
  text-transform: uppercase;
}
.footer-box ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}
.footer-box ul li {
  margin: 0.5em 0;
}
.footer-box ul a {
  font-size: 16px;
  color: #cfcfcf;
  display: block;
  transition: all 0.3s ease-out;
}
.footer-box ul a:hover {
  color: #fff;
}
.provider-box {
  width: 23%;
}
.connect-box ul,
.provider-box ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.connect-box ul li,
.provider-box ul li {
  width: 19%;
  margin: 0;
  display: flex;
  align-items: center;
}
.provider-box ul {
  justify-content: flex-start;
}
.provider-box ul li {
  width: 15.3%;
}
.connect-box .title,
.provider-box .title,
.support-box .title {
  text-align: left;
}
.connect-box a,
.provider-box a,
.support-box a,
.support-box span {
  display: block;
  background: url(../images/footer/footer-group.png) no-repeat;
  background-repeat: no-repeat;
  margin: 15px auto;
}
.connect-box a:hover,
.provider-box a:hover,
.support-box a:hover,
.support-box span:hover {
  background: url(../images/footer/footer-group-hover.png) no-repeat;
}
.support-box a {
  margin: 20px auto;
}
.provider-box a {
  margin: 10px auto;
}
.provider-box ul li:nth-child(-n + 3) a {
  margin-top: 0;
}
.connect-box ul li:nth-child(-n + 2) a {
  margin-top: 10px;
}
.cagayan {
  width: 139px;
  height: 32px;
  background-position: 0 -20px !important;
}
.gambleaware {
  width: 137px;
  height: 31px;
  background-position: 0 -90px !important;
}
.thawte {
  width: 117px;
  height: 31px;
  background-position: 0 -150px !important;
}
.tst {
  width: 88px;
  height: 26px;
  background-position: 0 -215px !important;
}
.safe-secure {
  width: 80px;
  height: 34px;
  background-position: 0 -260px !important;
  cursor: default;
}
.pagcor-link {
  width: 36px;
  height: 36px;
  background-position: 0 -320px !important;
}
.provider-box a {
  width: 60px;
  height: 40px;
}
.oneworks {
  background-position: -220px -20px !important;
}
.opus {
  background-position: -300px -20px !important;
}
.pragmatic-play {
  background-position: -220px -70px !important;
}
.asia-gaming {
  background-position: -300px -70px !important;
}
.microgaming {
  background-position: -220px -120px !important;
}
.gold-deluxe {
  background-position: -300px -120px !important;
}
.isoftbet {
  background-position: -220px -170px !important;
}
.allbet {
  background-position: -300px -170px !important;
}
.gameplay-interactive {
  background-position: -220px -220px !important;
}
.ebet {
  background-position: -300px -220px !important;
}
.betsoft {
  background-position: -220px -270px !important;
}
.imone {
  background-position: -300px -270px !important;
}
.bti {
  background-position: -220px -320px !important;
}
.provider-playtech {
  background-position: -300px -320px !important;
}
.pg-icon {
  background-position: -220px -370px !important;
}
.fg-icon {
  background-position: -300px -370px !important;
}
.netent-icon {
  background-position: -220px -420px !important;
}
.vr-icon {
  background-position: -300px -420px !important;
}
.skywind-icon {
  background-position: -220px -470px !important;
}
.connect-box a {
  width: 35px;
  height: 35px;
}
.facebook {
  background-position: -400px -20px !important;
}
.bbm {
  background-position: -450px -20px !important;
}
.instagram {
  background-position: -500px -20px !important;
}
.line {
  background-position: -400px -70px !important;
}
.pinterest {
  background-position: -450px -70px !important;
}
.telegram {
  background-position: -500px -70px !important;
}
.twitter {
  background-position: -400px -120px !important;
}
.viber {
  background-position: -450px -120px !important;
}
.wechat {
  background-position: -500px -120px !important;
}
.weibo {
  background-position: -400px -170px !important;
}
.whatsapp {
  background-position: -450px -170px !important;
}
.youtube {
  background-position: -500px -170px !important;
}
.zalo {
  background-position: -400px -220px !important;
}
.blogger {
  background-position: -450px -220px !important;
}
.email {
  background-position: -500px -220px !important;
}
#Copyright {
  font-size: 12px;
  color: #fff;
  margin-top: 2px;
  margin-bottom: 5px;
  margin-right: 10px;
  text-align: center;
  width: 100%;
  padding-left: 67px;
  padding-right: 90px;
}
#FooterInfo {
  font-size: 12px;
  color: #fff;
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center;
  width: 100%;
  padding-left: 67px;
  padding-right: 90px;
  line-height: 15px;
}
.right-slider {
  position: absolute;
  z-index: 1;
  right: 35px;
  top: 90px;
  width: 252px;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.date-time {
  font-size: 11px;
}
.match-wrap {
  width: 252px;
  height: 275px;
  position: relative;
  background-image: url(../images/home/box-container.png);
}
.match-bar {
  position: relative;
  z-index: 1;
  text-align: center;
}
.match-title {
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  padding: 12px 15px;
  width: auto;
  margin: 0 auto;
  white-space: nowrap;
  display: inline-block;
}
.match-day-slider {
  height: 271px;
  padding-top: 45px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 98%;
  text-align: center;
  overflow: hidden;
}
.match-day-slider-wrap {
  width: 19200px;
  overflow: hidden;
  text-align: left;
  height: 190px;
  position: absolute;
}
.match-slide {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  height: 180px;
  width: 246px;
  text-align: center;
}
.match-slide .martch-details,
.match-slide .martch-details .venue a {
  color: #fff;
  font-size: 11px;
  padding-top: 3px;
}
body[lang="ko"] .match-slide .martch-details,
body[lang="ko"] .match-slide .martch-details .venue a,
body[lang="th"] .match-slide .martch-details,
body[lang="th"] .match-slide .martch-details .venue a,
body[lang="vn"] .match-slide .martch-details,
body[lang="vn"] .match-slide .martch-details .venue a {
  padding-top: 4px;
}
.match-slide .the-match > div {
  display: inline-block;
  margin: 0;
  color: #fff;
  text-align: center;
}
.match-slide .the-match > div:nth-child(2) {
  margin: 13px 5px 0;
  vertical-align: top;
}
.match-slide .the-match > div:nth-child(2) .vs {
  font-family: Arial, Helvetica, sans-serif;
  color: red;
  font-weight: 700;
  font-size: 25px;
  padding-top: 6px;
  width: 30px;
}
.match-slide .the-match > div:nth-child(2) .dash {
  padding-top: 56px;
  font-size: 21px;
  font-weight: 700;
}
.match-slide .the-match .team-name {
  margin: 4px 0 0 0;
  font-size: 12px;
  letter-spacing: -1px;
  text-transform: uppercase;
  font-weight: 400;
  white-space: nowrap;
}
.match-slide .the-match .team-name a {
  color: #fff;
  text-align: center;
}
.match-slide .the-match .team-odd-price {
  margin-top: -1px;
}
[lang="ko"] .match-slide .the-match .team-odd-price,
[lang="th"] .match-slide .the-match .team-odd-price {
  margin-top: -5px;
}
[lang="hi"] .match-slide .the-match .team-odd-price,
[lang="jp"] .match-slide .the-match .team-odd-price,
[lang="vn"] .match-slide .the-match .team-odd-price {
  margin-top: -3px;
}
.the-match-wrapper a.bet-now-btn,
.the-match-wrapper a.visit-dafabet-btn {
  width: 100px;
}
.match_cta_button {
  position: relative;
  width: 246px;
  bottom: -192px;
  left: 0;
  right: 0;
}
.odds-box {
  font-family: Arial, MyriadPro, Helvetica, sans-serif;
  font-size: 13px;
  margin-bottom: 8px;
  position: relative;
  z-index: 1;
}
.team-odd-price .odds-box {
  width: 110px;
}
.team1 .team-odd-price .odds-box {
  left: 1px;
}
.team2 .team-odd-price .odds-box {
  right: 15px;
}
.odds-box a {
  top: -10px;
}
.team1 .odds-box a {
  float: right;
}
.team2 .odds-box a {
  float: left;
}
.odds-box .odds-text {
  padding-top: 8px;
  display: inline-block;
  word-wrap: break-word;
  overflow: hidden;
  top: 2px;
  color: #d8d8d8;
  font-size: 12px;
}
.odds-box a.odd-price {
  display: inline-block;
  border: 2px solid #af0000;
  color: #fff;
  padding: 2px 5px;
  border-radius: 3px;
  text-align: center;
  font-weight: 700;
  width: 40px;
}
.odds-box a.odd-price:hover {
  background: #ffe000;
  color: #af0000;
}
a.bet-now-btn {
  display: inline-block;
  background: #af0000;
  color: #fff;
  text-transform: uppercase;
  border-radius: 2px;
  padding: 7px 10px;
  font-weight: 700;
  text-align: center;
  margin: auto;
  font-size: 12px;
  white-space: nowrap;
}
.bet-now-btn:hover {
  background: #ffe000;
  color: #af0000;
}
.match-wrap .slick-prev,
.slick-next {
  z-index: 10;
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: 0;
  background: 0;
}
.match-wrap .slick-prev {
  left: 10px;
}
.match-wrap .slick-next {
  right: 10px;
}
.match-wrap #loadingWrapCover {
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/home/loading-icon-60px.svg) no-repeat center center;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.match-day-slider .team1,
.match-day-slider .team2 {
  width: 38%;
}
.match-wrap .slick-prev:before {
  content: url(../images/arrow-left.png);
}
.match-wrap .slick-next:before {
  content: url(../images/arrow-right.png);
}
.match-wrap .slick-prev:before,
.slick-next:before {
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.lobbys {
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
}
* {
  box-sizing: border-box;
}
.tab {
  width: 100%;
  height: auto;
  margin: 5px 0;
}
.tab button {
  display: block;
  background-color: inherit;
  color: #000;
  padding: 12px 16px;
  width: 100%;
  border: 0;
  outline: 0;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
  border-top: 1px solid #051c54;
  border-bottom: 1px solid #051c54;
  color: #fff;
  text-transform: uppercase;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.4);
  background: #0053ff;
}
.tab button:hover {
  background: #0053ff;
  background: -moz-linear-gradient(top, #0053ff 0, #051c54 100%);
  background: -webkit-linear-gradient(top, #0053ff 0, #051c54 100%);
  background: linear-gradient(to bottom, #0053ff 0, #051c54 100%);
}
.tab button.active {
  background-color: #ccc;
}
.tabcontent {
  float: left;
  padding: 0 12px;
  width: 100%;
  border-left: none;
  height: auto;
}
.jackpot {
  padding: 5px 0;
  padding-left: 5px;
  background: #272626;
  white-space: nowrap;
}
.jackpot ul li {
  display: inline-block;
  padding: 5px 0;
}
.jackpot ul li h3 {
  font-size: 20px;
  padding: 3px 0;
}
.jackpot ul li h1,
.jackpot ul li h2 {
  font-size: 17px;
  padding: 3px 0;
}
.jackpot ul li strong {
  font-size: 20px;
  padding: 3px 0;
}
.jackpot ul {
  width: 100%;
  max-width: 285px;
  padding: 0 5px;
  border: 1px solid #0053ff;
  border-radius: 5px;
  color: #fff;
  text-transform: uppercase;
  text-shadow: -1px -1px 0 #0053ff;
  background: #0053ff;
}
.box-slot {
  position: relative;
  margin: 5px 0;
  border: 1px solid #fff;
  border-radius: 3px;
}
.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: 0.5s ease;
  backface-visibility: hidden;
}
.middle {
  transition: 0.5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  white-space: nowrap;
}
.box-slot:hover .image {
  opacity: 0.3;
}
.box-slot:hover .middle {
  opacity: 1;
  color: #fff;
}
.text {
  color: #fff;
  font-size: 14px;
  padding: 10px 15px;
  border-radius: 3px;
  text-transform: uppercase;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.4);
  background: #0053ff;
  background: -moz-linear-gradient(top, #0053ff 0, #051c54 100%);
  background: -webkit-linear-gradient(top, #0053ff 0, #051c54 100%);
  background: linear-gradient(to bottom, #0053ff 0, #051c54 100%);
}
.title {
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  padding: 5px 5px;
  color: #fff;
}
a.text:hover {
  color: #fff !important;
}
.pagination {
  width: 100%;
  max-width: 300px;
  height: auto;
  margin: 0 auto;
  text-align: center;
}
.pagination a {
  color: #fff;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color 0.3s;
  text-align: center;
}
.pagination a.active {
  background-color: #1e90ff;
  color: #fff;
}
.pagination a:hover:not(.active) {
  background-color: #ddd;
}
.mainlobby {
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  display: block;
}
.container-main {
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin: 0 auto;
  text-align: center;
  display: block;
}
.box-casino {
  width: 100%;
  position: relative;
  background: #0053ff;
  border-radius: 3px;
  margin: 10px 0;
  text-align: left;
  display: block;
}
.text-casino {
  width: 100%;
  max-width: 230px;
  height: auto;
  position: absolute;
  top: 0;
  right: 10px;
}
.text-casino h3 {
  font-size: 23px;
  padding: 5px 2px;
  text-align: left;
  color: #fff;
}
.text-casino p {
  padding-bottom: 15px;
  font-size: 16px;
  text-align: left;
  display: block;
  line-height: 24px;
  color: #fff;
}
.text-casino h3 span {
  font-size: 26px;
  padding: 10px 2px;
  text-align: left;
  color: #b6defb;
}
.lobby-lottery {
  width: 100%;
  height: auto;
  margin: 0 auto;
  background: url(../images/lottery/bg-lottery.jpg) no-repeat center top;
  background-size: 100% 100%;
  display: block;
}
html:lang(id) .lobby-lottery {
  width: 100%;
  height: auto;
  margin: 0 auto;
  background: #000 url(../images/lottery/bg-lottery.jpg) no-repeat center top;
  background-size: 100% 45%;
  display: block;
}
.box-games {
  width: 100%;
  height: auto;
  margin: 5px 0;
  background: #051c54;
  border: 1px solid #fff;
  border-radius: 5px;
  display: block;
}
.footer-game {
  width: 100%;
  height: auto;
  padding: 15px 0;
  display: block;
  position: relative;
}
.image-responsiv {
  width: 100%;
}
.title-games {
  font-size: 20px;
  text-align: left;
  padding-left: 10px;
  color: #fff;
}
.btn-danger {
  background: #0053ff;
  background: -moz-linear-gradient(top, #0053ff 0, #051c54 100%);
  background: -webkit-linear-gradient(top, #0053ff 0, #051c54 100%);
  background: linear-gradient(to bottom, #0053ff 0, #051c54 100%);
  border-color: #0053ff;
}
.btn-danger:hover {
  border-color: #0053ff;
  background: #0053ff;
}
.right-w {
  position: absolute;
  top: 12px;
  right: 10px;
  font-size: 12px !important;
}
.contain-lottery {
  padding-top: 300px;
}
.lobby-sports {
  width: 100%;
  height: auto;
  margin: 0 auto;
  background: url(../images/sport/bg-sport.jpg) no-repeat center top;
  background-size: 100% 100%;
  display: block;
}
.contain-sport {
  padding-top: 250px;
}
.subnav.active,
.subnav:hover {
  background: #0053ff;
  background: -moz-linear-gradient(top, #0053ff 0, #051c54 100%);
  background: -webkit-linear-gradient(top, #0053ff 0, #051c54 100%);
  background: linear-gradient(to bottom, #0053ff 0, #051c54 100%);
}
.navbar {
  display: flex;
  margin: 0;
  padding: 0;
  height: 44px;
  line-height: 39px;
  position: relative;
  font-size: 14px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.4);
}
.navbar .subnav_rtp {
  min-width: 140px;
}
.btn-outline-danger {
  color: #fff !important;
  font-weight: 200 !important;
  border-color: #fff !important;
}
.btn-outline-danger:hover {
  color: #fff !important;
  background-color: #0053ff;
}
.subnav {
  float: left;
  flex: 1;
  overflow: hidden;
  border-right: 1px solid #051c54;
  padding: 2px 0 !important;
}
.subnav .subnavbtn {
  width: 100%;
  text-align: center;
  font-size: 14px;
  border: 0;
  outline: 0;
  color: #fff;
  white-space: nowrap;
}
.tab button a {
  color: #fff;
}
.tab button.active {
  background: #0053ff;
  background: -moz-linear-gradient(top, #0053ff 0, #051c54 100%);
  background: -webkit-linear-gradient(top, #0053ff 0, #051c54 100%);
  background: linear-gradient(to bottom, #0053ff 0, #051c54 100%);
}
.subnav-content {
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  display: none;
  position: fixed;
  left: 0;
  top: 120px;
  background-color: #051c54;
  width: 100%;
  z-index: 1;
}
.subnav-content img {
  max-width: 150px;
}
.form-row {
  margin-right: -30px !important;
}
.subnav-content a:hover {
  background-color: #f4f4f4;
  color: #000;
}
.subnav:hover .subnav-content {
  display: block;
}
.nav-container {
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin: 0 auto;
  text-align: center;
  display: block;
}
.nav-footer {
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  padding: 10px 0;
  display: block;
}
.nav-casino {
  width: 100%;
  height: auto;
  margin: 0 auto;
  position: relative;
}
.nav-casino-title {
  width: 100%;
  height: auto;
  margin: 0 auto;
  left: 0;
  bottom: 40px;
  font-size: 18px;
  color: #fff;
  font-weight: 500;
  text-align: center;
  display: block;
  line-height: 30px;
}
.icon {
  padding: 2px 16px !important;
  border-right: 1px solid #051c54;
  border-left: 1px solid #051c54;
}
.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
  display: block;
}
.menu {
  width: 100%;
  margin: 0 auto;
  background: #0053ff;
  display: block;
  margin-top: 5px;
}
.slider {
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
}
.info-footer {
  width: 100%;
  height: 0 auto;
  margin: 0 auto;
  background: #1c1c1c;
}
.nav-casino img {
  width: 100%;
  max-width: 150px;
  height: auto;
  margin: auto;
  text-align: center;
  display: block;
}
.code-se {
  color: #cf2b2b;
  font-weight: 500;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  display: none;
  color: #000;
  overflow: auto;
  overflow-y: scroll;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: margin-top ease-in 0.3s;
  -moz-transition: margin-top ease-in 0.3s;
  -o-transition: margin-top ease-in 0.3s;
  transition: margin-top ease-in 0.3s;
  padding-top: 250px;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -moz-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-dialog {
  width: 550px;
  position: relative;
  z-index: 1050;
  margin: 20px auto;
  cursor: default;
}
#bonus-modal .modal-dialog {
  width: 600px !important;
  max-width: 600px !important;
}
.modal-content {
  position: relative;
  background-color: #fff;
  background-image: url(https://cdn.igsttech.com/Web.Portal/_Common/Content/Views/Shared/images/table_background.jpg);
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.in {
  opacity: 0.5;
}
.modal-header {
  min-height: 16.428571429px;
  padding: 15px;
  background-color: #051c54;
  border-bottom: 1px solid #ccc;
}
.modal-header > .modal-title {
  color: #0080e3;
  font-family: Microsoft JhengHei;
  font-size: 21px;
  font-weight: bolder;
}
#login-modal label {
  text-align: left;
  width: 100%;
  color: #0053ff;
  margin: 5px 0;
}
.modal-header .close {
  background: url(../../images/close.png) no-repeat !important;
  width: 43px;
  height: 37px;
  margin-top: -37px;
  margin-right: 10px;
  opacity: 1;
  margin-top: -30px;
  padding: 0;
  color: #000;
  font-size: 21px;
  font-weight: 700;
  text-shadow: 0 1px 0 #fff;
  line-height: 1;
  background: 0;
  border: 0;
  cursor: pointer;
  position: absolute;
  right: -27px;
  outline: 0;
}
.modal-title {
  margin: 0;
  line-height: 1.428571429;
}
.modal-body {
  position: relative;
  padding: 20px;
}
.modal-footer {
  margin-top: 15px;
  padding: 30px 20px 20px;
  text-align: center;
  background-color: #e9e9e9;
  border-top: 0 solid #e5e5e5;
}
.modal-footer > button {
  width: 119px;
  height: 45px;
  font-size: 15px;
  font-weight: bolder;
  background: url(https://cdn.igsttech.com/Web.Portal/_Common/Content/Views/Shared/images/sent_bn.png)
    0 0 no-repeat;
}
.modal-footer:after,
.modal-footer:before {
  display: table;
  content: " ";
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.login-modal-container .modal-body {
  width: 90%;
  margin: auto;
}
.login-modal-container form .form-control,
.sign-up-modal-container form .form-control {
  height: 40px;
  background-color: #fff;
  border: 0;
  color: #000;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  border: 1px solid #ccc;
}
.dig88-facebook-page-modal-container .modal-header,
.login-modal-container .modal-header,
.not-yet-login-modal-container .modal-header,
.promo-info-modal-container .modal-header,
.sign-up-modal-container .modal-header {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom: 0;
  font-family: Arial, Helvetica, sans-serif;
}
.login-modal-container .btn-login,
.not-yet-login-modal-container .btn-login,
.not-yet-login-modal-container .btn-sign-up,
.sign-up-page-container .btn-sign-up {
  color: #fff !important;
  background: url(../images/home/nav_hover.png) repeat-x center top;
  box-shadow: none;
  border: 0;
  padding: 12px;
  font-size: 14px;
  width: 100%;
  font-weight: 700;
  text-shadow: none !important;
}
.login-modal-container p {
  font-family: Arial, Helvetica, sans-serif;
}
.login-modal-container .forgot-pwd,
.sign-up-modal-container .forgot-pwd {
  float: right;
  color: #fff;
}
.modal-header .close {
  background: url(../../images/close.png) no-repeat;
  width: 40px;
  height: 37px;
  margin-top: -37px;
  margin-right: 15px;
  opacity: 1;
}
.logo-modal {
  width: 210px;
  height: 55px;
  display: block;
  background-size: contain;
  background-position-x: 18px;
  margin: 0 auto;
  font-family: dinpro, sans-serif;
}
.logo-modal img {
  width: 220px !important;
}
#mainContent {
  margin-top: 120px !important;
}
.ambassadorTitle {
  color: #fff;
  position: relative;
  margin-top: 11px;
  font-size: inherit;
  line-height: 15px !important;
  margin-bottom: 11px !important;
  text-align: left;
}
.AmbassadorSignature {
  background: url(../images/sokun_sign.png);
  height: 62px;
  width: 100px;
  position: relative;
  background-repeat: no-repeat;
}
.ambassadorName {
  position: relative;
  color: #fff;
  margin: 0;
  font-size: inherit;
  line-height: 15px !important;
  text-align: left;
}
.ambassadorImg {
  background: url(../images/sokun.png);
  position: relative;
  background-repeat: no-repeat;
  position: absolute;
  top: 11px;
  width: 500px;
  height: 270px;
}
/*.ambassadorImg:hover {
  background: url(../images/sokun_hover.png);
  position: relative;
  background-repeat: no-repeat;
  position: absolute;
  top: 11px;
  width: 500px;
  height: 270px;
}*/
.rvp-col {
  position: relative;
  height: 305px;
  padding-top: 10px;
  border-bottom: 1px solid #fff;
}
#mainthumb .videohome {
  height: 485px !important;
  margin-top: 40px !important;
  background: #252525;
}
#mainthumb .slide_container {
  height: 485px !important;
  margin-top: 5px;
}
.footer_allright {
  text-align: center;
}
.ambassadorImg-pheng {
  background: url(../images/sokpheng.png);
  position: relative;
  background-repeat: no-repeat;
  position: absolute;
  top: 11px;
  right: -5px;
  width: 500px;
  height: 270px;
}
/*.ambassadorImg-pheng:hover {
  background: url(../images/sokpheng_hover.png);
}*/
.slots-nav a {
  padding: 0 10px !important;
}
html[lang="ca"] .slots-nav a {
  padding: 0 13px !important;
}
.search_box .search_in {
  width: 205px !important;
}
.gif_footer {
  position: fixed;
  left: 0;
  top: 75%;
}
.reg-success .btnView {
  padding: 10px 25px !important;
  display: initial !important;
  position: relative !important;
  left: 0 !important;
}
.refmain a[href="https://tawk.to/chat/63975b08daff0e1306dc4bda/1gk3jn6ld"]{
    animation: blinkingtText .2s infinite
}
@keyframes blinkingtText {
    0% {
        color: #000
    }

    49% {
        color: #000
    }

    60% {
        color: transparent
    }

    99% {
        color: transparent
    }

    100% {
        color: #000
    }
}
.nav-icon-th>[class*=col-]{flex-basis:25%}
html:lang(th) .subnav-content img,
html:lang(en) .subnav-content img,
html:lang(id) .subnav-content img, 
html:lang(km) .subnav-content img{max-width: 294px}
html:lang(th) .subnav-content,
html:lang(id) .subnav-content,
html:lang(en) .subnav-content,
html:lang(km) .subnav-content{padding: 24px 0}
html:lang(th) .slots-sclo,
html:lang(km) .slots-sclo,
html:lang(en) .slots-sclo,
html:lang(id) .slots-sclo
{
      overflow-y: scroll;
    height: 600px;
}
.search_box{z-index: 1!important}
/* Overlay */
.tour-overlay {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
}

/* Tooltip Box */
.tour-step {
  position: absolute;
  background: white;
  color: #333;
  width: 280px;
  z-index: 9999;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 15px rgba(0,0,0,0.4);
}
#show_withdraw{text-transform: uppercase;font-size: 12px;font-weight: bold;}

/* Arrow */
.tour-step::before {
  content: '';
  position: absolute;
  top: -20px;
  left: 132px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent white transparent;
}

/* Header */
.tour-header {
  font-weight: bold;
  margin-bottom: 10px;
}

/* Step Count */
.tour-count {
  float: right;
  font-size: 14px;
  color: #888;
}

/* Dots */
.dots {
  text-align: center;
  margin: 15px 0;
}

.dot {
  display: inline-block;
  height: 8px; width: 8px;
  margin: 0 3px;
  background-color: #bbb;
  border-radius: 50%;
}

.dot.actived {
  background-color: #007bff;
}

/* Buttons */
.tour-buttons {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

.tour-buttons button {
  padding: 8px 14px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-weight: bold;
}

.skip-btn {
  background: #444;
  color: white;
}

.next-btn {
  background: #ff3c3c;
  color: white;
}

.logo_in{
  z-index: 9999999;
  border: 1px solid #fff;
  border-radius: 4px;
  border-width: 4px;
  border-style: double;
}
.show_deposit{
  z-index: 99999;
  position: relative;
  padding: 9px;
  border: 1px solid #fff;
  border-radius: 4px;
  border-width: 4px;
  border-style: double;
}
.show_withdraw{
  z-index: 99999;
  position: relative;
  padding: 9px;
  border: 1px solid #fff;
  border-radius: 4px;
  border-width: 4px;
  border-style: double;
}
.show_balace{
  z-index: 99999;
  position: relative;
  padding: 9px;
  border: 1px solid #fff;
  border-radius: 4px;
  border-width: 4px;
  border-style: double;
}
.show_game{
  z-index: 99999;
  position: relative;
  padding: 9px;
  border: 1px solid #fff;
  border-radius: 4px;
  border-width: 4px;
  border-style: double;
}