body {
  font-family:Roboto,sans-serif;
  font-size:14px;
  color:#fff;
  margin:0;
  box-sizing:border-box;
  line-height:1.42857;
  min-width:1230px;
  width:100%
}
header {
  padding-top:4px
}
ul {
  display:flex;
  list-style:none;
  -webkit-margin-before:0;
  margin-block-start:0;
  -webkit-margin-after:0;
  margin-block-end:0;
  -webkit-margin-start:0;
  margin-inline-start:0;
  -webkit-margin-end:0;
  margin-inline-end:0;
  -webkit-padding-start:0;
  padding-inline-start:0
}
ul li {
  padding:0 8px
}
a {
  text-decoration:none;
  color:#fff
}
.text-muted {
  color:#9f9eb1
}
hr {
  margin:10px 0 20px 0;
  border-color:#cac9c9;
  border-top:1px solid rgba(113,123,143,.2)
}
.wrapper {
  width:100%;
  max-width:1230px;
  margin:0 auto;
  padding:0 15px;
  box-sizing:border-box
}
@media only screen and (max-width:1199px) {
  .wrapper {
    padding:0 1rem
  }
}
.hide {
  display:none
}
.button {
  font-weight:400;
  text-align:center;
  vertical-align:middle;
  touch-action:manipulation;
  cursor:pointer;
  background-image:none;
  border:none;
  white-space:nowrap;
  padding:10px 12px;
  font-size:14px;
  line-height:1.42857;
  border-radius:4px;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  border-radius:0;
  transition:.3s
}
.button:focus {
  outline:0
}
.button:active {
  opacity:.2
}
.button--blue {
  color:#212121;
  background-color:#1da0cb;
  border-color:#1da0cb
}
.button--blue:hover {
  background-color:#177d9e;
  border-color:#157695
}
.button--cancel {
  color:#212121;
  background-color:#e6e5e5;
  border-color:rgba(113,123,143,.2)
}
.button--cancel:hover {
  background-color:#cdcbcb;
  border-color:rgba(86,94,109,.2)
}
.header-top {
  margin-bottom:18px
}
.header-top__detail {
  display:flex;
  justify-content:flex-end;
  font-size:12px;
  z-index:9
}
.header-top__detail li {
  border-right:1px solid rgba(255,255,255,.2)
}
.header-top__detail li:last-child {
  border-right:none
}
.header-top__detail .language {
  position:relative;
  padding-bottom:3px
}
.header-top__detail .language .flag {
  display:inline-block;
  vertical-align:middle;
  width:21px;
  height:15px;
  background-size:21px auto;
  background-image:url(../img/language.jpg);
  box-shadow:0 1px 1px rgba(10,10,10,.15);
  margin-left:5px
}
.header-top__detail .language .flag--en {
  background-position:0 0
}
.header-top__detail .language .flag--id {
  background-position:0 -30px
}
.header-top__detail .language__option {
  background-color:#fff;
  position:absolute;
  top:21px;
  right:4px;
  min-width:100px;
  display:none;
  z-index:9
}
.header-top__detail .language__option-detail {
  padding:8px 0;
  text-align:center
}
.header-top__detail .language__option-detail span {
  color:#212121
}
.header-top__detail .language:hover .language__option {
  display:block
}
.header-top__detail .g8-livechat {
  cursor:pointer
}
.header-mdl {
  display:flex;
  align-items:flex-start;
  position:relative;
  margin-bottom:8px
}
.header-mdl__logo {
  position:absolute;
  top:-32px;
  width:200px;
  height:45px
}
.header-mdl__logo img {
  max-width:100%;
  height:auto
}
.header-mdl__login {
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  align-items:flex-end
}
.header-mdl__login-form {
  margin-bottom:8px;
  display:flex
}
.header-mdl__login-form .form-group {
  position:relative;
  display:inline-block;
  vertical-align:middle
}
.header-mdl__login-form .form-group input {
  background-color:#fff;
  color:#0a0a0a;
  font-size:14px;
  padding:6px 12px;
  border:none;
  min-width:180px;
  height:32px;
  margin:0 2px;
  box-sizing:border-box;
  font-family:Roboto,sans-serif
}
.header-mdl__login-form .form-group input:focus {
  outline:0
}
.header-mdl__login-form .button {
  color:#212121;
  font-size:14px;
  font-weight:700;
  font-family:Roboto,sans-serif;
  padding:7px 25px;
  text-transform:uppercase;
  letter-spacing:.25px;
  border:none;
  cursor:pointer;
  margin:0 3px;
  -webkit-font-smoothing:antialiased
}
.header-mdl__login-form .button:hover {
  opacity:.8
}
.header-mdl__login-form .button:focus {
  outline:0
}
.header-mdl__login-form .button:active {
  opacity:.2
}
.header-mdl__login-form .button--login {
  background-color:#1da0cb
}
.header-mdl__login-forgot {
  font-size:11px;
  cursor:pointer
}
.header-mdl__login-account {
  padding-bottom:8px
}
.header-mdl__login-account ul li {
  display:flex;
  align-items:center;
  cursor:pointer;
  position:relative
}
.header-mdl__login-account ul li.misbtn,
.header-mdl__login-account ul li.sw-a {
  display:none
}
.header-mdl__login-account ul li.misbtn.in-mission,
.header-mdl__login-account ul li.sw-a.in-mission {
  display:inherit
}
.header-mdl__login-account ul li:first-child::after,
.header-mdl__login-account ul li:nth-child(2)::after {
  content:"";
  position:absolute;
  right:0;
  width:1px;
  height:18px;
  background-color:rgba(255,255,255,.2)
}
.header-mdl__login-account ul li i.fa-user {
  margin-top:-2px;
  font-size:12px
}
.header-mdl__login-account ul li i.fa-chevron-down {
  font-size:10px
}
.header-mdl__login-account ul li span {
  font-weight:300;
  margin:0 6px
}
.header-mdl__login-account ul li .button--yellow {
  font-weight:700;
  padding:10px 16px
}
.header-mdl__login-account ul li:first-child span {
  color:#1da0cb
}
.header-mdl__login-account ul li .dropdown,
.header-mdl__login-account ul li .dropdown-balance {
  background:#1da0cb;
  border-radius:4px;
  min-width:200px;
  padding:5px 0 6px;
  position:absolute;
  top:40px;
  right:0;
  z-index:9999;
  display:none
}
.header-mdl__login-account ul li .dropdown-balance::before,
.header-mdl__login-account ul li .dropdown::before {
  content:"";
  border-right:10px solid transparent;
  border-bottom:10px solid #1da0cb;
  border-left:10px solid transparent;
  position:absolute;
  top:-9px;
  right:3px
}
.header-mdl__login-account ul li .dropdown ul,
.header-mdl__login-account ul li .dropdown-balance ul {
  display:flex;
  flex-direction:column
}
.header-mdl__login-account ul li .dropdown ul li,
.header-mdl__login-account ul li .dropdown-balance ul li {
  padding:0
}
.header-mdl__login-account ul li .dropdown ul li a,
.header-mdl__login-account ul li .dropdown-balance ul li a {
  background:#e6e5e5;
  border-top:1px solid #898989;
  box-shadow:0 1px 0 0 rgba(10,10,10,.42),0 1px 0 0 #fff inset;
  color:#301d6e;
  padding:10px;
  transition:.3s;
  width:100%;
  display:flex
}
.header-mdl__login-account ul li .dropdown ul li a i,
.header-mdl__login-account ul li .dropdown-balance ul li a i {
  font-size:16px;
  flex:1;
  text-align:center
}
.header-mdl__login-account ul li .dropdown ul li a span,
.header-mdl__login-account ul li .dropdown-balance ul li a span {
  color:#301d6e;
  flex:4
}
.header-mdl__login-account ul li .dropdown ul li a:hover,
.header-mdl__login-account ul li .dropdown-balance ul li a:hover {
  background:#e3a43b;
  border-color:transparent;
  box-shadow:none;
  color:#301d6e
}
.header-mdl__login-account ul li .dropdown-balance {
  min-width:250px;
  font-weight:300
}
.header-mdl__login-account ul li .dropdown-balance ul li {
  background:#e6e5e5;
  border-top:1px solid #898989;
  box-shadow:0 1px 0 0 rgba(10,10,10,.42),0 1px 0 0 #fff inset;
  color:#301d6e;
  padding:10px;
  transition:.3s;
  display:flex;
  align-items:flex-start
}
.header-mdl__login-account ul li .dropdown-balance ul li .left {
  flex:2
}
.header-mdl__login-account ul li .dropdown-balance ul li .right {
  flex:1
}
.header-mdl__login-account ul li .dropdown-balance ul li:first-child {
  background:#1da0cb;
  color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  border-top:unset;
  box-shadow:unset
}
.header-mdl__login-account ul li .dropdown-balance ul li:first-child .left,
.header-mdl__login-account ul li .dropdown-balance ul li:first-child .right {
  flex:auto
}
.header-mdl__login-account ul li .dropdown-balance ul li:first-child .left strong,
.header-mdl__login-account ul li .dropdown-balance ul li:first-child .right strong {
  font-size:16px
}
.header-mdl__login-account ul li .dropdown-balance ul li:first-child .left span,
.header-mdl__login-account ul li .dropdown-balance ul li:first-child .right span {
  color:#fff
}
.header-mdl__login-account ul li .dropdown-balance ul li:first-child .right {
  text-align:right
}
.header-mdl__login-account ul li:hover .dropdown,
.header-mdl__login-account ul li:hover .dropdown-balance {
  display:block
}
.header-menu {
  background-color:rgba(0,0,0,.08) 0px 0px 0px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
  z-index:99999999
}
.header-menu ul {
  display:flex
}
.header-menu ul li {
  text-align:center;
  position:static
}
.header-menu ul li:first-child a,
.header-menu ul li:nth-child(2) a {
  padding:10px 20px;
  display:grid
}
.header-menu .row-hot-games {
  display:flex
}
.header-menu ul li a {
  font-size:14px;
  font-weight:700;
  text-transform:uppercase;
  position:relative;
  display:block;
  padding:10px 15px;
  letter-spacing:.25px;
  -webkit-font-smoothing:antialiased
}
.header-menu ul li a i {
  font-size:18px
}
.header-menu ul li a .star {
  position:absolute;
  top:2px;
  right:0;
  color:#ffcd00
}
.header-menu ul li a .star i {
  font-size:14px
}
.header-menu ul li:hover {
  background-color:#27185a
}
.header-menu ul li:hover a {
  color:#1da0cb
}
.header-menu ul li:hover .dropdown-menu {
  display:block
}
.header-menu ul li .dropdown-menu {
  position:absolute;
  right:0;
  left:0;
  z-index:12;
  background-color:rgba(10,10,10,.9);
  box-shadow:0 1px 3px rgba(10,10,10,.15);
  min-width:1230px;
  width:100%;
  display:none
}
.header-menu ul li .dropdown-menu__detail-list {
  display:inline-block;
  font-size:0px
}
.header-menu ul li .dropdown-menu__detail-list .img-thumbnail {
  margin-bottom:8px
}
.header-menu ul li .dropdown-menu__detail-list span {
  background-color:#1da0cb;
  border-color:#1da0cb;
  color:#212121;
  font-size:11px;
  box-shadow:0 1px 2px rgba(10,10,10,.3);
  padding:6px 12px;
  display:block
}
.header-menu ul li .dropdown-menu__detail-list span:hover {
  opacity:.9
}
.header-menu ul li.active {
  border-bottom:2px solid #1da0cb
}
.header-menu ul li.active a {
  color:#1da0cb
}
.slider {
  margin-bottom:-3px;
  position:relative;
  z-index:2
}
.slider .marquee {
  position:absolute;
  top:0;
  left:0;
  right:0;
  background:rgba(23,19,66,.5);
  height:40px;
  display:flex;
  align-items:center;
  z-index:9
}
.slider .marquee .s-a {
  display:flex;
  align-items:center;
  gap:2px
}
.slider .marquee marquee {
  width:calc(100% - 22px);
  display:inline-block
}
.slider .marquee__bullhorn {
  display:inline-block
}
.slider .marquee__bullhorn i {
  font-size:12px
}
.slider img {
  width:100%;
  height:auto;
  margin-bottom:-4px
}
.slider .swiper-button-next,
.slider .swiper-button-prev {
  color:rgba(255,255,255,.4)
}
.slider .swiper-button-next::after,
.slider .swiper-button-prev::after {
  font-size:32px
}
.slider .swiper-button-prev {
  left:90px
}
.slider .swiper-button-next {
  right:90px
}
.slider .swiper-pagination-bullet {
  width:60px;
  height:8px;
  background:rgba(255,255,255,.3);
  border-radius:0
}
.slider .swiper-pagination-bullet-active {
  background:#fff
}
.matches {
  max-width:20rem;
  margin:16px auto;
  padding:0 11px;
  position:absolute;
  right:7%;
  top:20%;
  z-index:2
}
.matches__top {
  background:linear-gradient(-207deg,#171342 50%,#105a72);
  position:relative;
  border-top-left-radius:15px;
  border-top-right-radius:15px
}
.matches__top-title {
  font-size:15px;
  text-transform:uppercase;
  padding:4px;
  text-align:center;
  font-weight:700;
  margin-bottom:-1px
}
.matches__top-title strong {
  color:#1da0cb
}
.matches__top-close {
  position:absolute;
  top:5px;
  right:5px;
  cursor:pointer
}
.matches__top-close:active {
  opacity:.2
}
.matches__top-close i {
  font-size:19px;
  color:#1da0cb
}
.matches__title {
  position:absolute;
  top:33px;
  left:24px;
  z-index:999
}
.matches__pagination {
  background:#301d6e;
  margin:0;
  padding:15px;
  position:relative
}
.matches__detail {
  background-image:url(../img/football.png);
  background-color:#fff;
  background-repeat:no-repeat;
  background-position:center -35px;
  background-size:65%;
  border:1px solid #dedede;
  border-bottom-left-radius:15px;
  border-bottom-right-radius:15px
}
.matches__detail-versus {
  display:flex;
  justify-content:center;
  align-items:flex-end;
  padding:24px 6px 12px
}
.matches__detail-versus .club-detail {
  display:flex;
  flex-direction:column;
  align-items:center;
  flex:1;
  padding:0 8px
}
.matches__detail-versus .club-detail__logo img {
  width:48px;
  height:48px
}
.matches__detail-versus .club-detail__versus {
  margin-bottom:16px;
  position:relative;
  padding:12px 12px 16px
}
.matches__detail-versus .club-detail__versus span {
  background-color:#000;
  width:30px;
  height:30px;
  border-radius:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:12px;
  font-weight:700
}
.matches__detail-versus .club-detail__versus::before {
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  position:absolute;
  top:50%;
  left:50%;
  content:"";
  width:1px;
  height:70px;
  display:block;
  background-color:#0a0a0a;
  z-index:0
}
.matches__detail-versus .club-detail__name {
  color:#292b2c;
  font-size:12px;
  white-space:nowrap;
  max-width:100px;
  overflow:hidden;
  text-overflow:ellipsis;
  margin-bottom:8px
}
.matches__detail-versus .club-detail__score {
  background-color:#000;
  padding:5px 7px;
  border-radius:4px;
  font-size:12px;
  width:93%;
  margin:auto;
  display:flex;
  justify-content:space-between
}
.matches__detail-versus .club-detail__score-title {
  text-transform:uppercase
}
.matches__detail-versus .club-detail__score-point {
  color:#1da0cb;
  font-weight:700
}
.matches__detail-footer {
  background-color:#e8e8e8;
  padding:8px 15px;
  display:flex;
  justify-content:space-between;
  border-bottom-right-radius:15px;
  border-bottom-left-radius:15px
}
.matches__detail-footer .detail-time {
  color:#000;
  font-size:14px;
  font-weight:700
}
.matches__detail-footer .button-cta {
  background-color:#1da0cb;
  color:#000;
  padding:8px 24px;
  font-weight:700;
  font-size:14px
}
.matches .swiper-container {
  border-bottom-left-radius:15px;
  border-bottom-right-radius:15px
}
.matches .swiper-button-next,
.matches .swiper-button-prev {
  color:#fff;
  top:15px
}
.matches .swiper-button-next::after,
.matches .swiper-button-prev::after {
  font-size:12px
}
.matches .swiper-button-next:focus,
.matches .swiper-button-prev:focus {
  outline:0
}
.matches .swiper-button-next {
  right:0
}
.matches .swiper-button-prev {
  left:auto;
  right:58px
}
.matches .swiper-pagination-fraction {
  top:6px;
  width:unset!important;
  right:23px;
  font-size:12px;
  left:unset!important
}
.featured__detail {
  padding:10px 0
}
.featured__detail-title {
  color:#212121;
  font-size:18px;
  font-weight:700;
  position:relative;
  margin-bottom:24px
}
.featured__detail-title::after {
  content:"";
  display:inline-block;
  width:30px;
  height:5px;
  position:absolute;
  left:0;
  bottom:-10px;
  background-color:#171342
}
.featured__detail-content {
  font-size:0px;
  text-align:center
}
.featured__detail-content .content-box {
  display:inline-block;
  width:23%;
  margin:1%;
  position:relative
}
.featured__detail-content.s2 .content-box {
  width:48%
}
.featured__detail-content .content-box a {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index:10
}
.featured__detail-content .content-box--promo {
  flex:unset;
  position:relative;
  width:397px;
  box-sizing:border-box;
  display:inline-table;
  margin-right:0;
  padding-bottom:16px
}
@media only screen and (max-width:1199px) {
  .featured__detail-content .content-box--promo {
    width:383px
  }
}
.featured__detail-content .content-box__img {
  margin-bottom:-3px;
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  overflow:hidden
}
.featured__detail-content .content-box__img img {
  max-width:100%;
  height:auto;
  transition:.3s
}
.featured__detail-content .content-box__img .cta-play {
  position:absolute
}
.featured__detail-content .content-box__img .cta-play .button-play,
.featured__detail-content .content-box__img .cta-play .button-try {
  color:#212121;
  background-color:#e3a43b;
  text-transform:uppercase;
  font-size:15px;
  padding:8px 16px;
  box-shadow:0 0 10px 0 rgba(10,10,10,.5);
  cursor:pointer;
  display:none
}
.featured__detail-content .content-box__img .cta-play .button-play:hover,
.featured__detail-content .content-box__img .cta-play .button-try:hover {
  box-shadow:0 3px 0 0 #fff;
  background-color:#ce8c1d
}
.featured__detail-content .content-box__img .cta-play .button-try {
  margin-top:8px;
  background-color:#1da0cb
}
.featured__detail-content .content-box__img .cta-play .button-try:hover {
  background-color:#177d9e
}
.featured__detail-content .content-box__img .cta-play img {
  width:50px;
  height:auto;
  display:none
}
.featured__detail-content .content-box__title {
  background-color:#e6e5e5;
  color:#212121;
  text-align:center;
  padding:12px;
  text-transform:uppercase;
  font-size:14px
}
.featured__detail-content .content-box__text {
  background-color:#e6e5e5;
  color:#212121;
  padding:12px
}
.featured__detail-content .content-box__text-title {
  font-size:12px;
  color:#9f9eb1
}
.featured__detail-content .content-box__text-title strong {
  color:#212121;
  font-size:18px;
  font-weight:400
}
.featured__detail-content .content-box__text-desc {
  color:#9f9eb1;
  margin-top:8px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  font-size:14px
}
.featured__detail-content .content-box__text .text-center {
  text-align:center
}
.featured__detail-content .content-box__promotion {
  background-color:#e6e5e5;
  color:#212121;
  padding:12px;
  min-height:114px;
  box-sizing:border-box
}
.featured__detail-content .content-box__promotion-title {
  font-size:16px;
  margin-bottom:10px
}
.featured__detail-content .content-box__promotion-summary {
  color:#9f9eb1;
  height:40px;
  margin-bottom:0;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical
}
.featured__detail-content .content-box__footer {
  background-color:#e6e5e5;
  display:flex;
  padding:0 12px 12px;
  justify-content:space-between
}
.featured__detail-content .content-box__footer button {
  flex:1;
  margin-right:12px
}
.featured__detail-content .content-box__footer button:first-child {
  max-width:44px
}
.featured__detail-content .content-box__footer button:last-child {
  margin-right:0
}
.featured__detail-content .content-box:hover .content-box__title {
  color:#1da0cb
}
.featured__detail-content .content-box:hover .button-play,
.featured__detail-content .content-box:hover .button-try {
  display:block
}
.featured__detail-content .content-box:hover .cta-play img {
  display:block
}
.featured__detail-content .content-box:hover img.img-blur {
  -webkit-filter:blur(3px);
  filter:blur(3px)
}
.featured__detail-content .content-box:hover img.img-zoom {
  -webkit-transform:scale(1.1,1.1);
  transform:scale(1.1,1.1)
}
.featured__detail-content .content-box:hover .has-shadow {
  box-shadow:0 2px 0 #1da0cb
}
.featured__detail-content .content-box:hover .content-box__text-title strong {
  color:#1da0cb
}
.featured__detail--secondary {
  max-width:75%;
  margin:0 auto
}
.featured__detail--secondary .content-box {
  flex:1
}
.featured__detail--secondary:last-child {
  padding:24px 12px 24px 36px
}
.featured .promo-terms {
  background:#e5e4e4;
  color:#212121;
  padding:10px 20px 20px;
  margin:0 24px 30px
}
.featured .promo-terms__title {
  font-size:24px;
  padding:20px 0 10px
}
.featured .promo-terms ul {
  display:block;
  -webkit-padding-start:40px;
  padding-inline-start:40px;
  list-style-type:disc
}
#list-tabs {
  width:100%;
  border:0;
  border-radius:0;
  background-color:#e5e4e4;
  box-shadow:0 1px 2px rgba(10,10,10,.3);
  margin-bottom:30px
}
#list-tabs li {
  flex:auto;
  border:1px solid #cac9c9;
  text-align:center;
  transition:.3s;
  padding:0
}
#list-tabs li:hover {
  background-color:#251e6a;
  border-color:#251e6a
}
#list-tabs li.active {
  background-color:#171342;
  border-color:#171342
}
#list-tabs li.active a {
  color:#fff
}
#list-tabs li a {
  display:block;
  text-align:center;
  margin-right:0;
  color:#262626;
  font-size:14px;
  line-height:1.33333;
  border-radius:0;
  text-transform:uppercase;
  padding:12px 16px
}
#list-tabs li a:hover {
  color:#fff
}
footer {
  padding:8px 0
}
footer section {
  padding:30px 0;
  border-bottom:1px solid rgba(113,123,143,.2);
  display:flex;
  justify-content:center
}
footer .social-logo li {
  padding:0 16px
}
footer .social-logo li a {
  color:rgba(159,158,177,.7);
  font-size:24px
}
footer .social-logo li a:focus,
footer .social-logo li a:hover {
  color:#1da0cb
}
footer .nav-bottom {
  font-size:12px;
  flex-direction:column;
  align-items:center
}
footer .nav-bottom>ul li {
  opacity:.65;
  border-right:2px solid #2d9436
}
footer .nav-bottom li:last-child {
  border-right:none
}
footer .nav-bottom li a {
  color:#f8f8f8;
  font-weight:400;
  font-size:13px;
  -webkit-font-smoothing:antialiased
}
footer .nav-bottom li a:focus,
footer .nav-bottom li a:hover {
  color:#1da0cb
}
footer .information {
  display:flex
}
footer .information__detail {
  flex:1;
  padding:0 15px;
  color:rgba(255,255,255,.9);
  letter-spacing:1px
}
footer .information__detail .heading {
  text-transform:uppercase;
  margin-bottom:30px
}
footer .information__detail h5 {
  margin:10px 0
}
footer .information__detail p {
  color:#9f9eb1;
  font-size:11px;
  -webkit-margin-before:0;
  margin-block-start:0;
  letter-spacing:0
}
footer .logo {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  border-bottom:none
}
footer .logo__payment span,
footer .logo__sponsored span {
  font-size:12px
}
footer .logo__payment ul,
footer .logo__sponsored ul {
  margin-top:8px
}
footer .logo__payment ul li span,
footer .logo__sponsored ul li span {
  font:0/0 a;
  color:transparent;
  text-shadow:none;
  background-color:transparent;
  border:0;
  display:block;
  height:34px;
  background:transparent url(/assets/img/sponsored.png) 0 0 no-repeat;
  background:transparent url(/assets/img/sponsored.webp) 0 0 no-repeat;
  -webkit-filter:grayscale(100%);
  filter:grayscale(100%);
  mix-blend-mode:luminosity
}
footer .logo__sponsored ul li span.hl {
  width:40px;
  background-position-x:-142px
}
footer .logo__sponsored ul li span.gl {
  width:36px;
  background-position-x:-299px
}
footer .logo__sponsored ul li span.bmm {
  width:74px;
  background-position-x:-216px
}
footer .logo__sponsored ul li span.tst {
  width:67px;
  background-position-x:-345px;
  cursor:default
}
footer .logo__sponsored ul li span.itech {
  width:25px;
  background-position-x:-421px;
  cursor:default
}
footer .logo__sponsored ul li span.verified {
  width:132px;
  background-position-x:-456px;
  cursor:default
}
footer .logo__payment ul li span:hover,
footer .logo__sponsored ul li span:hover {
  mix-blend-mode:normal;
  -webkit-filter:grayscale(0);
  filter:grayscale(0)
}
footer .logo__sponsored ul li span:hover {
  background-position-y:-199px
}
footer .logo__payment ul li span {
  background-position-y:-160px
}
footer .logo__payment ul li span:hover {
  background-position-y:-359px
}
footer .logo__payment ul li span.atm {
  width:30px;
  background-position-x:-6px
}
footer .logo__payment ul li span.h2p {
  width:50px;
  background-position-x:-400px
}
footer .logo__payment ul li span.gsc {
  width:41px;
  background-position-x:-344px
}
.sidebar__left {
  position:fixed;
  top:25%;
  z-index:99;
  cursor:pointer;
  left:-2px
}
.sidebar__right {
  position:fixed;
  top:25%;
  right:0;
  z-index:99;
  cursor:pointer
}
.sidebar__right a.contact {
  position:absolute;
  right:0;
  transition:.3s cubic-bezier(.18, .89, .32, 1.28);
  -webkit-transition:.3s cubic-bezier(.18, .89, .32, 1.28);
  -moz-transition:.3s cubic-bezier(.18, .89, .32, 1.28);
  -ms-transition:.3s cubic-bezier(.18, .89, .32, 1.28);
  -o-transition:.3s cubic-bezier(.18, .89, .32, 1.28)
}
.sidebar__right ul::-webkit-scrollbar {
  display:none
}
.sidebar__right ul {
  position:absolute;
  right:-235px;
  margin-top:0;
  width:235px;
  height:241px;
  background-color:#101010;
  display:block;
  transition:.3s cubic-bezier(.18, .89, .32, 1.28);
  overflow:scroll;
  -ms-overflow-style:none;
  scrollbar-width:none
}
.sidebar__right ul li {
  padding:12px
}
.sidebar__right ul li a {
  color:#fff
}
.sidebar__right ul li a i {
  margin-right:8px
}
.sidebar__right ul li:hover {
  background-color:#cdcbcb
}
.sidebar__right ul li:hover a {
  color:#1da0cb
}
.sidebar__right:hover a.contact {
  right:235px
}
.sidebar__right:hover ul {
  right:0
}
.sidebar__qr {
  position:fixed;
  bottom:0;
  left:0;
  z-index:999
}
.sidebar__qr-box {
  background-image:-webkit-linear-gradient(top,#1da0cb 50%,#105a72 100%);
  background-color:#1da0cb;
  height:160px;
  width:152px;
  padding-top:10px;
  margin-top:5px;
  border-top-right-radius:20px;
  border-bottom-right-radius:20px;
  box-shadow:0 0 5px 0 #105a72;
  position:relative
}
.sidebar__qr-box .icon-close {
  background-color:#105a72;
  position:absolute;
  top:7px;
  right:7px;
  border-radius:100%;
  width:21px;
  height:21px;
  display:flex;
  justify-content:center;
  align-items:center;
  cursor:pointer
}
.sidebar__qr-box .icon-close:active {
  opacity:.2
}
.sidebar__qr-box .box-barcode {
  padding:4px 24px
}
.sidebar__qr-box .box-barcode__detail {
  margin-right:8px
}
.sidebar__qr-box .box-barcode__detail img {
  max-width:100%;
  height:auto
}
.sidebar__qr-box .box-barcode i {
  font-size:30px;
  color:#0d485b
}
.sidebar__qr-box .text-title {
  display:block;
  color:#fff;
  font-size:10px;
  padding:3px;
  border-radius:25px;
  background:#105a72;
  text-align:center;
  text-shadow:-1px 1px 4px rgba(0,0,0,.8)
}
.sidebar__qr-box .main-text {
  color:#fff;
  width:100%;
  font-weight:700;
  margin-top:5px;
  display:block;
  text-align:center;
  text-shadow:-2px 2px 4px rgba(0,0,0,.8)
}
.sidebar__game {
  position:fixed;
  bottom:0;
  right:0;
  z-index:999;
  transition:all ease .5s
}
.sidebar__game-top {
  background-color:#105a72;
  padding:8px 12px;
  position:relative
}
.sidebar__game-top .top-title {
  font-size:16px;
  font-weight:700;
  text-align:center;
  text-transform:uppercase
}
.sidebar__game-top .top-close {
  position:absolute;
  top:11px;
  right:11px;
  cursor:pointer
}
.sidebar__game-top .top-close:active {
  opacity:.2
}
.sidebar__game-top .top-close i {
  font-size:16px
}
.sidebar__game-detail {
  background-image:-webkit-linear-gradient(top,#1da0cb 50%,#105a72 100%);
  display:flex;
  align-items:center;
  padding:16px
}
.sidebar__game-detail .detail-img {
  margin-right:8px
}
.sidebar__game-detail .detail-img img {
  width:90px;
  height:auto;
  border:4px solid #fff
}
.sidebar__game-detail .detail-content {
  max-width:220px
}
.sidebar__game-detail .detail-content__title {
  font-size:18px;
  margin-bottom:4px
}
.sidebar__game-detail .detail-content__desc {
  font-size:14px;
  line-height:19px
}
.sidebar .slide-in {
  right:-360px
}
.modal-signup {
  background-color:rgba(255,255,255,.9);
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  display:none
}
.modal-signup__dialog {
  max-width:650px;
  background-color:#e9e9ed;
  color:#464a4c;
  box-shadow:0 0 50px 10px rgba(10,10,10,.25);
  margin:auto;
  position:relative;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
.modal-signup__dialog-header {
  padding:15px;
  border-bottom:1px solid rgba(128,128,128,.2);
  position:relative
}
.modal-signup__dialog-header .header-title {
  text-align:center
}
.modal-signup__dialog-header .header-close {
  position:absolute;
  right:15px;
  top:15px;
  cursor:pointer
}
.modal-signup__dialog-header .header-close:active {
  opacity:.2
}
.modal-signup__dialog-header .header-close i {
  font-size:18px
}
.modal-signup__dialog-body .img-container {
  width:100%;
  display:flex;
  justify-content:center;
  margin-top:24px
}
.modal-signup__dialog-body .img-container img {
  max-width:200px;
  margin:0 auto;
  height:auto
}
.modal-signup__dialog-body form {
  padding:24px 24px 48px
}
.modal-signup__dialog-body form .form-container {
  display:flex
}
.modal-signup__dialog-body form .form-container .form-input {
  flex:1
}
.modal-signup__dialog-body form .form-container .form-input .form-group {
  display:flex;
  flex-direction:column;
  padding:12px;
  position:relative
}
.modal-signup__dialog-body form .form-container .form-input .form-group label {
  margin-bottom:8px
}
.modal-signup__dialog-body form .form-container .form-input .form-group label span {
  color:#d42848
}
.modal-signup__dialog-body form .form-container .form-input .form-group .form-control {
  padding:2px 8px;
  font-size:14px;
  height:40px;
  box-sizing:border-box;
  border:none;
  background-color:#fff
}
.modal-signup__dialog-body form .form-container .form-input .form-group .form-control:focus {
  outline:0
}
.modal-signup__dialog-body form .form-container .form-input .form-group .select-date {
  margin-right:8px
}
.modal-signup__dialog-body form .form-container .form-input .form-group .select-date:first-child {
  flex:1
}
.modal-signup__dialog-body form .form-container .form-input .form-group .select-date:nth-child(2) {
  flex:3
}
.modal-signup__dialog-body form .form-container .form-input .form-group .select-date:nth-child(3) {
  flex:2;
  margin-right:0
}
.modal-signup__dialog-body form .form-container .form-input .form-group .m-code {
  margin-right:8px;
  width:60px
}
.modal-signup__dialog-body form .form-container .form-input .form-group .phone {
  flex:1
}
.modal-signup__dialog-body form .form-container .form-input .form-group select {
  -webkit-appearance:none;
  border-radius:0;
  background-position:right center;
  background-repeat:no-repeat;
  background-size:38px;
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABMCAYAAADHl1ErAAAAi0lEQVR4Ae3QMQ0CQRRF0XWADdz9n0wxHWYwQIkGWhocYIIE1sKj2AT2nOQauAsJAAAAAAAAAAAAuvtSVe8Neq2d/mHY4+sJeeefHzbGOFbVc4NZtznnYVmZls8yLZ9lWj7LtHSWacEs04JZppkVTjMrmGZWMM2sYJpZwbR7d193MQsAAAAAAAAAAD6rXkPcI0ThZQAAAABJRU5ErkJggg==)!important
}
.modal-signup__dialog-body form .form-container .form-input .form-group input::-webkit-inner-spin-button,
.modal-signup__dialog-body form .form-container .form-input .form-group input::-webkit-outer-spin-button {
  -webkit-appearance:none;
  margin:0
}
.modal-signup__dialog-body form .form-container .form-input .form-group input[type=number] {
  -moz-appearance:textfield
}
.modal-signup__dialog-body form .terms-condition {
  display:flex;
  padding:12px 12px 24px;
  position:relative
}
.modal-signup__dialog-body form .terms-condition input[type=checkbox] {
  position:relative;
  width:18px;
  height:18px;
  background-color:#fff;
  border:1px solid rgba(113,123,143,.2);
  border-radius:4px;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  outline:0;
  cursor:pointer
}
.modal-signup__dialog-body form .terms-condition input[type=checkbox]:checked {
  color:#fff;
  border-color:#171342;
  background:#171342
}
.modal-signup__dialog-body form .terms-condition input[type=checkbox]:checked::before {
  opacity:1
}
.modal-signup__dialog-body form .terms-condition input[type=checkbox]::before {
  position:absolute;
  content:"";
  display:block;
  top:0;
  left:5px;
  width:5px;
  height:11px;
  border-style:solid;
  border-color:#fff;
  border-width:0 2px 2px 0;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  opacity:0
}
.modal-signup__dialog-body form .terms-condition__text {
  margin-left:8px;
  font-size:12px;
  color:#525165;
  max-width:530px
}
.modal-signup__dialog-body form .terms-condition__text a {
  color:#1da0d9
}
.modal-signup__dialog-body form .terms-condition__text span {
  color:#d42848
}
.modal-signup__dialog-body form .terms-condition .error {
  position:absolute;
  position:absolute;
  top:8px;
  right:8px
}
.modal-signup__dialog-body form .terms-condition .error .caption {
  position:absolute;
  bottom:37px;
  right:0;
  padding:10px;
  border-radius:4px;
  background-color:#d42848;
  border-color:#bf245a;
  color:#fff;
  text-align:center;
  width:150px;
  box-sizing:border-box;
  display:none
}
.modal-signup__dialog-body form .terms-condition .error i {
  font-size:25px;
  color:#d42848
}
.modal-signup__dialog-body form .terms-condition .error:hover .caption {
  display:block
}
.modal-signup__dialog-body form .button {
  margin:10px auto 0;
  width:180px;
  display:block;
  padding:12px 16px;
  font-size:16px;
  line-height:1.33333;
  border-radius:0;
  cursor:pointer;
  box-sizing:border-box;
  text-align:center
}
.modal-signup__dialog-body form .button:focus {
  outline:0
}
.modal-signup__dialog-body form .button:active {
  opacity:.2
}
.modal-signup__dialog-body form .button--register {
  color:#212121;
  background-color:#e3a43b;
  border-color:#e3a43b
}
.modal-forgot {
  background-color:rgba(255,255,255,.9);
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:9999999;
  display:none
}
.modal-forgot__dialog {
  max-width:450px;
  background-color:#e9e9ed;
  color:#464a4c;
  box-shadow:0 0 50px 10px rgba(10,10,10,.25);
  margin:auto;
  position:relative;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
.modal-forgot__dialog-header {
  padding:15px;
  border-bottom:1px solid rgba(128,128,128,.2);
  position:relative
}
.modal-forgot__dialog-header .forgot-title {
  text-align:center
}
.modal-forgot__dialog-header .forgot-close {
  position:absolute;
  right:15px;
  top:15px;
  cursor:pointer
}
.modal-forgot__dialog-header .forgot-close:active {
  opacity:.2
}
.modal-forgot__dialog-header .forgot-close i {
  font-size:18px
}
.modal-forgot__dialog-body .img-container {
  width:100%;
  display:flex;
  justify-content:center;
  margin-top:24px
}
.modal-forgot__dialog-body .img-container img {
  max-width:200px;
  margin:0 auto;
  height:auto
}
.modal-forgot__dialog-body form {
  padding:24px 12px 48px
}
.modal-forgot__dialog-body form .form-container .form-group {
  display:flex;
  flex-direction:column;
  padding:12px 0;
  position:relative
}
.modal-forgot__dialog-body form .form-container .form-group .form-control {
  padding:11px 8px;
  font-size:14px;
  height:40px;
  box-sizing:border-box;
  border:none;
  background-color:#fff
}
.modal-forgot__dialog-body form .form-container .form-group .form-control:focus {
  outline:0
}
.modal-forgot__dialog-body form .form-container .form-group .icon {
  position:absolute;
  top:22px;
  right:12px
}
.modal-forgot__dialog-body form .form-container .form-group .icon i {
  font-size:16px
}
.modal-forgot__dialog-body form .form-container .form-group .icon .caption {
  position:absolute;
  bottom:37px;
  right:0;
  padding:10px;
  border-radius:4px;
  background-color:#d42848;
  border-color:#bf245a;
  color:#fff;
  text-align:center;
  width:150px;
  box-sizing:border-box
}
.modal-forgot__dialog-body form .button {
  margin:0 auto;
  width:180px;
  display:block;
  padding:12px 16px;
  font-size:16px;
  line-height:1.33333;
  border-radius:0;
  cursor:pointer;
  box-sizing:border-box;
  text-align:center
}
.modal-forgot__dialog-body form .button:focus {
  outline:0
}
.modal-forgot__dialog-body form .button:active {
  opacity:.2
}
.modal-forgot__dialog-body form .button--submit {
  color:#212121;
  background-color:#e3a43b;
  border-color:#e3a43b;
  margin-top:16px
}
.vip-body {
  background:url("../img/bg vip.jpg");
  background-size:cover
}
.vip-body .wrapper {
  padding:40px 0
}
.vip-body__container {
  background-color:rgba(0,0,0,.611765);
  width:87%;
  margin:40px auto 0;
  padding:10px 30px 30px;
  box-sizing:border-box;
  position:relative
}
.vip-body__container .vip-title {
  font-weight:700;
  background:-webkit-linear-gradient(25deg,#fcfdb8 0,#7d5d38 100%);
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  display:inline-block;
  font-size:24px;
  margin-bottom:20px
}
.vip-body__container .vip-img {
  position:absolute;
  right:15px;
  top:-20px
}
.vip-body__container .vip-img img {
  max-height:300px
}
.vip-body__container ul {
  display:block;
  padding-right:200px;
  padding-bottom:30px
}
.vip-body__container ul li {
  display:flex;
  align-items:center;
  padding-bottom:15px
}
.vip-body__container ul li span {
  margin:0 4px
}
.vip-body__container ul .indent {
  padding-left:78px;
  display:flex;
  align-items:center
}
.vip-body__container ul .vip-legend-content {
  display:inline-block;
  position:relative;
  text-indent:0;
  vertical-align:middle;
  margin-left:15px
}
.vip-body__container table {
  width:100%;
  max-width:100%;
  margin-bottom:20px;
  border:1px solid rgba(113,123,143,.2);
  background-color:rgba(0,0,0,0);
  text-align:center;
  border-collapse:collapse;
  border-spacing:0
}
.vip-body__container table thead tr th {
  background-color:#3a3939;
  padding:8px;
  line-height:1.42857;
  border:1px solid rgba(113,123,143,.2)
}
.vip-body__container table thead tr th:first-child {
  background-color:#252424
}
.vip-body__container table thead tr th .normal {
  color:#47ad60
}
.vip-body__container table thead tr th .silver {
  color:#989ca3
}
.vip-body__container table thead tr th .gold {
  color:#b97b00
}
.vip-body__container table thead tr th .diamond {
  color:#c900bd
}
.vip-body__container table tbody tr td {
  border:1px solid rgba(113,123,143,.2)
}
.vip-body__container table tbody tr td:first-child {
  background-color:#252424
}
.vip-body__container table tbody tr:nth-of-type(odd) {
  background-color:#545454
}
.vip-body__container table tbody tr:nth-of-type(odd) td {
  background-color:#545454
}
.vip-body__container table tbody tr:nth-of-type(2n) {
  background-color:#3a3939
}
.vip-body__container .cta {
  text-align:center;
  margin:24px 0
}
.modal-promotion {
  background-color:rgba(255,255,255,.9);
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:9999999;
  overflow:auto
}
.modal-promotion__dialog {
  max-width:900px;
  background-color:#e9e9ed;
  color:#464a4c;
  box-shadow:0 0 50px 10px rgba(10,10,10,.25);
  margin:auto;
  position:relative;
  top:5%;
  margin-bottom:20px;
  -webkit-transform:translateY(-25%);
  transform:translateY(-25%);
  transition:.3s
}
.modal-promotion__dialog-header {
  position:relative
}
.modal-promotion__dialog-header .header-bg img {
  max-width:100%;
  height:auto
}
.modal-promotion__dialog-header .header-cta {
  position:absolute;
  top:0;
  right:0
}
.modal-promotion__dialog-body {
  padding:25px 15px;
  min-height:64px
}
.modal-promotion__dialog-body .promo-timer {
  margin:0 0 15px 15px;
  background-color:transparent;
  border-radius:0;
  float:right
}
.modal-promotion__dialog-body .promo-timer .button,
.modal-promotion__dialog-body .promo-timer span {
  display:table-cell;
  min-width:68px;
  text-align:center;
  line-height:1;
  vertical-align:middle;
  padding-right:2px
}
.modal-promotion__dialog-body .promo-timer .button:last-child,
.modal-promotion__dialog-body .promo-timer span:last-child {
  padding-right:0
}
.modal-promotion__dialog-body .promo-timer .button small,
.modal-promotion__dialog-body .promo-timer span small {
  font-size:10px;
  text-transform:uppercase;
  color:#fff;
  background-color:#171342;
  display:block;
  padding:8px
}
.modal-promotion__dialog-body .promo-timer .button big,
.modal-promotion__dialog-body .promo-timer span big {
  color:#171342;
  padding:8px;
  display:block;
  background-color:#fafafb;
  font-size:30px
}
.modal-promotion__dialog-body .promo-timer .button {
  padding:10px 12px!important;
  font-size:16px;
  text-transform:uppercase;
  text-shadow:0 2px 2px rgba(10,10,10,.15);
  border-radius:0
}
.modal-promotion__dialog-body .promo-title,
.modal-promotion__dialog-body .second-title {
  margin-bottom:20px;
  color:#171342;
  font-weight:700;
  font-size:18px
}
.modal-promotion__dialog-body .second-title {
  color:#262626;
  font-weight:400
}
.profile {
  padding:64px 0 0
}
.profile__nav ul li {
  padding:0;
  flex:1;
  transition:.3s;
  background-color:#e5e4e4
}
.profile__nav ul li a {
  color:#262626;
  padding:13px 15px 10px;
  display:flex;
  justify-content:center;
  align-items:center
}
.profile__nav ul li a i {
  font-size:18px;
  margin-right:12px
}
.profile__nav ul li a span {
  font-weight:300
}
.profile__nav ul li.active {
  background-color:#171342;
  border-color:#171342
}
.profile__nav ul li.active a {
  color:#fff
}
.profile__nav ul li:hover {
  background-color:#251e6a;
  border-color:#251e6a
}
.profile__nav ul li:hover a {
  color:#fff
}
.tab {
  color:#262626;
  padding-bottom:30px
}
.tab__menu {
  position:relative
}
.tab__menu ul {
  border-bottom:0;
  background-color:#fff;
  margin-bottom:10px;
  box-shadow:0 1px 2px rgba(10,10,10,.3);
  border-radius:0
}
.tab__menu ul li {
  text-align:center;
  display:table-cell;
  float:none;
  padding:0
}
.tab__menu ul li a {
  color:#262626;
  line-height:28px;
  padding:7px 15px;
  display:block;
  transition:.3s
}
.tab__menu ul li a:hover {
  background-color:#e5e4e4;
  border-color:transparent
}
.tab__menu ul li a i {
  font-size:18px;
  margin-right:4px
}
.tab__menu ul li a span {
  font-weight:300
}
.tab__menu ul li.active a {
  background-color:#171342;
  border:1px solid #171342;
  border-bottom-color:transparent;
  cursor:default;
  color:#fff
}
.tab__detail {
  background-color:#e6e5e5;
  padding:20px;
  box-shadow:0 1px 2px rgba(10,10,10,.3)
}
.tab__detail-title {
  font-size:24px;
  margin-bottom:30px
}
.tab__detail-form {
  position:relative;
  margin:0 -15px;
  display:flex;
  flex-wrap:wrap
}
.tab__detail-form .detail-right {
  width:100%;
  text-align:right;
  padding:0 15px
}
.tab__detail-form .detail-right__check {
  display:flex;
  justify-content:flex-end;
  align-items:center;
  margin-bottom:8px
}
.tab__detail-form .detail-right__check span {
  color:#262626;
  margin-right:4px
}
.tab__detail-form .detail-right__check input[type=checkbox] {
  position:relative;
  width:18px;
  height:18px;
  background-color:#fff;
  border:1px solid rgba(113,123,143,.2);
  border-radius:4px;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  outline:0;
  cursor:pointer
}
.tab__detail-form .detail-right__check input[type=checkbox]:checked {
  color:#fff;
  border-color:#171342;
  background:#171342
}
.tab__detail-form .detail-right__check input[type=checkbox]:checked::before {
  opacity:1
}
.tab__detail-form .detail-right__check input[type=checkbox]::before {
  position:absolute;
  content:"";
  display:block;
  top:0;
  left:5px;
  width:5px;
  height:11px;
  border-style:solid;
  border-color:#fff;
  border-width:0 2px 2px 0;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  opacity:0
}
.tab__detail-form .detail-right .button {
  font-size:12px;
  padding:5px 10px
}
.tab__detail-cta {
  display:flex;
  justify-content:flex-end
}
.tab__detail-cta .button {
  font-size:18px
}
.tab__detail-password {
  max-width:595px;
  margin:0 auto
}
.tab__detail-password .form-detail {
  width:100%!important;
  padding:0!important
}
.tab__detail-bank {
  max-width:799px;
  margin:0 auto;
  padding-bottom:12px;
  border-bottom:1px solid rgba(159,158,177,.9)
}
.tab__detail-bank .bank-header {
  display:flex;
  justify-content:space-between;
  margin-bottom:34px
}
.tab__detail-bank .bank-header__title {
  font-size:18px;
  font-weight:700;
  text-transform:uppercase
}
.tab__detail-bank .bank-header__cta .button {
  font-size:12px;
  padding:5px 10px
}
.tab__detail-bank .bank-footer {
  color:rgba(159,158,177,.9);
  font-size:11.9px
}
.tab__detail-bank:last-child {
  margin-top:32px
}
.tab__detail-message table {
  width:100%;
  max-width:100%
}
.tab__detail-message table thead tr th {
  color:#212121;
  text-align:left;
  padding:8px;
  line-height:1.42857
}
.tab__detail-message table thead tr th:nth-child(2) {
  visibility:hidden
}
.tab__detail-message table tbody tr:nth-of-type(odd) {
  background-color:rgba(77,77,77,.1)
}
.tab__detail-message table tbody tr td {
  line-height:1.42857;
  vertical-align:top;
  padding:8px;
  border-top:1px solid rgba(113,123,143,.2)
}
.tab__detail-message table tbody tr td.text-center {
  text-align:center
}
.tab__detail-newmsg {
  width:100%;
  text-align:center;
  margin-top:16px
}
.tab__detail hr {
  margin-top:20px;
  margin-bottom:20px;
  border-top:1px solid rgba(113,123,143,.2);
  border-color:#cac9c9
}
.form-detail {
  position:relative;
  width:50%;
  padding:0 15px;
  margin-bottom:15px;
  box-sizing:border-box
}
.form-detail--full {
  width:100%
}
.form-detail label {
  display:block;
  margin-bottom:5px;
  font-weight:300
}
.form-detail label .text-danger {
  color:#d42848
}
.form-detail .form-control {
  display:block;
  width:100%;
  height:34px;
  padding:6px 12px;
  font-size:14px;
  line-height:1.42857;
  box-sizing:border-box;
  color:#0a0a0a;
  background-color:#fff;
  background-image:none;
  border:none;
  border-radius:0;
  box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
  transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
}
.form-detail .form-control[disabled],
.form-detail .form-control[readonly] {
  color:rgba(38,38,38,.5);
  border-color:rgba(113,123,143,.2);
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABMBAMAAAA1uUwYAAAAIVBMVEWvr69HcEzu7u64uLiwsLCwsLCwsLCwsLCzs7OwsLCvr68Fd4lGAAAAC3RSTlNmAAELSSBWXBQ7Lw+TlLEAAADGSURBVEjH7dUhC8JQFIbhF9SN2e42Zdg2sDswGFUx2BRE6wz2FcE6DFaDP2D+U8NUmLDjwsrm/dIXHu49cMJBlQqaaVYDNrzHxir5xXoRgLGRmX0DAMsXmcsrc5GlsLxMtmBJzIOzUnZwhURgLmaolFJOzExgIzpZWdMSWMohK326ApvyyMqAtsCi9+QepsAgzEoAxcwG/9PKsGpfqyvbkcupgMV5ZhQwvtJ4thiXYqFTJSv56R9sIcors4Dt8+yoL6BmjWBPOoizghls9qIAAAAASUVORK5CYII=);
  padding-right:40px;
  background-position:right center;
  background-repeat:no-repeat;
  background-size:38px;
  cursor:not-allowed
}
.form-detail .form-control[readonly] {
  cursor:text
}
.form-detail .form-control:focus {
  outline:0;
  border:1px solid
}
.form-detail select {
  background-position:right center;
  background-repeat:no-repeat;
  background-size:38px;
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABMCAYAAADHl1ErAAAAi0lEQVR4Ae3QMQ0CQRRF0XWADdz9n0wxHWYwQIkGWhocYIIE1sKj2AT2nOQauAsJAAAAAAAAAAAAuvtSVe8Neq2d/mHY4+sJeeefHzbGOFbVc4NZtznnYVmZls8yLZ9lWj7LtHSWacEs04JZppkVTjMrmGZWMM2sYJpZwbR7d193MQsAAAAAAAAAAD6rXkPcI0ThZQAAAABJRU5ErkJggg==)!important;
  -webkit-appearance:none;
  -moz-appearance:none
}
.form-detail .input-group {
  position:relative
}
.form-detail .input-group-addon {
  width:auto;
  z-index:3;
  border:0;
  padding:4px;
  display:inline-block;
  position:absolute;
  right:7px;
  top:1px;
  background-color:transparent!important;
  pointer-events:none
}
.form-detail .input-group-addon i {
  font-size:20px;
  color:#262626
}
.balance {
  margin:30px 0;
  background-color:rgba(205,203,203,.9)
}
.balance ul {
  display:block
}
.balance ul li {
  padding:10px;
  box-sizing:border-box;
  display:inline-block;
  margin:2px;
  width:calc(25% - 7px);
  overflow:hidden;
  text-align:center;
  border-radius:4px;
  background-color:#e6e5e5;
  transition:.3s
}
.balance ul li:first-child {
  width:calc(100% - 4px)
}
.balance__title {
  line-height:1;
  font-size:10px;
  color:#0a0a0a;
  font-weight:700;
  margin-bottom:5px;
  text-transform:uppercase;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  transition:.4s
}
.balance__detail span {
  color:#9f9eb1;
  font-size:10.5px
}
.balance__detail strong {
  color:#171342;
  font-size:16.8px
}
.transfer {
  display:block;
  position:relative;
  border-radius:0;
  background-color:#e6e5e5;
  padding:20px;
  box-shadow:0 1px 2px rgba(10,10,10,.3);
  margin-bottom:30px;
  color:#262626
}
.transfer__form {
  max-width:366px;
  margin:0 auto
}
.transfer__form .form-detail {
  width:100%
}
.transfer__form-cta {
  padding:0 15px;
  display:flex;
  justify-content:flex-end;
  align-items:center
}
.transfer__form-cta i {
  font-size:24px;
  margin-right:8px
}
.funds {
  margin-bottom:30px;
  background-color:#e6e5e5;
  padding:20px;
  color:#262626
}
.funds__container ul {
  margin-bottom:15px;
  border-bottom:1px solid #262626
}
.funds__container ul li {
  padding:0
}
.funds__container ul li a {
  position:relative;
  display:block;
  padding:10px 15px;
  border-radius:4px 4px 0 0;
  color:#171342;
  transition:.3s
}
.funds__container ul li.active a {
  color:#fff;
  background-color:#171342;
  border:1px solid #171342;
  border-bottom-color:transparent;
  cursor:default
}
.funds__detail {
  display:flex
}
.funds__detail-left {
  width:28%;
  padding-right:15px
}
.funds__detail-left ul {
  border:none;
  display:flex;
  flex-direction:column
}
.funds__detail-left ul li {
  display:flex;
  align-items:center;
  padding:8px;
  border-bottom:1px solid rgba(113,123,143,.2)
}
.funds__detail-left ul li.hide {
  display:none
}
.funds__detail-left ul li span {
  color:#262626;
  font-weight:700;
  flex:1
}
.funds__detail-left ul li span:not(.text-center):first-child {
  width:139px;
  flex:none
}
.funds__detail-left ul li span.ref-id {
  text-transform:uppercase;
  text-align:center;
  color:#fff;
  border-radius:5px;
  padding:2px 10px;
  flex:none
}
.funds__detail-left ul li span.ref-id.active {
  background-color:#059605
}
.funds__detail-left ul li span.ref-id.inactive {
  background-color:#db0000
}
.funds__detail-left ul li span.ref-id.kyc-link {
  background-color:#047ace;
  text-transform:capitalize;
  padding:0
}
.funds__detail-left ul li span.ref-id.kyc-link a {
  padding:2px 10px;
  display:block
}
.funds__detail-left ul li span.ref-id.kyc-waiting {
  background-color:#f4c300;
  color:#424242;
  text-transform:lowercase
}
.funds__detail#referral-bonus span {
  font-weight:400
}
.funds__detail#referral-bonus span:first-child {
  flex:3
}
.funds__detail-right {
  flex:1;
  padding-left:15px;
  color:#262626
}
.funds__detail-right .detail-box {
  overflow:hidden;
  padding:10px 15px;
  border-radius:4px;
  background-color:#dad8d8;
  color:#262626;
  margin-bottom:15px
}
.funds__detail-right .detail-box .field-title {
  font-size:16px;
  font-weight:700
}
.funds__detail-right .detail-box .deposit-option {
  display:flex
}
.funds__detail-right .detail-box .deposit-option .row {
  display:flex
}
.funds__detail-right .detail-box .deposit-option__form {
  flex:1
}
.funds__detail-right .detail-box .deposit-option__info {
  flex:1
}
.funds__detail-right .detail-box .deposit-option__info-detail {
  flex:1
}
.funds__detail-right .detail-box .deposit-option__info-detail .detail-box {
  background-color:#ff5b77;
  border-color:#ff5b77;
  color:#721c23;
  font-size:13px;
  padding:15px;
  border-radius:4px;
  display:flex
}
.funds__detail-right .detail-box .deposit-option__info-detail .detail-box i {
  font-size:24px
}
.funds__detail-right .detail-box .deposit-option__info-detail .detail-box .msg {
  flex:1 1 auto;
  margin:0 12px
}
.funds__detail-right .detail-box .deposit-option__info .button {
  font-size:12px;
  padding:5px 10px
}
.funds__detail-right .cta-right {
  padding:0 15px;
  display:flex;
  justify-content:flex-end;
  margin-top:32px
}
.funds__detail-right .withdrawal-notice {
  min-height:20px;
  padding:19px;
  margin-bottom:20px;
  background-color:#e6e5e5;
  border:1px solid rgba(113,123,143,.2);
  border-radius:4px;
  box-shadow:inset 0 1px 1px rgba(0,0,0,.05)
}
.funds__detail-right .withdrawal-notice p {
  color:#9f9eb1;
  margin:0 0 10px
}
.funds__detail-note {
  background-color:#d4edda;
  border-color:#c3e6cb;
  color:#262626;
  min-height:20px;
  padding:19px;
  margin:0 15px 20px;
  border:1px solid rgba(113,123,143,.2);
  border-radius:4px;
  box-shadow:inset 0 1px 1px rgba(0,0,0,.05);
  box-sizing:border-box
}
.funds__detail-note p {
  -webkit-margin-before:0;
  margin-block-start:0
}
.funds__detail-note ul {
  list-style-type:disc;
  -webkit-padding-start:40px;
  padding-inline-start:40px;
  display:block;
  margin-bottom:0;
  border-bottom:none
}
.funds__detail-note ul li a {
  display:unset;
  padding:unset
}
.funds__detail-title {
  padding:0 15px;
  max-width:300px;
  box-sizing:border-box;
  margin-bottom:24px
}
.funds__detail-title .row {
  display:flex
}
.funds__detail-title .row strong {
  flex:3
}
.funds__detail-title .row span {
  flex:1
}
.funds__detail-freebet {
  max-width:580px;
  width:100%;
  margin:0 auto;
  color:#262626
}
.funds__detail-freebet .cta-right {
  width:100%;
  display:flex;
  justify-content:flex-end;
  padding:0 15px;
  box-sizing:border-box
}
.funds__detail-form {
  position:relative;
  margin:0 -15px;
  display:flex;
  flex-wrap:wrap;
  width:100%
}
.funds__detail-form .cta-right {
  width:100%;
  display:flex;
  justify-content:flex-end;
  padding:0 15px;
  box-sizing:border-box
}
.funds__rebate-header {
  display:flex;
  justify-content:space-between
}
.funds__rebate-header .header-left .form-detail {
  padding:0;
  width:unset;
  display:flex;
  align-items:center
}
.funds__rebate-header .header-left .form-detail .form-control {
  font-size:12px
}
.funds__rebate-header .header-left .form-detail label {
  color:#262626;
  width:110px
}
.funds__rebate-header .header-right small {
  color:#9f9eb1
}
.funds__rebate-table table {
  box-shadow:0 1px 2px rgba(10,10,10,.3);
  width:100%;
  max-width:100%;
  margin-bottom:10px;
  border:0;
  color:#262626
}
.funds__rebate-table table caption {
  box-shadow:0 1px 2px rgba(10,10,10,.3);
  font-weight:400;
  text-align:center;
  color:#212121;
  text-transform:uppercase;
  background-color:rgba(202,201,201,.4);
  padding-top:8px;
  padding-bottom:8px
}
.funds__rebate-table table thead tr th {
  padding:12px;
  text-transform:uppercase;
  font-weight:700;
  color:#212121;
  width:1%;
  position:relative;
  vertical-align:middle;
  text-align:center
}
.funds__rebate-table table thead tr th:first-child {
  text-align:left
}
.funds__rebate-table table tbody {
  border-width:0 2px 1px 1px;
  border-color:#cac9c9
}
.funds__rebate-table table tbody tr td {
  padding:5px;
  border-top:1px solid rgba(113,123,143,.2);
  text-align:center
}
.funds__rebate-table table tbody tr td:first-child {
  color:#212121;
  text-align:left;
  position:relative
}
.funds__rebate-table table tbody tr td:nth-child(2n) {
  padding:5px 12px;
  background-color:rgba(100,100,100,.2)
}
.funds__rebate-table table tbody tr td span:first-child {
  width:70%;
  word-break:break-word;
  display:inline-block;
  vertical-align:text-top;
  overflow:hidden;
  line-height:30px
}
.funds__rebate-table table tbody tr td span.label-info {
  min-width:62px;
  text-align:center;
  top:12px;
  right:5px;
  padding-top:3px;
  position:absolute;
  background-color:#5bc0de;
  display:inline;
  padding:.2em .6em .3em;
  font-size:75%;
  font-weight:700;
  line-height:1;
  color:#fff;
  white-space:nowrap;
  vertical-align:baseline;
  border-radius:.25em
}
.funds__rebate-table table tbody tr td .btn {
  display:inline-block;
  margin-bottom:0;
  font-weight:400;
  text-align:center;
  vertical-align:middle;
  touch-action:manipulation;
  cursor:pointer;
  background-image:none;
  border:1px solid transparent;
  white-space:nowrap;
  padding:6px 12px;
  font-size:14px;
  line-height:1.42857;
  border-radius:4px;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none
}
.funds__rebate-table table tbody tr td .btn-block {
  display:block;
  width:100%
}
.funds__rebate-table table tbody tr td .btn-sm {
  padding:5px 10px;
  font-size:12px;
  line-height:1.5
}
.funds__rebate-table table tbody tr td .btn-default {
  color:#3c3c3c;
  background-color:#e6e5e5;
  border-color:rgba(113,123,143,.2)
}
.funds__rebate-table table tbody tr td .btn[disabled] {
  cursor:not-allowed
}
.info {
  display:flex;
  color:#262626;
  padding:60px 0
}
.info a {
  color:#1da0cb
}
.info__left {
  background-color:#e6e5e5;
  flex:1;
  margin-right:24px;
  max-height:246px
}
.info__left ul {
  display:flex;
  flex-direction:column
}
.info__left ul li {
  padding:0;
  border:1px solid rgba(113,123,143,.2);
  border-top:0
}
.info__left ul li:first-child {
  border-top:1px solid rgba(113,123,143,.2)
}
.info__left ul li a {
  color:#262626;
  padding:10px 16px;
  display:block;
  position:relative
}
.info__left ul li a::after {
  content:"";
  position:absolute;
  right:12px;
  top:50%;
  width:0;
  height:0;
  border:5px solid transparent;
  border-left-color:#262626;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  transition:.3s
}
.info__left ul li.active {
  background-color:#171342;
  border-color:#251e6a
}
.info__left ul li:hover {
  background-color:#251e6a;
  border-color:#251e6a
}
.info__left ul li.active a,
.info__left ul li:hover a {
  color:#fff
}
.info__left ul li.active a::after,
.info__left ul li:hover a::after {
  border-left-color:#fff
}
.info__right {
  background-color:#e6e5e5;
  flex:3
}
.info__right-title {
  padding:15px 30px;
  border-bottom:1px solid rgba(113,123,143,.2);
  font-size:24px;
  font-weight:700
}
.info__right-content {
  padding:30px
}
.info__right-content h4 {
  -webkit-margin-before:0;
  margin-block-start:0;
  -webkit-margin-after:0;
  margin-block-end:0
}
.info__right-content .term__list-title {
  padding:10px 15px;
  border:1px solid rgba(113,123,143,.2);
  cursor:pointer
}
.info__right-content .term__list-title:active {
  opacity:.2
}
.info__right-content .term__list-detail {
  padding:8px;
  background-color:#fff;
  border:1px solid rgba(113,123,143,.2);
  display:none
}
.info__right-content .term__list-detail ol li p {
  -webkit-margin-before:0;
  margin-block-start:0
}
.info__right-content ul {
  display:block;
  list-style-type:disc;
  -webkit-margin-before:1em;
  margin-block-start:1em;
  -webkit-margin-after:1em;
  margin-block-end:1em;
  -webkit-margin-start:0;
  margin-inline-start:0;
  -webkit-margin-end:0;
  margin-inline-end:0;
  -webkit-padding-start:40px;
  padding-inline-start:40px
}
.info__right-content p {
  -webkit-margin-before:0;
  margin-block-start:0
}
.info__right-content .faq ul.menu {
  display:flex;
  list-style:none;
  -webkit-margin-before:0;
  margin-block-start:0;
  -webkit-margin-after:0;
  margin-block-end:0;
  -webkit-margin-start:0;
  margin-inline-start:0;
  -webkit-margin-end:0;
  margin-inline-end:0;
  -webkit-padding-start:0;
  padding-inline-start:0;
  background-color:#e5e4e4;
  box-shadow:0 1px 2px rgba(10,10,10,.3);
  margin-bottom:15px
}
.info__right-content .faq ul.menu li {
  flex:auto;
  padding:0;
  transition:.3s
}
.info__right-content .faq ul.menu li a {
  color:#262626;
  display:block;
  padding:10px 15px;
  text-align:center
}
.info__right-content .faq ul.menu li a:focus {
  outline:0
}
.info__right-content .faq ul.menu li.active {
  background-color:#171342;
  border-color:#171342
}
.info__right-content .faq ul.menu li.active a {
  color:#fff
}
.info__right-content .faq ul.menu li:hover {
  background-color:#251e6a
}
.info__right-content .faq ul.menu li:hover a {
  color:#fff
}
.info__right-content .faq__list {
  margin-bottom:8px
}
.info__right-content .faq__list-title {
  padding:10px 15px;
  font-size:16px;
  border:1px solid rgba(113,123,143,.2);
  cursor:pointer
}
.info__right-content .faq__list-title .caret {
  display:inline-block;
  width:0;
  height:0;
  margin-left:2px;
  vertical-align:middle;
  border-top:4px dashed;
  border-right:4px solid transparent;
  border-left:4px solid transparent
}
.info__right-content .faq__list-content {
  background-color:#fff;
  padding:15px;
  display:none
}
.info__right-content .faq__list-content p {
  -webkit-margin-before:0;
  margin-block-start:0
}
.info__right-content .contact__title {
  font-size:30px;
  margin-bottom:10px;
  text-align:center
}
.info__right-content .contact__detail ul.contact {
  display:flex;
  flex-wrap:wrap;
  list-style:none;
  -webkit-margin-before:0;
  margin-block-start:0;
  -webkit-margin-after:0;
  margin-block-end:0;
  -webkit-margin-start:0;
  margin-inline-start:0;
  -webkit-margin-end:0;
  margin-inline-end:0;
  -webkit-padding-start:0;
  padding-inline-start:0
}
.info__right-content .contact__detail ul.contact li {
  background-color:#fff;
  width:32%;
  min-height:200px;
  margin:5px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:center;
  padding:15px;
  box-sizing:border-box
}
.info__right-content .contact__detail ul.contact li span {
  font-size:18px
}
.info__right-content .contact__detail ul.contact li i {
  font-size:38px
}
.info__right-content .contact__detail ul.contact li a {
  font-size:14px;
  color:#1da0cb
}
.header-menu ul li .dropdown-menu a {
  transition:.3s;
  border-radius:4px
}
.header-menu ul li .dropdown-menu a:focus,
.header-menu ul li .dropdown-menu a:hover {
  background:0 0;
  background:radial-gradient(ellipse at center,rgba(29,160,203,.5) 0,transparent 70%)
}
.form-control.error {
  border:2px solid red!important
}
label.error {
  font-size:12px;
  font-weight:700;
  color:red;
  padding-top:3px;
  display:block
}
.text-center {
  text-align:center
}
.modal-login__dialog-body .button2 {
  color:#212121;
  background-color:#1da0cb;
  border-color:#1da0cb
}
.modal-login__dialog-body .button-forget {
  color:#1da0cb;
  display:block;
  margin:20px 0
}
.modal-login {
  background-color:rgba(255,255,255,.9);
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:9999999;
  display:none;
  overflow:auto
}
.modal-login__dialog {
  max-width:650px;
  background-color:#e9e9ed;
  color:#464a4c;
  box-shadow:0 0 50px 10px rgba(10,10,10,.25);
  margin:auto;
  position:relative;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
.modal-login__dialog-header {
  padding:15px;
  border-bottom:1px solid rgba(128,128,128,.2);
  position:relative
}
.modal-login__dialog-header .header-title {
  text-align:center
}
.modal-login__dialog-header .header-close {
  position:absolute;
  right:15px;
  top:15px;
  cursor:pointer
}
.modal-login__dialog-header .header-close:active {
  opacity:.2
}
.modal-login__dialog-header .header-close i {
  font-size:18px
}
.modal-login__dialog-body .img-container {
  width:100%;
  display:flex;
  justify-content:center;
  margin-top:24px
}
.modal-login__dialog-body .img-container img {
  max-width:200px;
  margin:0 auto;
  height:auto
}
.modal-login__dialog-body form {
  padding:24px 24px 48px
}
.modal-login__dialog-body form .form-container {
  display:flex;
  flex-direction:column
}
.modal-login__dialog-body form .form-container .form-input {
  flex:1
}
.modal-login__dialog-body form .form-container .form-input .form-group {
  display:flex;
  flex-direction:column;
  padding:12px;
  position:relative
}
.modal-login__dialog-body form .form-container .form-input .form-group label {
  margin-bottom:8px
}
.modal-login__dialog-body form .form-container .form-input .form-group label span {
  color:#d42848
}
.modal-login__dialog-body form .form-container .form-input .form-group .form-control {
  padding:11px 8px;
  font-size:14px;
  height:40px;
  box-sizing:border-box;
  border:none;
  background-color:#fff
}
.modal-login__dialog-body form .form-container .form-input .form-group .form-control:focus {
  outline:0
}
.modal-login__dialog-body form .form-container .form-input .form-group .select-date {
  margin-right:8px
}
.modal-login__dialog-body form .form-container .form-input .form-group .select-date:first-child {
  flex:1
}
.modal-login__dialog-body form .form-container .form-input .form-group .select-date:nth-child(2) {
  flex:3
}
.modal-login__dialog-body form .form-container .form-input .form-group .select-date:nth-child(3) {
  flex:2;
  margin-right:0
}
.modal-login__dialog-body form .form-container .form-input .form-group .m-code {
  margin-right:8px;
  width:60px
}
.modal-login__dialog-body form .form-container .form-input .form-group .phone {
  flex:1
}
.modal-login__dialog-body form .form-container .form-input .form-group select {
  -webkit-appearance:none;
  border-radius:0;
  background-position:right center;
  background-repeat:no-repeat;
  background-size:38px;
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABMCAYAAADHl1ErAAAAi0lEQVR4Ae3QMQ0CQRRF0XWADdz9n0wxHWYwQIkGWhocYIIE1sKj2AT2nOQauAsJAAAAAAAAAAAAuvtSVe8Neq2d/mHY4+sJeeefHzbGOFbVc4NZtznnYVmZls8yLZ9lWj7LtHSWacEs04JZppkVTjMrmGZWMM2sYJpZwbR7d193MQsAAAAAAAAAAD6rXkPcI0ThZQAAAABJRU5ErkJggg==)!important
}
.modal-login__dialog-body form .form-container .form-input .form-group input::-webkit-inner-spin-button,
.modal-login__dialog-body form .form-container .form-input .form-group input::-webkit-outer-spin-button {
  -webkit-appearance:none;
  margin:0
}
.modal-login__dialog-body form .form-container .form-input .form-group input[type=number] {
  -moz-appearance:textfield
}
.modal-login__dialog-body form .form-container .form-input .form-group label.error {
  margin:4px 0 0;
  color:#d42848;
  font-size:12px
}
.modal-login__dialog-body form .terms-condition {
  display:flex;
  padding:12px 12px 24px;
  position:relative
}
.modal-login__dialog-body form .terms-condition input[type=checkbox] {
  position:relative;
  width:18px;
  height:18px;
  background-color:#fff;
  border:1px solid rgba(113,123,143,.2);
  border-radius:4px;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  outline:0;
  cursor:pointer
}
.modal-login__dialog-body form .terms-condition input[type=checkbox]:checked {
  color:#fff;
  border-color:#171342;
  background:#171342
}
.modal-login__dialog-body form .terms-condition input[type=checkbox]:checked::before {
  opacity:1
}
.modal-login__dialog-body form .terms-condition input[type=checkbox]::before {
  position:absolute;
  content:"";
  display:block;
  top:0;
  left:5px;
  width:5px;
  height:11px;
  border-style:solid;
  border-color:#fff;
  border-width:0 2px 2px 0;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  opacity:0
}
.modal-login__dialog-body form .terms-condition__text {
  margin-left:8px;
  font-size:12px;
  color:#525165;
  max-width:530px
}
.modal-login__dialog-body form .terms-condition__text a {
  color:#1da0d9
}
.modal-login__dialog-body form .terms-condition__text span {
  color:#d42848
}
.modal-login__dialog-body form .terms-condition .error {
  position:absolute;
  position:absolute;
  top:8px;
  right:8px
}
.modal-login__dialog-body form .terms-condition .error .caption {
  position:absolute;
  bottom:37px;
  right:0;
  padding:10px;
  border-radius:4px;
  background-color:#d42848;
  border-color:#bf245a;
  color:#fff;
  text-align:center;
  width:150px;
  box-sizing:border-box;
  display:none
}
.modal-login__dialog-body form .terms-condition .error i {
  font-size:25px;
  color:#d42848
}
.modal-login__dialog-body form .terms-condition .error:hover .caption {
  display:block
}
.modal-login__dialog-body form .button {
  margin:0 auto;
  width:180px;
  display:block;
  padding:12px 16px;
  font-size:16px;
  line-height:1.33333;
  border-radius:0;
  cursor:pointer;
  box-sizing:border-box;
  text-align:center
}
.modal-login__dialog-body form .button:focus {
  outline:0
}
.modal-login__dialog-body form .button:active {
  opacity:.2
}
.modal-login__dialog-body form .button--register {
  color:#212121;
  background-color:#e3a43b;
  border-color:#e3a43b
}
.modal,
.modal-apps {
  z-index:1050!important
}
.modal-content {
  background-color:#e6e5e5
}
.modal {
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  overflow-x:hidden;
  overflow-y:auto;
  display:none
}
.modal__box {
  max-width:45%;
  margin:2% auto;
  transition:all ease .3s
}
@media only screen and (max-width:732px) {
  .modal__box {
    max-width:96%;
    margin:2% auto
  }
}
@media only screen and (max-width:475px) {
  .modal__box {
    max-width:100%;
    margin:0
  }
}
.modal__content {
  position:relative;
  background-color:#e6e5e5;
  color:#292b2c;
  background-clip:padding-box;
  border:1px solid rgba(0,0,0,.2);
  border-radius:.3rem;
  outline:0
}
@media only screen and (max-width:475px) {
  .modal__content--full {
    max-width:100%;
    margin:0;
    min-height:100vh
  }
}
.modal__content .login-header,
.modal__content .notif-header {
  padding:15px;
  position:relative
}
.modal__content .login-header__title,
.modal__content .notif-header__title {
  font-size:24px;
  text-align:center
}
.modal__content .login-header__close,
.modal__content .notif-header__close {
  position:absolute;
  top:0;
  right:0;
  width:40px;
  height:40px;
  background-color:#171342;
  display:flex;
  justify-content:center;
  align-items:center;
  cursor:pointer
}
.modal__content .login-header__close:active,
.modal__content .notif-header__close:active {
  opacity:.2
}
.modal__content .login-header__close img,
.modal__content .notif-header__close img {
  width:16px;
  height:auto
}
.modal__content .login-header__img,
.modal__content .notif-header__img {
  display:flex;
  justify-content:center
}
@media only screen and (max-width:475px) {
  .modal__content .login-header__img,
  .modal__content .notif-header__img {
    margin-top:80px
  }
}
.modal__content .login-header__img img,
.modal__content .notif-header__img img {
  max-width:200px;
  height:auto
}
.modal__content .notif-body {
  padding:0 24px 24px
}
.modal__content .notif-body__detail-list {
  margin-bottom:16px
}
.modal__content .notif-body__detail-list .detail-header {
  background-color:#eceeef;
  padding:10px;
  display:flex;
  justify-content:space-between;
  margin-bottom:12px;
  cursor:pointer
}
.modal__content .notif-body__detail-list .detail-content {
  display:none
}
.modal__content .notif-body__detail-list .detail-content__box {
  border-color:rgba(0,0,0,.1);
  background-color:#fff;
  margin-bottom:12px;
  border-radius:.5rem
}
.modal__content .notif-body__detail-list .detail-content__box .content {
  padding:12px
}
.modal__content .notif-body__detail-list .detail-content__box .content a {
  color:#1da0cb
}
.modal__content form {
  padding:12px
}
.modal__content form .form-group {
  margin-bottom:16px;
  position:relative
}
.modal__content form .form-group label {
  font-size:12px;
  text-transform:uppercase
}
.modal__content form .form-group label strong {
  color:#c4281c
}
.modal__content form .form-group input {
  padding:11px 8px;
  font-size:14px;
  height:40px;
  box-sizing:border-box;
  border:none;
  background-color:#fff;
  width:100%;
  margin-top:8px;
  font-size:1rem
}
.modal__content form .form-group input:focus {
  outline:0;
  border:1px solid #171342
}
.modal__content form .form-group span {
  color:#d42848;
  font-size:12px;
  margin-top:4px
}
.modal__content form .form-group .password-show {
  position:absolute;
  top:18px;
  right:12px;
  cursor:pointer
}
.modal__content form .form-group .password-show:active {
  opacity:.2
}
.modal__content form .form-group .password-show i {
  font-size:18px
}
.modal__content form .form-group label.error {
  margin:4px 0 0;
  color:#d42848;
  font-size:12px
}
.modal__content form .forgot-password {
  color:#1da0cb;
  font-size:12px;
  text-align:center;
  cursor:pointer;
  padding-top:16px
}
.modal__content form .forgot-password:active {
  opacity:.2
}
.modal__content form .button {
  margin-top:16px;
  width:100%
}
.modal__content form:nth-child(2) {
  display:none
}
.modal__content .login-body {
  max-width:300px;
  margin:0 auto
}
.modal__content .login-footer {
  max-width:300px;
  padding:16px;
  box-sizing:border-box;
  margin:0 auto
}
.modal-notification {
  background:rgba(0,0,0,.5)
}
.modal-apps {
  background-color:rgba(255,255,255,.9);
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:9999999;
  display:none;
  overflow:auto
}
.modal-apps__dialog {
  max-width:650px;
  background-color:#e9e9ed;
  color:#464a4c;
  box-shadow:0 0 50px 10px rgba(10,10,10,.25);
  margin:auto;
  position:relative;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
.modal-apps__dialog-header {
  padding:15px;
  border-bottom:1px solid rgba(128,128,128,.2);
  position:relative
}
.modal-apps__dialog-header .header-title {
  text-align:center
}
.modal-apps__dialog-header .header-close {
  position:absolute;
  right:15px;
  top:15px;
  cursor:pointer
}
.modal-apps__dialog-header .header-close:active {
  opacity:.2
}
.modal-apps__dialog-header .header-close i {
  font-size:18px
}
.modal-apps__dialog-body .img-container {
  width:100%;
  display:flex;
  justify-content:center;
  margin-top:24px
}
.modal-apps__dialog-body .img-container img {
  max-width:200px;
  margin:0 auto;
  height:auto
}
.modal-apps__dialog-body form .form-container {
  display:flex;
  flex-direction:column
}
.modal-apps__dialog-body form .form-container .form-input {
  flex:1
}
.modal-apps__dialog-body form .form-container .form-input .form-group {
  display:flex;
  flex-direction:column;
  padding:12px;
  position:relative
}
.modal-apps__dialog-body form .form-container .form-input .form-group label {
  margin-bottom:8px
}
.modal-apps__dialog-body form .form-container .form-input .form-group label span {
  color:#d42848
}
.modal-apps__dialog-body form .form-container .form-input .form-group .form-control {
  padding:11px 8px;
  font-size:14px;
  height:40px;
  box-sizing:border-box;
  border:none;
  background-color:#fff
}
.modal-apps__dialog-body form .form-container .form-input .form-group .form-control:focus {
  outline:0
}
.modal-apps__dialog-body form .form-container .form-input .form-group .select-date {
  margin-right:8px
}
.modal-apps__dialog-body form .form-container .form-input .form-group .select-date:first-child {
  flex:1
}
.modal-apps__dialog-body form .form-container .form-input .form-group .select-date:nth-child(2) {
  flex:3
}
.modal-apps__dialog-body form .form-container .form-input .form-group .select-date:nth-child(3) {
  flex:2;
  margin-right:0
}
.modal-apps__dialog-body form .form-container .form-input .form-group .m-code {
  margin-right:8px;
  width:60px
}
.modal-apps__dialog-body form .form-container .form-input .form-group .phone {
  flex:1
}
.modal-apps__dialog-body form .form-container .form-input .form-group select {
  -webkit-appearance:none;
  border-radius:0;
  background-position:right center;
  background-repeat:no-repeat;
  background-size:38px;
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABMCAYAAADHl1ErAAAAi0lEQVR4Ae3QMQ0CQRRF0XWADdz9n0wxHWYwQIkGWhocYIIE1sKj2AT2nOQauAsJAAAAAAAAAAAAuvtSVe8Neq2d/mHY4+sJeeefHzbGOFbVc4NZtznnYVmZls8yLZ9lWj7LtHSWacEs04JZppkVTjMrmGZWMM2sYJpZwbR7d193MQsAAAAAAAAAAD6rXkPcI0ThZQAAAABJRU5ErkJggg==)!important
}
.modal-apps__dialog-body form .form-container .form-input .form-group input::-webkit-inner-spin-button,
.modal-apps__dialog-body form .form-container .form-input .form-group input::-webkit-outer-spin-button {
  -webkit-appearance:none;
  margin:0
}
.modal-apps__dialog-body form .form-container .form-input .form-group input[type=number] {
  -moz-appearance:textfield
}
.modal-apps__dialog-body form .form-container .form-input .form-group label.error {
  margin:4px 0 0;
  color:#d42848;
  font-size:12px
}
.modal-apps__dialog-body form .terms-condition {
  display:flex;
  padding:12px 12px 24px;
  position:relative
}
.modal-apps__dialog-body form .terms-condition input[type=checkbox] {
  position:relative;
  width:18px;
  height:18px;
  background-color:#fff;
  border:1px solid rgba(113,123,143,.2);
  border-radius:4px;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  outline:0;
  cursor:pointer
}
.modal-apps__dialog-body form .terms-condition input[type=checkbox]:checked {
  color:#fff;
  border-color:#171342;
  background:#171342
}
.modal-apps__dialog-body form .terms-condition input[type=checkbox]:checked::before {
  opacity:1
}
.modal-apps__dialog-body form .terms-condition input[type=checkbox]::before {
  position:absolute;
  content:"";
  display:block;
  top:0;
  left:5px;
  width:5px;
  height:11px;
  border-style:solid;
  border-color:#fff;
  border-width:0 2px 2px 0;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  opacity:0
}
.modal-apps__dialog-body form .terms-condition__text {
  margin-left:8px;
  font-size:12px;
  color:#525165;
  max-width:530px
}
.modal-apps__dialog-body form .terms-condition__text a {
  color:#1da0d9
}
.modal-apps__dialog-body form .terms-condition__text span {
  color:#d42848
}
.modal-apps__dialog-body form .terms-condition .error {
  position:absolute;
  position:absolute;
  top:8px;
  right:8px
}
.modal-apps__dialog-body form .terms-condition .error .caption {
  position:absolute;
  bottom:37px;
  right:0;
  padding:10px;
  border-radius:4px;
  background-color:#d42848;
  border-color:#bf245a;
  color:#fff;
  text-align:center;
  width:150px;
  box-sizing:border-box;
  display:none
}
.modal-apps__dialog-body form .terms-condition .error i {
  font-size:25px;
  color:#d42848
}
.modal-apps__dialog-body form .terms-condition .error:hover .caption {
  display:block
}
.modal-apps__dialog-body form .button {
  margin:0 auto;
  width:180px;
  display:block;
  padding:12px 16px;
  font-size:16px;
  line-height:1.33333;
  border-radius:0;
  cursor:pointer;
  box-sizing:border-box;
  text-align:center
}
.modal-apps__dialog-body form .button:focus {
  outline:0
}
.modal-apps__dialog-body form .button:active {
  opacity:.2
}
.modal-apps__dialog-body form .button--register {
  color:#212121;
  background-color:#e3a43b;
  border-color:#e3a43b
}
.mobLine {
  padding:20px
}
.mobLine input {
  padding:6px 8px;
  background-color:#fff;
  border:0;
  font-size:12px;
  width:calc(100% - 16px)
}
.mobLine .btn {
  background-color:#e3a43b;
  color:#212121;
  cursor:pointer;
  border:0;
  padding:6px 20px;
  font-weight:700
}
.mobLine .btn:hover {
  background-color:#d0942f
}
.swiper__img {
  background-color:#111;
  text-align:center
}
.pbox {
  color:#212121;
  margin:60px 0 20px
}
.pbox img {
  flex:1;
  max-width:1083px
}
.dl-box {
  padding:30px 0
}
.dl-listing {
  padding-bottom:20px;
  border-bottom:1px solid rgba(113,123,143,.2)
}
.dl-listing ul {
  text-align:center;
  display:block
}
.dl-listing ul li {
  display:inline-block
}
.dl-listing img {
  -webkit-filter:grayscale(100%);
  filter:grayscale(100%);
  max-width:44px
}
.dl-listing a.active img {
  -webkit-filter:grayscale(0%);
  filter:grayscale(0%)
}
.dl-body {
  font-size:0px
}
.dl-bb {
  display:inline-block;
  width:25%;
  text-align:center;
  padding:20px 0
}
.dl-bbt {
  background-color:rgba(113,123,143,.25);
  font-size:0px;
  display:inline-block;
  max-width:200px
}
.dl-bbt .l {
  display:inline-block
}
.dl-bbt .r {
  display:inline-block
}
.dl-bbt img {
  max-width:100px
}
.dl-bb h4 {
  color:#212121;
  font-size:16px;
  padding:0;
  margin:15px 0 10px
}
.dl-bb a {
  color:#212121;
  background-color:#e3a43b;
  padding:6px 12px;
  display:inline-block;
  font-size:14px
}
.dl-bb a:hover {
  background-color:#ce8c1d
}
.dl-bb a.b2 {
  background-color:#1da0cb
}
.dl-bb a.b2:hover {
  background-color:#0f92bd
}
.button-sm {
  margin-top:3px;
  font-size:12px;
  font-weight:700;
  padding:5px;
  display:inline-block;
  width:100%
}
.msgbigbox {
  padding:0 15px;
  position:relative;
  min-height:500px
}
.msglist-box {
  background-color:#171342;
  color:#fff;
  margin-bottom:10px!important
}
.msglist-box-left {
  display:inline-block;
  vertical-align:top;
  padding-right:5px;
  min-width:25%
}
.msglist-box-right {
  display:inline-block;
  vertical-align:top;
  padding-left:5px
}
.msglist-box a {
  color:#ce8c1d
}
.g8-bal {
  text-align:right;
  color:#301d6e
}
.g8-bal .bbl {
  padding:2px 8px;
  border-bottom:1px solid #898989;
  position:relative;
  background-color:#e6e5e5;
  box-shadow:0 1px 0 0 rgba(10,10,10,.42),0 1px 0 0 #fff inset
}
.g8-bal .bbl p {
  float:left;
  margin:0;
  font-size:12px
}
.g8-bal .bbl span {
  padding:0 5px;
  font-size:12px;
  margin:0
}
.g8-bal .bbl a {
  color:#301d6e
}
.g8-bal .bbl a:hover {
  color:#111
}
.g8-bal .bbl-0 {
  background-color:#1da0cb;
  color:#fff;
  padding:10px;
  text-align:left;
  box-shadow:unset
}
.g8-bal .bbl-0 p {
  float:none;
  font-size:14px
}
.g8-bal .bbl-0 span {
  float:none;
  font-size:14px;
  padding:0
}
.g8-bal .bbl-0 a {
  color:#fff
}
.g8-bal .bbl-0 .b1,
.g8-bal .bbl-0 .b2 {
  position:absolute;
  top:10px;
  right:0
}
.g8-bal .bbl-0 .b1 {
  right:10px;
  font-size:10px;
  text-transform:uppercase;
  background-color:#171342;
  padding:5px 8px;
  font-weight:700
}
.g8-bal .bbl-0 .b2 {
  right:30px
}
.g8-bal .bbl-0 .b1:hover {
  background-color:#111;
  color:#fff
}
.bbloverlap {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,.7);
  background-image:url(/assets/img/preloader.svg);
  background-repeat:no-repeat;
  background-position:center;
  background-size:auto 40px
}
.g8-bal-top {
  border-radius:4px;
  background-color:#e6e5e5;
  display:inline-block;
  width:calc(100% - 24px);
  margin:2px;
  padding:10px;
  text-align:center
}
.g8-bal-top p {
  font-weight:700;
  font-size:10px;
  color:#000;
  text-transform:uppercase;
  text-overflow:ellipsis;
  white-space:nowrap;
  margin:0 0 2px
}
.g8-bal-top span {
  font-weight:700;
  color:#171342;
  font-size:16px
}
.g8-bal-top span+.refsh-wallet-all {
  color:#171342
}
.g8-bal.v2 {
  text-align:center
}
.g8-bal.v2 .bbl {
  border-radius:4px;
  background-color:#e6e5e5;
  display:inline-block;
  width:calc(16.66% - 24px);
  margin:2px;
  padding:10px;
  text-align:center;
  border:0;
  box-shadow:unset
}
.g8-bal.v2 .bbl p {
  float:none;
  font-weight:700;
  font-size:10px;
  color:#000;
  text-transform:uppercase;
  text-overflow:ellipsis;
  white-space:nowrap;
  margin:0 0 2px
}
.g8-bal.v2 .bbl span {
  font-weight:700;
  color:#171342;
  font-size:16px
}
.g8-bal.v2 .bbl-0 a {
  color:#301d6e
}
.g8-bal.v2 .bbl-0 a.b1 {
  color:#fff;
  position:relative;
  top:0;
  left:0;
  display:inline-block;
  margin-left:5px;
  padding:4px 8px;
  vertical-align:top
}
#showM {
  display:none
}
.regbank-tickbox {
  padding-top:3px;
  font-size:11px;
  display:none
}
.modal-forgot__dialog-body .img-container img,
.modal-login__dialog-body .img-container img,
.modal-signup__dialog-body .img-container img {
  -webkit-filter:brightness(0%);
  filter:brightness(0%)
}
.matches__detail-versus .club-detail__score.center {
  display:inline-block;
  text-align:center
}
.funds__rebate-table table tbody tr td .btn-claim {
  width:auto
}
body {
  background-color:#101010
}
.header-mdl__logo {
  top:-27px
}
.header-mdl__logo img {
  height:80px;
  width:auto;
  max-width:none
}
header {
  background-color:#030303
}
.header-menu {
  background-color:#04a351
}
.header-menu ul li a {
  color:#101010
}
.header-menu ul li.active {
  border-color:#fff
}
.header-menu ul li.active a {
  color:#fff
}
.header-menu ul li:hover {
  background-color:#000
}
.header-menu ul li:hover a {
  color:#fff
}
.header-menu ul li .dropdown-menu__detail-list span {
  background-color:#04a351
}
.header-mdl__login-form .button--login {
  background-color:#5d5d5d;
  color:#fff
}
.slider .marquee {
  background:rgba(0,0,0,.5)
}
.sidebar__right ul li:hover a {
  color:#2b0334
}
.sidebar__right ul {
  border-width:0
}
footer .information {
  gap:15px
}
footer .information__detail {
  padding:0
}
footer .information__detail .heading {
  font-size:14px
}
footer .information__detail .subheading {
  margin:10px 0;
  font-size:14px;
  font-weight:400
}
.featured__detail-title {
  color:#fff
}
.featured__detail-title::after {
  background-color:#04a351
}
.featured__detail-content .content-box__text,
.featured__detail-content .content-box__title {
  background-color:#04a351
}
.featured__detail-content .content-box:hover .content-box__title {
  color:#fff
}
.featured__detail-content .content-box:hover .has-shadow {
  box-shadow:0 2px 0 transparent
}
.featured__detail-content .content-box:hover .content-box__text-title strong {
  color:#fff
}
.dl-bb h4,
.pbox {
  color:#fff
}
footer .social-logo li a:focus,
footer .social-logo li a:hover {
  color:#04a351
}
footer .nav-bottom li a:focus,
footer .nav-bottom li a:hover {
  color:#04a351
}
.header-mdl__login-account ul li:first-child span {
  color:#fff
}
.header-mdl__login-account ul li .dropdown,
.header-mdl__login-account ul li .dropdown-balance {
  background:#04a351
}
.header-mdl__login-account ul li .dropdown-balance::before,
.header-mdl__login-account ul li .dropdown::before {
  border-bottom-color:#04a351
}
.g8-bal .bbl-0 {
  background-color:#04a351
}
.dl-bb a.b2 {
  background-color:#6a6a6a;
  color:#fff
}
.dl-bb a.b2:hover {
  background-color:#333
}
.info__left ul li.active,
.profile__nav ul li.active {
  background-color:#04a351;
  border-color:#04a351
}
.info__left ul li:hover,
.profile__nav ul li:hover {
  background-color:#333;
  border-color:#333
}
.matches__top {
  background:#000
}
.matches__top-title strong {
  color:red
}
.matches__detail-versus .club-detail__score-point,
.matches__top-close i {
  color:#04a351
}
.matches__pagination {
  background-color:#04a351;
  color:#101010
}
.matches__detail-footer .button-cta {
  background-color:#06a351
}
.matches .swiper-button-next,
.matches .swiper-button-prev,
.matches .swiper-pagination-fraction,
.matches__title {
  color:#fff
}
.ref-dbox .ref-dbox-data .dd {
  background-color:#e6e5e5;
  color:#262626
}
.ref-dbox .ref-dbox-input .ref-dbox-input-l .ii input {
  color:#000;
  background-color:#fff
}
.ref-dbox .ref-dbox-data table {
  color:#000;
  background-color:#fff
}
.ref-dbox .ref-dbox-data table thead {
  color:#000;
  background-color:#fff
}
.ref-dbox .ref-dbox-data .dd.aaa {
  color:#000;
  background-color:#fff
}
.dl-bb a {
  background-color:#04a351;
  color:#fff
}
.dl-bb a:hover {
  background-color:#028843
}
.header-menu ul li:hover {
  background-color:#028843
}
.featured__detail-content .content-box__img .cta-play .button-play,
.featured__detail-content .content-box__img .cta-play .button-try {
  background-color:#06a351;
  color:#fff
}
.g8sggl .g8sggl-t,
.g8sggl .searchbar input {
  background-color:#04a351!important;
  color:#fff!important
}
.g8sggl .g8sggl-c,
.g8sggl .g8sggl-t .ii {
  background-color:#002310!important
}
.g8sggl .g8sggl-b {
  background-color:#003218!important
}
.g8sggl .g8sggl-c .ll .ii.aaa,
.g8sggl .g8sggl-c .ll .ii:hover,
.g8sggl .g8sggl-tarr {
  background-color:#04a351!important
}
.g8sggl .glbox .gl .gltext,
.g8sggl .glbox .gl .hwrap .hbox .main {
  background-color:#04a351!important;
  color:#fff!important
}
.button--yellow,
.modal-forgot__dialog-body form .button--submit,
.modal-login__dialog-body form .button--register,
.modal-signup__dialog-body form .button--register {
  background-color:#06a351;
  color:#fff
}
.button--yellow:hover,
.modal-forgot__dialog-body form .button--submit:hover,
.modal-login__dialog-body form .button--register:hover,
.modal-signup__dialog-body form .button--register:hover {
  opacity:.8
}
.miswrap,
.mlwrap {
  transition:all .3s ease
}
.miswrap.active,
.mlwrap.active {
  visibility:visible;
  opacity:1
}
.openmis:hover {
  background:#a88e2f
}
.miswrap {
  position:fixed;
  width:100%;
  height:100%;
  z-index:9990;
  visibility:hidden;
  opacity:0
}
.miswrap .overlay {
  position:absolute;
  width:100%;
  height:100%;
  z-index:1;
  background-color:rgba(0,0,0,.7)
}
.miswrap .misbox {
  max-width:800px;
  width:90%;
  position:absolute;
  z-index:2;
  max-height:90%;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%)
}
.miswrap .misbox .mishead {
  background-color:#06a351;
  position:relative
}
.miswrap .misbox .mishead h2 {
  color:#fff;
  padding:10px 15px;
  font-size:24px;
  font-weight:700;
  margin:0
}
.miswrap .misbox .mishead .mistol {
  position:absolute;
  right:30px;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  font-size:12px;
  font-weight:700;
  color:#212121;
  background-color:#fff;
  padding:3px 10px;
  border-radius:5px
}
.miswrap .misbox .mishead .misclose {
  color:#fff;
  position:absolute;
  right:10px;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
.miswrap .misbox .mishead .misclose:hover {
  opacity:.8
}
.miswrap .misbox .misbody {
  background-color:#000;
  border:1px solid #06a351;
  max-height:450px;
  overflow-y:auto
}
.miswrap .misbox .misbody .mislist {
  line-height:normal;
  padding:15px;
  border-bottom:1px solid #06a351;
  font-size:0px
}
.miswrap .misbox .misbody .mislist h3 {
  margin:0;
  font-size:18px;
  font-weight:700;
  color:#fff;
  padding-bottom:5px
}
.miswrap .misbox .misbody .mislist .desc {
  font-size:14px
}
.miswrap .misbox .misbody .mislist .l {
  width:75%;
  padding-right:10px;
  display:inline-block
}
.miswrap .misbox .misbody .mislist .r {
  width:20%;
  padding-left:10px;
  display:inline-block;
  text-align:right;
  vertical-align:top;
  border-left:1px solid #fff
}
.miswrap .misbox .misbody .mislist .r span {
  color:#fff;
  font-size:14px;
  display:block
}
.miswrap .misbox .misbody .mislist .r a {
  color:#fff;
  text-transform:uppercase;
  font-size:14px;
  background-color:#555;
  border:1px solid #888;
  border-radius:5px;
  padding:5px 15px;
  display:inline-block;
  margin-top:5px
}
.miswrap .misbox .misbody .mislist .r a.btn-continue {
  color:#fff;
  background-color:#5cb85c;
  border-color:#5cb85c
}
.miswrap .misbox .misbody .mislist .r a:hover {
  border-color:#04a351;
  background-color:#04a351;
  text-decoration:none;
  color:#fff
}
.miswrap .misbox .misbody .mislist .r span.btn-void {
  color:#555;
  text-transform:uppercase;
  font-size:14px;
  background-color:#111;
  border:1px solid #222;
  border-radius:5px;
  padding:5px 15px;
  display:inline-block;
  margin-top:5px
}
.miswrap .misbox .misbody .mislist .r span.btn-done {
  color:#fff;
  text-transform:uppercase;
  font-size:14px;
  background-color:#04a351;
  border:1px solid #04a351;
  border-radius:5px;
  padding:5px 15px;
  display:inline-block;
  margin-top:5px
}
.miswrap .misbox .misbody .mislist.done {
  background-color:#222
}
.miswrap .misbox .misbody .mislist.done .r a {
  border-color:#06a351;
  background-color:#06a351;
  text-decoration:none;
  color:#fff;
  cursor:default
}
.mlwrap {
  position:fixed;
  width:100%;
  height:100%;
  z-index:9991;
  visibility:hidden;
  opacity:0
}
.mlwrap .overlay {
  position:absolute;
  width:100%;
  height:100%;
  z-index:1;
  background-color:rgba(0,0,0,.7)
}
.mlwrap .mlbox {
  max-width:500px;
  width:90%;
  position:absolute;
  z-index:2;
  max-height:90%;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%)
}
.mlwrap .mlbox .mlhead {
  background-color:#06a351;
  position:relative
}
.mlwrap .mlbox .mlhead h2 {
  color:#fff;
  padding:10px 15px;
  font-size:20px;
  font-weight:700;
  margin:0
}
.mlwrap .mlbox .mlhead .mlclose {
  color:#fff;
  position:absolute;
  right:10px;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
.mlwrap .mlbox .mlhead .mlclose:hover {
  opacity:.8
}
.mlwrap .mlbox .mlbody {
  background-color:#000;
  border:1px solid #06a351;
  padding:15px
}
.mlwrap .mlbox .mlbody input {
  width:95%;
  color:#212121;
  padding:3px 10px
}
.mlwrap .mlbox .mlbody input::-webkit-input-placeholder {
  color:#212121
}
.mlwrap .mlbox .mlbody input::-moz-placeholder {
  color:#212121
}
.mlwrap .mlbox .mlbody input::placeholder {
  color:#212121
}
.mlwrap .mlbox .mlbody .subbtn {
  color:#aaa;
  text-transform:uppercase;
  font-size:14px;
  background-color:#222;
  border:1px solid #555;
  border-radius:5px;
  padding:5px 15px;
  display:inline-block;
  margin-top:10px
}
.mlwrap .mlbox .mlbody .subbtn:hover {
  border-color:#04a351;
  background-color:#04a351;
  text-decoration:none;
  color:#fff
}
.mlwrap .mlbox .mlbody .error {
  font-size:12px;
  text-align:center;
  display:block;
  padding:3px 0;
  color:red;
  font-weight:700
}
.login-drop {
  width:250px;
  background:#b80d5b;
  padding:10px 15px;
  color:#ffe5f1;
  font-weight:400
}
.promotab {
  background-color:#028843;
  margin:15px 0;
  padding:0
}
.promotab li {
  display:inline-block;
  list-style:none
}
.promotab li a {
  text-transform:uppercase;
  color:#999;
  padding:10px 20px;
  display:block
}
.promotab li a.active {
  color:#fff;
  background-color:#04a351
}
.btns .btn {
  font-weight:400;
  text-align:center;
  vertical-align:middle;
  touch-action:manipulation;
  cursor:pointer;
  background-image:none;
  border:1px solid transparent;
  white-space:nowrap;
  padding:6px 10px;
  font-size:14px;
  line-height:1.42857143;
  border-radius:4px;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none
}
.ptballbox .panel-heading {
  display:flex;
  align-items:center
}
.ptballbox .panel-default>.panel-heading {
  background-color:#f5f5f5;
  border-color:#ddd
}
.ptballbox .panel-default {
  border-color:#ddd;
  background-color:transparent;
  border-radius:0;
  margin-bottom:2%
}
.ptballbox .panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top-color:transparent
}
.ptballbox .panel-body {
  background-color:transparent;
  color:#fff
}
.panel-heading .btns {
  padding:25px;
  display:flex;
  flex-direction:column;
  gap:10px
}
.btn-joinnow {
  background-color:#e3a43b;
  color:#333
}
.btn-moreinfo {
  background-color:#2b0334;
  color:#fff
}
.ptballbox .btn.focus,
.ptballbox .btn:focus,
.ptballbox .btn:hover {
  color:#333;
  background-color:#e6e6e6
}
.ptballbox th {
  background:#fff;
  height:30px;
  text-align:center
}
.ptballbox table,
.ptballbox td,
.ptballbox th {
  border:1px solid green;
  text-align:center
}
.ptballbox table {
  width:100%;
  background:#fff;
  color:#000;
  text-align:center
}
.panel-content {
  display:none
}
.register-body {
  background-color:#e9e9ed;
  color:#464a4c;
  margin-bottom:26px
}
.modal-signup__dialog-body .img-container {
  margin-top:70px
}
.modal-signup__dialog-body .img-container img {
  margin-top:2%
}
.dib.d50 {
  font-size:0px
}
.dib.d50 div {
  display:inline-block;
  width:50%;
  font-size:14px
}
.featured__detail-content .content-box__text,
.featured__detail-content .content-box__title,
.featured__detail-title::after,
.header-menu,
.header-menu ul li .dropdown-menu__detail-list span,
.matches__detail-footer .button-cta,
.matches__pagination {
  background-color:#06a351;
  color:#fff
}
.matches__detail-versus .club-detail__score-point,
.matches__top-close i {
  color:#06a351
}
.header-mdl__login-form .button--signup {
  background-color:#06a351;
  color:#fff
}
.header-menu ul li a {
  color:#fff
}
.header-menu ul li a .text-gold {
  color:#f99c2aff
}
.header-menu .hot {
  width:auto;
  height:20px;
  margin-left:6px
}
.featured__detail-content .content-box__text .content-box__text-title strong {
  color:#fff
}
.benefits.jackpot-home {
  padding:0;
  padding:20px 0
}
.progressive-jackpot {
  background:center no-repeat;
  background-size:100% 100%;
  background-image:url(/assets/img/progressive-jackpot.png);
  background-image:url(/assets/img/progressive-jackpot.webp);
  font-family:Quantico,sans-serif;
  font-weight:700;
  font-size:42px;
  line-height:90px;
  color:#fff;
  text-align:center;
  width:1200px;
  height:186px;
  -webkit-font-smoothing:antialiased
}
.progressive-jackpot .jackpot-container {
  padding:52px 95px 0 495px;
  letter-spacing:3px
}
.progressive-jackpot .jackpot-currency {
  color:#05a451;
  margin-right:10px;
  display:inline-block;
  text-align:right
}
.progressive-jackpot .jackpotNumber {
  display:inline-block;
  text-align:left
}
.home-games {
  margin-top:30px
}
.home-games .icon-star {
  width:30px;
  height:30px;
  overflow:visible;
  opacity:1;
  z-index:1;
  fill:rgb(206,206,206);
  margin-right:10px
}
.home-games .icon-hot {
  width:34px;
  height:34px;
  overflow:visible;
  opacity:1;
  z-index:1;
  fill:rgb(206,206,206);
  margin-right:7px
}
.home-games:first-child {
  margin-top:0
}
.home-games>.title {
  display:flex;
  justify-content:space-between;
  margin-bottom:8px
}
.home-games>.title span {
  color:#06a351;
  font-weight:500;
  font-size:26px
}
.home-games>.title span .text-white {
  color:#ecececff
}
.home-games .wrapper-line {
  flex:1 1 0%;
  place-self:center;
  padding:0 20px
}
.home-games .wrapper-line .line {
  border-top:1px solid #06a351;
  width:100%
}
.home-games>.title a {
  background-color:#06a351;
  color:#fff;
  font-size:12px;
  font-weight:700;
  padding:5px 15px;
  border-radius:20px;
  align-self:center
}
.home-games>.title a:hover {
  background-color:#222;
  color:#fff
}
.home-games>.game-items {
  display:flex;
  gap:10px
}
.home-games>.game-items>.box {
  cursor:pointer;
  text-align:center;
  z-index:2;
  color:#fff;
  width:calc(100%/6 - 5px);
  border-radius:15px;
  padding:6px;
  padding-bottom:10px;
  background:#003218;
  border:1px solid #06a351
}
.home-games>.game-items>.box>span {
  padding-top:10px;
  display:block;
  color:#fff;
  text-transform:uppercase
}
.home-games>.game-items>.box>.box-item {
  overflow:hidden;
  position:relative;
  border-radius:10px
}
.home-games>.game-items>.box>.box-item button {
  background-color:#04a351;
  padding:10px;
  border:none;
  color:#fff;
  border-radius:20px;
  position:absolute;
  width:80%;
  top:50%;
  left:50%;
  text-transform:uppercase;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  box-shadow:0 0 10px 0 rgb(10 10 10 / 50%);
  cursor:pointer;
  z-index:1;
  transition:opacity .2s ease-in-out
}
.home-games>.game-items>.box>.box-item>span {
  position:absolute;
  width:100%;
  height:100%;
  background:rgba(0,0,0,.8);
  display:none;
  z-index:1
}
.home-games>.game-items>.box>.box-item img {
  max-width:100%;
  height:auto;
  transition:-webkit-transform .2s ease-in-out;
  transition:transform .2s ease-in-out;
  transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out
}
.home-games>.game-items>.box:hover>.box-item span {
  display:block
}
.home-games>.game-items>.box:hover>.box-item img {
  -webkit-transform:scale(1.25);
  transform:scale(1.25)
}
.services {
  margin-top:30px
}
.services .wrapper {
  display:flex;
  gap:15px;
  margin-bottom:25px
}
.services .box {
  flex:1;
  overflow:hidden
}
.services .box.half {
  flex:1 0 7%
}
.services .box h4 {
  margin:0 0 15px;
  text-transform:uppercase;
  font-size:26px;
  color:#06a351;
  font-weight:500
}
.services .box h4 .text-white {
  color:#ecececff
}
.box-item .box-title svg {
  fill:#fff
}
.box-item .box-title .text-white {
  color:#cececeff
}
.box-item .box-title .text-color {
  color:#06a351
}
.box-item .box-hr {
  border-color:#06a351;
  height:0;
  border-top:0
}
.box-item .box-row-title {
  display:flex;
  align-items:flex-end
}
.box-item .box-row-title .text-description {
  color:#c9c9c9;
  opacity:.8
}
.box-row-title .wrapper {
  display:flex;
  justify-content:center;
  align-items:center;
  width:20px;
  height:20px
}
.box-row-title .wrapper .icon {
  width:20px;
  height:20px;
  overflow:visible;
  opacity:1;
  z-index:1;
  fill:rgb(255,255,255)
}
.box-item .box-title {
  height:34px;
  flex-grow:1;
  margin:0;
  overflow:hidden;
  font-size:26px;
  font-weight:500;
  text-transform:none;
  text-align:left;
  letter-spacing:0;
  line-height:34px;
  white-space:pre-line;
  opacity:1;
  visibility:visible;
  display:flex;
  align-items:center
}
.box-item .box-title .icon-cash {
  width:30px;
  height:30px;
  overflow:visible;
  opacity:1;
  z-index:1;
  fill:rgb(255,255,255);
  margin-right:10px
}
.payment-method .box-item {
  border-radius:15px;
  background-color:#003218;
  padding:18px
}
.payment-method .box-item .list-wrapper {
  display:flex;
  gap:16px
}
.payment-method .box-item .button-pay {
  display:flex;
  align-items:center;
  box-sizing:border-box;
  overflow:hidden;
  outline:0;
  border:none;
  cursor:inherit;
  width:100%;
  height:58px;
  opacity:1;
  background-color:#06a351;
  border-radius:5px;
  box-shadow:rgba(3,3,3,.1) 0 0 10px;
  padding:0 30px;
  gap:16px
}
.payment-method .box-item .button-pay .icon {
  width:auto;
  height:32px;
  display:block
}
.payment-method .box-item .button-pay .text {
  text-align:left;
  line-height:2.3px;
  font-size:12px
}
.payment-method .box-item .button-pay .text .text-title {
  color:#fff;
  font-weight:700;
  white-space:nowrap;
  -webkit-font-smoothing:antialiased
}
.payment-method .box-item .button-pay .text .text-description {
  color:#cdcdcd;
  white-space:nowrap;
  font-size:10px
}
.payment-method .box-item .sperate {
  border-left:1px solid #a8a8a8;
  height:40px;
  align-self:center
}
.payment-method .box-item .information-pay {
  font-size:12px;
  align-items:center;
  display:flex;
  height:64px;
  gap:12px
}
.payment-method .box-item .information-pay .icon {
  width:auto;
  height:32px;
  opacity:.6
}
.payment-method .box-item .information-pay .text {
  text-align:left;
  line-height:4px
}
.payment-method .box-item .information-pay .text .text-title {
  color:#bababa;
  font-weight:600;
  white-space:nowrap
}
.payment-method .box-item .information-pay .text .text-description {
  color:#bababa;
  font-weight:600;
  white-space:nowrap
}
.services .box-item {
  border-radius:15px;
  background-color:#003218;
  padding:18px;
  height:262px
}
.services .box-item.download {
  text-align:center
}
.services .box-item.download h5 {
  font-size:20px;
  font-weight:700;
  margin:10px;
  text-transform:uppercase
}
.services .box-item .deposit-withdraw {
  display:grid;
  gap:15px
}
.services .box-item .deposit-withdraw .card {
  padding:16px 9px;
  background-color:#101010;
  box-shadow:0 4px 24px 1px rgba(0,0,0,.15);
  border-radius:10px;
  width:calc(100%/1.04)
}
.services .box-item .deposit-withdraw .card .card-header {
  display:flex;
  gap:15px;
  align-items:center
}
.services .box-item .deposit-withdraw .card .card-header .title {
  font-weight:600;
  font-size:13px
}
.services .box-item .deposit-withdraw .card .circle-wrp {
  padding:0;
  font-size:30px;
  vertical-align:middle;
  background:#00371a;
  border-radius:100%;
  width:62px;
  height:48px;
  display:grid;
  align-items:center;
  justify-items:center;
  margin-right:5px
}
.services .box-item .deposit-withdraw .card .text-wrp {
  width:100%
}
.services .box-item .deposit-withdraw .text-note {
  font-style:italic;
  text-align:center;
  font-size:12px;
  line-height:2.5
}
.services .box-item .deposit-withdraw .card .text-wrp .text-row {
  display:flex;
  flex-direction:row;
  align-content:stretch;
  justify-content:space-between;
  align-items:center
}
.services .box-item .deposit-withdraw .card .circle-wrp .ring {
  padding:0;
  background:#021e10;
  width:46px;
  height:46px;
  border-radius:100%;
  display:grid;
  align-items:center;
  justify-items:center
}
.services .box-item .deposit-withdraw .card .circle-wrp .ring .icon {
  width:100%;
  height:100%
}
.services .box-item .deposit-withdraw .card .circle-wrp i {
  background:linear-gradient(180deg,#a5a3a1,#fefefe 37.29%,#adaba9 70.1%,#fff);
  background-clip:text;
  -webkit-background-clip:text;
  -moz-background-clip:text;
  -moz-text-fill-color:transparent;
  -webkit-text-fill-color:transparent
}
.services .box .deposit-withdraw .card .text-time {
  text-align:left;
  padding-bottom:8px
}
.services .box .deposit-withdraw .card .text-time-new {
  text-align:left;
  padding-bottom:0;
  font-size:18px;
  font-weight:800
}
.services .box .deposit-withdraw .card .text-time-new span {
  font-size:30px
}
.services .box .deposit-withdraw .card .progress {
  background:#3b632e;
  border-radius:10px;
  height:6px
}
.services .box .deposit-withdraw .card .progress-bar {
  background:#06a351;
  border-radius:10px;
  height:6px;
  position:relative
}
.services .box .deposit-withdraw .card .progress-bar::before {
  content:'';
  display:inline-block;
  width:12px;
  height:12px;
  border-radius:7.5px;
  background-color:#06a351;
  position:absolute;
  right:-1px;
  top:-3px
}
.services .box .member-service {
  font-size:17px
}
.services .box .member-service .swiper-wrapper {
  min-height:262px;
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  -ms-border-radius:15px;
  -o-border-radius:15px
}
.services .box .member-service .swiper-slide {
  display:flex;
  flex-direction:column;
  gap:0;
  background-color:#101010;
  border-radius:15px
}
.services .box .member-service a {
  display:flex;
  align-items:center;
  gap:10px;
  border:0 solid #06a351;
  border-radius:14px
}
.services .box .member-service a:first-child {
  margin-top:7px
}
.services .box .member-service i {
  font-size:25px;
  width:2em;
  line-height:2em;
  text-align:center;
  color:#fff
}
.services .box .member-service span {
  color:#fff
}
.services .box .download a {
  float:right
}
.services .box .download a img {
  margin-top:0
}
footer .row-end-footer {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px
}
footer .row-end-footer .box-copyright {
  align-self:end;
  text-align:-webkit-center
}
footer .row-end-footer .box-copyright .text {
  font-size:12px;
  text-transform:none;
  text-align:left;
  line-height:18px;
  white-space:pre-line;
  color:#b9acbb;
  text-align:-webkit-center
}
footer .row-end-footer .box-information {
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-shrink:1;
  flex-grow:1;
  align-self:stretch;
  width:100%;
  height:64px;
  border-radius:8px;
  box-shadow:rgba(3,3,3,.1) 0 2px 10px;
  border:1px dashed #5d5d5d;
  position:relative
}
footer .row-end-footer .title-information {
  display:flex;
  align-items:center;
  justify-content:space-between;
  box-sizing:border-box;
  overflow:hidden;
  outline:0;
  cursor:inherit;
  height:36px;
  opacity:1;
  border:0;
  position:absolute;
  top:-19px;
  margin-left:10px;
  width:calc(100% - 20px)
}
footer .row-end-footer .title-information .text-left {
  display:flex;
  align-items:center;
  padding:0 8px;
  z-index:1;
  width:150px;
  background-color:#151515;
  border-radius:8px;
  box-shadow:rgba(3,3,3,.1) 0 0 10px;
  justify-content:center;
  position:absolute;
  top:10px;
  left:-4px
}
footer .row-end-footer .title-information .text-right {
  display:flex;
  align-items:center;
  padding:0 8px;
  z-index:1;
  width:150px;
  background-color:#151515;
  border-radius:8px;
  box-shadow:rgba(3,3,3,.1) 0 0 10px;
  justify-content:center;
  position:absolute;
  top:10px;
  right:6px
}
footer .row-end-footer .content {
  padding:0 20px;
  display:flex;
  width:100%;
  justify-content:space-between
}
footer .row-end-footer .content .left {
  width:135px;
  display:flex;
  justify-content:space-between
}
footer .row-end-footer .content .right {
  width:160px;
  display:flex;
  justify-content:space-between
}
footer .row-end-footer .content .left img {
  height:30px;
  width:auto;
  -o-object-fit:contain;
  object-fit:contain
}
footer .row-end-footer .content .right img {
  width:auto;
  height:30px;
  -o-object-fit:contain;
  object-fit:contain
}
.partner {
  padding:35px 10px;
  border-bottom:0
}
.partner .row {
  display:flex;
  justify-content:space-between
}
.partner span {
  display:block;
  font-size:20px;
  margin-bottom:15px;
  text-align:center;
  -webkit-font-smoothing:antialiased
}
.partner img {
  -webkit-filter:grayscale(1);
  filter:grayscale(1);
  opacity:.7;
  max-height:45px;
  margin:0 5px 0;
  width:auto;
  transition:.35s
}
.partner img:hover {
  -webkit-filter:grayscale(0);
  filter:grayscale(0);
  opacity:1
}
.provider_group {
  margin:8px 4px 8px 0;
  position:relative;
  border:1px solid #2f2f2f;
  -mos-border-radius:5px;
  border-radius:5px;
  display:inline-block
}
.provider_group ul {
  padding:6px 10px;
  list-style:none;
  margin-bottom:0;
  margin-top:10px;
  display:flex;
  flex-wrap:wrap;
  gap:15px
}
.provider_group p {
  margin:0;
  position:absolute;
  top:-10px;
  left:-3px;
  padding:0 5px;
  font-weight:700;
  background-color:#2f2f2fbf;
  font-size:14px;
  border-radius:5px
}
.provider_group ul li {
  display:inline-block;
  border:0
}
.seo {
  margin-top:20px
}
.seo h1,
.seo h2,
.seo h3,
.seo h4,
.seo h5 {
  color:#06a351
}
.seo a {
  font-weight:700;
  color:#83bd82ff
}
.featured {
  padding:0
}
.header-menu .wrapper {
  overflow:auto
}
footer .logo {
  display:inherit
}
footer .logo .logo__sponsored {
  display:inline-block
}
footer .logo .logo__payment {
  float:right
}
.wa-icon {
  position:fixed;
  left:20px;
  bottom:20px;
  z-index:99
}
.wa-icon img {
  max-width:54px;
  height:auto
}
.powerup {
  padding:10px;
  border-bottom:1px solid rgba(113,123,143,.2);
  text-align:center
}
.powerup img {
  width:300px;
  height:auto;
  -webkit-filter:grayscale(1);
  filter:grayscale(1);
  opacity:.7;
  transition:.5s
}
.powerup img:hover {
  -webkit-filter:grayscale(0);
  filter:grayscale(0);
  opacity:1
}
.g8sggl .glbox .gl .glpic {
  width:101%!important
}
.rtp-container {
  position:relative;
  background-color:#e9e4e4
}
.rtp-container>div {
  background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-size:1rem 1rem;
  -webkit-animation:progress-bar-stripes 1s linear infinite;
  animation:progress-bar-stripes 1s linear infinite
}
.rtp-container span {
  position:absolute;
  color:#232520;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%)
}
.rtp-container .green {
  background-color:#4caf50
}
.rtp-container .yellow {
  background-color:#f3c821
}
.rtp-container .red {
  background-color:#f44336
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position:1rem 0
  }
  to {
    background-position:0 0
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position:1rem 0
  }
  to {
    background-position:0 0
  }
}
.ptbox ul,
.seo ul {
  display:inherit
}
footer .nav-bottom .seo li {
  border-right:none
}
.button,
.dl-bb a,
.featured__detail-content .content-box__img .cta-play .button-play,
.header-menu ul li .dropdown-menu__detail-list span,
.matches__detail-footer .button-cta {
  border-radius:3px
}
.dl-bb a.has-login {
  border-radius:3px 0 0 3px
}
.dl-bb a.b2 {
  border-radius:0 3px 3px 0
}
.provider {
  background-image:url(/assets/img/provider.png);
  background-image:url(/assets/img/provider.webp);
  background-repeat:no-repeat;
  height:30px;
  -webkit-filter:grayscale(0);
  filter:grayscale(0);
  opacity:1;
  transition:.35s;
  display:block
}
.provider:hover {
  -webkit-filter:grayscale(0);
  filter:grayscale(0);
  opacity:1
}
.provider-568win {
  width:66px;
  background-position:-2px -2px
}
.provider-9gaming {
  width:116px;
  background-position:-72px -2px
}
.provider-ag {
  width:77px;
  background-position:-192px -2px
}
.provider-allbet {
  width:77px;
  background-position:-273px -2px
}
.provider-balak {
  width:130px;
  background-position:-2px -36px
}
.provider-bti {
  width:66px;
  background-position:-136px -36px
}
.provider-cf388 {
  width:30px;
  background-position:-206px -36px
}
.provider-cmd {
  width:76px;
  background-position:-240px -36px
}
.provider-cq {
  width:62px;
  background-position:-2px -70px
}
.provider-dg {
  width:63px;
  background-position:-68px -70px
}
.provider-ebet {
  width:97px;
  background-position:-135px -70px
}
.provider-evo {
  width:115px;
  background-position:-236px -70px
}
.provider-gn {
  width:102px;
  background-position:-2px -104px
}
.provider-gp {
  width:115px;
  background-position:-108px -104px
}
.provider-gss {
  width:66px;
  background-position:-227px -104px
}
.provider-hb {
  width:66px;
  background-position:-2px -138px
}
.provider-ibcbet {
  width:66px;
  background-position:-72px -138px
}
.provider-idn {
  width:107px;
  background-position:-142px -138px
}
.provider-ion {
  width:115px;
  background-position:-2px -172px
}
.provider-ionslot {
  width:66px;
  background-position:-253px -138px
}
.provider-joker {
  width:66px;
  background-position:-121px -172px
}
.provider-ka {
  width:80px;
  background-position:-191px -172px
}
.provider-live22 {
  width:88px;
  background-position:-2px -206px
}
.provider-mg {
  width:66px;
  background-position:-275px -172px
}
.provider-nex4d {
  width:60px;
  background-position:-297px -104px
}
.provider-nt {
  width:80px;
  background-position:-94px -206px
}
.provider-og {
  width:46px;
  background-position:-178px -206px
}
.provider-p2play {
  width:113px;
  background-position:-228px -206px
}
.provider-p93 {
  width:88px;
  background-position:-2px -240px
}
.provider-pgsoft {
  width:66px;
  background-position:-94px -240px
}
.provider-playstar {
  width:66px;
  background-position:-164px -240px
}
.provider-pp {
  width:66px;
  background-position:-234px -240px
}
.provider-pt {
  width:139px;
  background-position:-2px -274px
}
.provider-s88 {
  width:66px;
  background-position:-145px -274px
}
.provider-sa-gaming {
  width:66px;
  background-position:-215px -274px
}
.provider-sbobet {
  width:66px;
  background-position:-285px -274px
}
.provider-sexy {
  width:66px;
  background-position:-2px -308px
}
.provider-sg {
  width:66px;
  background-position:-72px -308px
}
.provider-tangkas {
  width:66px;
  background-position:-142px -308px
}
.provider-tsg {
  width:68px;
  background-position:-212px -308px
}
.provider-ttg {
  width:104px;
  background-position:-354px -2px
}
.provider-vivo {
  width:93px;
  background-position:-320px -36px
}
.provider-vp {
  width:39px;
  background-position:-417px -36px
}
.provider-wb {
  width:66px;
  background-position:-355px -70px
}
.provider-wm {
  width:46px;
  background-position:-361px -104px
}
.provider-wmc {
  width:86px;
  background-position:-323px -138px
}
.funds__detail.referral {
  flex-direction:column;
  gap:20px
}
.funds__detail.referral .funds__detail-left {
  width:auto;
  padding-right:0
}
.funds__detail.referral .funds__detail-right {
  padding-left:0
}
.funds__detail.referral .ref-info {
  display:flex;
  width:50%;
  margin:0 auto;
  justify-content:space-between;
  align-items:center
}
.funds__detail.referral .ref-link {
  flex-direction:column;
  align-items:normal
}
.funds__detail.referral .ref-link button {
  width:150px
}
.funds__detail.referral .ref-link p {
  margin:0
}
.funds__detail.referral .ref-link .the-link {
  background-color:#494949;
  border:1px solid #878484;
  color:#fff;
  padding:5px;
  margin-bottom:10px;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  box-shadow:1px 2px 8px #5d5b5b
}
.funds__detail.referral .refLinkCode {
  margin-right:10px
}
.funds__detail.referral .fa-copy:hover {
  color:#cdb906;
  cursor:pointer
}
.ref-list {
  border-collapse:collapse;
  width:100%
}
.ref-list td,
.ref-list th {
  border:1px solid #c0bfbf;
  padding:8px
}
.ref-list tr:nth-child(2n) {
  background-color:#e6e5e5
}
.ref-list tr:hover {
  background-color:#ddd
}
.ref-list th {
  padding-top:12px;
  padding-bottom:12px;
  text-align:left;
  background-color:#545454;
  color:#fff
}
.depo-select-wrap {
  background-color:#06a351;
  color:#e8e8e8;
  border-bottom:3px solid #06a351;
  padding:0
}
.depo-select {
  display:flex;
  cursor:pointer
}
.depo-select li {
  flex:1;
  position:relative;
  background-color:#060606;
  text-align:center
}
.depo-select li.active {
  background-color:#06a351
}
.depo-select.message li {
  padding:12px
}
.depo-select-iframe {
  width:100%;
  border:none;
  height:460px
}
.drp-wrap {
  margin-bottom:10px;
  display:flex;
  gap:5px
}
.drp-wrap button {
  width:inherit;
  margin:0
}
.drp {
  background:#fff;
  cursor:pointer;
  padding:5px;
  border:1px solid #ccc;
  display:flex;
  align-items:center;
  max-width:270px;
  min-width:265px;
  gap:5px
}
.drp.dt-full {
  max-width:100%
}
.drp span {
  flex:1
}
.daterangepicker .ranges ul {
  display:inherit
}
.daterangepicker .ranges ul li {
  color:#4b4b4b
}
.daterangepicker .calendar-table td,
.daterangepicker .calendar-table th {
  color:#464343
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
  color:#fff
}
.icon-menu {
  position:absolute;
  bottom:0;
  top:0;
  left:20px;
  display:grid;
  align-items:center
}
.row-title {
  display:flex;
  gap:10px
}
.badge-description {
  padding:4px 10px;
  background:red;
  border-radius:8px;
  display:grid;
  align-self:center
}
.badge-description.bg-green {
  background:#7ca129
}
.badge-description.fly {
  position:absolute;
  top:-10px;
  right:12px
}
.field-description {
  color:#fff;
  font-size:9px
}
.form-bank {
  margin-bottom:0
}
.list-metode {
  width:100%
}
.row-list-metode {
  display:flex;
  gap:4px
}
.row-list-metode .btn {
  width:100%;
  padding:8px;
  border:1px solid gray;
  border-radius:6px;
  text-align:center;
  cursor:pointer;
  background:#9b9b9b;
  color:#fff
}
.row-list-metode .btn-img {
  width:100%;
  max-width:118px;
  padding:8px;
  border:1px solid gray;
  border-radius:6px;
  text-align:center;
  cursor:pointer;
  display:grid;
  justify-content:center;
  align-items:center;
  height:20px;
  background:#9b9b9b
}
.row-list-metode .btn-img.badge {
  position:relative
}
.row-list-metode .btn-img.badge span {
  position:absolute;
  color:#fff;
  font-size:9px;
  top:-11px;
  right:-4px;
  background-color:#098bf3;
  padding:3px 6px;
  border-radius:50%;
  border:solid 1px #fff;
  line-height:normal
}
.row-list-metode .btn-img img {
  height:20px
}
.row-list-metode .btn.active {
  background:#272727;
  border:2px solid #272727
}
.row-list-metode .btn-img.active {
  background:#fff;
  border:2px solid #06a351
}
.wrapper-information {
  background:#efefef;
  display:flex;
  padding:20px 10px;
  border-radius:8px;
  gap:10px;
  box-shadow:1px 1px 5px gray
}
.wrapper-information .wrapper-icon {
  width:47px;
  text-align:center;
  align-self:center
}
.wrapper-information .wrapper-icon i {
  color:gray;
  border:2px solid gray;
  width:14px;
  height:14px;
  display:grid;
  align-content:center;
  border-radius:100%;
  font-size:8px
}
.wrapper-information .wrapper-icon-img {
  width:47px;
  text-align:center;
  align-self:center;
  position:absolute;
  top:14px
}
.wrapper-information .wrapper-icon-img i {
  color:gray;
  border:2px solid gray;
  width:14px;
  height:14px;
  display:grid;
  align-content:center;
  border-radius:100%;
  font-size:8px
}
.wrapper-information span {
  color:gray;
  font-size:11px
}
.deposit-option__list-metode {
  width:50%
}
.btn-submit {
  margin-left:14px
}
.form-detail label {
  font-weight:600
}
.img-description-deposit-cepat {
  height:25px
}
.wrapper-description-information {
  text-align:center
}
.register-success-body {
  margin:100px 0;
  background:#00371a;
  padding:10px;
  border-radius:6px
}
.register-success-body .white-image {
  line-height:0
}
.register-success-body .white-image img {
  filter:brightness(0) invert(1);
  -webkit-filter:brightness(0) invert(1);
  width:200px;
  height:auto
}
.register-success-body .row-header {
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-bottom:1px solid #757575;
  margin-bottom:12px;
  padding-bottom:6px
}
.register-success-body .header-title {
  display:flex;
  background:#04a351;
  padding:10px 20px;
  align-items:center;
  gap:10px;
  border-radius:10px;
  color:#fff;
  fill:#fff;
  font-weight:600
}
.register-success-body .content-2 {
  background:#064d28;
  padding:40px 65px;
  border-radius:6px
}
.register-success-body .content-2 hr {
  border-color:#04a351
}
.register-success-body .content-2 a {
  background:#04a351;
  border:0;
  padding:10px 30px;
  color:#fff;
  border-radius:6px;
  font-weight:600;
  display:inline-block;
  margin-bottom:5px
}
.register-success-body .content-2 .wrapper-bottom {
  text-align:center;
  gap:10px;
  display:grid;
  place-items:center;
  margin-top:30px
}
.register-success-body .content-2 .wrapper-bottom h3 {
  line-height:0
}
.register-success-body .content-2 .wrapper-bottom p {
  line-height:12px
}
.register-success-body .content-2 .wrapper-bottom .row-payment {
  display:flex;
  gap:20px
}
.register-success-body .content-2 .wrapper-bottom .row-payment .card-payment {
  display:flex;
  align-items:center;
  text-align:left;
  border:1px solid #04a351;
  padding:5px 30px;
  gap:8px
}
.register-success-body .content-2 .wrapper-bottom .row-payment .card-payment span {
  color:#ddd
}
.deposit-success-body {
  margin:0 0;
  color:#fff;
  padding:10px;
  border-radius:6px
}
.deposit-success-body .black-image {
  line-height:0
}
.deposit-success-body .black-image img {
  filter:brightness(0%);
  -webkit-filter:brightness(0%);
  width:200px;
  height:auto
}
.deposit-success-body .row-header {
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-bottom:1px solid #757575;
  margin-bottom:12px;
  padding-bottom:6px
}
.deposit-success-body .header-title {
  display:flex;
  background:#04a351;
  padding:10px 20px;
  align-items:center;
  gap:10px;
  border-radius:10px;
  color:#fff;
  fill:#fff;
  font-weight:600
}
.deposit-success-body .content-2 {
  background:#064d28;
  padding:40px 65px;
  border-radius:6px
}
.deposit-success-body .content-2 hr {
  border-color:#04a351
}
.deposit-success-body .content-2 a {
  background:#04a351;
  border:0;
  padding:10px 30px;
  color:#fff;
  border-radius:6px;
  font-weight:600;
  display:inline-block;
  margin-bottom:5px
}
.deposit-success-body .content-2 .wrapper-bottom {
  text-align:center;
  gap:10px;
  display:grid;
  place-items:center;
  margin-top:30px
}
.deposit-success-body .content-2 .wrapper-bottom h3 {
  line-height:0
}
.deposit-success-body .content-2 .wrapper-bottom p {
  line-height:12px
}
.deposit-success-body .content-2 .wrapper-bottom .row-payment {
  display:flex;
  gap:20px
}
.deposit-success-body .content-2 .wrapper-bottom .row-payment .card-payment {
  display:flex;
  align-items:center;
  text-align:left;
  border:1px solid #04a351;
  padding:5px 30px;
  gap:8px
}
.deposit-success-body .content-2 .wrapper-bottom .row-payment .card-payment span {
  color:#ddd
}
.deposit-success-body .content-2 .wrapper-bottom .contact-socials {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:20px;
  margin-top:1em
}
.deposit-success-body .content-2 .wrapper-bottom .contact-socials a {
  background-color:transparent;
  display:flex;
  align-items:center;
  gap:7px;
  margin:0;
  padding:0
}
.deposit-success-body .content-2 .wrapper-bottom .contact-socials a i {
  font-size:20px
}
.deposit-success-popup {
  display:grid;
  place-items:center;
  text-align:center;
  margin-top:10px
}
.deposit-success-popup .fa-check {
  border:1px solid #7f7f7f;
  width:48px;
  height:48px;
  display:grid;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  font-size:20px
}
.deposit-success-popup .title-text {
  line-height:0;
  margin-top:43px
}
.funds.kyc-section {
  padding:4em
}
.kyc-section .header-section {
  display:flex;
  align-items:center;
  justify-content:space-between
}
.kyc-section .header-section img {
  height:3em;
  width:auto;
  -webkit-filter:brightness(0%);
  filter:brightness(0%)
}
.kyc-section .header-section .kyc-title {
  color:#06a351;
  font-size:20px;
  font-weight:700
}
.kyc-section .form-kyc-wrap {
  padding:2em 4em;
  margin-bottom:2em;
  background-color:#dad8d8;
  border-radius:5px;
  box-shadow:0 1px 9px #bebecf;
  position:relative
}
.kyc-section .form-kyc-wrap .asf-logo {
  position:absolute;
  right:8px;
  top:9px;
  width:35px;
  height:auto
}
.kyc-section .kyc-notice {
  color:#fff;
  background-color:#06a351;
  padding:6px 8px;
  border-radius:8px;
  margin-bottom:10px;
  display:inline-block
}
.kyc-section .form-kyc {
  display:flex;
  gap:3em
}
.kyc-section .form-kyc>div {
  flex:1
}
.kyc-section .form-kyc .f-row {
  display:flex;
  margin-bottom:9px;
  border-bottom:1px solid #c2bdbd;
  padding-bottom:9px
}
.kyc-section .form-kyc .f-row .f-icon {
  padding:6px 8px;
  background-color:#06a351;
  color:#fff;
  min-width:14px;
  text-align:center;
  border-radius:5px
}
.kyc-section .form-kyc .f-row .f-field {
  margin-bottom:0;
  flex:1;
  padding:0 0 0 8px
}
.kyc-section .form-kyc .f-row .f-field>* {
  border-radius:5px
}
.kyc-section .form-kyc .f-row .f-field.otp-field {
  display:flex;
  gap:7px;
  align-items:center
}
.kyc-section .form-kyc .f-row .f-field.otp-field>input,
.kyc-section .form-kyc .f-row .f-field.otp-field>p,
.kyc-section .form-kyc .f-row .f-field.otp-field>select {
  width:90px
}
.kyc-section .form-kyc .f-row .f-field.otp-field>input[type=file].error {
  padding:4px 12px
}
.kyc-section .form-kyc .f-row .f-field.otp-field>p {
  margin:0;
  color:#06a351;
  font-weight:700
}
.kyc-section .form-kyc .f-row .f-field.otp-field .display-wrap {
  flex:1;
  position:relative
}
.kyc-section .form-kyc .f-row .f-field.otp-field .display-wrap input {
  border-radius:5px
}
.kyc-section .form-kyc .f-row .f-field.otp-field .display-wrap a {
  position:absolute;
  color:#ff6f00;
  font-size:12px;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  right:6px
}
.kyc-section .form-kyc .f-row .f-field.otp-field .display-wrap a.waiting {
  color:#706969
}
.kyc-section .tnc-kyc {
  border:1px solid #06a351;
  border-radius:5px;
  padding:1.5em 2em;
  margin-bottom:2em;
  box-shadow:0 1px 9px #bebecf;
  position:relative
}
.kyc-section .tnc-kyc h3 {
  margin-top:0;
  text-align:center;
  font-size:20px
}
.kyc-section .tnc-kyc ol {
  padding-left:14px;
  margin-bottom:0
}
.kyc-section .tnc-kyc .asf-logo-full {
  position:absolute;
  right:0;
  bottom:-62px;
  width:165px;
  height:auto
}
.kyc-section .agree-kyc {
  display:block;
  margin:0 0 1em 2em
}
.kyc-section .agree-kyc.err {
  color:#fc1919
}
.kyc-section .error-section {
  border-radius:5px;
  padding:14px;
  margin-bottom:1.5em;
  background-color:#fff;
  border:1px solid #da0808;
  display:none
}
.kyc-section .btn-wrap {
  text-align:center
}
.form-detail.input-otp {
  position:relative
}
.form-detail.input-otp .send-otp {
  position:absolute;
  color:#ff6f00;
  font-size:12px;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  right:21px;
  margin-top:12px
}
.form-detail.input-otp .error+.send-otp {
  margin-top:2px
}
.form-detail.input-otp .send-otp.waiting {
  color:#706969
}
.profile .profile__nav ul li {
  position:relative
}
.notif-wrapper {
  position:absolute;
  top:0;
  right:10px;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
.notif-info {
  display:inline-block;
  background:#ffcd00;
  padding:2px 5px;
  border-radius:17px;
  font-size:10px;
  color:#000
}
.notanim {
  -webkit-animation:notanim 2s ease infinite;
  animation:notanim 2s ease infinite
}
@-webkit-keyframes notanim {
  70% {
    -webkit-transform:translateY(0);
    transform:translateY(0)
  }
  80% {
    -webkit-transform:translateY(-15%);
    transform:translateY(-15%)
  }
  90% {
    -webkit-transform:translateY(0);
    transform:translateY(0)
  }
  95% {
    -webkit-transform:translateY(-7%);
    transform:translateY(-7%)
  }
  97% {
    -webkit-transform:translateY(0);
    transform:translateY(0)
  }
  99% {
    -webkit-transform:translateY(-3%);
    transform:translateY(-3%)
  }
  100% {
    -webkit-transform:translateY(0);
    transform:translateY(0)
  }
}
.content-box__text {
  display:none
}
.home-games>.title span {
  font-size:20px
}
.home-games>.title svg {
  width:28px!important;
  height:28px!important
}
.services .box h4 {
  font-size:20px
}
.services .box h4 {
  margin:0 18px 5px
}
.services .box .deposit-withdraw .card .progress {
  height:5px;
  margin:5px 0
}
.services .box .deposit-withdraw .card .progress-bar {
  height:5px
}
.services .box .deposit-withdraw .card .progress-bar::before {
  top:-6px;
  width:16px;
  height:16px
}
.services .box-item .deposit-withdraw {
  gap:4px
}
.services .box-item {
  height:220px
}
.services .box .member-service .swiper-wrapper {
  min-height:220px
}
.services .box .download a {
  position:absolute;
  bottom:10px;
  right:12px
}
.services .box-item.download {
  position:relative
}
.services .box .download a img {
  margin-top:0;
  height:45px;
  -o-object-fit:contain;
  object-fit:contain
}
.service .box.end {
  flex:0.7
}
.services .box.half {
  flex:1
}
.services .box {
  flex:1;
  overflow:hidden
}
.services .box-item.download img {
  width:100%
}
.box-item .box-title {
  font-size:20px
}
.box-item .box-row-title .text-description {
  color:#c9c9c9;
  opacity:.8;
  margin:0;
  display:flex
}
.box-item .box-row-title .text-description svg {
  width:20px;
  height:20px;
  overflow:visible;
  opacity:1;
  z-index:1;
  fill:rgb(255,255,255);
  margin-right:10px
}
.services .box-item.download img {
  width:auto;
  height:100%
}
.services .box .download a img {
  height:40px
}
.services .box-item {
  height:190px
}
.services .box .member-service .swiper-wrapper {
  min-height:190px
}
.box-item.member-service .swiper-container {
  margin-left:auto;
  margin-right:auto;
  position:relative;
  overflow:hidden;
  list-style:none;
  padding:0;
  z-index:1;
  border-radius:15px;
  height:190px;
  background-color:#101010;
}
.services .box .member-service i {
  font-size:22px;
  width:2em;
  line-height:1.5em;
  text-align:center;
  color:#fff;
  padding-left:4px
}