body {
  background-color: #1f1f1f;
  color: #fff;
  font-size: 12px;
}
::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}
#footer p {
  color: #fff;
}
.lang-inline li + li {
  margin-left: 5px;
}
.modal-backdrop.show {
  opacity: 0.8;
}
.modal-content.video-frame {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
.modal-content.video-frame iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#headerLogged,
#header {
  width: 100%;
  background-color: #151515;
  width: 100%;
}
#headerLogged p,
#header p {
  font-size: 12px;
}
ul {
  padding-left: 15px;
}
a,
a:after,
a:before,
a:focus,
a:hover {
  transition: all 0.5s ease;
}
ul.after-login li a,
.footer-menu li a {
  color: #fff;
}
.mobile-menu .mobile-menu-content ul li.nav-item a,
#mobile-menu .col a {
  color: #f1c72f;
}
#tblGameDetails button {
  padding: 5px 10px;
  font-size: 12px;
  color: #fff;
  margin-right: 10px;
}
.navbar-toggler {
  border: 0;
}
.custom-toggler.navbar-toggler {
  border-color: #fff;
}
.custom-toggler .navbar-toggler-icon {
  background-image: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB2aWV3Qm94PScwIDAgMzIgMzInIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggc3Ryb2tlPSdyZ2JhKDI1NSwxMDIsMjAzLCAwLjcpJyBzdHJva2Utd2lkdGg9JzInIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLW1pdGVybGltaXQ9JzEwJyBkPSdNNCA4aDI0TTQgMTZoMjRNNCAyNGgyNCcvPjwvc3ZnPg==);
}
.top-nav #drop3 {
  display: block;
  width: 100px;
}
.top-nav > ul {
  display: inline-block;
  margin-top: 10px;
}
.top-nav > ul ul.dropdown-menu {
  background-color: #4e4e4e;
  border-radius: 0;
}
.dropdown .dropdown-menu {
  background-color: #4e4e4e;
  width: 100%;
}
.dropdown .dropdown-menu a {
  color: #fff !important;
  background-color: transparent;
}
.top-nav > ul ul.dropdown-menu li {
  padding: 5px 15px;
  font-size: 14px;
}
.top-nav > ul:not(.lang-inline)::after {
  content: "Profile";
  position: absolute;
  top: 10px;
  left: 50px;
  z-index: -1;
}
.top-nav > ul.lang-inline {
  float: right;
}
ul.after-login {
  padding-left: 0;
  margin-top: 40px;
  margin-bottom: 0;
}
ul.after-login li:last-child {
  float: right;
}
.btn.btn-primary,
ul.after-login li:last-child {
  background-color: #971323;
  color: #fff;
  border-radius: 0.25rem;
  border: 0;
  text-decoration: none;
}
ul.after-login li {
  display: inline-block;
  padding: 10px 15px;
}
ul.after-login li + li {
  border-left: 1px solid #616161;
}
#drop3 i {
  font-size: 14px;
}
.lang-inline {
  margin-top: 10px;
}
.lang-inline li {
  display: inline-block;
}
.lang-inline li:hover img,
.lang-inline li a.active img {
  opacity: 1;
}
.lang-inline li img {
  width: 20px;
  opacity: 0.3;
}
#language .btn {
  padding: 2px 10px;
  font-size: 12px;
  border-radius: 0;
}
#language li {
  font-size: 12px;
  padding: 2px 10px;
  cursor: pointer;
}
#datetimePublic,
#datetimeLogged {
  color: #f8d453;
  top: 10px;
  position: absolute;
}
.loginForm {
  width: 100%;
  margin-top: 10px;
}
label input {
  margin-top: 5px;
}
.form-control:disabled,
.form-control[readonly],
.form-control:disabled:focus,
.form-control[readonly]:focus {
  background-color: #b3b3b3;
}
select option {
  background-color: #000;
}
input::-webkit-input-placeholder {
  color: #f8d453 !important;
}
input:-moz-placeholder {
  color: #f8d453 !important;
}
input::-moz-placeholder {
  color: #f8d453 !important;
}
input:-ms-input-placeholder {
  color: #f8d453 !important;
}
.joinBtn,
input.form-control,
input.form-control:focus,
select.form-control,
select.form-control:focus,
textarea.form-control,
textarea.form-control:focus {
  background: #4f4f4f;
  background: -moz-linear-gradient(
    top,
    rgba(79, 79, 79, 1) 0%,
    rgba(0, 0, 0, 1) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(79, 79, 79, 1) 0%,
    rgba(0, 0, 0, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(79, 79, 79, 1) 0%,
    rgba(0, 0, 0, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f4f4f',endColorstr='#000000',GradientType=0);
  color: #fff;
  border-radius: 4px;
  border-image: linear-gradient(to left, #f8d453 0%, #f5bc1f 100%);
  border-image-slice: 1;
  border-width: 2px;
}
.modal-content label,
#headerLogged label,
#header label {
  color: #f8d453 !important;
}
.modal-content,
.about,
.jackpot,
#headerLogged,
#header {
  color: #fff;
}
label:not(#title) {
  margin-top: 10px;
}
.joinBtn {
  color: #000;
}
.loginForm .form-group input[type="text"] {
  width: 100%;
}
.mobile-btn,
.mobile-btn:hover,
.mobile-btn::after,
.loginForm input[type="submit"] {
  background-color: #971323;
  color: #fff;
  border: 0;
}
.mobile-btn {
  position: absolute;
  right: 30px;
  top: 41px;
}
.joinBtn {
  font-size: 20px;
  background: #fde988;
  background: -moz-linear-gradient(left, #fde988 0%, #fdf8c8 36%, #f4d34b 100%);
  background: -webkit-linear-gradient(
    left,
    #fde988 0%,
    #fdf8c8 36%,
    #f4d34b 100%
  );
  background: linear-gradient(to right, #fde988 0%, #fdf8c8 36%, #f4d34b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fde988',endColorstr='#f4d34b',GradientType=1);
  height: 65px;
  width: 100%;
}
.navbar-brand img {
  max-width: 100px;
  margin-top: 5px;
}
.navbar {
  border-top: 1px solid #3e3e3e;
  border-bottom: 1px solid #3e3e3e;
  background: #111;
  background: -moz-linear-gradient(
    top,
    rgba(17, 17, 17, 1) 0%,
    rgba(56, 56, 56, 1) 53%,
    rgba(17, 17, 17, 1) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(17, 17, 17, 1) 0%,
    rgba(56, 56, 56, 1) 53%,
    rgba(17, 17, 17, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(17, 17, 17, 1) 0%,
    rgba(56, 56, 56, 1) 53%,
    rgba(17, 17, 17, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111',endColorstr='#111111',GradientType=0);
  margin-top: 10px;
  padding: 0;
}
.navbar::before {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  top: 0;
  background: #fde988;
  background: -moz-linear-gradient(left, #fde988 0%, #fdf8c8 36%, #f4d34b 100%);
  background: -webkit-linear-gradient(
    left,
    #fde988 0%,
    #fdf8c8 36%,
    #f4d34b 100%
  );
  background: linear-gradient(to right, #fde988 0%, #fdf8c8 36%, #f4d34b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fde988',endColorstr='#f4d34b',GradientType=1);
}
.navbar::after {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  background: #fde988;
  background: -moz-linear-gradient(left, #fde988 0%, #fdf8c8 36%, #f4d34b 100%);
  background: -webkit-linear-gradient(
    left,
    #fde988 0%,
    #fdf8c8 36%,
    #f4d34b 100%
  );
  background: linear-gradient(to right, #fde988 0%, #fdf8c8 36%, #f4d34b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fde988',endColorstr='#f4d34b',GradientType=1);
}
.navbar-nav {
  width: 100%;
  text-align: center;
}
.navbar-nav .dropdown {
  display: none;
}
.navbar-nav .nav-item {
  padding: 0.4rem;
  margin: auto;
  max-width: 120px;
}
.navbar-nav .nav-item img {
  display: block;
  width: 40px;
  margin: auto;
}
.slots-slider.owl-carousel img {
  width: 150px;
}
.owl-nav img {
  width: 50px;
  opacity: 0.8;
}
.owl-nav {
  position: relative;
  top: -160px;
}
.owl-dots {
  position: relative;
  top: -40px;
}
.owl-nav .owl-prev {
  float: left !important;
}
.owl-nav .owl-next {
  float: right !important;
}
.game_pagebtn,
.game_pagebtn:hover {
  color: #000;
  padding: 10px 15px;
  margin-left: 15px;
  position: relative;
  top: -10px;
}
.game_pagebtn,
.navbar-nav .nav-item.active {
  background: #fde988;
  background: -moz-linear-gradient(
    top,
    #fde988 0%,
    #fdf8c8 50%,
    #fdf8c8 50%,
    #fde988 100%
  );
  background: -webkit-linear-gradient(
    top,
    #fde988 0%,
    #fdf8c8 50%,
    #fdf8c8 50%,
    #fde988 100%
  );
  background: linear-gradient(
    to bottom,
    #fde988 0%,
    #fdf8c8 50%,
    #fdf8c8 50%,
    #fde988 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fde988',endColorstr='#fde988',GradientType=0);
}
.navbar-nav .nav-item.active a {
  color: #000 !important;
}
.navbar-dark .navbar-nav .nav-link {
  color: #f8d453;
}
.navbar-nav .nav-item.vip img {
  width: 30px;
  padding-left: 10px;
  position: relative;
  top: -3px;
}
marquee {
  background-color: rgba(255, 255, 255, 0.2);
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 16px;
}
.announcementWrapper .td-2 a {
  padding: 10px 15px;
  font-style: italic;
  color: #b1b1b1;
  font-size: 12px;
}
.loginForm .td-3 input {
  width: 90%;
  height: 40px;
  margin-left: 5%;
}
.loginForm .td-3 input {
  margin-top: 5px;
}
.loginForm .td-4 input {
  margin-top: 3px;
  min-width: 120px;
  height: 80px;
}
.owl-carousel + section {
  margin-top: 10px;
}
section {
  margin-top: 50px;
}
.promotion {
  text-align: center;
  margin-top: 50px;
}
.promotion [class*="col-"] {
  margin-top: 20px;
}
.sub-banner .col {
  position: relative;
}
.sub-banner .title {
  text-align: center;
  width: calc(100% - 30px);
  position: absolute;
  top: calc(50% - 20px);
}
.sub-page-title {
  color: #fff;
}
.sub-page-title + .btn {
  margin-bottom: 20px;
  margin-top: 20px;
}
.register-jackpot {
  position: relative;
}
.steps {
  background: #4f4f4f;
  background: -moz-linear-gradient(
    top,
    rgb(117, 107, 107) 0%,
    rgba(0, 0, 0, 1) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(53, 53, 53, 1) 0%,
    rgba(0, 0, 0, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(53, 53, 53, 1) 0%,
    rgba(0, 0, 0, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f4f4f',endColorstr='#000000',GradientType=0);
  margin: 0;
  border: solid 2px #e7bb4a;
}
.steps * {
  display: inline-block;
  background: -webkit-linear-gradient(#fde988, #ebbb1f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
}
.steps .col {
  padding: 10px 20px;
  text-align: center;
}
.steps .col h1 {
  font-size: 2.8rem;
  font-weight: 700;
}
.steps .col .arrow {
  position: absolute;
  top: 0;
  height: 100%;
}
.steps p {
  line-height: 18px;
  font-size: 18px;
  font-weight: 600;
  text-align: left;
}
section.jackpot .jackpot:after {
  content: "";
  background: linear-gradient(90deg, #64000f, #3f0000);
  background-size: 400% 400%;
  -webkit-animation: AnimationName 4s ease infinite;
  -moz-animation: AnimationName 4s ease infinite;
  animation: AnimationName 4s ease infinite;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
@-webkit-keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@-moz-keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
section.jackpot .jackpot {
  background-image: url(../img/jackpot-light.png), url(../img/jackpot-light.png),
    url(../img/jackpot-light.png), url(../img/jackpot-light.png);
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-size: 15px 15px, 15px 15px, 15px 15px, 15px 15px;
  background-position: 0 0, 100% 100%, 0 100%, 100% 0;
  padding: 20px 30px;
  animation: border-dance 4s infinite linear;
}
@keyframes border-dance {
  0% {
    background-position: 0 0, 100% 100%, 0 100%, 100% 0;
  }
  100% {
    background-position: 100% 0, 0 100%, 0 0, 100% 100%;
  }
}
section.jackpot .about {
  background-color: #222;
  padding: 15px;
  border: solid 2px #e7bb4a;
}
section.jackpot h3 {
  color: #e7bb4a;
  text-transform: uppercase;
}
section.jackpot .jackpot span {
  font-size: 40px;
}
section.jackpot .jackpot span + span {
  font-size: 40px;
  color: #000;
  border-radius: 4px;
  padding: 0 15px;
  background: #fde988;
  background: -moz-linear-gradient(left, #fde988 0%, #fdf8c8 36%, #f4d34b 100%);
  background: -webkit-linear-gradient(
    left,
    #fde988 0%,
    #fdf8c8 36%,
    #f4d34b 100%
  );
  background: linear-gradient(to right, #fde988 0%, #fdf8c8 36%, #f4d34b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fde988',endColorstr='#f4d34b',GradientType=1);
}
section.jackpot .jackpot a {
  display: block;
  margin-top: 20px;
  text-decoration: underline;
}
.content-info .nav {
  background-color: #373737;
  border: solid 2px #e7bb4a !important;
  padding: 10px 15px;
  border-bottom: 0;
  width: 100%;
}
.content-info .nav li a {
  color: #9b9b9b;
  padding: 10px 15px;
}
.content-info .nav li a.active {
  color: #ffc653;
}
.content-info .title {
  color: #777;
  font-size: 12px;
  margin-bottom: 20px;
}
.card.account {
  background-color: #f3f3f3;
  color: #000;
}
.card.account .sub-page-title {
  color: #000;
}
.card.account .btn {
  margin-top: 20px;
}
.card.account .sub-title {
  margin-top: 20px;
  color: #971324;
  font-style: italic;
  font-size: 18px;
  margin-bottom: 0;
}
.content-info .tab-content {
  padding: 15px 30px;
  background-color: #f3f3f3;
  color: #000;
}
.pagination .page-link {
  background-color: transparent;
  border: 0;
  color: #fff;
}
.page-item.active .page-link {
  color: #000;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #fde988;
  background: -moz-linear-gradient(left, #fde988 0%, #fdf8c8 36%, #f4d34b 100%);
  background: -webkit-linear-gradient(
    left,
    #fde988 0%,
    #fdf8c8 36%,
    #f4d34b 100%
  );
  background: linear-gradient(to right, #fde988 0%, #fdf8c8 36%, #f4d34b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fde988',endColorstr='#f4d34b',GradientType=1);
  text-align: center;
}
.carousel.slide {
  padding-bottom: 80px;
}
.carousel.slide .carousel-inner .carousel-item img {
  max-width: 700px;
}
.carousel.slide .carousel-indicators {
  bottom: 30px;
}
.carousel.slide .carousel-indicators li {
  width: 100px;
}
footer {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #151515;
}
.powered {
  border-top: 1px solid #3e3e3e;
  margin-top: 50px;
  padding-top: 30px;
  color: #000;
  font-size: 12px;
  margin-bottom: 30px;
}
.copyright {
  color: #fff;
  font-size: 12px;
}
.follow,
.payment {
  color: #777;
  font-size: 12px;
}
.follow i {
  font-size: 16px;
  color: #fff;
  margin-left: 10px;
}
.undergrade {
  padding-left: 50px;
  color: #777;
  font-size: 12px;
}
.undergrade::before {
  content: url(../img/18.png);
  position: absolute;
  left: 0;
}
.chat {
  width: 100px;
  position: relative;
  top: -10px;
}
.footer-menu {
  padding-left: 0;
}
.footer-menu li {
  list-style: none;
  display: inline-block;
}
.footer-menu li + li {
  margin-left: 20px;
}
.game-btns {
}
.game-btns img {
  width: 160px;
  display: block;
}
.game-btns img + img {
  margin-top: 5px;
}
.game-list > [class*="col-"] {
  margin-bottom: 20px;
}
.game-list > [class*="col-"] div.btn {
  color: #000;
  border: 1px solid #ffdd38;
  border-radius: 0;
  background: #fde988;
  background: -moz-linear-gradient(
    top,
    #fde988 0%,
    #fdf8c8 50%,
    #fdf8c8 50%,
    #fde988 100%
  );
  background: -webkit-linear-gradient(
    top,
    #fde988 0%,
    #fdf8c8 50%,
    #fdf8c8 50%,
    #fde988 100%
  );
  background: linear-gradient(
    to bottom,
    #fde988 0%,
    #fdf8c8 50%,
    #fdf8c8 50%,
    #fde988 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fde988',endColorstr='#fde988',GradientType=0);
}
.game-list > [class*="col-"] div.btn {
  width: calc(100% / 3) !important;
}
.youtube-channel {
  text-align: center;
}
.youtube-channel + a.btn {
  background-color: #9c0b0b;
  margin-top: 20px;
  color: #fff;
}
.youtube-channel + a.btn:hover {
  cursor: pointer;
}
.slot-list > [class*="col-"] {
  margin-top: 30px;
}
.slot-list .game-btns img {
  width: 120px;
}
.content-tab {
  border: 1px solid #4a4a4a;
}
.content-body > * {
  padding: 30px;
  min-height: 400px;
}
.content-tab .nav-tab {
  list-style: none;
}
.content-tab .nav-tabs li {
  display: inline-block;
}
.content-tab .nav-tabs {
  background-color: #4a4a4a;
}
.content-tab .nav-tabs li a {
  padding: 15px 30px;
  color: #ffc653;
  width: 100%;
  display: block;
  text-align: center;
}
.content-tab .nav-tabs li a.active {
  color: #ffc653;
  font-weight: 600;
  border-bottom: 2px solid #ffc653;
}
.depChannel:not(.active) {
  filter: grayscale(100%);
}
.content-tab .tab-pane {
  display: none;
}
.content-tab .tab-pane .btn {
  margin-top: 20px;
}
.content-tab .tab-pane.show {
  display: block;
}
.content-tab .content-body {
  min-height: 400px;
  width: 100%;
  color: #000;
  background-color: #f3f3f3;
  display: inline-block;
}
.tab_div .nav-tabs {
  margin-top: 20px;
  height: 28px;
}
.tab_div .nav-tabs li a {
  padding: 10px 15px;
  background-color: #636363;
  min-width: 120px;
  text-align: center;
}
.tab_div .nav-tabs li a.active {
  background-color: #0e0e0e;
}
.calendar .btn-primary,
.calendar .btn-primary:hover,
.calendar .btn-primary:after,
.calendar .btn-primary:focus {
  min-width: inherit;
  width: 50px !important;
}
.datetimepicker-input a,
.calendar a {
  color: #18bc9c !important;
}
.dataTables_paginate .paginate_button.active a {
  color: #000;
}
.dataTables_paginate .paginate_button.active {
  background: #fde988;
  background: -moz-linear-gradient(
    top,
    #fde988 0%,
    #fdf8c8 50%,
    #fdf8c8 50%,
    #fde988 100%
  );
  background: -webkit-linear-gradient(
    top,
    #fde988 0%,
    #fdf8c8 50%,
    #fdf8c8 50%,
    #fde988 100%
  );
  background: linear-gradient(
    to bottom,
    #fde988 0%,
    #fdf8c8 50%,
    #fdf8c8 50%,
    #fde988 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fde988',endColorstr='#fde988',GradientType=0);
}
#divModalContent table {
  width: 100% !important;
}
#divModalContent table h5 {
  font-size: 1.1rem !important;
}
.table {
  color: #000;
}
.table-theme {
  margin-bottom: 20px;
}
.dataTables_wrapper {
  margin-top: 20px;
}
.table-theme tr:first-child {
  border-bottom: 1px solid #3e3e3e;
}
.table-theme * {
  padding: 10px 15px;
}
.table-theme td {
  border: 1px solid #000;
}
.table-theme.dataTable tbody tr {
  background-color: transparent !important;
}
.table-theme tr:nth-child(even),
.table-theme tr.spr {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.table-theme.dataTable .sorting_1,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #000 !important;
}
.progress {
  margin-bottom: 20px;
  border-radius: 40px;
  border: 2px solid #ffebb5;
  height: 2rem;
  border-radius: 40px;
  background: #111;
  background: -moz-linear-gradient(
    top,
    rgba(17, 17, 17, 1) 0%,
    rgba(56, 56, 56, 1) 53%,
    rgba(17, 17, 17, 1) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(17, 17, 17, 1) 0%,
    rgba(56, 56, 56, 1) 53%,
    rgba(17, 17, 17, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(17, 17, 17, 1) 0%,
    rgba(56, 56, 56, 1) 53%,
    rgba(17, 17, 17, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111',endColorstr='#111111',GradientType=0);
}
/* .progress:after {
  content: "";
  border: 2px solid #ffebb5;
  height: 2rem;
  border-radius: 40px;
  background: #111;
  background: -moz-linear-gradient(
    top,
    rgba(17, 17, 17, 1) 0%,
    rgba(56, 56, 56, 1) 53%,
    rgba(17, 17, 17, 1) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(17, 17, 17, 1) 0%,
    rgba(56, 56, 56, 1) 53%,
    rgba(17, 17, 17, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(17, 17, 17, 1) 0%,
    rgba(56, 56, 56, 1) 53%,
    rgba(17, 17, 17, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111',endColorstr='#111111',GradientType=0);
  width: calc(100% - 30px);
  position: absolute;
  left: 15px;
  right: 15px;
  z-index: -1;
} */
.progress .progress-bar {
  color: #000;
  font-weight: bold;
}

@keyframes shine {
  to {
    background-position: 200% center;
  }
}
.info-status {
  color: #fff;
  background-color: #353535;
  list-style: none;
  padding: 10px 15px;
  border-left: 2px solid #f8d453;
  border-right: 2px solid #f8d453;
  position: relative;
}
.info-status img.crown {
  position: absolute;
  left: 10px;
  top: 5px;
}
.info-status .membership {
  margin-left: 60px;
}

.info-status ul {
  margin-bottom: 0;
  padding-left: 0;
}

.info-status ul li {
  display: inline-block;
  padding: 5px;
  min-width: 25%;
}

.info-status ul li p {
  margin-bottom: 0;
  font-size: 12px;
}

.info-status ul li p img {
  margin-left: 5px;
  top: -2px;
  position: relative;
  cursor: pointer;
}

.info-status ul li p + p {
  color: #efba31;
  font-weight: bold;
}

.info-status ul li .withdrawal-tip {
  display: none;
}

.info-status ul li:hover .withdrawal-tip {
  display: block;
  z-index: 999;
  position: absolute;
  font-size: 12px;
  padding: 10px 15px;
  background-color: rgba(0, 0, 0, 0.9);
  color: #fff;
  border-radius: 4px;
  top: 40px;
}

.info-status ul li:hover .withdrawal-tip span {
  color: #efba31;
  font-weight: bold;
}

.info-status ul li + li {
  border-left: 1px dotted #606060;
  min-width: 23%;
  text-align: center;
}
.vip {
  color: #fff;
}

.vip .yellow {
  color: #efba31;
}

.vip .title {
  color: #efba31;
}

.vip .status table td {
  color: #fff;
}
table.rank-vip {
  width: 100%;
  margin-top: 50px;
  text-align: center;
}
table.rank-vip tr {
  border-bottom: 1px solid #8e8e8e !important;
}
table.rank-vip th {
  background-color: transparent !important;
  border: 0 !important;
  padding: 10px;
}
table.rank-vip th p {
  color: #fff;
  font-weight: 100;
}
table.rank-vip th:first-child {
  color: #000;
  font-size: 16px;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#efba31),
    color-stop(18%, #efba31),
    to(#f5efb6)
  );
  background: linear-gradient(90deg, #efba31 0%, #efba31 18%, #f5efb6 100%);
}
table.rank-vip th + th {
  min-width: 170px;
}
table.rank-vip td {
  padding: 20px 15px;
}
table.rank-vip td:nth-child(even) {
  background-color: #3e3e3e;
}

table.rank-vip td:first-child {
  color: #efba31;
  font-weight: bold;
  font-size: 16px;
}

table.rank-vip img {
  display: block;
  margin: auto;
}

table.rank-vip.current-1 td:nth-child(2),
table.rank-vip.current-2 td:nth-child(3),
table.rank-vip.current-3 td:nth-child(4),
table.rank-vip.current-4 td:nth-child(5),
table.rank-vip.current-5 td:nth-child(6),
table.rank-vip.current-6 td:nth-child(7),
table.rank-vip.current-1 tr:first-child th:nth-child(2),
table.rank-vip.current-2 tr:first-child th:nth-child(3),
table.rank-vip.current-3 tr:first-child th:nth-child(4),
table.rank-vip.current-4 tr:first-child th:nth-child(5),
table.rank-vip.current-5 tr:first-child th:nth-child(6),
table.rank-vip.current-6 tr:first-child th:nth-child(7) {
  border-left: 1px solid #efba31;
  border-right: 1px solid #efba31;
  border-top: 1px solid #131313;
  background-color: #131313;
}

table.rank-vip.current-1 td:nth-child(2),
table.rank-vip.current-2 td:nth-child(3),
table.rank-vip.current-3 td:nth-child(4),
table.rank-vip.current-4 td:nth-child(5),
table.rank-vip.current-5 td:nth-child(6),
table.rank-vip.current-6 td:nth-child(7) {
  font-weight: bold;
}

table.rank-vip.current-1 tr:last-child th:nth-child(2),
table.rank-vip.current-2 tr:last-child th:nth-child(3),
table.rank-vip.current-3 tr:last-child th:nth-child(4),
table.rank-vip.current-4 tr:last-child th:nth-child(5),
table.rank-vip.current-5 tr:last-child th:nth-child(6),
table.rank-vip.current-6 tr:last-child th:nth-child(7) {
  border-bottom: 1px solid #efba31;
}

.vip-rule {
  display: inline-block;
  border-bottom: 1px dotted #efba31;
  color: #efba31;
}

.vip-rule + ul {
  list-style: decimal;
  color: #fff;
}
.modal-content {
  background-color: #151515;
}
.modalForm .modal-content label {
  display: block;
}
.modalForm .btn-submit {
  width: 150px;
}
.modalForm .forgetPassword {
  padding-left: 30px;
}
.modalForm .division {
  float: none;
  margin: 20px auto 18px;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
}
.close {
  color: #fff;
}
.modalForm .division .line {
  border-top: 1px solid #dfdfdf;
  position: absolute;
  top: 10px;
  width: 34%;
}
.modalForm .division span {
  font-size: 17px;
}
.modalForm .division .line.l {
  left: 0;
}
.modalForm .division .line.r {
  right: 0;
}
.modalForm .joinBtn {
  height: calc(2.25rem+2px);
}
.btn {
  color: #fff;
  text-decoration: underline;
}
.movie .text-container {
  position: absolute;
  bottom: 35px;
  z-index: 5;
  padding: 5px 15px;
  background: rgb(13, 13, 13);
  background: -moz-linear-gradient(
    62deg,
    rgba(13, 13, 13, 1) 46%,
    rgba(54, 54, 54, 0) 100%
  );
  background: -webkit-linear-gradient(
    62deg,
    rgba(13, 13, 13, 1) 46%,
    rgba(54, 54, 54, 0) 100%
  );
  background: linear-gradient(
    62deg,
    rgba(13, 13, 13, 1) 46%,
    rgba(54, 54, 54, 0) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0d0d0d",endColorstr="#363636",GradientType=1);
}
.movie {
  position: relative;
}
.movie .text-container .title {
  color: #ffc653;
}
.movie .text-container .title a {
  color: #fff;
}
.movie .watch {
  background-color: #971323;
  padding: 10px 15px;
  border-radius: 4px;
  color: #fff;
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.movie .watch img {
  width: 30px;
  margin-right: 10px;
}
#contact {
  background-image: url(../img/contact.jpg);
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px;
  color: #fff;
}
.contact-us {
  border: 1px solid #3e3e3e;
  background-color: rgba(0, 0, 0, 0.5);
  width: 400px;
  padding: 15px;
}
.contact-us .contact-list {
  padding-left: 0;
}
.contact-us .contact-list li {
  list-style: none;
  margin-top: 15px;
}
.contact-us .contact-list img {
  width: 30px;
  margin-right: 15px;
}
.lucky-wheel-gif {
  position: fixed;
  bottom: 20%;
  z-index: 99;
  width: 120px;
}
.rescue-chest-gif {
    position: fixed;
    bottom: 20%;
    z-index: 99;
    width: 120px;
}
@media only screen and (min-width: 768px) {
  .bank-account-detail {
  }
}
@media only screen and (max-width: 768px) {
  .bank-account-detail {
    width: 100%;
    font-size: 14px;
    padding: 10px;
    margin-top: 10px;
  }
  .live-chat {
    display: none;
  }
}
.LockOn {
  display: block;
  position: fixed;
  z-index: 1080;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 105%;
  height: 105%;
  background-color: #fff;
  vertical-align: bottom;
  padding-top: 20%;
  filter: alpha(opacity=75);
  opacity: 0.75;
  background-image: url(../img/loader.gif);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  margin-top: 10px;
}

#progressbar {
    overflow: hidden;
    color: lightgrey;
    padding-left: 0;
    margin-top: 20px;
    padding-right: 15px;
}

    #progressbar .active {
        color: #ffc107;
    }

    #progressbar li {
        list-style-type: none;
        font-size: 15px;
        width: 16.6%;
        float: left;
        position: relative;
        font-weight: 400;
    }

    #progressbar #step1:before {
        background: url(https://elive777.info/home/assets/img/icon/VIP/bronze.png);
    }

    #progressbar #step2:before {
        background: url(https://elive777.info/home/assets/img/icon/VIP/silver.png);
    }

    #progressbar #step3:before {
        background: url(https://elive777.info/home/assets/img/icon/VIP/gold.png);
    }

    #progressbar #step4:before {
        background: url(https://elive777.info/home/assets/img/icon/VIP/platinum.png);
    }

    #progressbar #step5:before {
        background: url(https://elive777.info/home/assets/img/icon/VIP/diamond.png);
    }

    #progressbar #step6:before {
        background: url(https://elive777.info/home/assets/img/icon/VIP/supreme.png);
    }

    #progressbar li:before {
        content: "";
        width: 80px;
        height: 80px !important;
        background-size: cover !important;
        float: right;
        margin-right: -15px !important;
    }

    #progressbar li:after {
        content: "";
        width: 100%;
        height: 10px;
        background: lightgray;
        position: absolute;
        left: 0;
        top: 25px;
        z-index: -1;
    }

    #progressbar li.active:before,
    #progressbar li.active:after {
        background: #ffc107;
    }

.e7-progress {
    height: 0px;
}

.e7-progress-bar {
    background-color: #ffc107;
}


.gameType:not(.active) {
    filter: grayscale(100%);
}

/* FCM Reminder Notification */
.noti-overlay {
    width: 100%;
    height: 0;
    position: fixed;
    bottom: -10px;
    z-index: 10;
    background-color: white;
    color: black;
    transition: 1.0s;
    border-radius: 0.5rem;
    border: 1px solid #A4A4A4;
}

.noti-close {
    cursor: pointer;
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

.jconfirm.jconfirm-noti-prompt .jconfirm-box-container.jconfirm-no-transition {
    position: fixed;
    top: 0px;
    width: inherit;
}

/* Desktop */
@media only screen and (min-width: 768px) {
    .show-noti-overlay {
        width: 30%;
        top: 5px;
        height: 90px;
        left: 10%;
    }
}

/* Mobile */
@media only screen and (max-width: 767px) {
    .show-noti-overlay {
        bottom: 90px;
        height: 90px;
    }
}
/* FCM Reminder Notification */